@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 58, /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 65, /app/app/assets/stylesheets/audit.scss */
  .bdl-col-md-1 {
    width: calc(100%/12) !important;
  }

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

  /* line 187, /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 198, /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 207, /app/app/assets/stylesheets/audit.scss */
.bdl-row {
  display: flex;
  flex-wrap: wrap;
}

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

/* line 398, /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 402, /app/app/assets/stylesheets/audit.scss */
.bdl-bg-func-pos {
  background-color: #54D370;
}

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

/* line 546, /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 550, /app/app/assets/stylesheets/audit.scss */
.bdl-border-func-pos {
  border: 1px solid #54D370 !important;
}

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

/****************************************************************************************************************************************************************************************
******** TYPOGRAPHY ******************************************************************************************************************************************************************
****************************************************************************************************************************************************************************************/
/* line 562, /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 577, /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 584, /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 591, /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 598, /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 605, /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 612, /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 619, /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 626, /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 633, /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 640, /app/app/assets/stylesheets/audit.scss */
.bdl-fw-normal {
  font-weight: 400 !important;
}

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

/* line 794, /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 802, /app/app/assets/stylesheets/audit.scss */
.bdl-shadow {
  box-shadow: 0px 8px 40px 0px rgba(0, 0, 0, 0.08);
}

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

/****************************************************************************************************************************************************************************************
******** COMPONENTS ******************************************************************************************************************************************************************
****************************************************************************************************************************************************************************************/
/** Tags */
/* line 1431, /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 1447, /app/app/assets/stylesheets/audit.scss */
.bdl-tag-modal:focus {
  border: 2px solid #2395FD;
}

/* line 1451, /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 1467, /app/app/assets/stylesheets/audit.scss */
.bdl-tag:focus {
  border: 2px solid #2395FD;
}

/** Tabs **/
/* line 1472, /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 1491, /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 1512, /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 1529, /app/app/assets/stylesheets/audit.scss */
.bdl-button-primary:hover {
  background: #228CEF;
  color: #FFF;
}

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

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

/** Secondary **/
/* line 1547, /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 1564, /app/app/assets/stylesheets/audit.scss */
.bdl-button-secondary-1:hover {
  background: #F1F8FF;
}

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

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

/* line 1584, /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 1595, /app/app/assets/stylesheets/audit.scss */
.bdl-button-secondary-2:hover {
  background: #F4F4F4;
}

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

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

/* line 1613, /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 1629, /app/app/assets/stylesheets/audit.scss */
.bdl-button-tertiary:hover {
  background: #F1F8FF;
}

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

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

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

/* line 1651, /app/app/assets/stylesheets/audit.scss */
.bdl-add-students {
  z-index: 999999 !important;
  padding: 1rem 1.5rem !important;
}
/* line 1654, /app/app/assets/stylesheets/audit.scss */
.bdl-add-students .modal-header {
  padding: 1rem 1.5rem !important;
}
/* line 1657, /app/app/assets/stylesheets/audit.scss */
.bdl-add-students .modal-body {
  display: flex;
  justify-content: space-between;
  gap: 1.5rem;
  padding: 1.5rem;
}
/* line 1664, /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 1673, /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 1682, /app/app/assets/stylesheets/audit.scss */
.bdl-add-students .bdl-option-card svg {
  height: 2rem;
  width: 2rem;
}

/* line 1689, /app/app/assets/stylesheets/audit.scss */
.bdl-add-new-students {
  z-index: 999999 !important;
  padding: 1rem 1.5rem !important;
}
/* line 1691, /app/app/assets/stylesheets/audit.scss */
.bdl-add-new-students .modal-dialog {
  width: 30.75rem !important;
}
@media (max-width: 768px) {
  /* line 1695, /app/app/assets/stylesheets/audit.scss */
  .bdl-add-new-students .modal-dialog {
    width: auto !important;
  }
}
/* line 1701, /app/app/assets/stylesheets/audit.scss */
.bdl-add-new-students .modal-header {
  padding: 1rem 1.5rem !important;
}
/* line 1705, /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 1713, /app/app/assets/stylesheets/audit.scss */
.bdl-add-new-students textarea::placeholder {
  color: var(--bdl-neutral-80, #636363);
}

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

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

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

/* line 1777, /app/app/assets/stylesheets/audit.scss */
.bdl-link-existing-students {
  z-index: 99999999 !important;
}
/* line 1779, /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 1787, /app/app/assets/stylesheets/audit.scss */
.bdl-link-existing-students .copy-link-btn {
  display: flex;
  justify-content: space-between;
  gap: 7px;
}
/* line 1793, /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 1806, /app/app/assets/stylesheets/audit.scss */
.bdl-link-existing-students .class-code-parent {
  border-right: solid 1px var(--neutral-40, #E2E2E2);
}

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

/* line 2054, /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 2058, /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 2065, /app/app/assets/stylesheets/audit.scss */
.bdl-svg-neutral-100 path {
  fill: #000 !important;
}
/* line 2068, /app/app/assets/stylesheets/audit.scss */
.bdl-svg-neutral-100 circle {
  fill: #000 !important;
}

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

/** Component classes */
/* line 2220, /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 2230, /app/app/assets/stylesheets/audit.scss */
.black-friday-banner .svg-white-color {
  width: 24px;
  height: 24px;
}

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

/** more to come */
/* line 2243, /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 2249, /app/app/assets/stylesheets/audit.scss */
.p-non-active-subscription-dt {
  border-radius: 0.875rem;
  background-color: #FCDAD5;
  padding: 1rem;
}

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

/* line 2261, /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 2272, /app/app/assets/stylesheets/audit.scss */
.teacher-homepage-card img {
  height: 7.5rem;
}
/* line 2276, /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 2286, /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 2295, /app/app/assets/stylesheets/audit.scss */
.teacher-homepage-card .card-content .bdl-button-secondary-1 {
  margin-top: 1rem;
  padding: .5rem 1rem;
}
/* line 2298, /app/app/assets/stylesheets/audit.scss */
.teacher-homepage-card .card-content .bdl-button-secondary-1 svg {
  width: 1.5rem;
  height: 1.5rem;
}
/* line 2302, /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 2317, /app/app/assets/stylesheets/audit.scss */
.bdl-text-neutral-80 {
  color: #636363;
}

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

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

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

/* line 2339, /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 2350, /app/app/assets/stylesheets/audit.scss */
.bdl-modal .bdl-modal-header {
  width: 100% !important;
  padding: 0px !important;
  border-bottom: none !important;
}
/* line 2354, /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 2361, /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 2372, /app/app/assets/stylesheets/audit.scss */
.bdl-modal .bdl-modal-body {
  width: 100% !important;
  border-bottom: none !important;
  padding: 0px !important;
}
/* line 2377, /app/app/assets/stylesheets/audit.scss */
.bdl-modal .bdl-modal-footer {
  width: 100% !important;
  border-top: none !important;
  padding: 0px !important;
}

/* line 2384, /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 2391, /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 2397, /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 2405, /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 2417, /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 2422, /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 2432, /app/app/assets/stylesheets/audit.scss */
.bdl-classroom-table-dt .bdl-classroom-table-row:hover {
  background-color: #F1F8FF;
  cursor: pointer;
}

/* line 2439, /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 2447, /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 2454, /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 2461, /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 2472, /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 2478, /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 2485, /app/app/assets/stylesheets/audit.scss */
.bdl-classroom-table-mb .bdl-classroom-table-row .bdl-table-item-mb .item-1 {
  padding: .5rem 1rem;
}
/* line 2488, /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 2491, /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 2502, /app/app/assets/stylesheets/audit.scss */
.bdl-classroom-table-mb .bdl-classroom-table-row:hover {
  background-color: #F1F8FF;
  cursor: pointer;
}

/* line 2509, /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 2517, /app/app/assets/stylesheets/audit.scss */
.bdl-header-dt .bdl-header-dt-section-1 {
  gap: 1.5rem;
}

/* line 2522, /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 2536, /app/app/assets/stylesheets/audit.scss */
.bdl-text-neutral-80 {
  color: #636363;
}

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

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

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

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

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

/* line 2560, /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 2576, /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 2591, /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 2598, /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 2609, /app/app/assets/stylesheets/audit.scss */
.home-child-card-dt .top-wrap-dt h4.heading-non-premium {
  color: #636363;
}
/* line 2613, /app/app/assets/stylesheets/audit.scss */
.home-child-card-dt .top-wrap-dt h4.heading-premium {
  color: #EF9B40;
}
/* line 2617, /app/app/assets/stylesheets/audit.scss */
.home-child-card-dt .top-wrap-dt h4.heading-premium-unlinked {
  color: #999;
}
/* line 2621, /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 2632, /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 2640, /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 2645, /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 2650, /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 2657, /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 2677, /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 2682, /app/app/assets/stylesheets/audit.scss */
.home-child-card-dt .top-wrap-dt.wrap-regular {
  gap: 3.25rem;
}
/* line 2686, /app/app/assets/stylesheets/audit.scss */
.home-child-card-dt .top-wrap-dt.wrap-premium {
  gap: 1rem;
}
/* line 2690, /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 2707, /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 2714, /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 2719, /app/app/assets/stylesheets/audit.scss */
.home-child-card-dt:hover {
  width: 15.875rem;
  height: 26.25rem;
}
/* line 2722, /app/app/assets/stylesheets/audit.scss */
.home-child-card-dt:hover .top-wrap-dt {
  height: 14.25rem;
}
/* line 2724, /app/app/assets/stylesheets/audit.scss */
.home-child-card-dt:hover .top-wrap-dt h4 {
  font-size: 1.625rem;
}
/* line 2728, /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 2732, /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 2739, /app/app/assets/stylesheets/audit.scss */
.bdl-border-primary {
  border: 1px solid var(--bdl-primary-60, #2395FD);
}

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

/* line 2756, /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 2768, /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 2781, /app/app/assets/stylesheets/audit.scss */
input:checked + .bdl-toggle {
  background-color: #C8E4FF;
}

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

/* line 2789, /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 2796, /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 2802, /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 2813, /app/app/assets/stylesheets/audit.scss */
.bdl-large-tabs-menu .bdl-large-tab.inactive {
  background: var(--bdl-neutral-20, #F4F4F4);
  color: #999;
}
/* line 2817, /app/app/assets/stylesheets/audit.scss */
.bdl-large-tabs-menu .bdl-large-tab.inactive svg path {
  fill: #999 !important;
}
/* line 2820, /app/app/assets/stylesheets/audit.scss */
.bdl-large-tabs-menu .bdl-large-tab.inactive svg circle {
  fill: #999 !important;
}
/* line 2826, /app/app/assets/stylesheets/audit.scss */
.bdl-large-tabs-menu .bdl-large-tab.inactive:hover {
  background: var(--bdl-neutral-0, #FFF);
}
/* line 2830, /app/app/assets/stylesheets/audit.scss */
.bdl-large-tabs-menu .bdl-large-tab.active {
  background: var(--bdl-neutral-0, #FFF);
  color: #2395FD;
}
/* line 2834, /app/app/assets/stylesheets/audit.scss */
.bdl-large-tabs-menu .bdl-large-tab.active svg path {
  fill: #2395FD !important;
}
/* line 2837, /app/app/assets/stylesheets/audit.scss */
.bdl-large-tabs-menu .bdl-large-tab.active svg circle {
  fill: #2395FD !important;
}
/* line 2843, /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 2848, /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 2854, /app/app/assets/stylesheets/audit.scss */
.bdl-students-added-mb-modal {
  width: 21rem !important;
  height: 23.4375rem;
  gap: 1rem !important;
}

/* line 2860, /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 2870, /app/app/assets/stylesheets/audit.scss */
.bdl-at-home-access-modal .at-home-header {
  display: flex;
  align-items: center;
  align-self: stretch;
}
/* line 2874, /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 2886, /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 2893, /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 2903, /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 2913, /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 2918, /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 2924, /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 2938, /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 2948, /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 2954, /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 2966, /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 2974, /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 2984, /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 2994, /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 3006, /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 3011, /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 3017, /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 3032, /app/app/assets/stylesheets/audit.scss */
.home-child-card-dt:hover.border-non-premium {
  border: 3px solid var(--bdl-primary-40, #91CAFF);
}

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

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

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

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

/* line 3060, /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 3069, /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 3074, /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 3085, /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 3097, /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 3110, /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 3120, /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 3129, /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 3138, /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 3149, /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 3155, /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 3168, /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 3174, /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 3183, /app/app/assets/stylesheets/audit.scss */
.share-via-link-modal .modal-wrap .bdl-copy-url-dt {
  display: flex;
  align-items: center;
  gap: 1rem;
}
/* line 3187, /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 3197, /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 3211, /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 3225, /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 3236, /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 3243, /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 3256, /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 3264, /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 3273, /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 3279, /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 3290, /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 3303, /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 3318, /app/app/assets/stylesheets/audit.scss */
.bdl-icon-btn-grey {
  display: inline-flex;
  align-items: flex-start;
  gap: 0.5rem;
}
/* line 3322, /app/app/assets/stylesheets/audit.scss */
.bdl-icon-btn-grey path {
  fill: var(--bdl-neutral-60, #999999);
}

/* line 3328, /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 3333, /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 3336, /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 3343, /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 3348, /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 3355, /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 3363, /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 3372, /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 3382, /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 3389, /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 3403, /app/app/assets/stylesheets/audit.scss */
.bdl-p-plan-page-dt .bdl-p-plan-page {
  display: flex;
  padding-top: 3rem;
  padding-bottom: 60%;
  flex-direction: column;
  align-items: flex-start;
}
/* line 3410, /app/app/assets/stylesheets/audit.scss */
.bdl-p-plan-page-dt .bdl-p-plan-page .bdl-p-plan-page-empty-block {
  height: 100%;
}
/* line 3414, /app/app/assets/stylesheets/audit.scss */
.bdl-p-plan-page-dt .bdl-p-plan-page .bdl-p-plan-page-container {
  gap: 1rem;
}
/* line 3417, /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 3425, /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 3436, /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 3446, /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 3452, /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: 11.5rem;
  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 3461, /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 3471, /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;
  width: 12rem;
  flex-direction: column;
  align-items: flex-start;
  flex-shrink: 0;
}
/* line 3478, /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 3486, /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: var(--bdl-accent-orange-80, #EF9B40);
  box-shadow: 0px 8px 40px 0px rgba(0, 0, 0, 0.08);
}
/* line 3495, /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 3505, /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 3514, /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 3522, /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 3526, /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 3536, /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: var(--bdl-accent-orange-80, #EF9B40);
  font-family: "Work Sans";
  font-size: 1.625rem;
  font-style: normal;
  font-weight: 600;
  line-height: 2.5rem;
}
/* line 3546, /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 3556, /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 3561, /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 3566, /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 3573, /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 3579, /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 3587, /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 3595, /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 3605, /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 3610, /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 3618, /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: var(--bdl-accent-orange-80, #EF9B40);
  box-shadow: 0px 8px 40px 0px rgba(0, 0, 0, 0.08);
}
/* line 3627, /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 3638, /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 3650, /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 3657, /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 3667, /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 3676, /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 3684, /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 3696, /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 3706, /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 3711, /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 3716, /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 3724, /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 3735, /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 3746, /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 3753, /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 3763, /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 3770, /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 3776, /app/app/assets/stylesheets/audit.scss */
.bdl-p-plan-page-dt .bdl-p-subtotal .bdl-p-plan-page-empty-block {
  height: 100%;
}
/* line 3780, /app/app/assets/stylesheets/audit.scss */
.bdl-p-plan-page-dt .bdl-p-subtotal .subtotal-wrap {
  display: flex;
  justify-content: flex-end;
  align-items: center;
}
/* line 3785, /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 3793, /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 3801, /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;
}
/* line 3811, /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 3821, /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 3830, /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 3838, /app/app/assets/stylesheets/audit.scss */
.bdl-dropdown-container {
  padding: 0rem !important;
}

/* line 3843, /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 3853, /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 3861, /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 3870, /app/app/assets/stylesheets/audit.scss */
.bdl-pagination-dt {
  display: flex;
  width: 40rem;
  justify-content: space-between;
  align-items: center;
}
/* line 3875, /app/app/assets/stylesheets/audit.scss */
.bdl-pagination-dt .bdl-pagination-pages-dt {
  display: flex;
  align-items: center;
  gap: 0.5rem;
}
/* line 3880, /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 3891, /app/app/assets/stylesheets/audit.scss */
.bdl-pagination-dt .bdl-pagination-pages-dt .bdl-arrow-select svg path {
  fill: #636363;
}
/* line 3894, /app/app/assets/stylesheets/audit.scss */
.bdl-pagination-dt .bdl-pagination-pages-dt .bdl-arrow-select svg circle {
  fill: #636363;
}
/* line 3900, /app/app/assets/stylesheets/audit.scss */
.bdl-pagination-dt .bdl-pagination-pages-dt .bdl-arrow-select:hover {
  background: var(--bdl-neutral-20, #F4F4F4);
}
/* line 3906, /app/app/assets/stylesheets/audit.scss */
.bdl-pagination-dt .bdl-pagination-pages-dt .bdl-arrow-select-disabled svg path {
  fill: #E2E2E2;
}
/* line 3909, /app/app/assets/stylesheets/audit.scss */
.bdl-pagination-dt .bdl-pagination-pages-dt .bdl-arrow-select-disabled svg circle {
  fill: #E2E2E2;
}
/* line 3916, /app/app/assets/stylesheets/audit.scss */
.bdl-pagination-dt .bdl-pagination-items {
  display: flex;
  align-items: flex-start;
  gap: 0.25rem;
}

/* line 3923, /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 3931, /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 3942, /app/app/assets/stylesheets/audit.scss */
.bdl-number-select.active-type {
  background: var(--bdl-neutral-40, #E2E2E2);
}

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

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

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

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

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

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

/* line 3982, /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 3989, /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 3998, /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 4004, /app/app/assets/stylesheets/audit.scss */
.bdl-text-green {
  color: #038800;
}

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

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

/* line 4031, /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 4040, /app/app/assets/stylesheets/audit.scss */
#shareBoddleModal .social-icon {
  border-radius: 8px !important;
}

/* line 4045, /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-assignment-50-80-circle {
  height: 20px !important;
  margin-right: 5px;
}
/* line 355, /app/app/assets/stylesheets/teachers.scss */
.boddle-assignment-50-80-circle path {
  fill: #EF9B40 !important;
}

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

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

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

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

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

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

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

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

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

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

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

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

/* line 421, /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 426, /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 431, /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 436, /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 440, /app/app/assets/stylesheets/teachers.scss */
.boddle-selectable-row {
  border-left: 5px solid transparent;
}

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

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

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

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

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

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

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

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

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

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

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

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

/* line 522, /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 527, /app/app/assets/stylesheets/teachers.scss */
.boddle-skill-row {
  border-bottom: 1px solid #A7A7A72F;
}

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

/* line 537, /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 544, /app/app/assets/stylesheets/teachers.scss */
  .boddle-assignment-heatmap-skill-column {
    min-width: 25vw;
    max-width: 50vw !important;
  }

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

/* line 557, /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 562, /app/app/assets/stylesheets/teachers.scss */
.box-shadow-none {
  box-shadow: none !important;
}

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

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

/*
.boddle-assignment-heatmap-row {

}
*/
/* line 587, /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 595, /app/app/assets/stylesheets/teachers.scss */
.font-size-12 {
  font-size: 12px !important;
}

/* line 599, /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 607, /app/app/assets/stylesheets/teachers.scss */
.boddle-assignment-heatmap-analytics {
  height: 40px;
  justify-content: left;
  text-align: left;
}

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

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

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

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

/* line 629, /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 636, /app/app/assets/stylesheets/teachers.scss */
.boddle-rounded-user {
  border-radius: 50% !important;
}

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

/* line 644, /app/app/assets/stylesheets/teachers.scss */
.boddle-rounded-20px {
  border-radius: 20px !important;
}
/* line 646, /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 652, /app/app/assets/stylesheets/teachers.scss */
.boddle-play-the-game-btn {
  background-color: #fd9708df !important;
  color: white !important;
  font-weight: bold !important;
}

/* line 658, /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 665, /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 670, /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 675, /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 682, /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 689, /app/app/assets/stylesheets/teachers.scss */
.boddle-bg-add-students {
  background-color: #edf8ff !important;
  border-radius: 60px !important;
}
/* line 693, /app/app/assets/stylesheets/teachers.scss */
.boddle-bg-add-students svg.boddle-bg-svg-primary {
  width: 48px !important;
  height: 48px !important;
}
/* line 697, /app/app/assets/stylesheets/teachers.scss */
.boddle-bg-add-students svg.boddle-bg-svg-primary path {
  fill: #2395FF !important;
}

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

/* line 875, /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 880, /app/app/assets/stylesheets/teachers.scss */
.noUi-connect {
  background-color: #2395FF !important;
}

/* line 884, /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 888, /app/app/assets/stylesheets/teachers.scss */
.noUi-target .noUi-handle {
  background-color: #2395FF !important;
  border: 5px solid #FFFFFF !important;
}

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

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

/* line 902, /app/app/assets/stylesheets/teachers.scss */
table.dataTable tbody > tr.selected, table.dataTable tbody > tr > .selected {
  background-color: #FFFFFF !important;
  color: #000000 !important;
}
/* line 906, /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 912, /app/app/assets/stylesheets/teachers.scss */
.custom-selected {
  background-color: #FFFFFF !important;
  color: #000000 !important;
}

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

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

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

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

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

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

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

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

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

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

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

/* line 961, /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 974, /app/app/assets/stylesheets/teachers.scss */
.boddle-opacity {
  opacity: 0.3;
}

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

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

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

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

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

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

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

/* line 1010, /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 1015, /app/app/assets/stylesheets/teachers.scss */
.grow-min-only {
  transition: all .4s ease-in-out !important;
}

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

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

/* line 1028, /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 1033, /app/app/assets/stylesheets/teachers.scss */
.grow-without-border:hover {
  transform: scale(1.07) !important;
  color: #2395FF !important;
  transition: all 0.4s !important;
}
/* line 1037, /app/app/assets/stylesheets/teachers.scss */
.grow-without-border:hover path {
  fill: #2395FF !important;
}

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

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

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

/* line 1067, /app/app/assets/stylesheets/teachers.scss */
.aside-menu .menu > .menu-item:hover > .menu-link .menu-svg-icon path {
  fill: #2395FF !important;
}
/* line 1071, /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 1078, /app/app/assets/stylesheets/teachers.scss */
  .aside {
    width: 0px !important;
  }

  /* line 1081, /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 1091, /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 1096, /app/app/assets/stylesheets/teachers.scss */
.boddle-kpi-circle {
  background-color: #EDF8FF !important;
  border-radius: 40px !important;
}

/* line 1101, /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 1107, /app/app/assets/stylesheets/teachers.scss */
  .boddle-dashboard-background {
    background-size: 35% !important;
  }
}
@media (min-width: 1700px) {
  /* line 1113, /app/app/assets/stylesheets/teachers.scss */
  .boddle-dashboard-background {
    background-size: 30% !important;
  }
}
/* line 1118, /app/app/assets/stylesheets/teachers.scss */
.boddle-instructions-btn:hover {
  border-color: #2395FF !important;
}
/* line 1120, /app/app/assets/stylesheets/teachers.scss */
.boddle-instructions-btn:hover span > svg path {
  fill: #2395FF !important;
}
/* line 1124, /app/app/assets/stylesheets/teachers.scss */
.boddle-instructions-btn:hover span {
  color: #2395FF !important;
}

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

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

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

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

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

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

/* line 1169, /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 1176, /app/app/assets/stylesheets/teachers.scss */
.boddle-add-student-svg-circle {
  width: 34px !important;
  height: 34px !important;
}

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

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

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

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

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

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

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

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

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

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

@media (min-width: 575.98px) {
  /* line 1313, /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 1325, /app/app/assets/stylesheets/teachers.scss */
.w-20 {
  width: 20% !important;
}

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

/* line 1482, /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 1486, /app/app/assets/stylesheets/teachers.scss */
.boddle-analytic-table-cell {
  padding: 0.5rem 2rem;
  vertical-align: top !important;
}

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

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

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

/* line 1508, /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 1519, /app/app/assets/stylesheets/teachers.scss */
.kt-font-disable {
  color: #80808090 !important;
}

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

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

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

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

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

/* line 1542, /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 1551, /app/app/assets/stylesheets/teachers.scss */
.boddle-timeline .boddle-timeline__items .boddle-timeline__item {
  display: table;
  position: relative;
  margin-bottom: 1.75rem;
}

/* line 1555, /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 1561, /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 1567, /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 1569, /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 1574, /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 1578, /app/app/assets/stylesheets/teachers.scss */
.boddle-timeline .boddle-timeline__items .boddle-timeline__item .boddle-timeline__item-text > span {
  font-weight: 700;
}

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

/* line 1695, /app/app/assets/stylesheets/teachers.scss */
.tier .section {
  border: 1px solid #d3d3d3;
  margin-top: 15px;
  /*
  .handle {
    //cursor: move;
  }*/
}
/* line 1698, /app/app/assets/stylesheets/teachers.scss */
.tier .section i {
  text-align: center;
  width: 9%;
  padding: 15px 0;
}
/* line 1707, /app/app/assets/stylesheets/teachers.scss */
.tier .section .form-control {
  cursor: default;
  width: 79%;
  border: none;
  display: inline-block;
  padding: 0;
}
/* line 1714, /app/app/assets/stylesheets/teachers.scss */
.tier .section .form-control:disabled {
  background-color: transparent;
}
/* line 1717, /app/app/assets/stylesheets/teachers.scss */
.tier .section .dropdown {
  cursor: pointer;
}
/* line 1721, /app/app/assets/stylesheets/teachers.scss */
.tier .skills {
  background-color: #f2f3f8;
  border-left: 1px solid #d3d3d3;
  border-right: 1px solid #d3d3d3;
}
/* line 1725, /app/app/assets/stylesheets/teachers.scss */
.tier .skills .skill {
  border-bottom: 1px solid #d3d3d3;
}
/* line 1727, /app/app/assets/stylesheets/teachers.scss */
.tier .skills .skill i {
  text-align: center;
  width: 9%;
  padding: 12px 0;
}
/* line 1733, /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 1734, /app/app/assets/stylesheets/teachers.scss */
.tier .skills .skill .skill-name span {
  cursor: help;
}
/* line 1746, /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 1752, /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 1766, /app/app/assets/stylesheets/teachers.scss */
.domain {
  width: 100%;
  margin: 10px;
}
/* line 1769, /app/app/assets/stylesheets/teachers.scss */
.domain .domain-name {
  font-weight: 500;
}
/* line 1772, /app/app/assets/stylesheets/teachers.scss */
.domain .tags {
  margin: 0 15px;
}
/* line 1775, /app/app/assets/stylesheets/teachers.scss */
.domain .tags .tag .tag-name {
  border: 1px solid #d3d3d3;
  margin-top: 15px;
}
/* line 1778, /app/app/assets/stylesheets/teachers.scss */
.domain .tags .tag .tag-name i {
  text-align: center;
  width: 9%;
  padding: 15px 0;
}
/* line 1783, /app/app/assets/stylesheets/teachers.scss */
.domain .tags .tag .tag-name span {
  cursor: default;
  width: 79%;
  display: inline-block;
}
/* line 1788, /app/app/assets/stylesheets/teachers.scss */
.domain .tags .tag .tag-name .dropdown {
  cursor: pointer;
}
/* line 1793, /app/app/assets/stylesheets/teachers.scss */
.domain .tags .skills {
  background-color: #f2f3f8;
  border-left: 1px solid #d3d3d3;
  border-right: 1px solid #d3d3d3;
}
/* line 1797, /app/app/assets/stylesheets/teachers.scss */
.domain .tags .skills .skill {
  border-bottom: 1px solid #d3d3d3;
}
/* line 1799, /app/app/assets/stylesheets/teachers.scss */
.domain .tags .skills .skill i {
  text-align: center;
  width: 9%;
  padding: 12px 0;
}
/* line 1805, /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 1806, /app/app/assets/stylesheets/teachers.scss */
.domain .tags .skills .skill .skill-name span {
  cursor: help;
}

/* line 1822, /app/app/assets/stylesheets/teachers.scss */
.selection-domain {
  width: 100%;
  padding: 10px;
}
/* line 1825, /app/app/assets/stylesheets/teachers.scss */
.selection-domain .domain-name {
  font-weight: 500;
}
/* line 1828, /app/app/assets/stylesheets/teachers.scss */
.selection-domain .tags {
  margin: 0 15px;
}
/* line 1830, /app/app/assets/stylesheets/teachers.scss */
.selection-domain .tags .tag {
  cursor: pointer;
}
/* line 1832, /app/app/assets/stylesheets/teachers.scss */
.selection-domain .tags .tag .tag-name {
  border: 1px solid #d3d3d3;
  margin-top: 15px;
  cursor: pointer;
}
/* line 1836, /app/app/assets/stylesheets/teachers.scss */
.selection-domain .tags .tag .tag-name i {
  text-align: center;
  width: 9%;
  padding: 15px 0;
  cursor: pointer;
}
/* line 1842, /app/app/assets/stylesheets/teachers.scss */
.selection-domain .tags .tag .tag-name span {
  width: 79%;
  display: inline-block;
  cursor: pointer;
}
/* line 1846, /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 1857, /app/app/assets/stylesheets/teachers.scss */
.selection-domain .tags .tag .query-tag-name {
  border: 1px solid #d3d3d3;
  margin-top: 15px;
  cursor: default;
}
/* line 1861, /app/app/assets/stylesheets/teachers.scss */
.selection-domain .tags .tag .query-tag-name i {
  text-align: center;
  width: 9%;
  padding: 15px 0;
}
/* line 1866, /app/app/assets/stylesheets/teachers.scss */
.selection-domain .tags .tag .query-tag-name span {
  width: 69%;
  display: inline-block;
  cursor: pointer;
}
/* line 1870, /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 1880, /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 1889, /app/app/assets/stylesheets/teachers.scss */
.selection-domain .tags .skills {
  background-color: #f2f3f8;
  border-left: 1px solid #d3d3d3;
  border-right: 1px solid #d3d3d3;
}
/* line 1893, /app/app/assets/stylesheets/teachers.scss */
.selection-domain .tags .skills .skill {
  cursor: pointer;
  border-bottom: 1px solid #d3d3d3;
}
/* line 1896, /app/app/assets/stylesheets/teachers.scss */
.selection-domain .tags .skills .skill i {
  text-align: center;
  width: 9%;
  padding: 12px 0;
}
/* line 1901, /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 1902, /app/app/assets/stylesheets/teachers.scss */
.selection-domain .tags .skills .skill .skill-name span {
  cursor: help;
}

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

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

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

/* line 1934, /app/app/assets/stylesheets/teachers.scss */
.example-question-popover .no-question, .questions .no-question {
  color: #80808090;
}
/* line 1938, /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 1950, /app/app/assets/stylesheets/teachers.scss */
.fix-height-400 {
  height: 400px !important;
  overflow: auto;
}

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

/* line 1979, /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 1986, /app/app/assets/stylesheets/teachers.scss */
.usage-tooltip .usage-progress {
  display: block;
}
/* line 1988, /app/app/assets/stylesheets/teachers.scss */
.usage-tooltip .usage-progress .analytics {
  color: #282a3c !important;
  font-weight: 600;
}
/* line 1992, /app/app/assets/stylesheets/teachers.scss */
.usage-tooltip .usage-progress .percentage {
  color: #282a3c !important;
  font-weight: normal;
}
/* line 1997, /app/app/assets/stylesheets/teachers.scss */
.usage-tooltip .usage {
  color: #282a3c !important;
  display: block;
  font-weight: normal;
}

/* line 2004, /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 2012, /app/app/assets/stylesheets/teachers.scss */
.domain-tooltip .usage-progress {
  display: block;
}
/* line 2014, /app/app/assets/stylesheets/teachers.scss */
.domain-tooltip .usage-progress .analytics {
  color: #282a3c !important;
  font-weight: 600;
}
/* line 2018, /app/app/assets/stylesheets/teachers.scss */
.domain-tooltip .usage-progress .percentage {
  color: #282a3c !important;
  font-weight: normal;
}
/* line 2023, /app/app/assets/stylesheets/teachers.scss */
.domain-tooltip .usage {
  color: #282a3c !important;
  display: block;
  font-weight: normal;
}

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

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

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

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

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

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

/* line 2057, /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 2065, /app/app/assets/stylesheets/teachers.scss */
.btn-clever-classroom:hover {
  background-color: #dedfe1 !important;
}

/* line 2070, /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 2078, /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 2087, /app/app/assets/stylesheets/teachers.scss */
.google-btn .google-icon {
  position: absolute;
  margin-top: 11px;
  margin-left: 11px;
  width: 18px;
  height: 18px;
}

/* line 2094, /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 2102, /app/app/assets/stylesheets/teachers.scss */
.google-btn:hover {
  box-shadow: 0 0 6px #4285f4;
}

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

/* line 2109, /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 2118, /app/app/assets/stylesheets/teachers.scss */
.clever-btn .clever-icon-wrapper {
  position: absolute;
  width: 40px;
  height: 40px;
  border-radius: 8px;
  background-color: #fff;
}

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

/* line 2130, /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 2138, /app/app/assets/stylesheets/teachers.scss */
.clever-btn:active {
  background: #ffffff;
}

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

/* line 2146, /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 2153, /app/app/assets/stylesheets/teachers.scss */
.btn-account-type-premium {
  background-color: #1dc9b7 !important;
  color: #ffff !important;
}

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

/* line 2162, /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 2172, /app/app/assets/stylesheets/teachers.scss */
.max-60vh {
  max-height: 60vh !important;
  overflow: auto;
  overflow-x: hidden !important;
}

/* line 2178, /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 2186, /app/app/assets/stylesheets/teachers.scss */
.email-verify-fix span {
  color: greenyellow;
  cursor: pointer;
}

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

/* line 2325, /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 2335, /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 2343, /app/app/assets/stylesheets/teachers.scss */
.StripeElement {
  padding-top: 1.30rem !important;
}

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

/* line 2440, /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 2448, /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 2457, /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 2465, /app/app/assets/stylesheets/teachers.scss */
.circle-count-completed h3 {
  color: #23ce6b !important;
}

/* line 2471, /app/app/assets/stylesheets/teachers.scss */
.border-radius-25 {
  border-radius: 25%;
}

/* line 2475, /app/app/assets/stylesheets/teachers.scss */
.toast-title {
  color: #ffffff !important;
}

/* line 2479, /app/app/assets/stylesheets/teachers.scss */
#toast-container {
  margin-top: 80px !important;
}

/* line 2483, /app/app/assets/stylesheets/teachers.scss */
.border-active {
  border: 2px solid #2c77f4;
}

/* line 2487, /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 2493, /app/app/assets/stylesheets/teachers.scss */
.hover-disable:hover {
  cursor: default !important;
  background-color: #ffffff !important;
}

/* line 2498, /app/app/assets/stylesheets/teachers.scss */
.hover-none:hover {
  cursor: default !important;
  background-color: inherit !important;
  color: inherit !important;
}

/* line 2504, /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 2517, /app/app/assets/stylesheets/teachers.scss */
#kt_header_mobile_toggler {
  margin-top: 5px;
}

@media screen and (max-width: 1024px) {
  /* line 2523, /app/app/assets/stylesheets/teachers.scss */
  .email-verify-fix .alert-text {
    display: none;
  }

  /* line 2528, /app/app/assets/stylesheets/teachers.scss */
  .kt-align-center-mobile-only {
    text-align: center;
  }

  /* line 2532, /app/app/assets/stylesheets/teachers.scss */
  .kt-align-right-mobile-only {
    text-align: right;
  }

  /* line 2537, /app/app/assets/stylesheets/teachers.scss */
  .student-bar h3 {
    font-size: 1.2rem;
  }
  /* line 2540, /app/app/assets/stylesheets/teachers.scss */
  .student-bar h4 {
    font-size: 1rem;
  }
  /* line 2543, /app/app/assets/stylesheets/teachers.scss */
  .student-bar br {
    display: block !important;
  }

  /* line 2548, /app/app/assets/stylesheets/teachers.scss */
  #kt_header_menu_wrapper {
    display: block !important;
  }

  /* line 2552, /app/app/assets/stylesheets/teachers.scss */
  #kt_header_mobile {
    display: inline-block !important;
    padding: 7px !important;
  }

  /* line 2557, /app/app/assets/stylesheets/teachers.scss */
  #kt_aside {
    display: block !important;
  }
  /* line 2559, /app/app/assets/stylesheets/teachers.scss */
  #kt_aside nav {
    display: flex !important;
    justify-content: center !important;
  }
  /* line 2563, /app/app/assets/stylesheets/teachers.scss */
  #kt_aside ul {
    display: inline-block !important;
    margin: 0;
  }
  /* line 2567, /app/app/assets/stylesheets/teachers.scss */
  #kt_aside li {
    display: inline-block !important;
  }
  /* line 2569, /app/app/assets/stylesheets/teachers.scss */
  #kt_aside li span {
    font-size: 0.8rem !important;
    font-weight: 400 !important;
  }
  /* line 2574, /app/app/assets/stylesheets/teachers.scss */
  #kt_aside .active {
    background-color: #2d7ff9;
    color: #ffffff;
  }
}
/* line 2582, /app/app/assets/stylesheets/teachers.scss */
.kt-svg-icon-white g [fill] {
  fill: #ffffff !important;
}

/* line 2586, /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 2591, /app/app/assets/stylesheets/teachers.scss */
.clever-classroom-box .kt-checkbox-inline {
  margin-top: 8px !important;
}

/* line 2596, /app/app/assets/stylesheets/teachers.scss */
.play-game-login {
  padding: 10px;
  margin-top: 15px;
  background: #2494ff;
  border-radius: 8px;
}
/* line 2602, /app/app/assets/stylesheets/teachers.scss */
.play-game-login h3 {
  color: #FFFFFF;
  margin-bottom: 1rem !important;
}
/* line 2607, /app/app/assets/stylesheets/teachers.scss */
.play-game-login a {
  color: #FFFFFF;
  background: #92d050;
  border: #92d050;
  border-radius: 8px;
}

/* line 2615, /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 2624, /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 2632, /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 2641, /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 2650, /app/app/assets/stylesheets/teachers.scss */
.parent-email-instructions-main {
  height: 50vh;
  overflow: auto;
  padding: 10px 20px;
}

/* line 2656, /app/app/assets/stylesheets/teachers.scss */
.btn-outline-green {
  border-color: #28a745 !important;
  color: #28a745 !important;
}

/* line 2661, /app/app/assets/stylesheets/teachers.scss */
.btn-outline-green:hover {
  background-color: #28a745 !important;
  color: #FFFFFF !important;
}

/* line 2666, /app/app/assets/stylesheets/teachers.scss */
.parent-class-room-actions {
  padding-top: 15px;
}

/* line 2670, /app/app/assets/stylesheets/teachers.scss */
.kt-badge-radius-15 {
  border-radius: 15px !important;
}

/* line 2674, /app/app/assets/stylesheets/teachers.scss */
.youtube-color {
  color: red !important;
}

/* line 2678, /app/app/assets/stylesheets/teachers.scss */
.youtube-color-light {
  color: rgba(255, 0, 0, 0.3) !important;
}

/* line 2682, /app/app/assets/stylesheets/teachers.scss */
.placement-in-progress-div {
  position: relative !important;
  top: 35% !important;
}
/* line 2686, /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 2692, /app/app/assets/stylesheets/teachers.scss */
.placement-in-progress-div .portlet-div h3 {
  margin: 0 !important;
  color: #c3c3c3 !important;
}

/* line 2699, /app/app/assets/stylesheets/teachers.scss */
.div-button-with-icon {
  border: 2px solid lightgrey;
  border-radius: 20px;
  cursor: pointer;
}

/* line 2705, /app/app/assets/stylesheets/teachers.scss */
.div-button-with-icon:hover {
  border: 2px solid #2d7ff9;
}

/* line 2709, /app/app/assets/stylesheets/teachers.scss */
.notice-div {
  padding: 7px;
  border: 2px solid red;
  border-radius: 3px;
  width: fit-content;
  margin-bottom: 30px;
}

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

/* line 2721, /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 2737, /app/app/assets/stylesheets/teachers.scss */
.google-drag-btn-top {
  cursor: pointer;
}

/* line 2741, /app/app/assets/stylesheets/teachers.scss */
.multiselect.dropdown-toggle {
  text-align: left !important;
}

/* line 2745, /app/app/assets/stylesheets/teachers.scss */
#student_new_skills_table > table {
  min-height: 100px !important;
}

/* line 2749, /app/app/assets/stylesheets/teachers.scss */
#student_learning_gap_table > table {
  min-height: 100px !important;
}

/* line 2753, /app/app/assets/stylesheets/teachers.scss */
.color-light-label {
  color: #C4C4C4 !important;
}

/* line 2757, /app/app/assets/stylesheets/teachers.scss */
.class-room-tile {
  padding: 6px;
  transition: transform .4s;
}

/* line 2762, /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 2769, /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 2778, /app/app/assets/stylesheets/teachers.scss */
.br-light-grey {
  border-right: 1px solid #E1E1E1;
}

/* line 2782, /app/app/assets/stylesheets/teachers.scss */
.highlight-onload {
  color: #2d7ff9 !important;
}

/* line 2786, /app/app/assets/stylesheets/teachers.scss */
.assignment-students {
  overflow-x: auto;
}

/* line 2790, /app/app/assets/stylesheets/teachers.scss */
.mt-8rm {
  margin-top: 0.8rem;
}

/* line 2794, /app/app/assets/stylesheets/teachers.scss */
.placement-test-progress {
  color: #bfbfbf !important;
}

/* line 2798, /app/app/assets/stylesheets/teachers.scss */
.ml-5px {
  margin-left: 5px !important;
}
/* line 2800, /app/app/assets/stylesheets/teachers.scss */
.ml-5px .play-game-info-icon {
  width: 20px;
  height: 20px;
  margin-left: 5px;
  cursor: pointer;
}

/* line 2809, /app/app/assets/stylesheets/teachers.scss */
.invite-info-icon path {
  fill: #FFA500 !important;
}

/* line 2814, /app/app/assets/stylesheets/teachers.scss */
.color-orange {
  color: #FFA500 !important;
}

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

/* line 2823, /app/app/assets/stylesheets/teachers.scss */
.preview-invite-icon path {
  fill: #2395FF !important;
}

/* line 2829, /app/app/assets/stylesheets/teachers.scss */
.hover-white-icon:hover path {
  fill: #fff !important;
}

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

/* line 2838, /app/app/assets/stylesheets/teachers.scss */
.word-break {
  word-break: break-all !important;
}

/* line 2842, /app/app/assets/stylesheets/teachers.scss */
.padding-1-5 {
  padding: 1rem 0.5rem !important;
}

/* line 2846, /app/app/assets/stylesheets/teachers.scss */
#emailInstructionsToParentsModal .modal-header {
  padding: 0.25rem 1.75rem !important;
}

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

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

/* line 2858, /app/app/assets/stylesheets/teachers.scss */
.w-15 {
  width: 15px !important;
}

/* line 2862, /app/app/assets/stylesheets/teachers.scss */
.h-15 {
  height: 15px !important;
}

/* line 2866, /app/app/assets/stylesheets/teachers.scss */
.p-1-25 {
  padding: 1rem 0.25rem !important;
}

/* line 2870, /app/app/assets/stylesheets/teachers.scss */
.sort-element {
  color: #636363 !important;
  cursor: pointer;
}
/* line 2873, /app/app/assets/stylesheets/teachers.scss */
.sort-element:hover {
  color: #2395FF !important;
}
/* line 2876, /app/app/assets/stylesheets/teachers.scss */
.sort-element:hover .sort-icon path {
  fill: #2395FF;
}

/* line 2883, /app/app/assets/stylesheets/teachers.scss */
.highlighted {
  color: #2395FF !important;
}
/* line 2886, /app/app/assets/stylesheets/teachers.scss */
.highlighted .sort-icon path {
  fill: #2395FF;
}

/* line 2893, /app/app/assets/stylesheets/teachers.scss */
.resend-invite-btn {
  padding: 0.75rem 1.25rem !important;
}

/* line 2897, /app/app/assets/stylesheets/teachers.scss */
.ml-20px {
  margin-left: 20px !important;
}

/* line 2901, /app/app/assets/stylesheets/teachers.scss */
.ml-10px {
  margin-left: 10px !important;
}

/* line 2905, /app/app/assets/stylesheets/teachers.scss */
.mw-80vw {
  max-width: 80vw !important;
}

/* line 2909, /app/app/assets/stylesheets/teachers.scss */
.padding-1-1 {
  padding: 1rem 1rem !important;
}

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

/* line 2929, /app/app/assets/stylesheets/teachers.scss */
.icon-30 {
  height: 30px;
  width: 30px;
}

/* line 2935, /app/app/assets/stylesheets/teachers.scss */
.icon-white path {
  fill: White !important;
}

/* line 2940, /app/app/assets/stylesheets/teachers.scss */
.d-block {
  display: block !important;
}

/* line 2944, /app/app/assets/stylesheets/teachers.scss */
.bg-gray {
  background-color: #E2E2E2 !important;
}

/* line 2948, /app/app/assets/stylesheets/teachers.scss */
.border-radius-4 {
  border-radius: 4px !important;
}

/* line 2952, /app/app/assets/stylesheets/teachers.scss */
.font-weight-500 {
  font-weight: 500 !important;
}

/* line 2956, /app/app/assets/stylesheets/teachers.scss */
#invitedParentsModal .modal-body .row:not(:first-child):hover {
  background-color: #E2E2E2 !important;
  cursor: pointer;
}

/* line 2961, /app/app/assets/stylesheets/teachers.scss */
#printInvitesModal .modal-body .row:not(:first-child):hover {
  background-color: #E2E2E2 !important;
  cursor: pointer;
}

/* line 2966, /app/app/assets/stylesheets/teachers.scss */
.font-13 {
  font-size: 13px;
}

/* line 2972, /app/app/assets/stylesheets/teachers.scss */
.flex-column {
  flex-direction: row !important;
}

/* line 2976, /app/app/assets/stylesheets/teachers.scss */
.single-chart {
  width: 23%;
  justify-content: space-around;
}

@media (max-width: 320px) {
  /* line 2982, /app/app/assets/stylesheets/teachers.scss */
  .single-chart {
    width: 45%;
  }

  /* line 2985, /app/app/assets/stylesheets/teachers.scss */
  #latest-post .flex-column {
    flex-direction: column;
  }
}
@media (max-width: 480px) {
  /* line 2991, /app/app/assets/stylesheets/teachers.scss */
  .single-chart {
    width: 45%;
  }

  /* line 2994, /app/app/assets/stylesheets/teachers.scss */
  #latest-post .flex-column {
    flex-direction: column;
  }
}
@media (min-width: 481px) {
  /* line 3000, /app/app/assets/stylesheets/teachers.scss */
  #latest-post .flex-column {
    flex-direction: row !important;
  }
}
/* line 3005, /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 3015, /app/app/assets/stylesheets/teachers.scss */
.circle-bg {
  fill: none;
  stroke: #eee;
  stroke-width: 4.3;
}

/* line 3021, /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 3034, /app/app/assets/stylesheets/teachers.scss */
.circular-chart.orange .circle {
  stroke: #54D370;
}

/* line 3038, /app/app/assets/stylesheets/teachers.scss */
.percentage {
  fill: #54D370;
  font-family: sans-serif;
  font-weight: 900;
  font-size: 0.7em;
  text-anchor: middle;
}

/* line 3046, /app/app/assets/stylesheets/teachers.scss */
.loading-div {
  text-align: center;
}

/* line 3050, /app/app/assets/stylesheets/teachers.scss */
.loading-gif {
  height: 100px;
  width: 100px;
}

/* line 3055, /app/app/assets/stylesheets/teachers.scss */
#shareablePdfModal .modal-footer {
  display: inline-block !important;
}

/* line 3059, /app/app/assets/stylesheets/teachers.scss */
.rounded-resource-image {
  border-radius: 1.4rem !important;
}

/* line 3063, /app/app/assets/stylesheets/teachers.scss */
.pl-none {
  padding-left: none !important;
}

/* line 3067, /app/app/assets/stylesheets/teachers.scss */
.h-138px {
  height: 138px !important;
}

/* line 3071, /app/app/assets/stylesheets/teachers.scss */
.h-90vh {
  max-height: 90vh !important;
}

/* line 3075, /app/app/assets/stylesheets/teachers.scss */
.h-70vh {
  max-height: 70vh !important;
}

/* line 3079, /app/app/assets/stylesheets/teachers.scss */
.h-50vh {
  max-height: 50vh !important;
}

/* line 3083, /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 3092, /app/app/assets/stylesheets/teachers.scss */
.mw-793px {
  max-width: 793px !important;
}

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

/* line 3100, /app/app/assets/stylesheets/teachers.scss */
.m125-auto {
  margin: 1.25rem auto !important;
}

/* line 3104, /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 3112, /app/app/assets/stylesheets/teachers.scss */
.rounded-5 {
  border-radius: 1.5rem !important;
}

/* line 3116, /app/app/assets/stylesheets/teachers.scss */
.invite-btn-padding {
  padding: 5px 25px 5px 12px !important;
}
/* line 3119, /app/app/assets/stylesheets/teachers.scss */
.invite-btn-padding svg path {
  fill: white;
}

/* line 3125, /app/app/assets/stylesheets/teachers.scss */
.height-115px {
  height: 115px !important;
}

/* line 3129, /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 3137, /app/app/assets/stylesheets/teachers.scss */
.icon-28px {
  height: 28px;
  width: 28px;
}

/* line 3142, /app/app/assets/stylesheets/teachers.scss */
.btn-green {
  background-color: #68cb94 !important;
}

/* line 3146, /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 3158, /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 3170, /app/app/assets/stylesheets/teachers.scss */
.flex-shrink-0 {
  flex-shrink: 0;
}

/* line 3174, /app/app/assets/stylesheets/teachers.scss */
#student-class-rooms .nav-item .nav-link.active {
  background-color: #4baeea !important;
}

/* line 3178, /app/app/assets/stylesheets/teachers.scss */
.other-class-room {
  border-radius: 10px;
  padding: 10px;
  border: solid 2px #F4F4F4;
}

/* line 3184, /app/app/assets/stylesheets/teachers.scss */
.text-muted {
  color: #dad5d5 !important;
}

/* line 3188, /app/app/assets/stylesheets/teachers.scss */
.sea-blue {
  color: #4baeea !important;
}

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

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

/*
  PDF Parent Printout Download Styles
*/
/* line 3203, /app/app/assets/stylesheets/teachers.scss */
#keen_progress_bar.inactive {
  transition: width .5s linear;
}

/* line 3208, /app/app/assets/stylesheets/teachers.scss */
#keen_progress_bar.active {
  transition: width 1.5s linear;
}

/* line 3212, /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 3227, /app/app/assets/stylesheets/teachers.scss */
#all-notifications-tab h4, #classroom-tab h4, #requests-tab h4 {
  color: #9FA6B2;
}

/* line 3233, /app/app/assets/stylesheets/teachers.scss */
#all-notifications-tab.active h4, #classroom-tab.active h4, #requests-tab.active h4 {
  color: #2395ff;
}

/* line 3238, /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 3252, /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 3265, /app/app/assets/stylesheets/teachers.scss */
#selectStudentFromClassroomToPrintCertificatesModal table td {
  vertical-align: middle;
}

/*
  Boddle Racers Styles
*/
/* line 3276, /app/app/assets/stylesheets/teachers.scss */
.raceLobbyHeader {
  font-size: calc(.8vw + 1.2rem);
}

/* line 3280, /app/app/assets/stylesheets/teachers.scss */
.racerNameTag {
  display: flex;
  flex-direction: row;
  align-items: center;
  background-color: white;
  width: 18vw;
  height: 8vh;
}

/* line 3291, /app/app/assets/stylesheets/teachers.scss */
.graySquare {
  background-color: darkgrey;
  border-radius: 0.5vw;
  width: 8vh;
  height: 8vh;
}

/* line 3298, /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 3311, /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 3324, /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 3395, /app/app/assets/stylesheets/teachers.scss */
.gifCar {
  animation: moveCar 4s linear infinite;
}

/* line 3399, /app/app/assets/stylesheets/teachers.scss */
.gifCar2 {
  animation: moveCar 3s linear infinite;
}

/* line 3403, /app/app/assets/stylesheets/teachers.scss */
.gifCar3 {
  animation: moveCar 2s linear infinite;
}

/* line 3407, /app/app/assets/stylesheets/teachers.scss */
.lobbyHeader {
  font-size: calc(.1em + 2.4vw);
}

/* line 3411, /app/app/assets/stylesheets/teachers.scss */
#movingBadge {
  font-size: 1.5vw;
}

/* line 3415, /app/app/assets/stylesheets/teachers.scss */
.expandingDots {
  overflow: hidden;
}

/* line 3420, /app/app/assets/stylesheets/teachers.scss */
.expandingDots::after {
  content: "";
  /* Initial state, no dots */
  animation: textAnimation 1s infinite steps(1, end);
}

/* line 3425, /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 3437, /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 3449, /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 3459, /app/app/assets/stylesheets/teachers.scss */
.myTooltip {
  position: relative;
  display: inline-block;
  border-bottom: 1px dotted black;
}

/* line 3465, /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 3483, /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 3494, /app/app/assets/stylesheets/teachers.scss */
.myTooltip:hover .myTooltiptext {
  visibility: visible;
}

/* line 3498, /app/app/assets/stylesheets/teachers.scss */
.dashboard-card {
  width: 100%;
  padding: 20px 20px;
  border-radius: 20px;
}
/* line 3506, /app/app/assets/stylesheets/teachers.scss */
.dashboard-card .lock-icon {
  height: 20px;
  width: 20px;
  margin-right: 10px;
  /*path {
    // fill: #F6CF4F;
  }*/
}
/* line 3514, /app/app/assets/stylesheets/teachers.scss */
.dashboard-card .off {
  margin-left: 10px;
}

/* line 3520, /app/app/assets/stylesheets/teachers.scss */
.bg-purple {
  background-color: #6B27F1 !important;
}

/* line 3524, /app/app/assets/stylesheets/teachers.scss */
.bg-red {
  background-color: #E3365D;
}

/* line 3528, /app/app/assets/stylesheets/teachers.scss */
.bg-green {
  background-color: #54D370;
}

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

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

/* line 3540, /app/app/assets/stylesheets/teachers.scss */
#gamelockSwitch, #mathFactsSwitch {
  width: 4rem;
}

/* line 3544, /app/app/assets/stylesheets/teachers.scss */
.icon-25px {
  height: 25px;
  width: 25px;
}

/* line 3549, /app/app/assets/stylesheets/teachers.scss */
.fs-2rem {
  font-size: 2.75rem;
}

/* line 3553, /app/app/assets/stylesheets/teachers.scss */
.bg-primary-lightest {
  background-color: #eff8fe;
}

/* line 3557, /app/app/assets/stylesheets/teachers.scss */
.bg-gray-lightest {
  background-color: #F4F4F4;
}

/* line 3561, /app/app/assets/stylesheets/teachers.scss */
.gamelock-students .select2-search--dropdown {
  display: none;
}

/* line 3565, /app/app/assets/stylesheets/teachers.scss */
.bg-success {
  background-color: #00CC66;
}

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

/* line 3573, /app/app/assets/stylesheets/teachers.scss */
.checkbox-18px {
  height: 18px;
  width: 18px;
}

/* line 3580, /app/app/assets/stylesheets/teachers.scss */
.gamelocks-tab svg rect {
  fill: #F4F4F4;
}
/* line 3583, /app/app/assets/stylesheets/teachers.scss */
.gamelocks-tab svg path {
  fill: #636363;
}
/* line 3587, /app/app/assets/stylesheets/teachers.scss */
.gamelocks-tab .title {
  color: #A7A7A7 !important;
}

/* line 3593, /app/app/assets/stylesheets/teachers.scss */
.gamelocks-tab.active-tab svg rect {
  fill: #EDF8FF;
}
/* line 3596, /app/app/assets/stylesheets/teachers.scss */
.gamelocks-tab.active-tab svg path {
  fill: #2395FF;
}
/* line 3600, /app/app/assets/stylesheets/teachers.scss */
.gamelocks-tab.active-tab .title {
  color: #2395FF !important;
}

/* line 3605, /app/app/assets/stylesheets/teachers.scss */
.gamelocks-tab-content {
  display: none;
}

/* line 3609, /app/app/assets/stylesheets/teachers.scss */
.gamelocks-tab-content.active-tab {
  display: initial;
}

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

/* line 3618, /app/app/assets/stylesheets/teachers.scss */
#gamelocksModal .noUi-target.noUi-lg, #editGamelocksModal .noUi-target.noUi-lg {
  height: 10px;
  margin-top: 8px;
}
/* line 3622, /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 3627, /app/app/assets/stylesheets/teachers.scss */
#gamelocksModal .noUi-target .noUi-connect, #editGamelocksModal .noUi-target .noUi-connect {
  background-color: #20BCC6 !important;
}
/* line 3630, /app/app/assets/stylesheets/teachers.scss */
#gamelocksModal .noUi-target .noUi-handle, #editGamelocksModal .noUi-target .noUi-handle {
  background-color: #22527F !important;
  border: 0px !important;
}
/* line 3634, /app/app/assets/stylesheets/teachers.scss */
#gamelocksModal .flatpickr-input, #editGamelocksModal .flatpickr-input {
  max-width: 111px;
}
/* line 3637, /app/app/assets/stylesheets/teachers.scss */
#gamelocksModal .flatpickr-months, #gamelocksModal .flatpickr-month, #editGamelocksModal .flatpickr-months, #editGamelocksModal .flatpickr-month {
  display: none !important;
}
/* line 3644, /app/app/assets/stylesheets/teachers.scss */
#gamelocksModal .flatpickr-innerContainer, #editGamelocksModal .flatpickr-innerContainer {
  display: flex !important;
  flex-direction: column !important;
}
/* line 3651, /app/app/assets/stylesheets/teachers.scss */
#gamelocksModal .flatpickr-calendar, #editGamelocksModal .flatpickr-calendar {
  border-radius: 15px;
}
/* line 3655, /app/app/assets/stylesheets/teachers.scss */
#gamelocksModal .flatpickr-calendar.hasTime, #editGamelocksModal .flatpickr-calendar.hasTime {
  width: 150px;
}
/* line 3659, /app/app/assets/stylesheets/teachers.scss */
#gamelocksModal .flatpickr-calendar.hasTime.noCalendar, #editGamelocksModal .flatpickr-calendar.hasTime.noCalendar {
  border-radius: 0px !important;
}
/* line 3663, /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 3669, /app/app/assets/stylesheets/teachers.scss */
#gamelocksModal .feature-selection-error, #editGamelocksModal .feature-selection-error {
  border-radius: 5px;
}
/* line 3673, /app/app/assets/stylesheets/teachers.scss */
#gamelocksModal .flatpickr-day.selected, #editGamelocksModal .flatpickr-day.selected {
  background-color: #2395FF !important;
  color: white !important;
}
/* line 3678, /app/app/assets/stylesheets/teachers.scss */
#gamelocksModal .flatpickr-time .numInputWrapper .arrowUp, #editGamelocksModal .flatpickr-time .numInputWrapper .arrowUp {
  opacity: 100 !important;
}
/* line 3681, /app/app/assets/stylesheets/teachers.scss */
#gamelocksModal .flatpickr-time .numInputWrapper .arrowDown, #editGamelocksModal .flatpickr-time .numInputWrapper .arrowDown {
  opacity: 100 !important;
}

/* line 3686, /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 3699, /app/app/assets/stylesheets/teachers.scss */
.mathfact-report-btn {
  padding: 9px 15px !important;
}

/* line 3704, /app/app/assets/stylesheets/teachers.scss */
#mathFactsModal .noUi-connects {
  height: 10px !important;
}
/* line 3706, /app/app/assets/stylesheets/teachers.scss */
#mathFactsModal .noUi-connects .noUi-connect {
  height: 10px !important;
}
/* line 3710, /app/app/assets/stylesheets/teachers.scss */
#mathFactsModal .noUi-target.noUi-lg .noUi-handle {
  top: -11px !important;
}

/* line 3715, /app/app/assets/stylesheets/teachers.scss */
.border-e2e2e2 {
  border: 0.5px solid #E2E2E2 !important;
}

/* line 3719, /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 3732, /app/app/assets/stylesheets/teachers.scss */
.color-red {
  color: red !important;
}

/* line 3736, /app/app/assets/stylesheets/teachers.scss */
.color-ff2929 {
  color: #ff2929 !important;
}

/* line 3739, /app/app/assets/stylesheets/teachers.scss */
.color-0070c0 {
  color: #0070c0;
}

/* line 3742, /app/app/assets/stylesheets/teachers.scss */
.color-00b050 {
  color: #00b050;
}

/* line 3745, /app/app/assets/stylesheets/teachers.scss */
.color-92d050 {
  color: #92d050;
}

/* line 3748, /app/app/assets/stylesheets/teachers.scss */
.color-7030a0 {
  color: #7030a0;
}

/* line 3751, /app/app/assets/stylesheets/teachers.scss */
.color-a568d2 {
  color: #a568d2;
}

/* line 3754, /app/app/assets/stylesheets/teachers.scss */
.color-ffd966 {
  color: #ffd966;
}

/* line 3757, /app/app/assets/stylesheets/teachers.scss */
.color-ed7d31 {
  color: #ed7d31;
}

/* line 3760, /app/app/assets/stylesheets/teachers.scss */
.color-ff6699 {
  color: #ff6699;
}

/* line 3763, /app/app/assets/stylesheets/teachers.scss */
.color-00b0f0 {
  color: #00b0f0;
}

/* line 3766, /app/app/assets/stylesheets/teachers.scss */
.color-7f7f7f {
  color: #7f7f7f;
}

/* line 3769, /app/app/assets/stylesheets/teachers.scss */
.color-805439 {
  color: #805439;
}

/* line 3773, /app/app/assets/stylesheets/teachers.scss */
.padding-3px {
  padding: 3px !important;
}

/* line 3777, /app/app/assets/stylesheets/teachers.scss */
.fontsize-6 {
  font-size: 6px;
}

/* line 3781, /app/app/assets/stylesheets/teachers.scss */
.fontsize-7 {
  font-size: 7px;
}

/* line 3785, /app/app/assets/stylesheets/teachers.scss */
.fontsize-8 {
  font-size: 8px;
}

/* line 3789, /app/app/assets/stylesheets/teachers.scss */
.fontsize-9 {
  font-size: 9px;
}

/* line 3793, /app/app/assets/stylesheets/teachers.scss */
.fontsize-10 {
  font-size: 10px;
}

/* line 3797, /app/app/assets/stylesheets/teachers.scss */
.fontsize-12 {
  font-size: 12px;
}

/* line 3801, /app/app/assets/stylesheets/teachers.scss */
.fontsize-14 {
  font-size: 14px;
}

/* line 3805, /app/app/assets/stylesheets/teachers.scss */
.fontsize-18 {
  font-size: 18px;
}

/* line 3809, /app/app/assets/stylesheets/teachers.scss */
.fontsize-24 {
  font-size: 24px;
}

/* line 3813, /app/app/assets/stylesheets/teachers.scss */
.fontsize-32 {
  font-size: 32px;
}

/* line 3817, /app/app/assets/stylesheets/teachers.scss */
.fontsize-36 {
  font-size: 36px;
}

/* line 3821, /app/app/assets/stylesheets/teachers.scss */
.tooltip {
  z-index: 10000000000 !important;
}

/* line 3825, /app/app/assets/stylesheets/teachers.scss */
.tooltip-inner.create-class-room {
  min-width: 380px !important;
}

/* line 3829, /app/app/assets/stylesheets/teachers.scss */
.invisible-button {
  all: unset;
  cursor: pointer;
}

/* line 3834, /app/app/assets/stylesheets/teachers.scss */
.invisible-button:focus {
  outline: revert;
}

/* line 3838, /app/app/assets/stylesheets/teachers.scss */
.fw-100 {
  font-weight: 100 !important;
}

/* line 3842, /app/app/assets/stylesheets/teachers.scss */
.fw-200 {
  font-weight: 200 !important;
}

/* line 3846, /app/app/assets/stylesheets/teachers.scss */
.fw-300 {
  font-weight: 300 !important;
}

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

/* line 3854, /app/app/assets/stylesheets/teachers.scss */
.fw-500 {
  font-weight: 500 !important;
}

/* line 3858, /app/app/assets/stylesheets/teachers.scss */
.fw-600 {
  font-weight: 600 !important;
}

/* line 3862, /app/app/assets/stylesheets/teachers.scss */
.fw-700 {
  font-weight: 700 !important;
}

/* line 3866, /app/app/assets/stylesheets/teachers.scss */
.fw-800 {
  font-weight: 800 !important;
}

/** LMS Audit styles */
/* line 3872, /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 3872, /app/app/assets/stylesheets/teachers.scss */
  .boddle-wizard {
    border: 1px solid var(--bdl-primary-60, #2395FD);
  }
}

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

/* line 3893, /app/app/assets/stylesheets/teachers.scss */
.bg--bdl-primary-10:hover {
  background-color: #C8E4FF !important;
  cursor: pointer;
}

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

/* line 3902, /app/app/assets/stylesheets/teachers.scss */
.bg--bdl-primary-10:hover {
  background-color: #C8E4FF !important;
  cursor: pointer;
}

/* line 3907, /app/app/assets/stylesheets/teachers.scss */
.bg--bdl-neutral-0 {
  background-color: #FFFFFF !important;
}

/* line 3911, /app/app/assets/stylesheets/teachers.scss */
.bg--bdl-neutral-0:hover {
  background-color: #F4F4F4 !important;
  cursor: pointer;
}

/* line 3916, /app/app/assets/stylesheets/teachers.scss */
.boddle-sticky-bottom {
  position: sticky !important;
  bottom: 0 !important;
  background: #FFFFFF !important;
}

/* line 3922, /app/app/assets/stylesheets/teachers.scss */
.border-orange {
  border-color: #EF9B40 !important;
}

/* line 3927, /app/app/assets/stylesheets/teachers.scss */
.fill-orange path {
  fill: #EF9B40 !important;
}

/* line 3932, /app/app/assets/stylesheets/teachers.scss */
.flex-1 {
  flex: 1;
}

/* line 3936, /app/app/assets/stylesheets/teachers.scss */
.btn-sso {
  padding: 0.5rem 1.25rem !important;
  font-size: 1.15rem !important;
}

/* line 3941, /app/app/assets/stylesheets/teachers.scss */
.justify-around {
  justify-content: space-around !important;
}

/* line 3945, /app/app/assets/stylesheets/teachers.scss */
.fs-2_3x {
  font-size: 2.375rem !important;
}

/* line 3949, /app/app/assets/stylesheets/teachers.scss */
.end-2_5 {
  right: 2.5rem !important;
}

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

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

/* line 3961, /app/app/assets/stylesheets/teachers.scss */
.onboarding-card {
  border-radius: 10px !important;
}
/* line 3963, /app/app/assets/stylesheets/teachers.scss */
.onboarding-card .card-body {
  padding: 1.5rem 2.25rem !important;
}

/* line 3968, /app/app/assets/stylesheets/teachers.scss */
.boddle-tab-btn {
  color: #999999 !important;
  background-color: #F4F4F4 !important;
}
/* line 3972, /app/app/assets/stylesheets/teachers.scss */
.boddle-tab-btn svg path {
  fill: #999999 !important;
}
/* line 3975, /app/app/assets/stylesheets/teachers.scss */
.boddle-tab-btn svg circle {
  fill: #999999 !important;
}

/* line 3981, /app/app/assets/stylesheets/teachers.scss */
.boddle-tab-btn:hover {
  color: #636363 !important;
  background-color: white !important;
}
/* line 3985, /app/app/assets/stylesheets/teachers.scss */
.boddle-tab-btn:hover svg path {
  fill: #636363 !important;
}
/* line 3988, /app/app/assets/stylesheets/teachers.scss */
.boddle-tab-btn:hover svg circle {
  fill: #636363 !important;
}

/* line 3994, /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 4002, /app/app/assets/stylesheets/teachers.scss */
.border-radius-10px {
  border-radius: 10px !important;
}

/* line 4006, /app/app/assets/stylesheets/teachers.scss */
#select2-mathFactActivityMenu-container {
  color: white !important;
}
/* line 4009, /app/app/assets/stylesheets/teachers.scss */
#select2-mathFactActivityMenu-container svg path {
  fill: white !important;
}

/* line 4018, /app/app/assets/stylesheets/teachers.scss */
#select2-mathFactActivityMenu-results li.select2-results__option--selected svg path {
  fill: white !important;
}

/* line 4034, /app/app/assets/stylesheets/teachers.scss */
.math-fact-icon path {
  fill: #2395FF !important;
}
/* line 4038, /app/app/assets/stylesheets/teachers.scss */
.math-fact-icon:hover path {
  fill: #2395FF !important;
}

/* line 4044, /app/app/assets/stylesheets/teachers.scss */
.green-cell {
  background-color: #54D370 !important;
  color: white;
}

/* line 4049, /app/app/assets/stylesheets/teachers.scss */
.orange-cell {
  background-color: #EF9B40 !important;
  color: white;
}

/* line 4054, /app/app/assets/stylesheets/teachers.scss */
.red-cell {
  background-color: #E3365D !important;
  color: white;
}

/* line 4059, /app/app/assets/stylesheets/teachers.scss */
.gray-cell {
  background-color: #E2E2E2 !important;
  color: #999999 !important;
}

/* line 4064, /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 4068, /app/app/assets/stylesheets/teachers.scss */
#races .race:hover {
  background-color: #efefef !important;
}

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

/* line 4077, /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 4089, /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 4101, /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 4116, /app/app/assets/stylesheets/teachers.scss */
.math-fact-table-border {
  border-top: 1px solid var(--grey-2, #E2E2E2) !important;
}

/* line 4120, /app/app/assets/stylesheets/teachers.scss */
.bdl-neutral-40 {
  background-color: #E2E2E2 !important;
}

/* line 4124, /app/app/assets/stylesheets/teachers.scss */
.boddle-racer-card {
  cursor: pointer !important;
}
/* line 4126, /app/app/assets/stylesheets/teachers.scss */
.boddle-racer-card:hover {
  background-color: #efefef;
}
/* line 4129, /app/app/assets/stylesheets/teachers.scss */
.boddle-racer-card .card-body {
  padding: 1.5rem 4rem !important;
}

/* line 4134, /app/app/assets/stylesheets/teachers.scss */
.mb-25 {
  margin-bottom: 7rem !important;
}

/* line 4138, /app/app/assets/stylesheets/teachers.scss */
.back-link {
  padding: 5px;
  color: gray;
  font-weight: 600;
}

/* line 4144, /app/app/assets/stylesheets/teachers.scss */
.active-subject {
  background-color: white !important;
  color: #2395FF !important;
}

/* line 4149, /app/app/assets/stylesheets/teachers.scss */
.non-active-subject {
  background-color: #F4F4F4 !important;
  color: #999999 !important;
}
/* line 4153, /app/app/assets/stylesheets/teachers.scss */
.non-active-subject svg path {
  fill: #999999 !important;
}
/* line 4156, /app/app/assets/stylesheets/teachers.scss */
.non-active-subject svg circle {
  fill: #999999 !important;
}

/* line 4162, /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 4172, /app/app/assets/stylesheets/teachers.scss */
.bdl-btn-secondary:hover {
  background-color: #F1F8FF;
}

/* line 4176, /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 4186, /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 4196, /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 4206, /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 4216, /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 4226, /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 4236, /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 4246, /app/app/assets/stylesheets/teachers.scss */
.bdl-btn-primary:disabled {
  background-color: #E2E2E2;
  border: 1px #E2E2E2;
}

/* line 4251, /app/app/assets/stylesheets/teachers.scss */
#mathFactActivityMenuParent .form-select {
  background-image: url("icons/down_arrow_white.png") !important;
  border: none !important;
}

/* line 4256, /app/app/assets/stylesheets/teachers.scss */
.border-top-radius-25px {
  border-radius: 25px 25px 0px 0px;
}

/* line 4260, /app/app/assets/stylesheets/teachers.scss */
.border-bottom-radius-25px {
  border-radius: 0px 0px 25px 25px;
}

/* line 4265, /app/app/assets/stylesheets/teachers.scss */
#raceStudents .body .row:hover {
  box-shadow: 3px 3px 3px 3px #e4e4e4;
  cursor: pointer;
}

/* line 4270, /app/app/assets/stylesheets/teachers.scss */
.tooltip {
  z-index: 100000000000;
}
/* line 4273, /app/app/assets/stylesheets/teachers.scss */
.tooltip .generating-login .animation {
  overflow: auto !important;
}
/* line 4275, /app/app/assets/stylesheets/teachers.scss */
.tooltip .generating-login .animation svg {
  transform: scale(2.5) !important;
}

/* line 4283, /app/app/assets/stylesheets/teachers.scss */
.download-student-card-btn path {
  fill: white !important;
}

/* line 4289, /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 4299, /app/app/assets/stylesheets/teachers.scss */
.fill-white path {
  fill: white !important;
}

/* line 4304, /app/app/assets/stylesheets/teachers.scss */
.rotate-180 {
  transform: rotate(180deg);
}

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

/* line 4314, /app/app/assets/stylesheets/teachers.scss */
.line-height-inherit {
  line-height: inherit !important;
}

/* line 4318, /app/app/assets/stylesheets/teachers.scss */
.line-height-1\.5rem {
  line-height: 1.5rem;
}

/* line 4322, /app/app/assets/stylesheets/teachers.scss */
.thank-you-img {
  height: 160px;
  width: 160px;
  z-index: 888;
  position: absolute;
}

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

/* line 4334, /app/app/assets/stylesheets/teachers.scss */
#printChart .pill {
  background-color: #F1F8FF;
  color: #1A73C6;
  padding: 8px 16px 8px 16px;
  border-radius: 100px;
  gap: 8px;
}

/* line 4342, /app/app/assets/stylesheets/teachers.scss */
.am5-html-container > div {
  overflow: hidden !important;
  margin-top: 15px !important;
}

/* line 4347, /app/app/assets/stylesheets/teachers.scss */
.bdl-feature-accent.noUi-base.noUi-connects.noUi-connect {
  background-color: #20BCC6 !important;
}

/* line 4351, /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 4365, /app/app/assets/stylesheets/teachers.scss */
.bdl-select-day-pill:hover {
  background-color: #E9F4FF;
  cursor: pointer !important;
}

/* line 4370, /app/app/assets/stylesheets/teachers.scss */
.bdl-select-day-pill-selected {
  color: #FFF !important;
  background-color: #22527F !important;
}

/* line 4375, /app/app/assets/stylesheets/teachers.scss */
.bdl-select-day-pill-selected:hover {
  cursor: pointer !important;
}

/* line 4379, /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 4387, /app/app/assets/stylesheets/teachers.scss */
.bootstrap-timepicker-widget table td {
  border-bottom: none !important;
  display: table-cell !important;
}

/* line 4392, /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 4409, /app/app/assets/stylesheets/teachers.scss */
.bdl-add-student-btn-secondary:hover {
  background: #A7D5FF !important;
}

/* line 4413, /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 4430, /app/app/assets/stylesheets/teachers.scss */
.bdl-add-student-btn-tertiary:hover {
  background: #F8F9FA !important;
}

/* line 4434, /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 4450, /app/app/assets/stylesheets/teachers.scss */
.bdl-add-student-btn-primary:hover {
  background: #0E3C66 !important;
}
/*
 * Container style
 */

.ps {
  overflow: hidden !important;
  overflow-anchor: none;
  -ms-overflow-style: none;
  touch-action: auto;
  -ms-touch-action: auto;
}

/*
 * Scrollbar rail styles
 */
.ps__rail-x {
  display: none;
  opacity: 0;
  transition: background-color .2s linear, opacity .2s linear;
  -webkit-transition: background-color .2s linear, opacity .2s linear;
  height: 15px;
  /* there must be 'bottom' or 'top' for ps__rail-x */
  bottom: 0px;
  /* please don't change 'position' */
  position: absolute;
}

.ps__rail-y {
  display: none;
  opacity: 0;
  transition: background-color .2s linear, opacity .2s linear;
  -webkit-transition: background-color .2s linear, opacity .2s linear;
  width: 15px;
  /* there must be 'right' or 'left' for ps__rail-y */
  right: 0;
  /* please don't change 'position' */
  position: absolute;
}

.ps--active-x > .ps__rail-x,
.ps--active-y > .ps__rail-y {
  display: block;
  background-color: transparent;
}

.ps:hover > .ps__rail-x,
.ps:hover > .ps__rail-y,
.ps--focus > .ps__rail-x,
.ps--focus > .ps__rail-y,
.ps--scrolling-x > .ps__rail-x,
.ps--scrolling-y > .ps__rail-y {
  opacity: 0.6;
}

.ps .ps__rail-x:hover,
.ps .ps__rail-y:hover,
.ps .ps__rail-x:focus,
.ps .ps__rail-y:focus,
.ps .ps__rail-x.ps--clicking,
.ps .ps__rail-y.ps--clicking {
  background-color: #eee;
  opacity: 0.9;
}

/*
 * Scrollbar thumb styles
 */
.ps__thumb-x {
  background-color: #aaa;
  border-radius: 6px;
  transition: background-color .2s linear, height .2s ease-in-out;
  -webkit-transition: background-color .2s linear, height .2s ease-in-out;
  height: 6px;
  /* there must be 'bottom' for ps__thumb-x */
  bottom: 2px;
  /* please don't change 'position' */
  position: absolute;
}

.ps__thumb-y {
  background-color: #aaa;
  border-radius: 6px;
  transition: background-color .2s linear, width .2s ease-in-out;
  -webkit-transition: background-color .2s linear, width .2s ease-in-out;
  width: 6px;
  /* there must be 'right' for ps__thumb-y */
  right: 2px;
  /* please don't change 'position' */
  position: absolute;
}

.ps__rail-x:hover > .ps__thumb-x,
.ps__rail-x:focus > .ps__thumb-x,
.ps__rail-x.ps--clicking .ps__thumb-x {
  background-color: #999;
  height: 11px;
}

.ps__rail-y:hover > .ps__thumb-y,
.ps__rail-y:focus > .ps__thumb-y,
.ps__rail-y.ps--clicking .ps__thumb-y {
  background-color: #999;
  width: 11px;
}

/* MS supports */
@supports (-ms-overflow-style: none) {
  .ps {
    overflow: auto !important;
  }
}

@media screen and (-ms-high-contrast: active), (-ms-high-contrast: none) {
  .ps {
    overflow: auto !important;
  }
}
.tether-element, .tether-element:after, .tether-element:before, .tether-element *, .tether-element *:after, .tether-element *:before {
  box-sizing: border-box; }

.tether-element {
  position: absolute;
  display: none; }
  .tether-element.tether-open {
    display: block; }
/*!
 * Datepicker for Bootstrap v1.8.0 (https://github.com/uxsolutions/bootstrap-datepicker)
 *
 * Licensed under the Apache License v2.0 (http://www.apache.org/licenses/LICENSE-2.0)
 */


.datepicker {
  border-radius: 4px;
  direction: ltr;
}
.datepicker-inline {
  width: 220px;
}
.datepicker-rtl {
  direction: rtl;
}
.datepicker-rtl.dropdown-menu {
  left: auto;
}
.datepicker-rtl table tr td span {
  float: right;
}
.datepicker-dropdown {
  top: 0;
  left: 0;
  padding: 4px;
}
.datepicker-dropdown:before {
  content: '';
  display: inline-block;
  border-left: 7px solid transparent;
  border-right: 7px solid transparent;
  border-bottom: 7px solid rgba(0, 0, 0, 0.15);
  border-top: 0;
  border-bottom-color: rgba(0, 0, 0, 0.2);
  position: absolute;
}
.datepicker-dropdown:after {
  content: '';
  display: inline-block;
  border-left: 6px solid transparent;
  border-right: 6px solid transparent;
  border-bottom: 6px solid #fff;
  border-top: 0;
  position: absolute;
}
.datepicker-dropdown.datepicker-orient-left:before {
  left: 6px;
}
.datepicker-dropdown.datepicker-orient-left:after {
  left: 7px;
}
.datepicker-dropdown.datepicker-orient-right:before {
  right: 6px;
}
.datepicker-dropdown.datepicker-orient-right:after {
  right: 7px;
}
.datepicker-dropdown.datepicker-orient-bottom:before {
  top: -7px;
}
.datepicker-dropdown.datepicker-orient-bottom:after {
  top: -6px;
}
.datepicker-dropdown.datepicker-orient-top:before {
  bottom: -7px;
  border-bottom: 0;
  border-top: 7px solid rgba(0, 0, 0, 0.15);
}
.datepicker-dropdown.datepicker-orient-top:after {
  bottom: -6px;
  border-bottom: 0;
  border-top: 6px solid #fff;
}
.datepicker table {
  margin: 0;
  -webkit-touch-callout: none;
  -webkit-user-select: none;
  -khtml-user-select: none;
  -moz-user-select: none;
  -ms-user-select: none;
  user-select: none;
}
.datepicker table tr td,
.datepicker table tr th {
  text-align: center;
  width: 30px;
  height: 30px;
  border-radius: 4px;
  border: none;
}
.table-striped .datepicker table tr td,
.table-striped .datepicker table tr th {
  background-color: transparent;
}
.datepicker table tr td.old,
.datepicker table tr td.new {
  color: #777777;
}
.datepicker table tr td.day:hover,
.datepicker table tr td.focused {
  background: #eeeeee;
  cursor: pointer;
}
.datepicker table tr td.disabled,
.datepicker table tr td.disabled:hover {
  background: none;
  color: #777777;
  cursor: default;
}
.datepicker table tr td.highlighted {
  color: #000;
  background-color: #d9edf7;
  border-color: #85c5e5;
  border-radius: 0;
}
.datepicker table tr td.highlighted:focus,
.datepicker table tr td.highlighted.focus {
  color: #000;
  background-color: #afd9ee;
  border-color: #298fc2;
}
.datepicker table tr td.highlighted:hover {
  color: #000;
  background-color: #afd9ee;
  border-color: #52addb;
}
.datepicker table tr td.highlighted:active,
.datepicker table tr td.highlighted.active {
  color: #000;
  background-color: #afd9ee;
  border-color: #52addb;
}
.datepicker table tr td.highlighted:active:hover,
.datepicker table tr td.highlighted.active:hover,
.datepicker table tr td.highlighted:active:focus,
.datepicker table tr td.highlighted.active:focus,
.datepicker table tr td.highlighted:active.focus,
.datepicker table tr td.highlighted.active.focus {
  color: #000;
  background-color: #91cbe8;
  border-color: #298fc2;
}
.datepicker table tr td.highlighted.disabled:hover,
.datepicker table tr td.highlighted[disabled]:hover,
fieldset[disabled] .datepicker table tr td.highlighted:hover,
.datepicker table tr td.highlighted.disabled:focus,
.datepicker table tr td.highlighted[disabled]:focus,
fieldset[disabled] .datepicker table tr td.highlighted:focus,
.datepicker table tr td.highlighted.disabled.focus,
.datepicker table tr td.highlighted[disabled].focus,
fieldset[disabled] .datepicker table tr td.highlighted.focus {
  background-color: #d9edf7;
  border-color: #85c5e5;
}
.datepicker table tr td.highlighted.focused {
  background: #afd9ee;
}
.datepicker table tr td.highlighted.disabled,
.datepicker table tr td.highlighted.disabled:active {
  background: #d9edf7;
  color: #777777;
}
.datepicker table tr td.today {
  color: #000;
  background-color: #ffdb99;
  border-color: #ffb733;
}
.datepicker table tr td.today:focus,
.datepicker table tr td.today.focus {
  color: #000;
  background-color: #ffc966;
  border-color: #b37400;
}
.datepicker table tr td.today:hover {
  color: #000;
  background-color: #ffc966;
  border-color: #f59e00;
}
.datepicker table tr td.today:active,
.datepicker table tr td.today.active {
  color: #000;
  background-color: #ffc966;
  border-color: #f59e00;
}
.datepicker table tr td.today:active:hover,
.datepicker table tr td.today.active:hover,
.datepicker table tr td.today:active:focus,
.datepicker table tr td.today.active:focus,
.datepicker table tr td.today:active.focus,
.datepicker table tr td.today.active.focus {
  color: #000;
  background-color: #ffbc42;
  border-color: #b37400;
}
.datepicker table tr td.today.disabled:hover,
.datepicker table tr td.today[disabled]:hover,
fieldset[disabled] .datepicker table tr td.today:hover,
.datepicker table tr td.today.disabled:focus,
.datepicker table tr td.today[disabled]:focus,
fieldset[disabled] .datepicker table tr td.today:focus,
.datepicker table tr td.today.disabled.focus,
.datepicker table tr td.today[disabled].focus,
fieldset[disabled] .datepicker table tr td.today.focus {
  background-color: #ffdb99;
  border-color: #ffb733;
}
.datepicker table tr td.today.focused {
  background: #ffc966;
}
.datepicker table tr td.today.disabled,
.datepicker table tr td.today.disabled:active {
  background: #ffdb99;
  color: #777777;
}
.datepicker table tr td.range {
  color: #000;
  background-color: #eeeeee;
  border-color: #bbbbbb;
  border-radius: 0;
}
.datepicker table tr td.range:focus,
.datepicker table tr td.range.focus {
  color: #000;
  background-color: #d5d5d5;
  border-color: #7c7c7c;
}
.datepicker table tr td.range:hover {
  color: #000;
  background-color: #d5d5d5;
  border-color: #9d9d9d;
}
.datepicker table tr td.range:active,
.datepicker table tr td.range.active {
  color: #000;
  background-color: #d5d5d5;
  border-color: #9d9d9d;
}
.datepicker table tr td.range:active:hover,
.datepicker table tr td.range.active:hover,
.datepicker table tr td.range:active:focus,
.datepicker table tr td.range.active:focus,
.datepicker table tr td.range:active.focus,
.datepicker table tr td.range.active.focus {
  color: #000;
  background-color: #c3c3c3;
  border-color: #7c7c7c;
}
.datepicker table tr td.range.disabled:hover,
.datepicker table tr td.range[disabled]:hover,
fieldset[disabled] .datepicker table tr td.range:hover,
.datepicker table tr td.range.disabled:focus,
.datepicker table tr td.range[disabled]:focus,
fieldset[disabled] .datepicker table tr td.range:focus,
.datepicker table tr td.range.disabled.focus,
.datepicker table tr td.range[disabled].focus,
fieldset[disabled] .datepicker table tr td.range.focus {
  background-color: #eeeeee;
  border-color: #bbbbbb;
}
.datepicker table tr td.range.focused {
  background: #d5d5d5;
}
.datepicker table tr td.range.disabled,
.datepicker table tr td.range.disabled:active {
  background: #eeeeee;
  color: #777777;
}
.datepicker table tr td.range.highlighted {
  color: #000;
  background-color: #e4eef3;
  border-color: #9dc1d3;
}
.datepicker table tr td.range.highlighted:focus,
.datepicker table tr td.range.highlighted.focus {
  color: #000;
  background-color: #c1d7e3;
  border-color: #4b88a6;
}
.datepicker table tr td.range.highlighted:hover {
  color: #000;
  background-color: #c1d7e3;
  border-color: #73a6c0;
}
.datepicker table tr td.range.highlighted:active,
.datepicker table tr td.range.highlighted.active {
  color: #000;
  background-color: #c1d7e3;
  border-color: #73a6c0;
}
.datepicker table tr td.range.highlighted:active:hover,
.datepicker table tr td.range.highlighted.active:hover,
.datepicker table tr td.range.highlighted:active:focus,
.datepicker table tr td.range.highlighted.active:focus,
.datepicker table tr td.range.highlighted:active.focus,
.datepicker table tr td.range.highlighted.active.focus {
  color: #000;
  background-color: #a8c8d8;
  border-color: #4b88a6;
}
.datepicker table tr td.range.highlighted.disabled:hover,
.datepicker table tr td.range.highlighted[disabled]:hover,
fieldset[disabled] .datepicker table tr td.range.highlighted:hover,
.datepicker table tr td.range.highlighted.disabled:focus,
.datepicker table tr td.range.highlighted[disabled]:focus,
fieldset[disabled] .datepicker table tr td.range.highlighted:focus,
.datepicker table tr td.range.highlighted.disabled.focus,
.datepicker table tr td.range.highlighted[disabled].focus,
fieldset[disabled] .datepicker table tr td.range.highlighted.focus {
  background-color: #e4eef3;
  border-color: #9dc1d3;
}
.datepicker table tr td.range.highlighted.focused {
  background: #c1d7e3;
}
.datepicker table tr td.range.highlighted.disabled,
.datepicker table tr td.range.highlighted.disabled:active {
  background: #e4eef3;
  color: #777777;
}
.datepicker table tr td.range.today {
  color: #000;
  background-color: #f7ca77;
  border-color: #f1a417;
}
.datepicker table tr td.range.today:focus,
.datepicker table tr td.range.today.focus {
  color: #000;
  background-color: #f4b747;
  border-color: #815608;
}
.datepicker table tr td.range.today:hover {
  color: #000;
  background-color: #f4b747;
  border-color: #bf800c;
}
.datepicker table tr td.range.today:active,
.datepicker table tr td.range.today.active {
  color: #000;
  background-color: #f4b747;
  border-color: #bf800c;
}
.datepicker table tr td.range.today:active:hover,
.datepicker table tr td.range.today.active:hover,
.datepicker table tr td.range.today:active:focus,
.datepicker table tr td.range.today.active:focus,
.datepicker table tr td.range.today:active.focus,
.datepicker table tr td.range.today.active.focus {
  color: #000;
  background-color: #f2aa25;
  border-color: #815608;
}
.datepicker table tr td.range.today.disabled:hover,
.datepicker table tr td.range.today[disabled]:hover,
fieldset[disabled] .datepicker table tr td.range.today:hover,
.datepicker table tr td.range.today.disabled:focus,
.datepicker table tr td.range.today[disabled]:focus,
fieldset[disabled] .datepicker table tr td.range.today:focus,
.datepicker table tr td.range.today.disabled.focus,
.datepicker table tr td.range.today[disabled].focus,
fieldset[disabled] .datepicker table tr td.range.today.focus {
  background-color: #f7ca77;
  border-color: #f1a417;
}
.datepicker table tr td.range.today.disabled,
.datepicker table tr td.range.today.disabled:active {
  background: #f7ca77;
  color: #777777;
}
.datepicker table tr td.selected,
.datepicker table tr td.selected.highlighted {
  color: #fff;
  background-color: #777777;
  border-color: #555555;
  text-shadow: 0 -1px 0 rgba(0, 0, 0, 0.25);
}
.datepicker table tr td.selected:focus,
.datepicker table tr td.selected.highlighted:focus,
.datepicker table tr td.selected.focus,
.datepicker table tr td.selected.highlighted.focus {
  color: #fff;
  background-color: #5e5e5e;
  border-color: #161616;
}
.datepicker table tr td.selected:hover,
.datepicker table tr td.selected.highlighted:hover {
  color: #fff;
  background-color: #5e5e5e;
  border-color: #373737;
}
.datepicker table tr td.selected:active,
.datepicker table tr td.selected.highlighted:active,
.datepicker table tr td.selected.active,
.datepicker table tr td.selected.highlighted.active {
  color: #fff;
  background-color: #5e5e5e;
  border-color: #373737;
}
.datepicker table tr td.selected:active:hover,
.datepicker table tr td.selected.highlighted:active:hover,
.datepicker table tr td.selected.active:hover,
.datepicker table tr td.selected.highlighted.active:hover,
.datepicker table tr td.selected:active:focus,
.datepicker table tr td.selected.highlighted:active:focus,
.datepicker table tr td.selected.active:focus,
.datepicker table tr td.selected.highlighted.active:focus,
.datepicker table tr td.selected:active.focus,
.datepicker table tr td.selected.highlighted:active.focus,
.datepicker table tr td.selected.active.focus,
.datepicker table tr td.selected.highlighted.active.focus {
  color: #fff;
  background-color: #4c4c4c;
  border-color: #161616;
}
.datepicker table tr td.selected.disabled:hover,
.datepicker table tr td.selected.highlighted.disabled:hover,
.datepicker table tr td.selected[disabled]:hover,
.datepicker table tr td.selected.highlighted[disabled]:hover,
fieldset[disabled] .datepicker table tr td.selected:hover,
fieldset[disabled] .datepicker table tr td.selected.highlighted:hover,
.datepicker table tr td.selected.disabled:focus,
.datepicker table tr td.selected.highlighted.disabled:focus,
.datepicker table tr td.selected[disabled]:focus,
.datepicker table tr td.selected.highlighted[disabled]:focus,
fieldset[disabled] .datepicker table tr td.selected:focus,
fieldset[disabled] .datepicker table tr td.selected.highlighted:focus,
.datepicker table tr td.selected.disabled.focus,
.datepicker table tr td.selected.highlighted.disabled.focus,
.datepicker table tr td.selected[disabled].focus,
.datepicker table tr td.selected.highlighted[disabled].focus,
fieldset[disabled] .datepicker table tr td.selected.focus,
fieldset[disabled] .datepicker table tr td.selected.highlighted.focus {
  background-color: #777777;
  border-color: #555555;
}
.datepicker table tr td.active,
.datepicker table tr td.active.highlighted {
  color: #fff;
  background-color: #337ab7;
  border-color: #2e6da4;
  text-shadow: 0 -1px 0 rgba(0, 0, 0, 0.25);
}
.datepicker table tr td.active:focus,
.datepicker table tr td.active.highlighted:focus,
.datepicker table tr td.active.focus,
.datepicker table tr td.active.highlighted.focus {
  color: #fff;
  background-color: #286090;
  border-color: #122b40;
}
.datepicker table tr td.active:hover,
.datepicker table tr td.active.highlighted:hover {
  color: #fff;
  background-color: #286090;
  border-color: #204d74;
}
.datepicker table tr td.active:active,
.datepicker table tr td.active.highlighted:active,
.datepicker table tr td.active.active,
.datepicker table tr td.active.highlighted.active {
  color: #fff;
  background-color: #286090;
  border-color: #204d74;
}
.datepicker table tr td.active:active:hover,
.datepicker table tr td.active.highlighted:active:hover,
.datepicker table tr td.active.active:hover,
.datepicker table tr td.active.highlighted.active:hover,
.datepicker table tr td.active:active:focus,
.datepicker table tr td.active.highlighted:active:focus,
.datepicker table tr td.active.active:focus,
.datepicker table tr td.active.highlighted.active:focus,
.datepicker table tr td.active:active.focus,
.datepicker table tr td.active.highlighted:active.focus,
.datepicker table tr td.active.active.focus,
.datepicker table tr td.active.highlighted.active.focus {
  color: #fff;
  background-color: #204d74;
  border-color: #122b40;
}
.datepicker table tr td.active.disabled:hover,
.datepicker table tr td.active.highlighted.disabled:hover,
.datepicker table tr td.active[disabled]:hover,
.datepicker table tr td.active.highlighted[disabled]:hover,
fieldset[disabled] .datepicker table tr td.active:hover,
fieldset[disabled] .datepicker table tr td.active.highlighted:hover,
.datepicker table tr td.active.disabled:focus,
.datepicker table tr td.active.highlighted.disabled:focus,
.datepicker table tr td.active[disabled]:focus,
.datepicker table tr td.active.highlighted[disabled]:focus,
fieldset[disabled] .datepicker table tr td.active:focus,
fieldset[disabled] .datepicker table tr td.active.highlighted:focus,
.datepicker table tr td.active.disabled.focus,
.datepicker table tr td.active.highlighted.disabled.focus,
.datepicker table tr td.active[disabled].focus,
.datepicker table tr td.active.highlighted[disabled].focus,
fieldset[disabled] .datepicker table tr td.active.focus,
fieldset[disabled] .datepicker table tr td.active.highlighted.focus {
  background-color: #337ab7;
  border-color: #2e6da4;
}
.datepicker table tr td span {
  display: block;
  width: 23%;
  height: 54px;
  line-height: 54px;
  float: left;
  margin: 1%;
  cursor: pointer;
  border-radius: 4px;
}
.datepicker table tr td span:hover,
.datepicker table tr td span.focused {
  background: #eeeeee;
}
.datepicker table tr td span.disabled,
.datepicker table tr td span.disabled:hover {
  background: none;
  color: #777777;
  cursor: default;
}
.datepicker table tr td span.active,
.datepicker table tr td span.active:hover,
.datepicker table tr td span.active.disabled,
.datepicker table tr td span.active.disabled:hover {
  color: #fff;
  background-color: #337ab7;
  border-color: #2e6da4;
  text-shadow: 0 -1px 0 rgba(0, 0, 0, 0.25);
}
.datepicker table tr td span.active:focus,
.datepicker table tr td span.active:hover:focus,
.datepicker table tr td span.active.disabled:focus,
.datepicker table tr td span.active.disabled:hover:focus,
.datepicker table tr td span.active.focus,
.datepicker table tr td span.active:hover.focus,
.datepicker table tr td span.active.disabled.focus,
.datepicker table tr td span.active.disabled:hover.focus {
  color: #fff;
  background-color: #286090;
  border-color: #122b40;
}
.datepicker table tr td span.active:hover,
.datepicker table tr td span.active:hover:hover,
.datepicker table tr td span.active.disabled:hover,
.datepicker table tr td span.active.disabled:hover:hover {
  color: #fff;
  background-color: #286090;
  border-color: #204d74;
}
.datepicker table tr td span.active:active,
.datepicker table tr td span.active:hover:active,
.datepicker table tr td span.active.disabled:active,
.datepicker table tr td span.active.disabled:hover:active,
.datepicker table tr td span.active.active,
.datepicker table tr td span.active:hover.active,
.datepicker table tr td span.active.disabled.active,
.datepicker table tr td span.active.disabled:hover.active {
  color: #fff;
  background-color: #286090;
  border-color: #204d74;
}
.datepicker table tr td span.active:active:hover,
.datepicker table tr td span.active:hover:active:hover,
.datepicker table tr td span.active.disabled:active:hover,
.datepicker table tr td span.active.disabled:hover:active:hover,
.datepicker table tr td span.active.active:hover,
.datepicker table tr td span.active:hover.active:hover,
.datepicker table tr td span.active.disabled.active:hover,
.datepicker table tr td span.active.disabled:hover.active:hover,
.datepicker table tr td span.active:active:focus,
.datepicker table tr td span.active:hover:active:focus,
.datepicker table tr td span.active.disabled:active:focus,
.datepicker table tr td span.active.disabled:hover:active:focus,
.datepicker table tr td span.active.active:focus,
.datepicker table tr td span.active:hover.active:focus,
.datepicker table tr td span.active.disabled.active:focus,
.datepicker table tr td span.active.disabled:hover.active:focus,
.datepicker table tr td span.active:active.focus,
.datepicker table tr td span.active:hover:active.focus,
.datepicker table tr td span.active.disabled:active.focus,
.datepicker table tr td span.active.disabled:hover:active.focus,
.datepicker table tr td span.active.active.focus,
.datepicker table tr td span.active:hover.active.focus,
.datepicker table tr td span.active.disabled.active.focus,
.datepicker table tr td span.active.disabled:hover.active.focus {
  color: #fff;
  background-color: #204d74;
  border-color: #122b40;
}
.datepicker table tr td span.active.disabled:hover,
.datepicker table tr td span.active:hover.disabled:hover,
.datepicker table tr td span.active.disabled.disabled:hover,
.datepicker table tr td span.active.disabled:hover.disabled:hover,
.datepicker table tr td span.active[disabled]:hover,
.datepicker table tr td span.active:hover[disabled]:hover,
.datepicker table tr td span.active.disabled[disabled]:hover,
.datepicker table tr td span.active.disabled:hover[disabled]:hover,
fieldset[disabled] .datepicker table tr td span.active:hover,
fieldset[disabled] .datepicker table tr td span.active:hover:hover,
fieldset[disabled] .datepicker table tr td span.active.disabled:hover,
fieldset[disabled] .datepicker table tr td span.active.disabled:hover:hover,
.datepicker table tr td span.active.disabled:focus,
.datepicker table tr td span.active:hover.disabled:focus,
.datepicker table tr td span.active.disabled.disabled:focus,
.datepicker table tr td span.active.disabled:hover.disabled:focus,
.datepicker table tr td span.active[disabled]:focus,
.datepicker table tr td span.active:hover[disabled]:focus,
.datepicker table tr td span.active.disabled[disabled]:focus,
.datepicker table tr td span.active.disabled:hover[disabled]:focus,
fieldset[disabled] .datepicker table tr td span.active:focus,
fieldset[disabled] .datepicker table tr td span.active:hover:focus,
fieldset[disabled] .datepicker table tr td span.active.disabled:focus,
fieldset[disabled] .datepicker table tr td span.active.disabled:hover:focus,
.datepicker table tr td span.active.disabled.focus,
.datepicker table tr td span.active:hover.disabled.focus,
.datepicker table tr td span.active.disabled.disabled.focus,
.datepicker table tr td span.active.disabled:hover.disabled.focus,
.datepicker table tr td span.active[disabled].focus,
.datepicker table tr td span.active:hover[disabled].focus,
.datepicker table tr td span.active.disabled[disabled].focus,
.datepicker table tr td span.active.disabled:hover[disabled].focus,
fieldset[disabled] .datepicker table tr td span.active.focus,
fieldset[disabled] .datepicker table tr td span.active:hover.focus,
fieldset[disabled] .datepicker table tr td span.active.disabled.focus,
fieldset[disabled] .datepicker table tr td span.active.disabled:hover.focus {
  background-color: #337ab7;
  border-color: #2e6da4;
}
.datepicker table tr td span.old,
.datepicker table tr td span.new {
  color: #777777;
}
.datepicker .datepicker-switch {
  width: 145px;
}
.datepicker .datepicker-switch,
.datepicker .prev,
.datepicker .next,
.datepicker tfoot tr th {
  cursor: pointer;
}
.datepicker .datepicker-switch:hover,
.datepicker .prev:hover,
.datepicker .next:hover,
.datepicker tfoot tr th:hover {
  background: #eeeeee;
}
.datepicker .prev.disabled,
.datepicker .next.disabled {
  visibility: hidden;
}
.datepicker .cw {
  font-size: 10px;
  width: 12px;
  padding: 0 2px 0 5px;
  vertical-align: middle;
}
.input-group.date .input-group-addon {
  cursor: pointer;
}
.input-daterange {
  width: 100%;
}
.input-daterange input {
  text-align: center;
}
.input-daterange input:first-child {
  border-radius: 3px 0 0 3px;
}
.input-daterange input:last-child {
  border-radius: 0 3px 3px 0;
}
.input-daterange .input-group-addon {
  width: auto;
  min-width: 16px;
  padding: 4px 5px;
  line-height: 1.42857143;
  border-width: 1px 0;
  margin-left: -5px;
  margin-right: -5px;
}
/*# sourceMappingURL=bootstrap-datepicker3.css.map */
/*!
 * Datetimepicker for Bootstrap
 *
 * Copyright 2012 Stefan Petre
 * Improvements by Andrew Rowls
 * Licensed under the Apache License v2.0
 * http://www.apache.org/licenses/LICENSE-2.0
 *
 */

.datetimepicker {
	padding: 4px;
	margin-top: 1px;
	-webkit-border-radius: 4px;
	-moz-border-radius: 4px;
	border-radius: 4px;
	direction: ltr;
}

.datetimepicker-inline {
	width: 220px;
}

.datetimepicker.datetimepicker-rtl {
	direction: rtl;
}

.datetimepicker.datetimepicker-rtl table tr td span {
	float: right;
}

.datetimepicker-dropdown, .datetimepicker-dropdown-left {
	top: 0;
	left: 0;
}

[class*=" datetimepicker-dropdown"]:before {
	content: '';
	display: inline-block;
	border-left: 7px solid transparent;
	border-right: 7px solid transparent;
	border-bottom: 7px solid #cccccc;
	border-bottom-color: rgba(0, 0, 0, 0.2);
	position: absolute;
}

[class*=" datetimepicker-dropdown"]:after {
	content: '';
	display: inline-block;
	border-left: 6px solid transparent;
	border-right: 6px solid transparent;
	border-bottom: 6px solid #ffffff;
	position: absolute;
}

[class*=" datetimepicker-dropdown-top"]:before {
	content: '';
	display: inline-block;
	border-left: 7px solid transparent;
	border-right: 7px solid transparent;
	border-top: 7px solid #cccccc;
	border-top-color: rgba(0, 0, 0, 0.2);
	border-bottom: 0;
}

[class*=" datetimepicker-dropdown-top"]:after {
	content: '';
	display: inline-block;
	border-left: 6px solid transparent;
	border-right: 6px solid transparent;
	border-top: 6px solid #ffffff;
	border-bottom: 0;
}

.datetimepicker-dropdown-bottom-left:before {
	top: -7px;
	right: 6px;
}

.datetimepicker-dropdown-bottom-left:after {
	top: -6px;
	right: 7px;
}

.datetimepicker-dropdown-bottom-right:before {
	top: -7px;
	left: 6px;
}

.datetimepicker-dropdown-bottom-right:after {
	top: -6px;
	left: 7px;
}

.datetimepicker-dropdown-top-left:before {
	bottom: -7px;
	right: 6px;
}

.datetimepicker-dropdown-top-left:after {
	bottom: -6px;
	right: 7px;
}

.datetimepicker-dropdown-top-right:before {
	bottom: -7px;
	left: 6px;
}

.datetimepicker-dropdown-top-right:after {
	bottom: -6px;
	left: 7px;
}

.datetimepicker > div {
	display: none;
}

.datetimepicker.minutes div.datetimepicker-minutes {
	display: block;
}

.datetimepicker.hours div.datetimepicker-hours {
	display: block;
}

.datetimepicker.days div.datetimepicker-days {
	display: block;
}

.datetimepicker.months div.datetimepicker-months {
	display: block;
}

.datetimepicker.years div.datetimepicker-years {
	display: block;
}

.datetimepicker table {
	margin: 0;
}

.datetimepicker  td,
.datetimepicker th {
	text-align: center;
	width: 20px;
	height: 20px;
	-webkit-border-radius: 4px;
	-moz-border-radius: 4px;
	border-radius: 4px;
	border: none;
}

.table-striped .datetimepicker table tr td,
.table-striped .datetimepicker table tr th {
	background-color: transparent;
}

.datetimepicker table tr td.minute:hover {
	background: #eeeeee;
	cursor: pointer;
}

.datetimepicker table tr td.hour:hover {
	background: #eeeeee;
	cursor: pointer;
}

.datetimepicker table tr td.day:hover {
	background: #eeeeee;
	cursor: pointer;
}

.datetimepicker table tr td.old,
.datetimepicker table tr td.new {
	color: #999999;
}

.datetimepicker table tr td.disabled,
.datetimepicker table tr td.disabled:hover {
	background: none;
	color: #999999;
	cursor: default;
}

.datetimepicker table tr td.today,
.datetimepicker table tr td.today:hover,
.datetimepicker table tr td.today.disabled,
.datetimepicker table tr td.today.disabled:hover {
	background-color: #fde19a;
	background-image: -moz-linear-gradient(top, #fdd49a, #fdf59a);
	background-image: -ms-linear-gradient(top, #fdd49a, #fdf59a);
	background-image: -webkit-gradient(linear, 0 0, 0 100%, from(#fdd49a), to(#fdf59a));
	background-image: -webkit-linear-gradient(top, #fdd49a, #fdf59a);
	background-image: -o-linear-gradient(top, #fdd49a, #fdf59a);
	background-image: linear-gradient(to bottom, #fdd49a, #fdf59a);
	background-repeat: repeat-x;
	filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#fdd49a', endColorstr='#fdf59a', GradientType=0);
	border-color: #fdf59a #fdf59a #fbed50;
	border-color: rgba(0, 0, 0, 0.1) rgba(0, 0, 0, 0.1) rgba(0, 0, 0, 0.25);
	filter: progid:DXImageTransform.Microsoft.gradient(enabled=false);
}

.datetimepicker table tr td.today:hover,
.datetimepicker table tr td.today:hover:hover,
.datetimepicker table tr td.today.disabled:hover,
.datetimepicker table tr td.today.disabled:hover:hover,
.datetimepicker table tr td.today:active,
.datetimepicker table tr td.today:hover:active,
.datetimepicker table tr td.today.disabled:active,
.datetimepicker table tr td.today.disabled:hover:active,
.datetimepicker table tr td.today.active,
.datetimepicker table tr td.today:hover.active,
.datetimepicker table tr td.today.disabled.active,
.datetimepicker table tr td.today.disabled:hover.active,
.datetimepicker table tr td.today.disabled,
.datetimepicker table tr td.today:hover.disabled,
.datetimepicker table tr td.today.disabled.disabled,
.datetimepicker table tr td.today.disabled:hover.disabled,
.datetimepicker table tr td.today[disabled],
.datetimepicker table tr td.today:hover[disabled],
.datetimepicker table tr td.today.disabled[disabled],
.datetimepicker table tr td.today.disabled:hover[disabled] {
	background-color: #fdf59a;
}

.datetimepicker table tr td.today:active,
.datetimepicker table tr td.today:hover:active,
.datetimepicker table tr td.today.disabled:active,
.datetimepicker table tr td.today.disabled:hover:active,
.datetimepicker table tr td.today.active,
.datetimepicker table tr td.today:hover.active,
.datetimepicker table tr td.today.disabled.active,
.datetimepicker table tr td.today.disabled:hover.active {
	background-color: #fbf069;
}

.datetimepicker table tr td.active,
.datetimepicker table tr td.active:hover,
.datetimepicker table tr td.active.disabled,
.datetimepicker table tr td.active.disabled:hover {
	background-color: #006dcc;
	background-image: -moz-linear-gradient(top, #0088cc, #0044cc);
	background-image: -ms-linear-gradient(top, #0088cc, #0044cc);
	background-image: -webkit-gradient(linear, 0 0, 0 100%, from(#0088cc), to(#0044cc));
	background-image: -webkit-linear-gradient(top, #0088cc, #0044cc);
	background-image: -o-linear-gradient(top, #0088cc, #0044cc);
	background-image: linear-gradient(to bottom, #0088cc, #0044cc);
	background-repeat: repeat-x;
	filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#0088cc', endColorstr='#0044cc', GradientType=0);
	border-color: #0044cc #0044cc #002a80;
	border-color: rgba(0, 0, 0, 0.1) rgba(0, 0, 0, 0.1) rgba(0, 0, 0, 0.25);
	filter: progid:DXImageTransform.Microsoft.gradient(enabled=false);
	color: #ffffff;
	text-shadow: 0 -1px 0 rgba(0, 0, 0, 0.25);
}

.datetimepicker table tr td.active:hover,
.datetimepicker table tr td.active:hover:hover,
.datetimepicker table tr td.active.disabled:hover,
.datetimepicker table tr td.active.disabled:hover:hover,
.datetimepicker table tr td.active:active,
.datetimepicker table tr td.active:hover:active,
.datetimepicker table tr td.active.disabled:active,
.datetimepicker table tr td.active.disabled:hover:active,
.datetimepicker table tr td.active.active,
.datetimepicker table tr td.active:hover.active,
.datetimepicker table tr td.active.disabled.active,
.datetimepicker table tr td.active.disabled:hover.active,
.datetimepicker table tr td.active.disabled,
.datetimepicker table tr td.active:hover.disabled,
.datetimepicker table tr td.active.disabled.disabled,
.datetimepicker table tr td.active.disabled:hover.disabled,
.datetimepicker table tr td.active[disabled],
.datetimepicker table tr td.active:hover[disabled],
.datetimepicker table tr td.active.disabled[disabled],
.datetimepicker table tr td.active.disabled:hover[disabled] {
	background-color: #0044cc;
}

.datetimepicker table tr td.active:active,
.datetimepicker table tr td.active:hover:active,
.datetimepicker table tr td.active.disabled:active,
.datetimepicker table tr td.active.disabled:hover:active,
.datetimepicker table tr td.active.active,
.datetimepicker table tr td.active:hover.active,
.datetimepicker table tr td.active.disabled.active,
.datetimepicker table tr td.active.disabled:hover.active {
	background-color: #003399;
}

.datetimepicker table tr td span {
	display: block;
	width: 23%;
	height: 54px;
	line-height: 54px;
	float: left;
	margin: 1%;
	cursor: pointer;
	-webkit-border-radius: 4px;
	-moz-border-radius: 4px;
	border-radius: 4px;
}

.datetimepicker .datetimepicker-hours span {
	height: 26px;
	line-height: 26px;
}

.datetimepicker .datetimepicker-hours table tr td span.hour_am,
.datetimepicker .datetimepicker-hours table tr td span.hour_pm {
	width: 14.6%;
}

.datetimepicker .datetimepicker-hours fieldset legend,
.datetimepicker .datetimepicker-minutes fieldset legend {
	margin-bottom: inherit;
	line-height: 30px;
}

.datetimepicker .datetimepicker-minutes span {
	height: 26px;
	line-height: 26px;
}

.datetimepicker table tr td span:hover {
	background: #eeeeee;
}

.datetimepicker table tr td span.disabled,
.datetimepicker table tr td span.disabled:hover {
	background: none;
	color: #999999;
	cursor: default;
}

.datetimepicker table tr td span.active,
.datetimepicker table tr td span.active:hover,
.datetimepicker table tr td span.active.disabled,
.datetimepicker table tr td span.active.disabled:hover {
	background-color: #006dcc;
	background-image: -moz-linear-gradient(top, #0088cc, #0044cc);
	background-image: -ms-linear-gradient(top, #0088cc, #0044cc);
	background-image: -webkit-gradient(linear, 0 0, 0 100%, from(#0088cc), to(#0044cc));
	background-image: -webkit-linear-gradient(top, #0088cc, #0044cc);
	background-image: -o-linear-gradient(top, #0088cc, #0044cc);
	background-image: linear-gradient(to bottom, #0088cc, #0044cc);
	background-repeat: repeat-x;
	filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#0088cc', endColorstr='#0044cc', GradientType=0);
	border-color: #0044cc #0044cc #002a80;
	border-color: rgba(0, 0, 0, 0.1) rgba(0, 0, 0, 0.1) rgba(0, 0, 0, 0.25);
	filter: progid:DXImageTransform.Microsoft.gradient(enabled=false);
	color: #ffffff;
	text-shadow: 0 -1px 0 rgba(0, 0, 0, 0.25);
}

.datetimepicker table tr td span.active:hover,
.datetimepicker table tr td span.active:hover:hover,
.datetimepicker table tr td span.active.disabled:hover,
.datetimepicker table tr td span.active.disabled:hover:hover,
.datetimepicker table tr td span.active:active,
.datetimepicker table tr td span.active:hover:active,
.datetimepicker table tr td span.active.disabled:active,
.datetimepicker table tr td span.active.disabled:hover:active,
.datetimepicker table tr td span.active.active,
.datetimepicker table tr td span.active:hover.active,
.datetimepicker table tr td span.active.disabled.active,
.datetimepicker table tr td span.active.disabled:hover.active,
.datetimepicker table tr td span.active.disabled,
.datetimepicker table tr td span.active:hover.disabled,
.datetimepicker table tr td span.active.disabled.disabled,
.datetimepicker table tr td span.active.disabled:hover.disabled,
.datetimepicker table tr td span.active[disabled],
.datetimepicker table tr td span.active:hover[disabled],
.datetimepicker table tr td span.active.disabled[disabled],
.datetimepicker table tr td span.active.disabled:hover[disabled] {
	background-color: #0044cc;
}

.datetimepicker table tr td span.active:active,
.datetimepicker table tr td span.active:hover:active,
.datetimepicker table tr td span.active.disabled:active,
.datetimepicker table tr td span.active.disabled:hover:active,
.datetimepicker table tr td span.active.active,
.datetimepicker table tr td span.active:hover.active,
.datetimepicker table tr td span.active.disabled.active,
.datetimepicker table tr td span.active.disabled:hover.active {
	background-color: #003399;
}

.datetimepicker table tr td span.old {
	color: #999999;
}

.datetimepicker th.switch {
	width: 145px;
}

.datetimepicker th span.glyphicon {
	pointer-events: none;
}

.datetimepicker thead tr:first-child th,
.datetimepicker tfoot th {
	cursor: pointer;
}

.datetimepicker thead tr:first-child th:hover,
.datetimepicker tfoot th:hover {
	background: #eeeeee;
}

.input-append.date .add-on i,
.input-prepend.date .add-on i,
.input-group.date .input-group-addon span {
	cursor: pointer;
	width: 14px;
	height: 14px;
}
/*!
 * Timepicker Component for Twitter Bootstrap
 *
 * Copyright 2013 Joris de Wit
 *
 * Contributors https://github.com/jdewit/bootstrap-timepicker/graphs/contributors
 *
 * For the full copyright and license information, please view the LICENSE
 * file that was distributed with this source code.
 */

.bootstrap-timepicker {
  position: relative;
}
.bootstrap-timepicker.pull-right .bootstrap-timepicker-widget.dropdown-menu {
  left: auto;
  right: 0;
}
.bootstrap-timepicker.pull-right .bootstrap-timepicker-widget.dropdown-menu:before {
  left: auto;
  right: 12px;
}
.bootstrap-timepicker.pull-right .bootstrap-timepicker-widget.dropdown-menu:after {
  left: auto;
  right: 13px;
}
.bootstrap-timepicker .input-group-addon {
  cursor: pointer;
}
.bootstrap-timepicker .input-group-addon i {
  display: inline-block;
  width: 16px;
  height: 16px;
}
.bootstrap-timepicker-widget.dropdown-menu {
  padding: 4px;
}
.bootstrap-timepicker-widget.dropdown-menu.open {
  display: inline-block;
}
.bootstrap-timepicker-widget.dropdown-menu:before {
  border-bottom: 7px solid rgba(0, 0, 0, 0.2);
  border-left: 7px solid transparent;
  border-right: 7px solid transparent;
  content: "";
  display: inline-block;
  position: absolute;
}
.bootstrap-timepicker-widget.dropdown-menu:after {
  border-bottom: 6px solid #FFFFFF;
  border-left: 6px solid transparent;
  border-right: 6px solid transparent;
  content: "";
  display: inline-block;
  position: absolute;
}
.bootstrap-timepicker-widget.timepicker-orient-left:before {
  left: 6px;
}
.bootstrap-timepicker-widget.timepicker-orient-left:after {
  left: 7px;
}
.bootstrap-timepicker-widget.timepicker-orient-right:before {
  right: 6px;
}
.bootstrap-timepicker-widget.timepicker-orient-right:after {
  right: 7px;
}
.bootstrap-timepicker-widget.timepicker-orient-top:before {
  top: -7px;
}
.bootstrap-timepicker-widget.timepicker-orient-top:after {
  top: -6px;
}
.bootstrap-timepicker-widget.timepicker-orient-bottom:before {
  bottom: -7px;
  border-bottom: 0;
  border-top: 7px solid #999;
}
.bootstrap-timepicker-widget.timepicker-orient-bottom:after {
  bottom: -6px;
  border-bottom: 0;
  border-top: 6px solid #ffffff;
}
.bootstrap-timepicker-widget a.btn,
.bootstrap-timepicker-widget input {
  border-radius: 4px;
}
.bootstrap-timepicker-widget table {
  width: 100%;
  margin: 0;
}
.bootstrap-timepicker-widget table td {
  text-align: center;
  height: 30px;
  margin: 0;
  padding: 2px;
}
.bootstrap-timepicker-widget table td:not(.separator) {
  min-width: 30px;
}
.bootstrap-timepicker-widget table td span {
  width: 100%;
}
.bootstrap-timepicker-widget table td a {
  border: 1px transparent solid;
  width: 100%;
  display: inline-block;
  margin: 0;
  padding: 8px 0;
  outline: 0;
  color: #333;
}
.bootstrap-timepicker-widget table td a:hover {
  text-decoration: none;
  background-color: #eee;
  -webkit-border-radius: 4px;
  -moz-border-radius: 4px;
  border-radius: 4px;
  border-color: #ddd;
}
.bootstrap-timepicker-widget table td a i {
  margin-top: 2px;
  font-size: 18px;
}
.bootstrap-timepicker-widget table td input {
  width: 25px;
  margin: 0;
  text-align: center;
}
.bootstrap-timepicker-widget .modal-content {
  padding: 4px;
}
@media (min-width: 767px) {
  .bootstrap-timepicker-widget.modal {
    width: 200px;
    margin-left: -100px;
  }
}
@media (max-width: 767px) {
  .bootstrap-timepicker {
    width: 100%;
  }
  .bootstrap-timepicker .dropdown-menu {
    width: 100%;
  }
}
.daterangepicker {
  position: absolute;
  color: inherit;
  background-color: #fff;
  border-radius: 4px;
  border: 1px solid #ddd;
  width: 278px;
  max-width: none;
  padding: 0;
  margin-top: 7px;
  top: 100px;
  left: 20px;
  z-index: 3001;
  display: none;
  font-family: arial;
  font-size: 15px;
  line-height: 1em;
}

.daterangepicker:before, .daterangepicker:after {
  position: absolute;
  display: inline-block;
  border-bottom-color: rgba(0, 0, 0, 0.2);
  content: '';
}

.daterangepicker:before {
  top: -7px;
  border-right: 7px solid transparent;
  border-left: 7px solid transparent;
  border-bottom: 7px solid #ccc;
}

.daterangepicker:after {
  top: -6px;
  border-right: 6px solid transparent;
  border-bottom: 6px solid #fff;
  border-left: 6px solid transparent;
}

.daterangepicker.opensleft:before {
  right: 9px;
}

.daterangepicker.opensleft:after {
  right: 10px;
}

.daterangepicker.openscenter:before {
  left: 0;
  right: 0;
  width: 0;
  margin-left: auto;
  margin-right: auto;
}

.daterangepicker.openscenter:after {
  left: 0;
  right: 0;
  width: 0;
  margin-left: auto;
  margin-right: auto;
}

.daterangepicker.opensright:before {
  left: 9px;
}

.daterangepicker.opensright:after {
  left: 10px;
}

.daterangepicker.drop-up {
  margin-top: -7px;
}

.daterangepicker.drop-up:before {
  top: initial;
  bottom: -7px;
  border-bottom: initial;
  border-top: 7px solid #ccc;
}

.daterangepicker.drop-up:after {
  top: initial;
  bottom: -6px;
  border-bottom: initial;
  border-top: 6px solid #fff;
}

.daterangepicker.single .daterangepicker .ranges, .daterangepicker.single .drp-calendar {
  float: none;
}

.daterangepicker.single .drp-selected {
  display: none;
}

.daterangepicker.show-calendar .drp-calendar {
  display: block;
}

.daterangepicker.show-calendar .drp-buttons {
  display: block;
}

.daterangepicker.auto-apply .drp-buttons {
  display: none;
}

.daterangepicker .drp-calendar {
  display: none;
  max-width: 270px;
}

.daterangepicker .drp-calendar.left {
  padding: 8px 0 8px 8px;
}

.daterangepicker .drp-calendar.right {
  padding: 8px;
}

.daterangepicker .drp-calendar.single .calendar-table {
  border: none;
}

.daterangepicker .calendar-table .next span, .daterangepicker .calendar-table .prev span {
  color: #fff;
  border: solid black;
  border-width: 0 2px 2px 0;
  border-radius: 0;
  display: inline-block;
  padding: 3px;
}

.daterangepicker .calendar-table .next span {
  transform: rotate(-45deg);
  -webkit-transform: rotate(-45deg);
}

.daterangepicker .calendar-table .prev span {
  transform: rotate(135deg);
  -webkit-transform: rotate(135deg);
}

.daterangepicker .calendar-table th, .daterangepicker .calendar-table td {
  white-space: nowrap;
  text-align: center;
  vertical-align: middle;
  min-width: 32px;
  width: 32px;
  height: 24px;
  line-height: 24px;
  font-size: 12px;
  border-radius: 4px;
  border: 1px solid transparent;
  white-space: nowrap;
  cursor: pointer;
}

.daterangepicker .calendar-table {
  border: 1px solid #fff;
  border-radius: 4px;
  background-color: #fff;
}

.daterangepicker .calendar-table table {
  width: 100%;
  margin: 0;
  border-spacing: 0;
  border-collapse: collapse;
}

.daterangepicker td.available:hover, .daterangepicker th.available:hover {
  background-color: #eee;
  border-color: transparent;
  color: inherit;
}

.daterangepicker td.week, .daterangepicker th.week {
  font-size: 80%;
  color: #ccc;
}

.daterangepicker td.off, .daterangepicker td.off.in-range, .daterangepicker td.off.start-date, .daterangepicker td.off.end-date {
  background-color: #fff;
  border-color: transparent;
  color: #999;
}

.daterangepicker td.in-range {
  background-color: #ebf4f8;
  border-color: transparent;
  color: #000;
  border-radius: 0;
}

.daterangepicker td.start-date {
  border-radius: 4px 0 0 4px;
}

.daterangepicker td.end-date {
  border-radius: 0 4px 4px 0;
}

.daterangepicker td.start-date.end-date {
  border-radius: 4px;
}

.daterangepicker td.active, .daterangepicker td.active:hover {
  background-color: #357ebd;
  border-color: transparent;
  color: #fff;
}

.daterangepicker th.month {
  width: auto;
}

.daterangepicker td.disabled, .daterangepicker option.disabled {
  color: #999;
  cursor: not-allowed;
  text-decoration: line-through;
}

.daterangepicker select.monthselect, .daterangepicker select.yearselect {
  font-size: 12px;
  padding: 1px;
  height: auto;
  margin: 0;
  cursor: default;
}

.daterangepicker select.monthselect {
  margin-right: 2%;
  width: 56%;
}

.daterangepicker select.yearselect {
  width: 40%;
}

.daterangepicker select.hourselect, .daterangepicker select.minuteselect, .daterangepicker select.secondselect, .daterangepicker select.ampmselect {
  width: 50px;
  margin: 0 auto;
  background: #eee;
  border: 1px solid #eee;
  padding: 2px;
  outline: 0;
  font-size: 12px;
}

.daterangepicker .calendar-time {
  text-align: center;
  margin: 4px auto 0 auto;
  line-height: 30px;
  position: relative;
}

.daterangepicker .calendar-time select.disabled {
  color: #ccc;
  cursor: not-allowed;
}

.daterangepicker .drp-buttons {
  clear: both;
  text-align: right;
  padding: 8px;
  border-top: 1px solid #ddd;
  display: none;
  line-height: 12px;
  vertical-align: middle;
}

.daterangepicker .drp-selected {
  display: inline-block;
  font-size: 12px;
  padding-right: 8px;
}

.daterangepicker .drp-buttons .btn {
  margin-left: 8px;
  font-size: 12px;
  font-weight: bold;
  padding: 4px 8px;
}

.daterangepicker.show-ranges .drp-calendar.left {
  border-left: 1px solid #ddd;
}

.daterangepicker .ranges {
  float: none;
  text-align: left;
  margin: 0;
}

.daterangepicker.show-calendar .ranges {
  margin-top: 8px;
}

.daterangepicker .ranges ul {
  list-style: none;
  margin: 0 auto;
  padding: 0;
  width: 100%;
}

.daterangepicker .ranges li {
  font-size: 12px;
  padding: 8px 12px;
  cursor: pointer;
}

.daterangepicker .ranges li:hover {
  background-color: #eee;
}

.daterangepicker .ranges li.active {
  background-color: #08c;
  color: #fff;
}

/*  Larger Screen Styling */
@media (min-width: 564px) {
  .daterangepicker {
    width: auto; }
    .daterangepicker .ranges ul {
      width: 140px; }
    .daterangepicker.single .ranges ul {
      width: 100%; }
    .daterangepicker.single .drp-calendar.left {
      clear: none; }
    .daterangepicker.single.ltr .ranges, .daterangepicker.single.ltr .drp-calendar {
      float: left; }
    .daterangepicker.single.rtl .ranges, .daterangepicker.single.rtl .drp-calendar {
      float: right; }
    .daterangepicker.ltr {
      direction: ltr;
      text-align: left; }
      .daterangepicker.ltr .drp-calendar.left {
        clear: left;
        margin-right: 0; }
        .daterangepicker.ltr .drp-calendar.left .calendar-table {
          border-right: none;
          border-top-right-radius: 0;
          border-bottom-right-radius: 0; }
      .daterangepicker.ltr .drp-calendar.right {
        margin-left: 0; }
        .daterangepicker.ltr .drp-calendar.right .calendar-table {
          border-left: none;
          border-top-left-radius: 0;
          border-bottom-left-radius: 0; }
      .daterangepicker.ltr .drp-calendar.left .calendar-table {
        padding-right: 8px; }
      .daterangepicker.ltr .ranges, .daterangepicker.ltr .drp-calendar {
        float: left; }
    .daterangepicker.rtl {
      direction: rtl;
      text-align: right; }
      .daterangepicker.rtl .drp-calendar.left {
        clear: right;
        margin-left: 0; }
        .daterangepicker.rtl .drp-calendar.left .calendar-table {
          border-left: none;
          border-top-left-radius: 0;
          border-bottom-left-radius: 0; }
      .daterangepicker.rtl .drp-calendar.right {
        margin-right: 0; }
        .daterangepicker.rtl .drp-calendar.right .calendar-table {
          border-right: none;
          border-top-right-radius: 0;
          border-bottom-right-radius: 0; }
      .daterangepicker.rtl .drp-calendar.left .calendar-table {
        padding-left: 12px; }
      .daterangepicker.rtl .ranges, .daterangepicker.rtl .drp-calendar {
        text-align: right;
        float: right; } }
@media (min-width: 730px) {
  .daterangepicker .ranges {
    width: auto; }
  .daterangepicker.ltr .ranges {
    float: left; }
  .daterangepicker.rtl .ranges {
    float: right; }
  .daterangepicker .drp-calendar.left {
    clear: none !important; } }
/*
 *  Bootstrap TouchSpin - v4.2.5
 *  A mobile and touch friendly input spinner component for Bootstrap 3 & 4.
 *  http://www.virtuosoft.eu/code/bootstrap-touchspin/
 *
 *  Made by István Ujj-Mészáros
 *  Under Apache License v2.0 License
 */
/* This CSS file is unnecessary if you are not using vertical buttons functionality */


.bootstrap-touchspin .input-group-btn-vertical {
  position: absolute;
  right: 0;
  height: 100%;
  z-index: 11;
}

.bootstrap-touchspin .input-group-btn-vertical > .btn {
  position: absolute;
  right: 0;
  height: 50%;
  padding: 0;
  width: 2em;
  text-align: center;
  line-height: 1;
}

.bootstrap-touchspin .input-group-btn-vertical .bootstrap-touchspin-up {
  border-radius: 0 4px 0 0;
  top: 0;
}

.bootstrap-touchspin .input-group-btn-vertical .bootstrap-touchspin-down {
  border-radius: 0 0 4px 0;
  bottom: 0;
}


/*!
 * Bootstrap-select v1.13.5 (https://developer.snapappointments.com/bootstrap-select)
 *
 * Copyright 2012-2018 SnapAppointments, LLC
 * Licensed under MIT (https://github.com/snapappointments/bootstrap-select/blob/master/LICENSE)
 */


select.bs-select-hidden,
.bootstrap-select > select.bs-select-hidden,
select.selectpicker {
  display: none !important;
}
.bootstrap-select {
  width: 220px \0;
  /*IE9 and below*/
  vertical-align: middle;
}
.bootstrap-select > .dropdown-toggle {
  position: relative;
  width: 100%;
  z-index: 1;
  text-align: right;
  white-space: nowrap;
}
.bootstrap-select > .dropdown-toggle.bs-placeholder,
.bootstrap-select > .dropdown-toggle.bs-placeholder:hover,
.bootstrap-select > .dropdown-toggle.bs-placeholder:focus,
.bootstrap-select > .dropdown-toggle.bs-placeholder:active {
  color: #999;
}
.bootstrap-select > .dropdown-toggle.bs-placeholder.btn-primary,
.bootstrap-select > .dropdown-toggle.bs-placeholder.btn-secondary,
.bootstrap-select > .dropdown-toggle.bs-placeholder.btn-success,
.bootstrap-select > .dropdown-toggle.bs-placeholder.btn-danger,
.bootstrap-select > .dropdown-toggle.bs-placeholder.btn-info,
.bootstrap-select > .dropdown-toggle.bs-placeholder.btn-dark,
.bootstrap-select > .dropdown-toggle.bs-placeholder.btn-primary:hover,
.bootstrap-select > .dropdown-toggle.bs-placeholder.btn-secondary:hover,
.bootstrap-select > .dropdown-toggle.bs-placeholder.btn-success:hover,
.bootstrap-select > .dropdown-toggle.bs-placeholder.btn-danger:hover,
.bootstrap-select > .dropdown-toggle.bs-placeholder.btn-info:hover,
.bootstrap-select > .dropdown-toggle.bs-placeholder.btn-dark:hover,
.bootstrap-select > .dropdown-toggle.bs-placeholder.btn-primary:focus,
.bootstrap-select > .dropdown-toggle.bs-placeholder.btn-secondary:focus,
.bootstrap-select > .dropdown-toggle.bs-placeholder.btn-success:focus,
.bootstrap-select > .dropdown-toggle.bs-placeholder.btn-danger:focus,
.bootstrap-select > .dropdown-toggle.bs-placeholder.btn-info:focus,
.bootstrap-select > .dropdown-toggle.bs-placeholder.btn-dark:focus,
.bootstrap-select > .dropdown-toggle.bs-placeholder.btn-primary:active,
.bootstrap-select > .dropdown-toggle.bs-placeholder.btn-secondary:active,
.bootstrap-select > .dropdown-toggle.bs-placeholder.btn-success:active,
.bootstrap-select > .dropdown-toggle.bs-placeholder.btn-danger:active,
.bootstrap-select > .dropdown-toggle.bs-placeholder.btn-info:active,
.bootstrap-select > .dropdown-toggle.bs-placeholder.btn-dark:active {
  color: rgba(255, 255, 255, 0.5);
}
.bootstrap-select > select {
  position: absolute !important;
  bottom: 0;
  left: 50%;
  display: block !important;
  width: 0.5px !important;
  height: 100% !important;
  padding: 0 !important;
  opacity: 0 !important;
  border: none;
}
.bootstrap-select > select.mobile-device {
  top: 0;
  left: 0;
  display: block !important;
  width: 100% !important;
  z-index: 2;
}
.has-error .bootstrap-select .dropdown-toggle,
.error .bootstrap-select .dropdown-toggle,
.bootstrap-select.is-invalid .dropdown-toggle,
.was-validated .bootstrap-select .selectpicker:invalid + .dropdown-toggle {
  border-color: #b94a48;
}
.bootstrap-select.is-valid .dropdown-toggle,
.was-validated .bootstrap-select .selectpicker:valid + .dropdown-toggle {
  border-color: #28a745;
}
.bootstrap-select.fit-width {
  width: auto !important;
}
.bootstrap-select:not([class*="col-"]):not([class*="form-control"]):not(.input-group-btn) {
  width: 220px;
}
.bootstrap-select > select.mobile-device:focus + .dropdown-toggle,
.bootstrap-select .dropdown-toggle:focus {
  outline: thin dotted #333333 !important;
  outline: 5px auto -webkit-focus-ring-color !important;
  outline-offset: -2px;
}
.bootstrap-select.form-control {
  margin-bottom: 0;
  padding: 0;
  border: none;
}
:not(.input-group) > .bootstrap-select.form-control:not([class*="col-"]) {
  width: 100%;
}
.bootstrap-select.form-control.input-group-btn {
  z-index: auto;
}
.bootstrap-select.form-control.input-group-btn:not(:first-child):not(:last-child) > .btn {
  border-radius: 0;
}
.bootstrap-select:not(.input-group-btn),
.bootstrap-select[class*="col-"] {
  float: none;
  display: inline-block;
  margin-left: 0;
}
.bootstrap-select.dropdown-menu-right,
.bootstrap-select[class*="col-"].dropdown-menu-right,
.row .bootstrap-select[class*="col-"].dropdown-menu-right {
  float: right;
}
.form-inline .bootstrap-select,
.form-horizontal .bootstrap-select,
.form-group .bootstrap-select {
  margin-bottom: 0;
}
.form-group-lg .bootstrap-select.form-control,
.form-group-sm .bootstrap-select.form-control {
  padding: 0;
}
.form-group-lg .bootstrap-select.form-control .dropdown-toggle,
.form-group-sm .bootstrap-select.form-control .dropdown-toggle {
  height: 100%;
  font-size: inherit;
  line-height: inherit;
  border-radius: inherit;
}
.bootstrap-select.form-control-sm .dropdown-toggle,
.bootstrap-select.form-control-lg .dropdown-toggle {
  font-size: inherit;
  line-height: inherit;
  border-radius: inherit;
}
.bootstrap-select.form-control-sm .dropdown-toggle {
  padding: 0.25rem 0.5rem;
}
.bootstrap-select.form-control-lg .dropdown-toggle {
  padding: 0.5rem 1rem;
}
.form-inline .bootstrap-select .form-control {
  width: 100%;
}
.bootstrap-select.disabled,
.bootstrap-select > .disabled {
  cursor: not-allowed;
}
.bootstrap-select.disabled:focus,
.bootstrap-select > .disabled:focus {
  outline: none !important;
}
.bootstrap-select.bs-container {
  position: absolute;
  top: 0;
  left: 0;
  height: 0 !important;
  padding: 0 !important;
}
.bootstrap-select.bs-container .dropdown-menu {
  z-index: 1060;
}
.bootstrap-select .dropdown-toggle:before {
  content: '';
  display: inline-block;
}
.bootstrap-select .dropdown-toggle .filter-option {
  position: absolute;
  top: 0;
  left: 0;
  padding-top: inherit;
  padding-right: inherit;
  padding-bottom: inherit;
  padding-left: inherit;
  height: 100%;
  width: 100%;
  text-align: left;
}
.bootstrap-select .dropdown-toggle .filter-option-inner {
  padding-right: inherit;
}
.bootstrap-select .dropdown-toggle .filter-option-inner-inner {
  overflow: hidden;
}
.bootstrap-select .dropdown-toggle .caret {
  position: absolute;
  top: 50%;
  right: 12px;
  margin-top: -2px;
  vertical-align: middle;
}
.input-group .bootstrap-select.form-control .dropdown-toggle {
  border-radius: inherit;
}
.bootstrap-select[class*="col-"] .dropdown-toggle {
  width: 100%;
}
.bootstrap-select .dropdown-menu {
  min-width: 100%;
  -webkit-box-sizing: border-box;
     -moz-box-sizing: border-box;
          box-sizing: border-box;
}
.bootstrap-select .dropdown-menu > .inner:focus {
  outline: none !important;
}
.bootstrap-select .dropdown-menu.inner {
  position: static;
  float: none;
  border: 0;
  padding: 0;
  margin: 0;
  border-radius: 0;
  -webkit-box-shadow: none;
          box-shadow: none;
}
.bootstrap-select .dropdown-menu li {
  position: relative;
}
.bootstrap-select .dropdown-menu li.active small {
  color: rgba(255, 255, 255, 0.5) !important;
}
.bootstrap-select .dropdown-menu li.disabled a {
  cursor: not-allowed;
}
.bootstrap-select .dropdown-menu li a {
  cursor: pointer;
  -webkit-user-select: none;
     -moz-user-select: none;
      -ms-user-select: none;
          user-select: none;
}
.bootstrap-select .dropdown-menu li a.opt {
  position: relative;
  padding-left: 2.25em;
}
.bootstrap-select .dropdown-menu li a span.check-mark {
  display: none;
}
.bootstrap-select .dropdown-menu li a span.text {
  display: inline-block;
}
.bootstrap-select .dropdown-menu li small {
  padding-left: 0.5em;
}
.bootstrap-select .dropdown-menu .notify {
  position: absolute;
  bottom: 5px;
  width: 96%;
  margin: 0 2%;
  min-height: 26px;
  padding: 3px 5px;
  background: #f5f5f5;
  border: 1px solid #e3e3e3;
  -webkit-box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.05);
          box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.05);
  pointer-events: none;
  opacity: 0.9;
  -webkit-box-sizing: border-box;
     -moz-box-sizing: border-box;
          box-sizing: border-box;
}
.bootstrap-select .no-results {
  padding: 3px;
  background: #f5f5f5;
  margin: 0 5px;
  white-space: nowrap;
}
.bootstrap-select.fit-width .dropdown-toggle .filter-option {
  position: static;
  display: inline;
  padding: 0;
}
.bootstrap-select.fit-width .dropdown-toggle .filter-option-inner,
.bootstrap-select.fit-width .dropdown-toggle .filter-option-inner-inner {
  display: inline;
}
.bootstrap-select.fit-width .dropdown-toggle .caret {
  position: static;
  top: auto;
  margin-top: -1px;
}
.bootstrap-select.show-tick .dropdown-menu .selected span.check-mark {
  position: absolute;
  display: inline-block;
  right: 15px;
  top: 5px;
}
.bootstrap-select.show-tick .dropdown-menu li a span.text {
  margin-right: 34px;
}
.bootstrap-select .bs-ok-default:after {
  content: '';
  display: block;
  width: 0.5em;
  height: 1em;
  border-style: solid;
  border-width: 0 0.26em 0.26em 0;
  -webkit-transform: rotate(45deg);
      -ms-transform: rotate(45deg);
       -o-transform: rotate(45deg);
          transform: rotate(45deg);
}
.bootstrap-select.show-menu-arrow.open > .dropdown-toggle,
.bootstrap-select.show-menu-arrow.show > .dropdown-toggle {
  z-index: 1061;
}
.bootstrap-select.show-menu-arrow .dropdown-toggle .filter-option:before {
  content: '';
  border-left: 7px solid transparent;
  border-right: 7px solid transparent;
  border-bottom: 7px solid rgba(204, 204, 204, 0.2);
  position: absolute;
  bottom: -4px;
  left: 9px;
  display: none;
}
.bootstrap-select.show-menu-arrow .dropdown-toggle .filter-option:after {
  content: '';
  border-left: 6px solid transparent;
  border-right: 6px solid transparent;
  border-bottom: 6px solid white;
  position: absolute;
  bottom: -4px;
  left: 10px;
  display: none;
}
.bootstrap-select.show-menu-arrow.dropup .dropdown-toggle .filter-option:before {
  bottom: auto;
  top: -4px;
  border-top: 7px solid rgba(204, 204, 204, 0.2);
  border-bottom: 0;
}
.bootstrap-select.show-menu-arrow.dropup .dropdown-toggle .filter-option:after {
  bottom: auto;
  top: -4px;
  border-top: 6px solid white;
  border-bottom: 0;
}
.bootstrap-select.show-menu-arrow.pull-right .dropdown-toggle .filter-option:before {
  right: 12px;
  left: auto;
}
.bootstrap-select.show-menu-arrow.pull-right .dropdown-toggle .filter-option:after {
  right: 13px;
  left: auto;
}
.bootstrap-select.show-menu-arrow.open > .dropdown-toggle .filter-option:before,
.bootstrap-select.show-menu-arrow.show > .dropdown-toggle .filter-option:before,
.bootstrap-select.show-menu-arrow.open > .dropdown-toggle .filter-option:after,
.bootstrap-select.show-menu-arrow.show > .dropdown-toggle .filter-option:after {
  display: block;
}
.bs-searchbox,
.bs-actionsbox,
.bs-donebutton {
  padding: 4px 8px;
}
.bs-actionsbox {
  width: 100%;
  -webkit-box-sizing: border-box;
     -moz-box-sizing: border-box;
          box-sizing: border-box;
}
.bs-actionsbox .btn-group button {
  width: 50%;
}
.bs-donebutton {
  float: left;
  width: 100%;
  -webkit-box-sizing: border-box;
     -moz-box-sizing: border-box;
          box-sizing: border-box;
}
.bs-donebutton .btn-group button {
  width: 100%;
}
.bs-searchbox + .bs-actionsbox {
  padding: 0 8px 4px;
}
.bs-searchbox .form-control {
  margin-bottom: 0;
  width: 100%;
  float: none;
}
/*# sourceMappingURL=bootstrap-select.css.map */
/**
  * bootstrap-switch - Turn checkboxes and radio buttons into toggle switches.
  *
  * @version v3.3.4
  * @homepage https://bttstrp.github.io/bootstrap-switch
  * @author Mattia Larentis <mattia@larentis.eu> (http://larentis.eu)
  * @license Apache-2.0
  */


.bootstrap-switch {
  display: inline-block;
  direction: ltr;
  cursor: pointer;
  border-radius: 4px;
  border: 1px solid;
  border-color: #ccc;
  position: relative;
  text-align: left;
  overflow: hidden;
  line-height: 8px;
  z-index: 0;
  -webkit-user-select: none;
  -moz-user-select: none;
  -ms-user-select: none;
  user-select: none;
  vertical-align: middle;
  -webkit-transition: border-color ease-in-out .15s, box-shadow ease-in-out .15s;
  -o-transition: border-color ease-in-out .15s, box-shadow ease-in-out .15s;
  transition: border-color ease-in-out .15s, box-shadow ease-in-out .15s;
}
.bootstrap-switch .bootstrap-switch-container {
  display: inline-block;
  top: 0;
  border-radius: 4px;
  -webkit-transform: translate3d(0, 0, 0);
  transform: translate3d(0, 0, 0);
}
.bootstrap-switch .bootstrap-switch-handle-on,
.bootstrap-switch .bootstrap-switch-handle-off,
.bootstrap-switch .bootstrap-switch-label {
  -webkit-box-sizing: border-box;
  -moz-box-sizing: border-box;
  box-sizing: border-box;
  cursor: pointer;
  display: table-cell;
  vertical-align: middle;
  padding: 6px 12px;
  font-size: 14px;
  line-height: 20px;
}
.bootstrap-switch .bootstrap-switch-handle-on,
.bootstrap-switch .bootstrap-switch-handle-off {
  text-align: center;
  z-index: 1;
}
.bootstrap-switch .bootstrap-switch-handle-on.bootstrap-switch-primary,
.bootstrap-switch .bootstrap-switch-handle-off.bootstrap-switch-primary {
  color: #fff;
  background: #337ab7;
}
.bootstrap-switch .bootstrap-switch-handle-on.bootstrap-switch-info,
.bootstrap-switch .bootstrap-switch-handle-off.bootstrap-switch-info {
  color: #fff;
  background: #5bc0de;
}
.bootstrap-switch .bootstrap-switch-handle-on.bootstrap-switch-success,
.bootstrap-switch .bootstrap-switch-handle-off.bootstrap-switch-success {
  color: #fff;
  background: #5cb85c;
}
.bootstrap-switch .bootstrap-switch-handle-on.bootstrap-switch-warning,
.bootstrap-switch .bootstrap-switch-handle-off.bootstrap-switch-warning {
  background: #f0ad4e;
  color: #fff;
}
.bootstrap-switch .bootstrap-switch-handle-on.bootstrap-switch-danger,
.bootstrap-switch .bootstrap-switch-handle-off.bootstrap-switch-danger {
  color: #fff;
  background: #d9534f;
}
.bootstrap-switch .bootstrap-switch-handle-on.bootstrap-switch-default,
.bootstrap-switch .bootstrap-switch-handle-off.bootstrap-switch-default {
  color: #000;
  background: #eeeeee;
}
.bootstrap-switch .bootstrap-switch-label {
  text-align: center;
  margin-top: -1px;
  margin-bottom: -1px;
  z-index: 100;
  color: #333;
  background: #fff;
}
.bootstrap-switch span::before {
  content: "\200b";
}
.bootstrap-switch .bootstrap-switch-handle-on {
  border-bottom-left-radius: 3px;
  border-top-left-radius: 3px;
}
.bootstrap-switch .bootstrap-switch-handle-off {
  border-bottom-right-radius: 3px;
  border-top-right-radius: 3px;
}
.bootstrap-switch input[type='radio'],
.bootstrap-switch input[type='checkbox'] {
  position: absolute !important;
  top: 0;
  left: 0;
  margin: 0;
  z-index: -1;
  opacity: 0;
  filter: alpha(opacity=0);
  visibility: hidden;
}
.bootstrap-switch.bootstrap-switch-mini .bootstrap-switch-handle-on,
.bootstrap-switch.bootstrap-switch-mini .bootstrap-switch-handle-off,
.bootstrap-switch.bootstrap-switch-mini .bootstrap-switch-label {
  padding: 1px 5px;
  font-size: 12px;
  line-height: 1.5;
}
.bootstrap-switch.bootstrap-switch-small .bootstrap-switch-handle-on,
.bootstrap-switch.bootstrap-switch-small .bootstrap-switch-handle-off,
.bootstrap-switch.bootstrap-switch-small .bootstrap-switch-label {
  padding: 5px 10px;
  font-size: 12px;
  line-height: 1.5;
}
.bootstrap-switch.bootstrap-switch-large .bootstrap-switch-handle-on,
.bootstrap-switch.bootstrap-switch-large .bootstrap-switch-handle-off,
.bootstrap-switch.bootstrap-switch-large .bootstrap-switch-label {
  padding: 6px 16px;
  font-size: 18px;
  line-height: 1.3333333;
}
.bootstrap-switch.bootstrap-switch-disabled,
.bootstrap-switch.bootstrap-switch-readonly,
.bootstrap-switch.bootstrap-switch-indeterminate {
  cursor: default !important;
}
.bootstrap-switch.bootstrap-switch-disabled .bootstrap-switch-handle-on,
.bootstrap-switch.bootstrap-switch-readonly .bootstrap-switch-handle-on,
.bootstrap-switch.bootstrap-switch-indeterminate .bootstrap-switch-handle-on,
.bootstrap-switch.bootstrap-switch-disabled .bootstrap-switch-handle-off,
.bootstrap-switch.bootstrap-switch-readonly .bootstrap-switch-handle-off,
.bootstrap-switch.bootstrap-switch-indeterminate .bootstrap-switch-handle-off,
.bootstrap-switch.bootstrap-switch-disabled .bootstrap-switch-label,
.bootstrap-switch.bootstrap-switch-readonly .bootstrap-switch-label,
.bootstrap-switch.bootstrap-switch-indeterminate .bootstrap-switch-label {
  opacity: 0.5;
  filter: alpha(opacity=50);
  cursor: default !important;
}
.bootstrap-switch.bootstrap-switch-animate .bootstrap-switch-container {
  -webkit-transition: margin-left 0.5s;
  -o-transition: margin-left 0.5s;
  transition: margin-left 0.5s;
}
.bootstrap-switch.bootstrap-switch-inverse .bootstrap-switch-handle-on {
  border-bottom-left-radius: 0;
  border-top-left-radius: 0;
  border-bottom-right-radius: 3px;
  border-top-right-radius: 3px;
}
.bootstrap-switch.bootstrap-switch-inverse .bootstrap-switch-handle-off {
  border-bottom-right-radius: 0;
  border-top-right-radius: 0;
  border-bottom-left-radius: 3px;
  border-top-left-radius: 3px;
}
.bootstrap-switch.bootstrap-switch-focused {
  border-color: #66afe9;
  outline: 0;
  -webkit-box-shadow: inset 0 1px 1px rgba(0,0,0,.075), 0 0 8px rgba(102, 175, 233, 0.6);
  box-shadow: inset 0 1px 1px rgba(0,0,0,.075), 0 0 8px rgba(102, 175, 233, 0.6);
}
.bootstrap-switch.bootstrap-switch-on .bootstrap-switch-label,
.bootstrap-switch.bootstrap-switch-inverse.bootstrap-switch-off .bootstrap-switch-label {
  border-bottom-right-radius: 3px;
  border-top-right-radius: 3px;
}
.bootstrap-switch.bootstrap-switch-off .bootstrap-switch-label,
.bootstrap-switch.bootstrap-switch-inverse.bootstrap-switch-on .bootstrap-switch-label {
  border-bottom-left-radius: 3px;
  border-top-left-radius: 3px;
}
.select2-container {
  box-sizing: border-box;
  display: inline-block;
  margin: 0;
  position: relative;
  vertical-align: middle; }
  .select2-container .select2-selection--single {
    box-sizing: border-box;
    cursor: pointer;
    display: block;
    height: 28px;
    user-select: none;
    -webkit-user-select: none; }
    .select2-container .select2-selection--single .select2-selection__rendered {
      display: block;
      padding-left: 8px;
      padding-right: 20px;
      overflow: hidden;
      text-overflow: ellipsis;
      white-space: nowrap; }
    .select2-container .select2-selection--single .select2-selection__clear {
      position: relative; }
  .select2-container[dir="rtl"] .select2-selection--single .select2-selection__rendered {
    padding-right: 8px;
    padding-left: 20px; }
  .select2-container .select2-selection--multiple {
    box-sizing: border-box;
    cursor: pointer;
    display: block;
    min-height: 32px;
    user-select: none;
    -webkit-user-select: none; }
    .select2-container .select2-selection--multiple .select2-selection__rendered {
      display: inline-block;
      overflow: hidden;
      padding-left: 8px;
      text-overflow: ellipsis;
      white-space: nowrap; }
  .select2-container .select2-search--inline {
    float: left; }
    .select2-container .select2-search--inline .select2-search__field {
      box-sizing: border-box;
      border: none;
      font-size: 100%;
      margin-top: 5px;
      padding: 0; }
      .select2-container .select2-search--inline .select2-search__field::-webkit-search-cancel-button {
        -webkit-appearance: none; }

.select2-dropdown {
  background-color: white;
  border: 1px solid #aaa;
  border-radius: 4px;
  box-sizing: border-box;
  display: block;
  position: absolute;
  left: -100000px;
  width: 100%;
  z-index: 1051; }

.select2-results {
  display: block; }

.select2-results__options {
  list-style: none;
  margin: 0;
  padding: 0; }

.select2-results__option {
  padding: 6px;
  user-select: none;
  -webkit-user-select: none; }
  .select2-results__option[aria-selected] {
    cursor: pointer; }

.select2-container--open .select2-dropdown {
  left: 0; }

.select2-container--open .select2-dropdown--above {
  border-bottom: none;
  border-bottom-left-radius: 0;
  border-bottom-right-radius: 0; }

.select2-container--open .select2-dropdown--below {
  border-top: none;
  border-top-left-radius: 0;
  border-top-right-radius: 0; }

.select2-search--dropdown {
  display: block;
  padding: 4px; }
  .select2-search--dropdown .select2-search__field {
    padding: 4px;
    width: 100%;
    box-sizing: border-box; }
    .select2-search--dropdown .select2-search__field::-webkit-search-cancel-button {
      -webkit-appearance: none; }
  .select2-search--dropdown.select2-search--hide {
    display: none; }

.select2-close-mask {
  border: 0;
  margin: 0;
  padding: 0;
  display: block;
  position: fixed;
  left: 0;
  top: 0;
  min-height: 100%;
  min-width: 100%;
  height: auto;
  width: auto;
  opacity: 0;
  z-index: 99;
  background-color: #fff;
  filter: alpha(opacity=0); }

.select2-hidden-accessible {
  border: 0 !important;
  clip: rect(0 0 0 0) !important;
  -webkit-clip-path: inset(50%) !important;
  clip-path: inset(50%) !important;
  height: 1px !important;
  overflow: hidden !important;
  padding: 0 !important;
  position: absolute !important;
  width: 1px !important;
  white-space: nowrap !important; }

.select2-container--default .select2-selection--single {
  background-color: #fff;
  border: 1px solid #aaa;
  border-radius: 4px; }
  .select2-container--default .select2-selection--single .select2-selection__rendered {
    color: #444;
    line-height: 28px; }
  .select2-container--default .select2-selection--single .select2-selection__clear {
    cursor: pointer;
    float: right;
    font-weight: bold; }
  .select2-container--default .select2-selection--single .select2-selection__placeholder {
    color: #999; }
  .select2-container--default .select2-selection--single .select2-selection__arrow {
    height: 26px;
    position: absolute;
    top: 1px;
    right: 1px;
    width: 20px; }
    .select2-container--default .select2-selection--single .select2-selection__arrow b {
      border-color: #888 transparent transparent transparent;
      border-style: solid;
      border-width: 5px 4px 0 4px;
      height: 0;
      left: 50%;
      margin-left: -4px;
      margin-top: -2px;
      position: absolute;
      top: 50%;
      width: 0; }

.select2-container--default[dir="rtl"] .select2-selection--single .select2-selection__clear {
  float: left; }

.select2-container--default[dir="rtl"] .select2-selection--single .select2-selection__arrow {
  left: 1px;
  right: auto; }

.select2-container--default.select2-container--disabled .select2-selection--single {
  background-color: #eee;
  cursor: default; }
  .select2-container--default.select2-container--disabled .select2-selection--single .select2-selection__clear {
    display: none; }

.select2-container--default.select2-container--open .select2-selection--single .select2-selection__arrow b {
  border-color: transparent transparent #888 transparent;
  border-width: 0 4px 5px 4px; }

.select2-container--default .select2-selection--multiple {
  background-color: white;
  border: 1px solid #aaa;
  border-radius: 4px;
  cursor: text; }
  .select2-container--default .select2-selection--multiple .select2-selection__rendered {
    box-sizing: border-box;
    list-style: none;
    margin: 0;
    padding: 0 5px;
    width: 100%; }
    .select2-container--default .select2-selection--multiple .select2-selection__rendered li {
      list-style: none; }
  .select2-container--default .select2-selection--multiple .select2-selection__placeholder {
    color: #999;
    margin-top: 5px;
    float: left; }
  .select2-container--default .select2-selection--multiple .select2-selection__clear {
    cursor: pointer;
    float: right;
    font-weight: bold;
    margin-top: 5px;
    margin-right: 10px; }
  .select2-container--default .select2-selection--multiple .select2-selection__choice {
    background-color: #e4e4e4;
    border: 1px solid #aaa;
    border-radius: 4px;
    cursor: default;
    float: left;
    margin-right: 5px;
    margin-top: 5px;
    padding: 0 5px; }
  .select2-container--default .select2-selection--multiple .select2-selection__choice__remove {
    color: #999;
    cursor: pointer;
    display: inline-block;
    font-weight: bold;
    margin-right: 2px; }
    .select2-container--default .select2-selection--multiple .select2-selection__choice__remove:hover {
      color: #333; }

.select2-container--default[dir="rtl"] .select2-selection--multiple .select2-selection__choice, .select2-container--default[dir="rtl"] .select2-selection--multiple .select2-selection__placeholder, .select2-container--default[dir="rtl"] .select2-selection--multiple .select2-search--inline {
  float: right; }

.select2-container--default[dir="rtl"] .select2-selection--multiple .select2-selection__choice {
  margin-left: 5px;
  margin-right: auto; }

.select2-container--default[dir="rtl"] .select2-selection--multiple .select2-selection__choice__remove {
  margin-left: 2px;
  margin-right: auto; }

.select2-container--default.select2-container--focus .select2-selection--multiple {
  border: solid black 1px;
  outline: 0; }

.select2-container--default.select2-container--disabled .select2-selection--multiple {
  background-color: #eee;
  cursor: default; }

.select2-container--default.select2-container--disabled .select2-selection__choice__remove {
  display: none; }

.select2-container--default.select2-container--open.select2-container--above .select2-selection--single, .select2-container--default.select2-container--open.select2-container--above .select2-selection--multiple {
  border-top-left-radius: 0;
  border-top-right-radius: 0; }

.select2-container--default.select2-container--open.select2-container--below .select2-selection--single, .select2-container--default.select2-container--open.select2-container--below .select2-selection--multiple {
  border-bottom-left-radius: 0;
  border-bottom-right-radius: 0; }

.select2-container--default .select2-search--dropdown .select2-search__field {
  border: 1px solid #aaa; }

.select2-container--default .select2-search--inline .select2-search__field {
  background: transparent;
  border: none;
  outline: 0;
  box-shadow: none;
  -webkit-appearance: textfield; }

.select2-container--default .select2-results > .select2-results__options {
  max-height: 200px;
  overflow-y: auto; }

.select2-container--default .select2-results__option[role=group] {
  padding: 0; }

.select2-container--default .select2-results__option[aria-disabled=true] {
  color: #999; }

.select2-container--default .select2-results__option[aria-selected=true] {
  background-color: #ddd; }

.select2-container--default .select2-results__option .select2-results__option {
  padding-left: 1em; }
  .select2-container--default .select2-results__option .select2-results__option .select2-results__group {
    padding-left: 0; }
  .select2-container--default .select2-results__option .select2-results__option .select2-results__option {
    margin-left: -1em;
    padding-left: 2em; }
    .select2-container--default .select2-results__option .select2-results__option .select2-results__option .select2-results__option {
      margin-left: -2em;
      padding-left: 3em; }
      .select2-container--default .select2-results__option .select2-results__option .select2-results__option .select2-results__option .select2-results__option {
        margin-left: -3em;
        padding-left: 4em; }
        .select2-container--default .select2-results__option .select2-results__option .select2-results__option .select2-results__option .select2-results__option .select2-results__option {
          margin-left: -4em;
          padding-left: 5em; }
          .select2-container--default .select2-results__option .select2-results__option .select2-results__option .select2-results__option .select2-results__option .select2-results__option .select2-results__option {
            margin-left: -5em;
            padding-left: 6em; }

.select2-container--default .select2-results__option--highlighted[aria-selected] {
  background-color: #5897fb;
  color: white; }

.select2-container--default .select2-results__group {
  cursor: default;
  display: block;
  padding: 6px; }

.select2-container--classic .select2-selection--single {
  background-color: #f7f7f7;
  border: 1px solid #aaa;
  border-radius: 4px;
  outline: 0;
  background-image: -webkit-linear-gradient(top, white 50%, #eeeeee 100%);
  background-image: -o-linear-gradient(top, white 50%, #eeeeee 100%);
  background-image: linear-gradient(to bottom, white 50%, #eeeeee 100%);
  background-repeat: repeat-x;
  filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#FFFFFFFF', endColorstr='#FFEEEEEE', GradientType=0); }
  .select2-container--classic .select2-selection--single:focus {
    border: 1px solid #5897fb; }
  .select2-container--classic .select2-selection--single .select2-selection__rendered {
    color: #444;
    line-height: 28px; }
  .select2-container--classic .select2-selection--single .select2-selection__clear {
    cursor: pointer;
    float: right;
    font-weight: bold;
    margin-right: 10px; }
  .select2-container--classic .select2-selection--single .select2-selection__placeholder {
    color: #999; }
  .select2-container--classic .select2-selection--single .select2-selection__arrow {
    background-color: #ddd;
    border: none;
    border-left: 1px solid #aaa;
    border-top-right-radius: 4px;
    border-bottom-right-radius: 4px;
    height: 26px;
    position: absolute;
    top: 1px;
    right: 1px;
    width: 20px;
    background-image: -webkit-linear-gradient(top, #eeeeee 50%, #cccccc 100%);
    background-image: -o-linear-gradient(top, #eeeeee 50%, #cccccc 100%);
    background-image: linear-gradient(to bottom, #eeeeee 50%, #cccccc 100%);
    background-repeat: repeat-x;
    filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#FFEEEEEE', endColorstr='#FFCCCCCC', GradientType=0); }
    .select2-container--classic .select2-selection--single .select2-selection__arrow b {
      border-color: #888 transparent transparent transparent;
      border-style: solid;
      border-width: 5px 4px 0 4px;
      height: 0;
      left: 50%;
      margin-left: -4px;
      margin-top: -2px;
      position: absolute;
      top: 50%;
      width: 0; }

.select2-container--classic[dir="rtl"] .select2-selection--single .select2-selection__clear {
  float: left; }

.select2-container--classic[dir="rtl"] .select2-selection--single .select2-selection__arrow {
  border: none;
  border-right: 1px solid #aaa;
  border-radius: 0;
  border-top-left-radius: 4px;
  border-bottom-left-radius: 4px;
  left: 1px;
  right: auto; }

.select2-container--classic.select2-container--open .select2-selection--single {
  border: 1px solid #5897fb; }
  .select2-container--classic.select2-container--open .select2-selection--single .select2-selection__arrow {
    background: transparent;
    border: none; }
    .select2-container--classic.select2-container--open .select2-selection--single .select2-selection__arrow b {
      border-color: transparent transparent #888 transparent;
      border-width: 0 4px 5px 4px; }

.select2-container--classic.select2-container--open.select2-container--above .select2-selection--single {
  border-top: none;
  border-top-left-radius: 0;
  border-top-right-radius: 0;
  background-image: -webkit-linear-gradient(top, white 0%, #eeeeee 50%);
  background-image: -o-linear-gradient(top, white 0%, #eeeeee 50%);
  background-image: linear-gradient(to bottom, white 0%, #eeeeee 50%);
  background-repeat: repeat-x;
  filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#FFFFFFFF', endColorstr='#FFEEEEEE', GradientType=0); }

.select2-container--classic.select2-container--open.select2-container--below .select2-selection--single {
  border-bottom: none;
  border-bottom-left-radius: 0;
  border-bottom-right-radius: 0;
  background-image: -webkit-linear-gradient(top, #eeeeee 50%, white 100%);
  background-image: -o-linear-gradient(top, #eeeeee 50%, white 100%);
  background-image: linear-gradient(to bottom, #eeeeee 50%, white 100%);
  background-repeat: repeat-x;
  filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#FFEEEEEE', endColorstr='#FFFFFFFF', GradientType=0); }

.select2-container--classic .select2-selection--multiple {
  background-color: white;
  border: 1px solid #aaa;
  border-radius: 4px;
  cursor: text;
  outline: 0; }
  .select2-container--classic .select2-selection--multiple:focus {
    border: 1px solid #5897fb; }
  .select2-container--classic .select2-selection--multiple .select2-selection__rendered {
    list-style: none;
    margin: 0;
    padding: 0 5px; }
  .select2-container--classic .select2-selection--multiple .select2-selection__clear {
    display: none; }
  .select2-container--classic .select2-selection--multiple .select2-selection__choice {
    background-color: #e4e4e4;
    border: 1px solid #aaa;
    border-radius: 4px;
    cursor: default;
    float: left;
    margin-right: 5px;
    margin-top: 5px;
    padding: 0 5px; }
  .select2-container--classic .select2-selection--multiple .select2-selection__choice__remove {
    color: #888;
    cursor: pointer;
    display: inline-block;
    font-weight: bold;
    margin-right: 2px; }
    .select2-container--classic .select2-selection--multiple .select2-selection__choice__remove:hover {
      color: #555; }

.select2-container--classic[dir="rtl"] .select2-selection--multiple .select2-selection__choice {
  float: right;
  margin-left: 5px;
  margin-right: auto; }

.select2-container--classic[dir="rtl"] .select2-selection--multiple .select2-selection__choice__remove {
  margin-left: 2px;
  margin-right: auto; }

.select2-container--classic.select2-container--open .select2-selection--multiple {
  border: 1px solid #5897fb; }

.select2-container--classic.select2-container--open.select2-container--above .select2-selection--multiple {
  border-top: none;
  border-top-left-radius: 0;
  border-top-right-radius: 0; }

.select2-container--classic.select2-container--open.select2-container--below .select2-selection--multiple {
  border-bottom: none;
  border-bottom-left-radius: 0;
  border-bottom-right-radius: 0; }

.select2-container--classic .select2-search--dropdown .select2-search__field {
  border: 1px solid #aaa;
  outline: 0; }

.select2-container--classic .select2-search--inline .select2-search__field {
  outline: 0;
  box-shadow: none; }

.select2-container--classic .select2-dropdown {
  background-color: white;
  border: 1px solid transparent; }

.select2-container--classic .select2-dropdown--above {
  border-bottom: none; }

.select2-container--classic .select2-dropdown--below {
  border-top: none; }

.select2-container--classic .select2-results > .select2-results__options {
  max-height: 200px;
  overflow-y: auto; }

.select2-container--classic .select2-results__option[role=group] {
  padding: 0; }

.select2-container--classic .select2-results__option[aria-disabled=true] {
  color: grey; }

.select2-container--classic .select2-results__option--highlighted[aria-selected] {
  background-color: #3875d7;
  color: white; }

.select2-container--classic .select2-results__group {
  cursor: default;
  display: block;
  padding: 6px; }

.select2-container--classic.select2-container--open .select2-dropdown {
  border-color: #5897fb; }
/**
Ion.RangeSlider, 2.3.0
© Denis Ineshin, 2010 - 2018, IonDen.com
Build date: 2018-12-11 23:23:51
*/

.irs {
  position: relative;
  display: block;
  -webkit-touch-callout: none;
  -webkit-user-select: none;
  -khtml-user-select: none;
  -moz-user-select: none;
  -ms-user-select: none;
  user-select: none;
  font-size: 12px;
  font-family: Arial, sans-serif;
}
.irs-line {
  position: relative;
  display: block;
  overflow: hidden;
  outline: none !important;
}
.irs-bar {
  position: absolute;
  display: block;
  left: 0;
  width: 0;
}
.irs-shadow {
  position: absolute;
  display: none;
  left: 0;
  width: 0;
}
.irs-handle {
  position: absolute;
  display: block;
  box-sizing: border-box;
  cursor: default;
  z-index: 1;
}
.irs-handle.type_last {
  z-index: 2;
}
.irs-min,
.irs-max {
  position: absolute;
  display: block;
  cursor: default;
}
.irs-min {
  left: 0;
}
.irs-max {
  right: 0;
}
.irs-from,
.irs-to,
.irs-single {
  position: absolute;
  display: block;
  top: 0;
  left: 0;
  cursor: default;
  white-space: nowrap;
}
.irs-grid {
  position: absolute;
  display: none;
  bottom: 0;
  left: 0;
  width: 100%;
  height: 20px;
}
.irs-with-grid .irs-grid {
  display: block;
}
.irs-grid-pol {
  position: absolute;
  top: 0;
  left: 0;
  width: 1px;
  height: 8px;
  background: #000;
}
.irs-grid-pol.small {
  height: 4px;
}
.irs-grid-text {
  position: absolute;
  bottom: 0;
  left: 0;
  white-space: nowrap;
  text-align: center;
  font-size: 9px;
  line-height: 9px;
  padding: 0 3px;
  color: #000;
}
.irs-disable-mask {
  position: absolute;
  display: block;
  top: 0;
  left: -1%;
  width: 102%;
  height: 100%;
  cursor: default;
  background: rgba(0, 0, 0, 0);
  z-index: 2;
}
.lt-ie9 .irs-disable-mask {
  background: #000;
  filter: alpha(opacity=0);
  cursor: not-allowed;
}
.irs-disabled {
  opacity: 0.4;
}
.irs-hidden-input {
  position: absolute !important;
  display: block !important;
  top: 0 !important;
  left: 0 !important;
  width: 0 !important;
  height: 0 !important;
  font-size: 0 !important;
  line-height: 0 !important;
  padding: 0 !important;
  margin: 0 !important;
  overflow: hidden;
  outline: none !important;
  z-index: -9999 !important;
  background: none !important;
  border-style: solid !important;
  border-color: transparent !important;
}
.irs--flat {
  height: 40px;
}
.irs--flat.irs-with-grid {
  height: 60px;
}
.irs--flat .irs-line {
  top: 25px;
  height: 12px;
  background-color: #e1e4e9;
  border-radius: 4px;
}
.irs--flat .irs-bar {
  top: 25px;
  height: 12px;
  background-color: #ed5565;
}
.irs--flat .irs-bar--single {
  border-radius: 4px 0 0 4px;
}
.irs--flat .irs-shadow {
  height: 1px;
  bottom: 16px;
  background-color: #e1e4e9;
}
.irs--flat .irs-handle {
  top: 22px;
  width: 16px;
  height: 18px;
  background-color: transparent;
}
.irs--flat .irs-handle > i:first-child {
  position: absolute;
  display: block;
  top: 0;
  left: 50%;
  width: 2px;
  height: 100%;
  margin-left: -1px;
  background-color: #da4453;
}
.irs--flat .irs-handle.state_hover > i:first-child,
.irs--flat .irs-handle:hover > i:first-child {
  background-color: #a43540;
}
.irs--flat .irs-min,
.irs--flat .irs-max {
  top: 0;
  padding: 1px 3px;
  color: #999;
  font-size: 10px;
  line-height: 1.333;
  text-shadow: none;
  background-color: #e1e4e9;
  border-radius: 4px;
}
.irs--flat .irs-from,
.irs--flat .irs-to,
.irs--flat .irs-single {
  color: white;
  font-size: 10px;
  line-height: 1.333;
  text-shadow: none;
  padding: 1px 5px;
  background-color: #ed5565;
  border-radius: 4px;
}
.irs--flat .irs-from:before,
.irs--flat .irs-to:before,
.irs--flat .irs-single:before {
  position: absolute;
  display: block;
  content: "";
  bottom: -6px;
  left: 50%;
  width: 0;
  height: 0;
  margin-left: -3px;
  overflow: hidden;
  border: 3px solid transparent;
  border-top-color: #ed5565;
}
.irs--flat .irs-grid-pol {
  background-color: #e1e4e9;
}
.irs--flat .irs-grid-text {
  color: #999;
}
.irs--big {
  height: 55px;
}
.irs--big.irs-with-grid {
  height: 70px;
}
.irs--big .irs-line {
  top: 33px;
  height: 12px;
  background-color: white;
  background: linear-gradient(to bottom, #ddd -50%, white 150%);
  border: 1px solid #ccc;
  border-radius: 12px;
}
.irs--big .irs-bar {
  top: 33px;
  height: 12px;
  background-color: #92bce0;
  border: 1px solid #428bca;
  background: linear-gradient(to bottom, #ffffff 0%, #428bca 30%, #b9d4ec 100%);
  box-shadow: inset 0 0 1px 1px rgba(255, 255, 255, 0.5);
}
.irs--big .irs-bar--single {
  border-radius: 12px 0 0 12px;
}
.irs--big .irs-shadow {
  height: 1px;
  bottom: 16px;
  background-color: rgba(66, 139, 202, 0.5);
}
.irs--big .irs-handle {
  top: 25px;
  width: 30px;
  height: 30px;
  border: 1px solid rgba(0, 0, 0, 0.3);
  background-color: #cbcfd5;
  background: linear-gradient(to bottom, white 0%, #B4B9BE 30%, white 100%);
  box-shadow: 1px 1px 2px rgba(0, 0, 0, 0.2), inset 0 0 3px 1px white;
  border-radius: 30px;
}
.irs--big .irs-handle.state_hover,
.irs--big .irs-handle:hover {
  border-color: rgba(0, 0, 0, 0.45);
  background-color: #939ba7;
  background: linear-gradient(to bottom, white 0%, #919BA5 30%, white 100%);
}
.irs--big .irs-min,
.irs--big .irs-max {
  top: 0;
  padding: 1px 5px;
  color: white;
  text-shadow: none;
  background-color: #9f9f9f;
  border-radius: 3px;
}
.irs--big .irs-from,
.irs--big .irs-to,
.irs--big .irs-single {
  color: white;
  text-shadow: none;
  padding: 1px 5px;
  background-color: #428bca;
  background: linear-gradient(to bottom, #428bca 0%, #3071a9 100%);
  border-radius: 3px;
}
.irs--big .irs-grid-pol {
  background-color: #428bca;
}
.irs--big .irs-grid-text {
  color: #428bca;
}
.irs--modern {
  height: 55px;
}
.irs--modern.irs-with-grid {
  height: 55px;
}
.irs--modern .irs-line {
  top: 25px;
  height: 5px;
  background-color: #d1d6e0;
  background: linear-gradient(to bottom, #e0e4ea 0%, #d1d6e0 100%);
  border: 1px solid #a3adc1;
  border-bottom-width: 0;
  border-radius: 5px;
}
.irs--modern .irs-bar {
  top: 25px;
  height: 5px;
  background: #20b426;
  background: linear-gradient(to bottom, #20b426 0%, #18891d 100%);
}
.irs--modern .irs-bar--single {
  border-radius: 5px 0 0 5px;
}
.irs--modern .irs-shadow {
  height: 1px;
  bottom: 21px;
  background-color: rgba(209, 214, 224, 0.5);
}
.irs--modern .irs-handle {
  top: 37px;
  width: 12px;
  height: 13px;
  border: 1px solid #a3adc1;
  border-top-width: 0;
  box-shadow: 1px 1px 1px rgba(0, 0, 0, 0.1);
  border-radius: 0 0 3px 3px;
}
.irs--modern .irs-handle > i:nth-child(1) {
  position: absolute;
  display: block;
  top: -4px;
  left: 1px;
  width: 6px;
  height: 6px;
  border: 1px solid #a3adc1;
  background: white;
  transform: rotate(45deg);
}
.irs--modern .irs-handle > i:nth-child(2) {
  position: absolute;
  display: block;
  box-sizing: border-box;
  top: 0;
  left: 0;
  width: 10px;
  height: 12px;
  background: #e9e6e6;
  background: linear-gradient(to bottom, white 0%, #e9e6e6 100%);
  border-radius: 0 0 3px 3px;
}
.irs--modern .irs-handle > i:nth-child(3) {
  position: absolute;
  display: block;
  box-sizing: border-box;
  top: 3px;
  left: 3px;
  width: 4px;
  height: 5px;
  border-left: 1px solid #a3adc1;
  border-right: 1px solid #a3adc1;
}
.irs--modern .irs-handle.state_hover,
.irs--modern .irs-handle:hover {
  border-color: #7685a2;
  background: #c3c7cd;
  background: linear-gradient(to bottom, #ffffff 0%, #919ba5 30%, #ffffff 100%);
}
.irs--modern .irs-handle.state_hover > i:nth-child(1),
.irs--modern .irs-handle:hover > i:nth-child(1) {
  border-color: #7685a2;
}
.irs--modern .irs-handle.state_hover > i:nth-child(3),
.irs--modern .irs-handle:hover > i:nth-child(3) {
  border-color: #48536a;
}
.irs--modern .irs-min,
.irs--modern .irs-max {
  top: 0;
  font-size: 10px;
  line-height: 1.333;
  text-shadow: none;
  padding: 1px 5px;
  color: white;
  background-color: #d1d6e0;
  border-radius: 5px;
}
.irs--modern .irs-from,
.irs--modern .irs-to,
.irs--modern .irs-single {
  font-size: 10px;
  line-height: 1.333;
  text-shadow: none;
  padding: 1px 5px;
  background-color: #20b426;
  color: white;
  border-radius: 5px;
}
.irs--modern .irs-from:before,
.irs--modern .irs-to:before,
.irs--modern .irs-single:before {
  position: absolute;
  display: block;
  content: "";
  bottom: -6px;
  left: 50%;
  width: 0;
  height: 0;
  margin-left: -3px;
  overflow: hidden;
  border: 3px solid transparent;
  border-top-color: #20b426;
}
.irs--modern .irs-grid {
  height: 25px;
}
.irs--modern .irs-grid-pol {
  background-color: #dedede;
}
.irs--modern .irs-grid-text {
  color: silver;
  font-size: 13px;
}
.irs--sharp {
  height: 50px;
  font-size: 12px;
  line-height: 1;
}
.irs--sharp.irs-with-grid {
  height: 57px;
}
.irs--sharp .irs-line {
  top: 30px;
  height: 2px;
  background-color: black;
  border-radius: 2px;
}
.irs--sharp .irs-bar {
  top: 30px;
  height: 2px;
  background-color: #ee22fa;
}
.irs--sharp .irs-bar--single {
  border-radius: 2px 0 0 2px;
}
.irs--sharp .irs-shadow {
  height: 1px;
  bottom: 21px;
  background-color: rgba(0, 0, 0, 0.5);
}
.irs--sharp .irs-handle {
  top: 25px;
  width: 10px;
  height: 10px;
  background-color: #a804b2;
}
.irs--sharp .irs-handle > i:first-child {
  position: absolute;
  display: block;
  top: 100%;
  left: 0;
  width: 0;
  height: 0;
  border: 5px solid transparent;
  border-top-color: #a804b2;
}
.irs--sharp .irs-handle.state_hover,
.irs--sharp .irs-handle:hover {
  background-color: black;
}
.irs--sharp .irs-handle.state_hover > i:first-child,
.irs--sharp .irs-handle:hover > i:first-child {
  border-top-color: black;
}
.irs--sharp .irs-min,
.irs--sharp .irs-max {
  color: white;
  font-size: 14px;
  line-height: 1;
  top: 0;
  padding: 3px 4px;
  opacity: 0.4;
  background-color: #a804b2;
  border-radius: 2px;
}
.irs--sharp .irs-from,
.irs--sharp .irs-to,
.irs--sharp .irs-single {
  font-size: 14px;
  line-height: 1;
  text-shadow: none;
  padding: 3px 4px;
  background-color: #a804b2;
  color: white;
  border-radius: 2px;
}
.irs--sharp .irs-from:before,
.irs--sharp .irs-to:before,
.irs--sharp .irs-single:before {
  position: absolute;
  display: block;
  content: "";
  bottom: -6px;
  left: 50%;
  width: 0;
  height: 0;
  margin-left: -3px;
  overflow: hidden;
  border: 3px solid transparent;
  border-top-color: #a804b2;
}
.irs--sharp .irs-grid {
  height: 25px;
}
.irs--sharp .irs-grid-pol {
  background-color: #dedede;
}
.irs--sharp .irs-grid-text {
  color: silver;
  font-size: 13px;
}
.irs--round {
  height: 50px;
}
.irs--round.irs-with-grid {
  height: 65px;
}
.irs--round .irs-line {
  top: 36px;
  height: 4px;
  background-color: #dee4ec;
  border-radius: 4px;
}
.irs--round .irs-bar {
  top: 36px;
  height: 4px;
  background-color: #006cfa;
}
.irs--round .irs-bar--single {
  border-radius: 4px 0 0 4px;
}
.irs--round .irs-shadow {
  height: 4px;
  bottom: 21px;
  background-color: rgba(222, 228, 236, 0.5);
}
.irs--round .irs-handle {
  top: 26px;
  width: 24px;
  height: 24px;
  border: 4px solid #006cfa;
  background-color: white;
  border-radius: 24px;
  box-shadow: 0 1px 3px rgba(0, 0, 255, 0.3);
}
.irs--round .irs-handle.state_hover,
.irs--round .irs-handle:hover {
  background-color: #f0f6ff;
}
.irs--round .irs-min,
.irs--round .irs-max {
  color: #333;
  font-size: 14px;
  line-height: 1;
  top: 0;
  padding: 3px 5px;
  background-color: rgba(0, 0, 0, 0.1);
  border-radius: 4px;
}
.irs--round .irs-from,
.irs--round .irs-to,
.irs--round .irs-single {
  font-size: 14px;
  line-height: 1;
  text-shadow: none;
  padding: 3px 5px;
  background-color: #006cfa;
  color: white;
  border-radius: 4px;
}
.irs--round .irs-from:before,
.irs--round .irs-to:before,
.irs--round .irs-single:before {
  position: absolute;
  display: block;
  content: "";
  bottom: -6px;
  left: 50%;
  width: 0;
  height: 0;
  margin-left: -3px;
  overflow: hidden;
  border: 3px solid transparent;
  border-top-color: #006cfa;
}
.irs--round .irs-grid {
  height: 25px;
}
.irs--round .irs-grid-pol {
  background-color: #dedede;
}
.irs--round .irs-grid-text {
  color: silver;
  font-size: 13px;
}
.irs--square {
  height: 50px;
}
.irs--square.irs-with-grid {
  height: 60px;
}
.irs--square .irs-line {
  top: 31px;
  height: 4px;
  background-color: #dedede;
}
.irs--square .irs-bar {
  top: 31px;
  height: 4px;
  background-color: black;
}
.irs--square .irs-shadow {
  height: 2px;
  bottom: 21px;
  background-color: #dedede;
}
.irs--square .irs-handle {
  top: 25px;
  width: 16px;
  height: 16px;
  border: 3px solid black;
  background-color: white;
  -webkit-transform: rotate(45deg);
  -ms-transform: rotate(45deg);
  transform: rotate(45deg);
}
.irs--square .irs-handle.state_hover,
.irs--square .irs-handle:hover {
  background-color: #f0f6ff;
}
.irs--square .irs-min,
.irs--square .irs-max {
  color: #333;
  font-size: 14px;
  line-height: 1;
  top: 0;
  padding: 3px 5px;
  background-color: rgba(0, 0, 0, 0.1);
}
.irs--square .irs-from,
.irs--square .irs-to,
.irs--square .irs-single {
  font-size: 14px;
  line-height: 1;
  text-shadow: none;
  padding: 3px 5px;
  background-color: black;
  color: white;
}
.irs--square .irs-grid {
  height: 25px;
}
.irs--square .irs-grid-pol {
  background-color: #dedede;
}
.irs--square .irs-grid-text {
  color: silver;
  font-size: 11px;
}
/**
 * Owl Carousel v2.3.4
 * Copyright 2013-2018 David Deutsch
 * Licensed under: SEE LICENSE IN https://github.com/OwlCarousel2/OwlCarousel2/blob/master/LICENSE
 */
/*
 *  Owl Carousel - Core
 */

.owl-carousel {
  display: none;
  width: 100%;
  -webkit-tap-highlight-color: transparent;
  /* position relative and z-index fix webkit rendering fonts issue */
  position: relative;
  z-index: 1; }
  .owl-carousel .owl-stage {
    position: relative;
    -ms-touch-action: pan-Y;
    touch-action: manipulation;
    -moz-backface-visibility: hidden;
    /* fix firefox animation glitch */ }
  .owl-carousel .owl-stage:after {
    content: ".";
    display: block;
    clear: both;
    visibility: hidden;
    line-height: 0;
    height: 0; }
  .owl-carousel .owl-stage-outer {
    position: relative;
    overflow: hidden;
    /* fix for flashing background */
    -webkit-transform: translate3d(0px, 0px, 0px); }
  .owl-carousel .owl-wrapper,
  .owl-carousel .owl-item {
    -webkit-backface-visibility: hidden;
    -moz-backface-visibility: hidden;
    -ms-backface-visibility: hidden;
    -webkit-transform: translate3d(0, 0, 0);
    -moz-transform: translate3d(0, 0, 0);
    -ms-transform: translate3d(0, 0, 0); }
  .owl-carousel .owl-item {
    position: relative;
    min-height: 1px;
    float: left;
    -webkit-backface-visibility: hidden;
    -webkit-tap-highlight-color: transparent;
    -webkit-touch-callout: none; }
  .owl-carousel .owl-item img {
    display: block;
    width: 100%; }
  .owl-carousel .owl-nav.disabled,
  .owl-carousel .owl-dots.disabled {
    display: none; }
  .owl-carousel .owl-nav .owl-prev,
  .owl-carousel .owl-nav .owl-next,
  .owl-carousel .owl-dot {
    cursor: pointer;
    -webkit-user-select: none;
    -khtml-user-select: none;
    -moz-user-select: none;
    -ms-user-select: none;
    user-select: none; }
  .owl-carousel .owl-nav button.owl-prev,
  .owl-carousel .owl-nav button.owl-next,
  .owl-carousel button.owl-dot {
    background: none;
    color: inherit;
    border: none;
    padding: 0 !important;
    font: inherit; }
  .owl-carousel.owl-loaded {
    display: block; }
  .owl-carousel.owl-loading {
    opacity: 0;
    display: block; }
  .owl-carousel.owl-hidden {
    opacity: 0; }
  .owl-carousel.owl-refresh .owl-item {
    visibility: hidden; }
  .owl-carousel.owl-drag .owl-item {
    -ms-touch-action: pan-y;
        touch-action: pan-y;
    -webkit-user-select: none;
    -moz-user-select: none;
    -ms-user-select: none;
    user-select: none; }
  .owl-carousel.owl-grab {
    cursor: move;
    cursor: grab; }
  .owl-carousel.owl-rtl {
    direction: rtl; }
  .owl-carousel.owl-rtl .owl-item {
    float: right; }

/* No Js */
.no-js .owl-carousel {
  display: block; }

/*
 *  Owl Carousel - Animate Plugin
 */
.owl-carousel .animated {
  animation-duration: 1000ms;
  animation-fill-mode: both; }

.owl-carousel .owl-animated-in {
  z-index: 0; }

.owl-carousel .owl-animated-out {
  z-index: 1; }

.owl-carousel .fadeOut {
  animation-name: fadeOut; }

@keyframes fadeOut {
  0% {
    opacity: 1; }
  100% {
    opacity: 0; } }

/*
 * 	Owl Carousel - Auto Height Plugin
 */
.owl-height {
  transition: height 500ms ease-in-out; }

/*
 * 	Owl Carousel - Lazy Load Plugin
 */
.owl-carousel .owl-item {
  /**
			This is introduced due to a bug in IE11 where lazy loading combined with autoheight plugin causes a wrong
			calculation of the height of the owl-item that breaks page layouts
		 */ }
  .owl-carousel .owl-item .owl-lazy {
    opacity: 0;
    transition: opacity 400ms ease; }
  .owl-carousel .owl-item .owl-lazy[src^=""], .owl-carousel .owl-item .owl-lazy:not([src]) {
    max-height: 0; }
  .owl-carousel .owl-item img.owl-lazy {
    transform-style: preserve-3d; }

/*
 * 	Owl Carousel - Video Plugin
 */
.owl-carousel .owl-video-wrapper {
  position: relative;
  height: 100%;
  background: #000; }

.owl-carousel .owl-video-play-icon {
  position: absolute;
  height: 80px;
  width: 80px;
  left: 50%;
  top: 50%;
  margin-left: -40px;
  margin-top: -40px;
  background: url("owl.video.play.png") no-repeat;
  cursor: pointer;
  z-index: 1;
  -webkit-backface-visibility: hidden;
  transition: transform 100ms ease; }

.owl-carousel .owl-video-play-icon:hover {
  -ms-transform: scale(1.3, 1.3);
      transform: scale(1.3, 1.3); }

.owl-carousel .owl-video-playing .owl-video-tn,
.owl-carousel .owl-video-playing .owl-video-play-icon {
  display: none; }

.owl-carousel .owl-video-tn {
  opacity: 0;
  height: 100%;
  background-position: center center;
  background-repeat: no-repeat;
  background-size: contain;
  transition: opacity 400ms ease; }

.owl-carousel .owl-video-frame {
  position: relative;
  z-index: 1;
  height: 100%;
  width: 100%; }
/**
 * Owl Carousel v2.3.4
 * Copyright 2013-2018 David Deutsch
 * Licensed under: SEE LICENSE IN https://github.com/OwlCarousel2/OwlCarousel2/blob/master/LICENSE
 */
/*
 * 	Default theme - Owl Carousel CSS File
 */

.owl-theme .owl-nav {
  margin-top: 10px;
  text-align: center;
  -webkit-tap-highlight-color: transparent; }
  .owl-theme .owl-nav [class*='owl-'] {
    color: #FFF;
    font-size: 14px;
    margin: 5px;
    padding: 4px 7px;
    background: #D6D6D6;
    display: inline-block;
    cursor: pointer;
    border-radius: 3px; }
    .owl-theme .owl-nav [class*='owl-']:hover {
      background: #869791;
      color: #FFF;
      text-decoration: none; }
  .owl-theme .owl-nav .disabled {
    opacity: 0.5;
    cursor: default; }

.owl-theme .owl-nav.disabled + .owl-dots {
  margin-top: 10px; }

.owl-theme .owl-dots {
  text-align: center;
  -webkit-tap-highlight-color: transparent; }
  .owl-theme .owl-dots .owl-dot {
    display: inline-block;
    zoom: 1;
    *display: inline; }
    .owl-theme .owl-dots .owl-dot span {
      width: 10px;
      height: 10px;
      margin: 5px 7px;
      background: #D6D6D6;
      display: block;
      -webkit-backface-visibility: visible;
      transition: opacity 200ms ease;
      border-radius: 30px; }
    .owl-theme .owl-dots .owl-dot.active span, .owl-theme .owl-dots .owl-dot:hover span {
      background: #869791; }
/*
 * The MIT License
 * Copyright (c) 2012 Matias Meno <m@tias.me>
 */

@-webkit-keyframes passing-through {
  0% {
    opacity: 0;
    -webkit-transform: translateY(40px);
    -moz-transform: translateY(40px);
    -ms-transform: translateY(40px);
    -o-transform: translateY(40px);
    transform: translateY(40px); }
  30%, 70% {
    opacity: 1;
    -webkit-transform: translateY(0px);
    -moz-transform: translateY(0px);
    -ms-transform: translateY(0px);
    -o-transform: translateY(0px);
    transform: translateY(0px); }
  100% {
    opacity: 0;
    -webkit-transform: translateY(-40px);
    -moz-transform: translateY(-40px);
    -ms-transform: translateY(-40px);
    -o-transform: translateY(-40px);
    transform: translateY(-40px); } }
@-moz-keyframes passing-through {
  0% {
    opacity: 0;
    -webkit-transform: translateY(40px);
    -moz-transform: translateY(40px);
    -ms-transform: translateY(40px);
    -o-transform: translateY(40px);
    transform: translateY(40px); }
  30%, 70% {
    opacity: 1;
    -webkit-transform: translateY(0px);
    -moz-transform: translateY(0px);
    -ms-transform: translateY(0px);
    -o-transform: translateY(0px);
    transform: translateY(0px); }
  100% {
    opacity: 0;
    -webkit-transform: translateY(-40px);
    -moz-transform: translateY(-40px);
    -ms-transform: translateY(-40px);
    -o-transform: translateY(-40px);
    transform: translateY(-40px); } }
@keyframes passing-through {
  0% {
    opacity: 0;
    -webkit-transform: translateY(40px);
    -moz-transform: translateY(40px);
    -ms-transform: translateY(40px);
    -o-transform: translateY(40px);
    transform: translateY(40px); }
  30%, 70% {
    opacity: 1;
    -webkit-transform: translateY(0px);
    -moz-transform: translateY(0px);
    -ms-transform: translateY(0px);
    -o-transform: translateY(0px);
    transform: translateY(0px); }
  100% {
    opacity: 0;
    -webkit-transform: translateY(-40px);
    -moz-transform: translateY(-40px);
    -ms-transform: translateY(-40px);
    -o-transform: translateY(-40px);
    transform: translateY(-40px); } }
@-webkit-keyframes slide-in {
  0% {
    opacity: 0;
    -webkit-transform: translateY(40px);
    -moz-transform: translateY(40px);
    -ms-transform: translateY(40px);
    -o-transform: translateY(40px);
    transform: translateY(40px); }
  30% {
    opacity: 1;
    -webkit-transform: translateY(0px);
    -moz-transform: translateY(0px);
    -ms-transform: translateY(0px);
    -o-transform: translateY(0px);
    transform: translateY(0px); } }
@-moz-keyframes slide-in {
  0% {
    opacity: 0;
    -webkit-transform: translateY(40px);
    -moz-transform: translateY(40px);
    -ms-transform: translateY(40px);
    -o-transform: translateY(40px);
    transform: translateY(40px); }
  30% {
    opacity: 1;
    -webkit-transform: translateY(0px);
    -moz-transform: translateY(0px);
    -ms-transform: translateY(0px);
    -o-transform: translateY(0px);
    transform: translateY(0px); } }
@keyframes slide-in {
  0% {
    opacity: 0;
    -webkit-transform: translateY(40px);
    -moz-transform: translateY(40px);
    -ms-transform: translateY(40px);
    -o-transform: translateY(40px);
    transform: translateY(40px); }
  30% {
    opacity: 1;
    -webkit-transform: translateY(0px);
    -moz-transform: translateY(0px);
    -ms-transform: translateY(0px);
    -o-transform: translateY(0px);
    transform: translateY(0px); } }
@-webkit-keyframes pulse {
  0% {
    -webkit-transform: scale(1);
    -moz-transform: scale(1);
    -ms-transform: scale(1);
    -o-transform: scale(1);
    transform: scale(1); }
  10% {
    -webkit-transform: scale(1.1);
    -moz-transform: scale(1.1);
    -ms-transform: scale(1.1);
    -o-transform: scale(1.1);
    transform: scale(1.1); }
  20% {
    -webkit-transform: scale(1);
    -moz-transform: scale(1);
    -ms-transform: scale(1);
    -o-transform: scale(1);
    transform: scale(1); } }
@-moz-keyframes pulse {
  0% {
    -webkit-transform: scale(1);
    -moz-transform: scale(1);
    -ms-transform: scale(1);
    -o-transform: scale(1);
    transform: scale(1); }
  10% {
    -webkit-transform: scale(1.1);
    -moz-transform: scale(1.1);
    -ms-transform: scale(1.1);
    -o-transform: scale(1.1);
    transform: scale(1.1); }
  20% {
    -webkit-transform: scale(1);
    -moz-transform: scale(1);
    -ms-transform: scale(1);
    -o-transform: scale(1);
    transform: scale(1); } }
@keyframes pulse {
  0% {
    -webkit-transform: scale(1);
    -moz-transform: scale(1);
    -ms-transform: scale(1);
    -o-transform: scale(1);
    transform: scale(1); }
  10% {
    -webkit-transform: scale(1.1);
    -moz-transform: scale(1.1);
    -ms-transform: scale(1.1);
    -o-transform: scale(1.1);
    transform: scale(1.1); }
  20% {
    -webkit-transform: scale(1);
    -moz-transform: scale(1);
    -ms-transform: scale(1);
    -o-transform: scale(1);
    transform: scale(1); } }
.dropzone, .dropzone * {
  box-sizing: border-box; }

.dropzone {
  min-height: 150px;
  border: 2px solid rgba(0, 0, 0, 0.3);
  background: white;
  padding: 20px 20px; }
  .dropzone.dz-clickable {
    cursor: pointer; }
    .dropzone.dz-clickable * {
      cursor: default; }
    .dropzone.dz-clickable .dz-message, .dropzone.dz-clickable .dz-message * {
      cursor: pointer; }
  .dropzone.dz-started .dz-message {
    display: none; }
  .dropzone.dz-drag-hover {
    border-style: solid; }
    .dropzone.dz-drag-hover .dz-message {
      opacity: 0.5; }
  .dropzone .dz-message {
    text-align: center;
    margin: 2em 0; }
  .dropzone .dz-preview {
    position: relative;
    display: inline-block;
    vertical-align: top;
    margin: 16px;
    min-height: 100px; }
    .dropzone .dz-preview:hover {
      z-index: 1000; }
      .dropzone .dz-preview:hover .dz-details {
        opacity: 1; }
    .dropzone .dz-preview.dz-file-preview .dz-image {
      border-radius: 20px;
      background: #999;
      background: linear-gradient(to bottom, #eee, #ddd); }
    .dropzone .dz-preview.dz-file-preview .dz-details {
      opacity: 1; }
    .dropzone .dz-preview.dz-image-preview {
      background: white; }
      .dropzone .dz-preview.dz-image-preview .dz-details {
        -webkit-transition: opacity 0.2s linear;
        -moz-transition: opacity 0.2s linear;
        -ms-transition: opacity 0.2s linear;
        -o-transition: opacity 0.2s linear;
        transition: opacity 0.2s linear; }
    .dropzone .dz-preview .dz-remove {
      font-size: 14px;
      text-align: center;
      display: block;
      cursor: pointer;
      border: none; }
      .dropzone .dz-preview .dz-remove:hover {
        text-decoration: underline; }
    .dropzone .dz-preview:hover .dz-details {
      opacity: 1; }
    .dropzone .dz-preview .dz-details {
      z-index: 20;
      position: absolute;
      top: 0;
      left: 0;
      opacity: 0;
      font-size: 13px;
      min-width: 100%;
      max-width: 100%;
      padding: 2em 1em;
      text-align: center;
      color: rgba(0, 0, 0, 0.9);
      line-height: 150%; }
      .dropzone .dz-preview .dz-details .dz-size {
        margin-bottom: 1em;
        font-size: 16px; }
      .dropzone .dz-preview .dz-details .dz-filename {
        white-space: nowrap; }
        .dropzone .dz-preview .dz-details .dz-filename:hover span {
          border: 1px solid rgba(200, 200, 200, 0.8);
          background-color: rgba(255, 255, 255, 0.8); }
        .dropzone .dz-preview .dz-details .dz-filename:not(:hover) {
          overflow: hidden;
          text-overflow: ellipsis; }
          .dropzone .dz-preview .dz-details .dz-filename:not(:hover) span {
            border: 1px solid transparent; }
      .dropzone .dz-preview .dz-details .dz-filename span, .dropzone .dz-preview .dz-details .dz-size span {
        background-color: rgba(255, 255, 255, 0.4);
        padding: 0 0.4em;
        border-radius: 3px; }
    .dropzone .dz-preview:hover .dz-image img {
      -webkit-transform: scale(1.05, 1.05);
      -moz-transform: scale(1.05, 1.05);
      -ms-transform: scale(1.05, 1.05);
      -o-transform: scale(1.05, 1.05);
      transform: scale(1.05, 1.05);
      -webkit-filter: blur(8px);
      filter: blur(8px); }
    .dropzone .dz-preview .dz-image {
      border-radius: 20px;
      overflow: hidden;
      width: 120px;
      height: 120px;
      position: relative;
      display: block;
      z-index: 10; }
      .dropzone .dz-preview .dz-image img {
        display: block; }
    .dropzone .dz-preview.dz-success .dz-success-mark {
      -webkit-animation: passing-through 3s cubic-bezier(0.77, 0, 0.175, 1);
      -moz-animation: passing-through 3s cubic-bezier(0.77, 0, 0.175, 1);
      -ms-animation: passing-through 3s cubic-bezier(0.77, 0, 0.175, 1);
      -o-animation: passing-through 3s cubic-bezier(0.77, 0, 0.175, 1);
      animation: passing-through 3s cubic-bezier(0.77, 0, 0.175, 1); }
    .dropzone .dz-preview.dz-error .dz-error-mark {
      opacity: 1;
      -webkit-animation: slide-in 3s cubic-bezier(0.77, 0, 0.175, 1);
      -moz-animation: slide-in 3s cubic-bezier(0.77, 0, 0.175, 1);
      -ms-animation: slide-in 3s cubic-bezier(0.77, 0, 0.175, 1);
      -o-animation: slide-in 3s cubic-bezier(0.77, 0, 0.175, 1);
      animation: slide-in 3s cubic-bezier(0.77, 0, 0.175, 1); }
    .dropzone .dz-preview .dz-success-mark, .dropzone .dz-preview .dz-error-mark {
      pointer-events: none;
      opacity: 0;
      z-index: 500;
      position: absolute;
      display: block;
      top: 50%;
      left: 50%;
      margin-left: -27px;
      margin-top: -27px; }
      .dropzone .dz-preview .dz-success-mark svg, .dropzone .dz-preview .dz-error-mark svg {
        display: block;
        width: 54px;
        height: 54px; }
    .dropzone .dz-preview.dz-processing .dz-progress {
      opacity: 1;
      -webkit-transition: all 0.2s linear;
      -moz-transition: all 0.2s linear;
      -ms-transition: all 0.2s linear;
      -o-transition: all 0.2s linear;
      transition: all 0.2s linear; }
    .dropzone .dz-preview.dz-complete .dz-progress {
      opacity: 0;
      -webkit-transition: opacity 0.4s ease-in;
      -moz-transition: opacity 0.4s ease-in;
      -ms-transition: opacity 0.4s ease-in;
      -o-transition: opacity 0.4s ease-in;
      transition: opacity 0.4s ease-in; }
    .dropzone .dz-preview:not(.dz-processing) .dz-progress {
      -webkit-animation: pulse 6s ease infinite;
      -moz-animation: pulse 6s ease infinite;
      -ms-animation: pulse 6s ease infinite;
      -o-animation: pulse 6s ease infinite;
      animation: pulse 6s ease infinite; }
    .dropzone .dz-preview .dz-progress {
      opacity: 1;
      z-index: 1000;
      pointer-events: none;
      position: absolute;
      height: 16px;
      left: 50%;
      top: 50%;
      margin-top: -8px;
      width: 80px;
      margin-left: -40px;
      background: rgba(255, 255, 255, 0.9);
      -webkit-transform: scale(1);
      border-radius: 8px;
      overflow: hidden; }
      .dropzone .dz-preview .dz-progress .dz-upload {
        background: #333;
        background: linear-gradient(to bottom, #666, #444);
        position: absolute;
        top: 0;
        left: 0;
        bottom: 0;
        width: 0;
        -webkit-transition: width 300ms ease-in-out;
        -moz-transition: width 300ms ease-in-out;
        -ms-transition: width 300ms ease-in-out;
        -o-transition: width 300ms ease-in-out;
        transition: width 300ms ease-in-out; }
    .dropzone .dz-preview.dz-error .dz-error-message {
      display: block; }
    .dropzone .dz-preview.dz-error:hover .dz-error-message {
      opacity: 1;
      pointer-events: auto; }
    .dropzone .dz-preview .dz-error-message {
      pointer-events: none;
      z-index: 1000;
      position: absolute;
      display: block;
      display: none;
      opacity: 0;
      -webkit-transition: opacity 0.3s ease;
      -moz-transition: opacity 0.3s ease;
      -ms-transition: opacity 0.3s ease;
      -o-transition: opacity 0.3s ease;
      transition: opacity 0.3s ease;
      border-radius: 8px;
      font-size: 13px;
      top: 130px;
      left: -10px;
      width: 140px;
      background: #be2626;
      background: linear-gradient(to bottom, #be2626, #a92222);
      padding: 0.5em 1.2em;
      color: white; }
      .dropzone .dz-preview .dz-error-message:after {
        content: '';
        position: absolute;
        top: -6px;
        left: 64px;
        width: 0;
        height: 0;
        border-left: 6px solid transparent;
        border-right: 6px solid transparent;
        border-bottom: 6px solid #be2626; }
@font-face{font-family:"summernote";font-style:normal;font-weight:normal;src:url("./font/summernote.eot?1d9aeaaff0a8939558a45be6cd52cd4c");src:url("./font/summernote.eot?1d9aeaaff0a8939558a45be6cd52cd4c#iefix") format("embedded-opentype"),url("./font/summernote.woff?1d9aeaaff0a8939558a45be6cd52cd4c") format("woff"),url("./font/summernote.ttf?1d9aeaaff0a8939558a45be6cd52cd4c") format("truetype")}[class^="note-icon-"]:before,[class*=" note-icon-"]:before{display:inline-block;font:normal normal normal 14px summernote;font-size:inherit;-webkit-font-smoothing:antialiased;text-decoration:inherit;text-rendering:auto;text-transform:none;vertical-align:middle;speak:none;-moz-osx-font-smoothing:grayscale}.note-icon-align-center:before,.note-icon-align-indent:before,.note-icon-align-justify:before,.note-icon-align-left:before,.note-icon-align-outdent:before,.note-icon-align-right:before,.note-icon-align:before,.note-icon-arrow-circle-down:before,.note-icon-arrow-circle-left:before,.note-icon-arrow-circle-right:before,.note-icon-arrow-circle-up:before,.note-icon-arrows-alt:before,.note-icon-arrows-h:before,.note-icon-arrows-v:before,.note-icon-bold:before,.note-icon-caret:before,.note-icon-chain-broken:before,.note-icon-circle:before,.note-icon-close:before,.note-icon-code:before,.note-icon-col-after:before,.note-icon-col-before:before,.note-icon-col-remove:before,.note-icon-eraser:before,.note-icon-float-left:before,.note-icon-float-none:before,.note-icon-float-right:before,.note-icon-font:before,.note-icon-frame:before,.note-icon-italic:before,.note-icon-link:before,.note-icon-magic:before,.note-icon-menu-check:before,.note-icon-minus:before,.note-icon-orderedlist:before,.note-icon-pencil:before,.note-icon-picture:before,.note-icon-question:before,.note-icon-redo:before,.note-icon-rollback:before,.note-icon-row-above:before,.note-icon-row-below:before,.note-icon-row-remove:before,.note-icon-special-character:before,.note-icon-square:before,.note-icon-strikethrough:before,.note-icon-subscript:before,.note-icon-summernote:before,.note-icon-superscript:before,.note-icon-table:before,.note-icon-text-height:before,.note-icon-trash:before,.note-icon-underline:before,.note-icon-undo:before,.note-icon-unorderedlist:before,.note-icon-video:before{display:inline-block;font-family:"summernote";font-style:normal;font-weight:normal;text-decoration:inherit}.note-icon-align-center:before{content:"\f101"}.note-icon-align-indent:before{content:"\f102"}.note-icon-align-justify:before{content:"\f103"}.note-icon-align-left:before{content:"\f104"}.note-icon-align-outdent:before{content:"\f105"}.note-icon-align-right:before{content:"\f106"}.note-icon-align:before{content:"\f107"}.note-icon-arrow-circle-down:before{content:"\f108"}.note-icon-arrow-circle-left:before{content:"\f109"}.note-icon-arrow-circle-right:before{content:"\f10a"}.note-icon-arrow-circle-up:before{content:"\f10b"}.note-icon-arrows-alt:before{content:"\f10c"}.note-icon-arrows-h:before{content:"\f10d"}.note-icon-arrows-v:before{content:"\f10e"}.note-icon-bold:before{content:"\f10f"}.note-icon-caret:before{content:"\f110"}.note-icon-chain-broken:before{content:"\f111"}.note-icon-circle:before{content:"\f112"}.note-icon-close:before{content:"\f113"}.note-icon-code:before{content:"\f114"}.note-icon-col-after:before{content:"\f115"}.note-icon-col-before:before{content:"\f116"}.note-icon-col-remove:before{content:"\f117"}.note-icon-eraser:before{content:"\f118"}.note-icon-float-left:before{content:"\f119"}.note-icon-float-none:before{content:"\f11a"}.note-icon-float-right:before{content:"\f11b"}.note-icon-font:before{content:"\f11c"}.note-icon-frame:before{content:"\f11d"}.note-icon-italic:before{content:"\f11e"}.note-icon-link:before{content:"\f11f"}.note-icon-magic:before{content:"\f120"}.note-icon-menu-check:before{content:"\f121"}.note-icon-minus:before{content:"\f122"}.note-icon-orderedlist:before{content:"\f123"}.note-icon-pencil:before{content:"\f124"}.note-icon-picture:before{content:"\f125"}.note-icon-question:before{content:"\f126"}.note-icon-redo:before{content:"\f127"}.note-icon-rollback:before{content:"\f128"}.note-icon-row-above:before{content:"\f129"}.note-icon-row-below:before{content:"\f12a"}.note-icon-row-remove:before{content:"\f12b"}.note-icon-special-character:before{content:"\f12c"}.note-icon-square:before{content:"\f12d"}.note-icon-strikethrough:before{content:"\f12e"}.note-icon-subscript:before{content:"\f12f"}.note-icon-summernote:before{content:"\f130"}.note-icon-superscript:before{content:"\f131"}.note-icon-table:before{content:"\f132"}.note-icon-text-height:before{content:"\f133"}.note-icon-trash:before{content:"\f134"}.note-icon-underline:before{content:"\f135"}.note-icon-undo:before{content:"\f136"}.note-icon-unorderedlist:before{content:"\f137"}.note-icon-video:before{content:"\f138"}.note-editor{position:relative}.note-editor .note-dropzone{position:absolute;z-index:100;display:none;color:#87cefa;background-color:#fff;opacity:.95}.note-editor .note-dropzone .note-dropzone-message{display:table-cell;font-size:28px;font-weight:700;text-align:center;vertical-align:middle}.note-editor .note-dropzone.hover{color:#098ddf}.note-editor.dragover .note-dropzone{display:table}.note-editor .note-editing-area{position:relative}.note-editor .note-editing-area .note-editable{outline:0}.note-editor .note-editing-area .note-editable sup{vertical-align:super}.note-editor .note-editing-area .note-editable sub{vertical-align:sub}.note-editor .note-editing-area img.note-float-left{margin-right:10px}.note-editor .note-editing-area img.note-float-right{margin-left:10px}.note-editor.note-frame{border:1px solid #a9a9a9}.note-editor.note-frame.codeview .note-editing-area .note-editable{display:none}.note-editor.note-frame.codeview .note-editing-area .note-codable{display:block}.note-editor.note-frame .note-editing-area{overflow:hidden}.note-editor.note-frame .note-editing-area .note-editable{padding:10px;overflow:auto;color:#000;word-wrap:break-word;background-color:#fff}.note-editor.note-frame .note-editing-area .note-editable[contenteditable="false"]{background-color:#e5e5e5}.note-editor.note-frame .note-editing-area .note-codable{display:none;width:100%;padding:10px;margin-bottom:0;font-family:Menlo,Monaco,monospace,sans-serif;font-size:14px;color:#ccc;background-color:#222;border:0;-webkit-border-radius:0;-moz-border-radius:0;border-radius:0;outline:0;box-shadow:none;-webkit-box-sizing:border-box;-moz-box-sizing:border-box;-ms-box-sizing:border-box;box-sizing:border-box;resize:none}.note-editor.note-frame.fullscreen{position:fixed;top:0;left:0;z-index:1050;width:100%!important}.note-editor.note-frame.fullscreen .note-editable{background-color:#fff}.note-editor.note-frame.fullscreen .note-resizebar{display:none}.note-editor.note-frame .note-status-output{display:block;width:100%;height:20px;margin-bottom:0;font-size:14px;line-height:1.42857143;color:#000;border:0;border-top:1px solid #e2e2e2}.note-editor.note-frame .note-status-output:empty{height:0;border-top:0 solid transparent}.note-editor.note-frame .note-status-output .pull-right{float:right!important}.note-editor.note-frame .note-status-output .text-muted{color:#777}.note-editor.note-frame .note-status-output .text-primary{color:#286090}.note-editor.note-frame .note-status-output .text-success{color:#3c763d}.note-editor.note-frame .note-status-output .text-info{color:#31708f}.note-editor.note-frame .note-status-output .text-warning{color:#8a6d3b}.note-editor.note-frame .note-status-output .text-danger{color:#a94442}.note-editor.note-frame .note-status-output .alert{padding:7px 10px 2px 10px;margin:-7px 0 0 0;color:#000;background-color:#f5f5f5;border-radius:0}.note-editor.note-frame .note-status-output .alert .note-icon{margin-right:5px}.note-editor.note-frame .note-status-output .alert-success{color:#3c763d!important;background-color:#dff0d8!important}.note-editor.note-frame .note-status-output .alert-info{color:#31708f!important;background-color:#d9edf7!important}.note-editor.note-frame .note-status-output .alert-warning{color:#8a6d3b!important;background-color:#fcf8e3!important}.note-editor.note-frame .note-status-output .alert-danger{color:#a94442!important;background-color:#f2dede!important}.note-editor.note-frame .note-statusbar{background-color:#f5f5f5;border-top:1px solid #ddd;border-bottom-right-radius:4px;border-bottom-left-radius:4px}.note-editor.note-frame .note-statusbar .note-resizebar{width:100%;height:9px;padding-top:1px;cursor:ns-resize}.note-editor.note-frame .note-statusbar .note-resizebar .note-icon-bar{width:20px;margin:1px auto;border-top:1px solid #a9a9a9}.note-editor.note-frame .note-statusbar.locked .note-resizebar{cursor:default}.note-editor.note-frame .note-statusbar.locked .note-resizebar .note-icon-bar{display:none}.note-editor.note-frame .note-placeholder{padding:10px}.note-popover.popover{max-width:none}.note-popover.popover .popover-content a{display:inline-block;max-width:200px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;vertical-align:middle}.note-popover.popover .arrow{left:20px!important}.note-toolbar{position:relative;z-index:500}.note-popover .popover-content,.panel-heading.note-toolbar{padding:0 0 5px 5px;margin:0}.note-popover .popover-content>.btn-group,.panel-heading.note-toolbar>.btn-group{margin-top:5px;margin-right:5px;margin-left:0}.note-popover .popover-content .btn-group .note-table,.panel-heading.note-toolbar .btn-group .note-table{min-width:0;padding:5px}.note-popover .popover-content .btn-group .note-table .note-dimension-picker,.panel-heading.note-toolbar .btn-group .note-table .note-dimension-picker{font-size:18px}.note-popover .popover-content .btn-group .note-table .note-dimension-picker .note-dimension-picker-mousecatcher,.panel-heading.note-toolbar .btn-group .note-table .note-dimension-picker .note-dimension-picker-mousecatcher{position:absolute!important;z-index:3;width:10em;height:10em;cursor:pointer}.note-popover .popover-content .btn-group .note-table .note-dimension-picker .note-dimension-picker-unhighlighted,.panel-heading.note-toolbar .btn-group .note-table .note-dimension-picker .note-dimension-picker-unhighlighted{position:relative!important;z-index:1;width:5em;height:5em;background:url('data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAABIAAAASAgMAAAAroGbEAAAACVBMVEUAAIj4+Pjp6ekKlAqjAAAAAXRSTlMAQObYZgAAAAFiS0dEAIgFHUgAAAAJcEhZcwAACxMAAAsTAQCanBgAAAAHdElNRQfYAR0BKhmnaJzPAAAAG0lEQVQI12NgAAOtVatWMTCohoaGUY+EmIkEAEruEzK2J7tvAAAAAElFTkSuQmCC') repeat}.note-popover .popover-content .btn-group .note-table .note-dimension-picker .note-dimension-picker-highlighted,.panel-heading.note-toolbar .btn-group .note-table .note-dimension-picker .note-dimension-picker-highlighted{position:absolute!important;z-index:2;width:1em;height:1em;background:url('data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAABIAAAASAgMAAAAroGbEAAAACVBMVEUAAIjd6vvD2f9LKLW+AAAAAXRSTlMAQObYZgAAAAFiS0dEAIgFHUgAAAAJcEhZcwAACxMAAAsTAQCanBgAAAAHdElNRQfYAR0BKwNDEVT0AAAAG0lEQVQI12NgAAOtVatWMTCohoaGUY+EmIkEAEruEzK2J7tvAAAAAElFTkSuQmCC') repeat}.note-popover .popover-content .note-style .dropdown-style blockquote,.panel-heading.note-toolbar .note-style .dropdown-style blockquote,.note-popover .popover-content .note-style .dropdown-style pre,.panel-heading.note-toolbar .note-style .dropdown-style pre{padding:5px 10px;margin:0}.note-popover .popover-content .note-style .dropdown-style h1,.panel-heading.note-toolbar .note-style .dropdown-style h1,.note-popover .popover-content .note-style .dropdown-style h2,.panel-heading.note-toolbar .note-style .dropdown-style h2,.note-popover .popover-content .note-style .dropdown-style h3,.panel-heading.note-toolbar .note-style .dropdown-style h3,.note-popover .popover-content .note-style .dropdown-style h4,.panel-heading.note-toolbar .note-style .dropdown-style h4,.note-popover .popover-content .note-style .dropdown-style h5,.panel-heading.note-toolbar .note-style .dropdown-style h5,.note-popover .popover-content .note-style .dropdown-style h6,.panel-heading.note-toolbar .note-style .dropdown-style h6,.note-popover .popover-content .note-style .dropdown-style p,.panel-heading.note-toolbar .note-style .dropdown-style p{padding:0;margin:0}.note-popover .popover-content .note-color-all .dropdown-menu,.panel-heading.note-toolbar .note-color-all .dropdown-menu{min-width:337px}.note-popover .popover-content .note-color .dropdown-toggle,.panel-heading.note-toolbar .note-color .dropdown-toggle{width:20px;padding-left:5px}.note-popover .popover-content .note-color .dropdown-menu .note-palette,.panel-heading.note-toolbar .note-color .dropdown-menu .note-palette{display:inline-block;width:160px;margin:0}.note-popover .popover-content .note-color .dropdown-menu .note-palette:first-child,.panel-heading.note-toolbar .note-color .dropdown-menu .note-palette:first-child{margin:0 5px}.note-popover .popover-content .note-color .dropdown-menu .note-palette .note-palette-title,.panel-heading.note-toolbar .note-color .dropdown-menu .note-palette .note-palette-title{margin:2px 7px;font-size:12px;text-align:center;border-bottom:1px solid #eee}.note-popover .popover-content .note-color .dropdown-menu .note-palette .note-color-reset,.panel-heading.note-toolbar .note-color .dropdown-menu .note-palette .note-color-reset,.note-popover .popover-content .note-color .dropdown-menu .note-palette .note-color-select,.panel-heading.note-toolbar .note-color .dropdown-menu .note-palette .note-color-select{width:100%;padding:0 3px;margin:3px;font-size:11px;cursor:pointer;-webkit-border-radius:5px;-moz-border-radius:5px;border-radius:5px}.note-popover .popover-content .note-color .dropdown-menu .note-palette .note-color-row,.panel-heading.note-toolbar .note-color .dropdown-menu .note-palette .note-color-row{height:20px}.note-popover .popover-content .note-color .dropdown-menu .note-palette .note-color-reset:hover,.panel-heading.note-toolbar .note-color .dropdown-menu .note-palette .note-color-reset:hover{background:#eee}.note-popover .popover-content .note-color .dropdown-menu .note-palette .note-color-select-btn,.panel-heading.note-toolbar .note-color .dropdown-menu .note-palette .note-color-select-btn{display:none}.note-popover .popover-content .note-color .dropdown-menu .note-palette .note-holder-custom .note-color-btn,.panel-heading.note-toolbar .note-color .dropdown-menu .note-palette .note-holder-custom .note-color-btn{border:1px solid #eee}.note-popover .popover-content .note-para .dropdown-menu,.panel-heading.note-toolbar .note-para .dropdown-menu{min-width:216px;padding:5px}.note-popover .popover-content .note-para .dropdown-menu>div:first-child,.panel-heading.note-toolbar .note-para .dropdown-menu>div:first-child{margin-right:5px}.note-popover .popover-content .dropdown-menu,.panel-heading.note-toolbar .dropdown-menu{min-width:90px}.note-popover .popover-content .dropdown-menu.right,.panel-heading.note-toolbar .dropdown-menu.right{right:0;left:auto}.note-popover .popover-content .dropdown-menu.right::before,.panel-heading.note-toolbar .dropdown-menu.right::before{right:9px;left:auto!important}.note-popover .popover-content .dropdown-menu.right::after,.panel-heading.note-toolbar .dropdown-menu.right::after{right:10px;left:auto!important}.note-popover .popover-content .dropdown-menu.note-check li a i,.panel-heading.note-toolbar .dropdown-menu.note-check li a i{color:deepskyblue;visibility:hidden}.note-popover .popover-content .dropdown-menu.note-check li a.checked i,.panel-heading.note-toolbar .dropdown-menu.note-check li a.checked i{visibility:visible}.note-popover .popover-content .note-fontsize-10,.panel-heading.note-toolbar .note-fontsize-10{font-size:10px}.note-popover .popover-content .note-color-palette,.panel-heading.note-toolbar .note-color-palette{line-height:1}.note-popover .popover-content .note-color-palette div .note-color-btn,.panel-heading.note-toolbar .note-color-palette div .note-color-btn{width:20px;height:20px;padding:0;margin:0;border:1px solid #fff}.note-popover .popover-content .note-color-palette div .note-color-btn:hover,.panel-heading.note-toolbar .note-color-palette div .note-color-btn:hover{border:1px solid #000}.note-dialog>div{display:none}.note-dialog .form-group{margin-right:0;margin-left:0}.note-dialog .note-modal-form{margin:0}.note-dialog .note-image-dialog .note-dropzone{min-height:100px;margin-bottom:10px;font-size:30px;line-height:4;color:lightgray;text-align:center;border:4px dashed lightgray}@-moz-document url-prefix(){.note-image-input{height:auto}}.note-placeholder{position:absolute;display:none;color:gray}.note-handle .note-control-selection{position:absolute;display:none;border:1px solid #000}.note-handle .note-control-selection>div{position:absolute}.note-handle .note-control-selection .note-control-selection-bg{width:100%;height:100%;background-color:#000;-webkit-opacity:.3;-khtml-opacity:.3;-moz-opacity:.3;opacity:.3;-ms-filter:alpha(opacity=30);filter:alpha(opacity=30)}.note-handle .note-control-selection .note-control-handle{width:7px;height:7px;border:1px solid #000}.note-handle .note-control-selection .note-control-holder{width:7px;height:7px;border:1px solid #000}.note-handle .note-control-selection .note-control-sizing{width:7px;height:7px;background-color:#fff;border:1px solid #000}.note-handle .note-control-selection .note-control-nw{top:-5px;left:-5px;border-right:0;border-bottom:0}.note-handle .note-control-selection .note-control-ne{top:-5px;right:-5px;border-bottom:0;border-left:none}.note-handle .note-control-selection .note-control-sw{bottom:-5px;left:-5px;border-top:0;border-right:0}.note-handle .note-control-selection .note-control-se{right:-5px;bottom:-5px;cursor:se-resize}.note-handle .note-control-selection .note-control-se.note-control-holder{cursor:default;border-top:0;border-left:none}.note-handle .note-control-selection .note-control-selection-info{right:0;bottom:0;padding:5px;margin:5px;font-size:12px;color:#fff;background-color:#000;-webkit-border-radius:5px;-moz-border-radius:5px;border-radius:5px;-webkit-opacity:.7;-khtml-opacity:.7;-moz-opacity:.7;opacity:.7;-ms-filter:alpha(opacity=70);filter:alpha(opacity=70)}.note-hint-popover{min-width:100px;padding:2px}.note-hint-popover .popover-content{max-height:150px;padding:3px;overflow:auto}.note-hint-popover .popover-content .note-hint-group .note-hint-item{display:block!important;padding:3px}.note-hint-popover .popover-content .note-hint-group .note-hint-item.active,.note-hint-popover .popover-content .note-hint-group .note-hint-item:hover{display:block;clear:both;font-weight:400;line-height:1.4;color:#fff;text-decoration:none;white-space:nowrap;cursor:pointer;background-color:#428bca;outline:0}
.md-editor{display:block;border:1px solid #ddd}.md-editor .md-footer,.md-editor>.md-header{display:block;padding:6px 4px;background:#f5f5f5}.md-editor>.md-header{margin:0}.md-editor>.md-preview{background:#fff;border-top:1px dashed #ddd;border-bottom:1px dashed #ddd;min-height:10px;overflow:auto}.md-editor>textarea{font-family:Menlo,Monaco,Consolas,"Courier New",monospace;font-size:14px;outline:0;margin:0;display:block;padding:0;width:100%;border:0;border-top:1px dashed #ddd;border-bottom:1px dashed #ddd;border-radius:0;box-shadow:none;background:#eee}.md-editor>textarea:focus{box-shadow:none;background:#fff}.md-editor.active{border-color:#66afe9;outline:0;-webkit-box-shadow:inset 0 1px 1px rgba(0,0,0,.075),0 0 8px rgba(102,175,233,.6);box-shadow:inset 0 1px 1px rgba(0,0,0,.075),0 0 8px rgba(102,175,233,.6)}.md-editor .md-controls{float:right;padding:3px}.md-editor .md-controls .md-control{right:5px;color:#bebebe;padding:3px 3px 3px 10px}.md-editor .md-controls .md-control:hover{color:#333}.md-editor.md-fullscreen-mode{width:100%;height:100%;position:fixed;top:0;left:0;z-index:99999;padding:60px 30px 15px;background:#fff!important;border:0!important}.md-editor.md-fullscreen-mode .md-footer{display:none}.md-editor.md-fullscreen-mode .md-input,.md-editor.md-fullscreen-mode .md-preview{margin:0 auto!important;height:100%!important;font-size:20px!important;padding:20px!important;color:#999;line-height:1.6em!important;resize:none!important;box-shadow:none!important;background:#fff!important;border:0!important}.md-editor.md-fullscreen-mode .md-preview{color:#333;overflow:auto}.md-editor.md-fullscreen-mode .md-input:focus,.md-editor.md-fullscreen-mode .md-input:hover{color:#333;background:#fff!important}.md-editor.md-fullscreen-mode .md-header{background:0 0;text-align:center;position:fixed;width:100%;top:20px}.md-editor.md-fullscreen-mode .btn-group{float:none}.md-editor.md-fullscreen-mode .btn{border:0;background:0 0;color:#b3b3b3}.md-editor.md-fullscreen-mode .btn.active,.md-editor.md-fullscreen-mode .btn:active,.md-editor.md-fullscreen-mode .btn:focus,.md-editor.md-fullscreen-mode .btn:hover{box-shadow:none;color:#333}.md-editor.md-fullscreen-mode .md-fullscreen-controls{position:absolute;top:20px;right:20px;text-align:right;z-index:1002;display:block}.md-editor.md-fullscreen-mode .md-fullscreen-controls a{color:#b3b3b3;clear:right;margin:10px;width:30px;height:30px;text-align:center}.md-editor.md-fullscreen-mode .md-fullscreen-controls a:hover{color:#333;text-decoration:none}.md-editor.md-fullscreen-mode .md-editor{height:100%!important;position:relative}.md-editor .md-fullscreen-controls{display:none}.md-nooverflow{overflow:hidden;position:fixed;width:100%}


/*!
 * animate.css -http://daneden.me/animate
 * Version - 3.7.0
 * Licensed under the MIT license - http://opensource.org/licenses/MIT
 *
 * Copyright (c) 2018 Daniel Eden
 */


@-webkit-keyframes bounce {
  from,
  20%,
  53%,
  80%,
  to {
    -webkit-animation-timing-function: cubic-bezier(0.215, 0.61, 0.355, 1);
    animation-timing-function: cubic-bezier(0.215, 0.61, 0.355, 1);
    -webkit-transform: translate3d(0, 0, 0);
    transform: translate3d(0, 0, 0);
  }

  40%,
  43% {
    -webkit-animation-timing-function: cubic-bezier(0.755, 0.05, 0.855, 0.06);
    animation-timing-function: cubic-bezier(0.755, 0.05, 0.855, 0.06);
    -webkit-transform: translate3d(0, -30px, 0);
    transform: translate3d(0, -30px, 0);
  }

  70% {
    -webkit-animation-timing-function: cubic-bezier(0.755, 0.05, 0.855, 0.06);
    animation-timing-function: cubic-bezier(0.755, 0.05, 0.855, 0.06);
    -webkit-transform: translate3d(0, -15px, 0);
    transform: translate3d(0, -15px, 0);
  }

  90% {
    -webkit-transform: translate3d(0, -4px, 0);
    transform: translate3d(0, -4px, 0);
  }
}

@keyframes bounce {
  from,
  20%,
  53%,
  80%,
  to {
    -webkit-animation-timing-function: cubic-bezier(0.215, 0.61, 0.355, 1);
    animation-timing-function: cubic-bezier(0.215, 0.61, 0.355, 1);
    -webkit-transform: translate3d(0, 0, 0);
    transform: translate3d(0, 0, 0);
  }

  40%,
  43% {
    -webkit-animation-timing-function: cubic-bezier(0.755, 0.05, 0.855, 0.06);
    animation-timing-function: cubic-bezier(0.755, 0.05, 0.855, 0.06);
    -webkit-transform: translate3d(0, -30px, 0);
    transform: translate3d(0, -30px, 0);
  }

  70% {
    -webkit-animation-timing-function: cubic-bezier(0.755, 0.05, 0.855, 0.06);
    animation-timing-function: cubic-bezier(0.755, 0.05, 0.855, 0.06);
    -webkit-transform: translate3d(0, -15px, 0);
    transform: translate3d(0, -15px, 0);
  }

  90% {
    -webkit-transform: translate3d(0, -4px, 0);
    transform: translate3d(0, -4px, 0);
  }
}

.bounce {
  -webkit-animation-name: bounce;
  animation-name: bounce;
  -webkit-transform-origin: center bottom;
  transform-origin: center bottom;
}

@-webkit-keyframes flash {
  from,
  50%,
  to {
    opacity: 1;
  }

  25%,
  75% {
    opacity: 0;
  }
}

@keyframes flash {
  from,
  50%,
  to {
    opacity: 1;
  }

  25%,
  75% {
    opacity: 0;
  }
}

.flash {
  -webkit-animation-name: flash;
  animation-name: flash;
}

/* originally authored by Nick Pettit - https://github.com/nickpettit/glide */

@-webkit-keyframes pulse {
  from {
    -webkit-transform: scale3d(1, 1, 1);
    transform: scale3d(1, 1, 1);
  }

  50% {
    -webkit-transform: scale3d(1.05, 1.05, 1.05);
    transform: scale3d(1.05, 1.05, 1.05);
  }

  to {
    -webkit-transform: scale3d(1, 1, 1);
    transform: scale3d(1, 1, 1);
  }
}

@keyframes pulse {
  from {
    -webkit-transform: scale3d(1, 1, 1);
    transform: scale3d(1, 1, 1);
  }

  50% {
    -webkit-transform: scale3d(1.05, 1.05, 1.05);
    transform: scale3d(1.05, 1.05, 1.05);
  }

  to {
    -webkit-transform: scale3d(1, 1, 1);
    transform: scale3d(1, 1, 1);
  }
}

.pulse {
  -webkit-animation-name: pulse;
  animation-name: pulse;
}

@-webkit-keyframes rubberBand {
  from {
    -webkit-transform: scale3d(1, 1, 1);
    transform: scale3d(1, 1, 1);
  }

  30% {
    -webkit-transform: scale3d(1.25, 0.75, 1);
    transform: scale3d(1.25, 0.75, 1);
  }

  40% {
    -webkit-transform: scale3d(0.75, 1.25, 1);
    transform: scale3d(0.75, 1.25, 1);
  }

  50% {
    -webkit-transform: scale3d(1.15, 0.85, 1);
    transform: scale3d(1.15, 0.85, 1);
  }

  65% {
    -webkit-transform: scale3d(0.95, 1.05, 1);
    transform: scale3d(0.95, 1.05, 1);
  }

  75% {
    -webkit-transform: scale3d(1.05, 0.95, 1);
    transform: scale3d(1.05, 0.95, 1);
  }

  to {
    -webkit-transform: scale3d(1, 1, 1);
    transform: scale3d(1, 1, 1);
  }
}

@keyframes rubberBand {
  from {
    -webkit-transform: scale3d(1, 1, 1);
    transform: scale3d(1, 1, 1);
  }

  30% {
    -webkit-transform: scale3d(1.25, 0.75, 1);
    transform: scale3d(1.25, 0.75, 1);
  }

  40% {
    -webkit-transform: scale3d(0.75, 1.25, 1);
    transform: scale3d(0.75, 1.25, 1);
  }

  50% {
    -webkit-transform: scale3d(1.15, 0.85, 1);
    transform: scale3d(1.15, 0.85, 1);
  }

  65% {
    -webkit-transform: scale3d(0.95, 1.05, 1);
    transform: scale3d(0.95, 1.05, 1);
  }

  75% {
    -webkit-transform: scale3d(1.05, 0.95, 1);
    transform: scale3d(1.05, 0.95, 1);
  }

  to {
    -webkit-transform: scale3d(1, 1, 1);
    transform: scale3d(1, 1, 1);
  }
}

.rubberBand {
  -webkit-animation-name: rubberBand;
  animation-name: rubberBand;
}

@-webkit-keyframes shake {
  from,
  to {
    -webkit-transform: translate3d(0, 0, 0);
    transform: translate3d(0, 0, 0);
  }

  10%,
  30%,
  50%,
  70%,
  90% {
    -webkit-transform: translate3d(-10px, 0, 0);
    transform: translate3d(-10px, 0, 0);
  }

  20%,
  40%,
  60%,
  80% {
    -webkit-transform: translate3d(10px, 0, 0);
    transform: translate3d(10px, 0, 0);
  }
}

@keyframes shake {
  from,
  to {
    -webkit-transform: translate3d(0, 0, 0);
    transform: translate3d(0, 0, 0);
  }

  10%,
  30%,
  50%,
  70%,
  90% {
    -webkit-transform: translate3d(-10px, 0, 0);
    transform: translate3d(-10px, 0, 0);
  }

  20%,
  40%,
  60%,
  80% {
    -webkit-transform: translate3d(10px, 0, 0);
    transform: translate3d(10px, 0, 0);
  }
}

.shake {
  -webkit-animation-name: shake;
  animation-name: shake;
}

@-webkit-keyframes headShake {
  0% {
    -webkit-transform: translateX(0);
    transform: translateX(0);
  }

  6.5% {
    -webkit-transform: translateX(-6px) rotateY(-9deg);
    transform: translateX(-6px) rotateY(-9deg);
  }

  18.5% {
    -webkit-transform: translateX(5px) rotateY(7deg);
    transform: translateX(5px) rotateY(7deg);
  }

  31.5% {
    -webkit-transform: translateX(-3px) rotateY(-5deg);
    transform: translateX(-3px) rotateY(-5deg);
  }

  43.5% {
    -webkit-transform: translateX(2px) rotateY(3deg);
    transform: translateX(2px) rotateY(3deg);
  }

  50% {
    -webkit-transform: translateX(0);
    transform: translateX(0);
  }
}

@keyframes headShake {
  0% {
    -webkit-transform: translateX(0);
    transform: translateX(0);
  }

  6.5% {
    -webkit-transform: translateX(-6px) rotateY(-9deg);
    transform: translateX(-6px) rotateY(-9deg);
  }

  18.5% {
    -webkit-transform: translateX(5px) rotateY(7deg);
    transform: translateX(5px) rotateY(7deg);
  }

  31.5% {
    -webkit-transform: translateX(-3px) rotateY(-5deg);
    transform: translateX(-3px) rotateY(-5deg);
  }

  43.5% {
    -webkit-transform: translateX(2px) rotateY(3deg);
    transform: translateX(2px) rotateY(3deg);
  }

  50% {
    -webkit-transform: translateX(0);
    transform: translateX(0);
  }
}

.headShake {
  -webkit-animation-timing-function: ease-in-out;
  animation-timing-function: ease-in-out;
  -webkit-animation-name: headShake;
  animation-name: headShake;
}

@-webkit-keyframes swing {
  20% {
    -webkit-transform: rotate3d(0, 0, 1, 15deg);
    transform: rotate3d(0, 0, 1, 15deg);
  }

  40% {
    -webkit-transform: rotate3d(0, 0, 1, -10deg);
    transform: rotate3d(0, 0, 1, -10deg);
  }

  60% {
    -webkit-transform: rotate3d(0, 0, 1, 5deg);
    transform: rotate3d(0, 0, 1, 5deg);
  }

  80% {
    -webkit-transform: rotate3d(0, 0, 1, -5deg);
    transform: rotate3d(0, 0, 1, -5deg);
  }

  to {
    -webkit-transform: rotate3d(0, 0, 1, 0deg);
    transform: rotate3d(0, 0, 1, 0deg);
  }
}

@keyframes swing {
  20% {
    -webkit-transform: rotate3d(0, 0, 1, 15deg);
    transform: rotate3d(0, 0, 1, 15deg);
  }

  40% {
    -webkit-transform: rotate3d(0, 0, 1, -10deg);
    transform: rotate3d(0, 0, 1, -10deg);
  }

  60% {
    -webkit-transform: rotate3d(0, 0, 1, 5deg);
    transform: rotate3d(0, 0, 1, 5deg);
  }

  80% {
    -webkit-transform: rotate3d(0, 0, 1, -5deg);
    transform: rotate3d(0, 0, 1, -5deg);
  }

  to {
    -webkit-transform: rotate3d(0, 0, 1, 0deg);
    transform: rotate3d(0, 0, 1, 0deg);
  }
}

.swing {
  -webkit-transform-origin: top center;
  transform-origin: top center;
  -webkit-animation-name: swing;
  animation-name: swing;
}

@-webkit-keyframes tada {
  from {
    -webkit-transform: scale3d(1, 1, 1);
    transform: scale3d(1, 1, 1);
  }

  10%,
  20% {
    -webkit-transform: scale3d(0.9, 0.9, 0.9) rotate3d(0, 0, 1, -3deg);
    transform: scale3d(0.9, 0.9, 0.9) rotate3d(0, 0, 1, -3deg);
  }

  30%,
  50%,
  70%,
  90% {
    -webkit-transform: scale3d(1.1, 1.1, 1.1) rotate3d(0, 0, 1, 3deg);
    transform: scale3d(1.1, 1.1, 1.1) rotate3d(0, 0, 1, 3deg);
  }

  40%,
  60%,
  80% {
    -webkit-transform: scale3d(1.1, 1.1, 1.1) rotate3d(0, 0, 1, -3deg);
    transform: scale3d(1.1, 1.1, 1.1) rotate3d(0, 0, 1, -3deg);
  }

  to {
    -webkit-transform: scale3d(1, 1, 1);
    transform: scale3d(1, 1, 1);
  }
}

@keyframes tada {
  from {
    -webkit-transform: scale3d(1, 1, 1);
    transform: scale3d(1, 1, 1);
  }

  10%,
  20% {
    -webkit-transform: scale3d(0.9, 0.9, 0.9) rotate3d(0, 0, 1, -3deg);
    transform: scale3d(0.9, 0.9, 0.9) rotate3d(0, 0, 1, -3deg);
  }

  30%,
  50%,
  70%,
  90% {
    -webkit-transform: scale3d(1.1, 1.1, 1.1) rotate3d(0, 0, 1, 3deg);
    transform: scale3d(1.1, 1.1, 1.1) rotate3d(0, 0, 1, 3deg);
  }

  40%,
  60%,
  80% {
    -webkit-transform: scale3d(1.1, 1.1, 1.1) rotate3d(0, 0, 1, -3deg);
    transform: scale3d(1.1, 1.1, 1.1) rotate3d(0, 0, 1, -3deg);
  }

  to {
    -webkit-transform: scale3d(1, 1, 1);
    transform: scale3d(1, 1, 1);
  }
}

.tada {
  -webkit-animation-name: tada;
  animation-name: tada;
}

/* originally authored by Nick Pettit - https://github.com/nickpettit/glide */

@-webkit-keyframes wobble {
  from {
    -webkit-transform: translate3d(0, 0, 0);
    transform: translate3d(0, 0, 0);
  }

  15% {
    -webkit-transform: translate3d(-25%, 0, 0) rotate3d(0, 0, 1, -5deg);
    transform: translate3d(-25%, 0, 0) rotate3d(0, 0, 1, -5deg);
  }

  30% {
    -webkit-transform: translate3d(20%, 0, 0) rotate3d(0, 0, 1, 3deg);
    transform: translate3d(20%, 0, 0) rotate3d(0, 0, 1, 3deg);
  }

  45% {
    -webkit-transform: translate3d(-15%, 0, 0) rotate3d(0, 0, 1, -3deg);
    transform: translate3d(-15%, 0, 0) rotate3d(0, 0, 1, -3deg);
  }

  60% {
    -webkit-transform: translate3d(10%, 0, 0) rotate3d(0, 0, 1, 2deg);
    transform: translate3d(10%, 0, 0) rotate3d(0, 0, 1, 2deg);
  }

  75% {
    -webkit-transform: translate3d(-5%, 0, 0) rotate3d(0, 0, 1, -1deg);
    transform: translate3d(-5%, 0, 0) rotate3d(0, 0, 1, -1deg);
  }

  to {
    -webkit-transform: translate3d(0, 0, 0);
    transform: translate3d(0, 0, 0);
  }
}

@keyframes wobble {
  from {
    -webkit-transform: translate3d(0, 0, 0);
    transform: translate3d(0, 0, 0);
  }

  15% {
    -webkit-transform: translate3d(-25%, 0, 0) rotate3d(0, 0, 1, -5deg);
    transform: translate3d(-25%, 0, 0) rotate3d(0, 0, 1, -5deg);
  }

  30% {
    -webkit-transform: translate3d(20%, 0, 0) rotate3d(0, 0, 1, 3deg);
    transform: translate3d(20%, 0, 0) rotate3d(0, 0, 1, 3deg);
  }

  45% {
    -webkit-transform: translate3d(-15%, 0, 0) rotate3d(0, 0, 1, -3deg);
    transform: translate3d(-15%, 0, 0) rotate3d(0, 0, 1, -3deg);
  }

  60% {
    -webkit-transform: translate3d(10%, 0, 0) rotate3d(0, 0, 1, 2deg);
    transform: translate3d(10%, 0, 0) rotate3d(0, 0, 1, 2deg);
  }

  75% {
    -webkit-transform: translate3d(-5%, 0, 0) rotate3d(0, 0, 1, -1deg);
    transform: translate3d(-5%, 0, 0) rotate3d(0, 0, 1, -1deg);
  }

  to {
    -webkit-transform: translate3d(0, 0, 0);
    transform: translate3d(0, 0, 0);
  }
}

.wobble {
  -webkit-animation-name: wobble;
  animation-name: wobble;
}

@-webkit-keyframes jello {
  from,
  11.1%,
  to {
    -webkit-transform: translate3d(0, 0, 0);
    transform: translate3d(0, 0, 0);
  }

  22.2% {
    -webkit-transform: skewX(-12.5deg) skewY(-12.5deg);
    transform: skewX(-12.5deg) skewY(-12.5deg);
  }

  33.3% {
    -webkit-transform: skewX(6.25deg) skewY(6.25deg);
    transform: skewX(6.25deg) skewY(6.25deg);
  }

  44.4% {
    -webkit-transform: skewX(-3.125deg) skewY(-3.125deg);
    transform: skewX(-3.125deg) skewY(-3.125deg);
  }

  55.5% {
    -webkit-transform: skewX(1.5625deg) skewY(1.5625deg);
    transform: skewX(1.5625deg) skewY(1.5625deg);
  }

  66.6% {
    -webkit-transform: skewX(-0.78125deg) skewY(-0.78125deg);
    transform: skewX(-0.78125deg) skewY(-0.78125deg);
  }

  77.7% {
    -webkit-transform: skewX(0.390625deg) skewY(0.390625deg);
    transform: skewX(0.390625deg) skewY(0.390625deg);
  }

  88.8% {
    -webkit-transform: skewX(-0.1953125deg) skewY(-0.1953125deg);
    transform: skewX(-0.1953125deg) skewY(-0.1953125deg);
  }
}

@keyframes jello {
  from,
  11.1%,
  to {
    -webkit-transform: translate3d(0, 0, 0);
    transform: translate3d(0, 0, 0);
  }

  22.2% {
    -webkit-transform: skewX(-12.5deg) skewY(-12.5deg);
    transform: skewX(-12.5deg) skewY(-12.5deg);
  }

  33.3% {
    -webkit-transform: skewX(6.25deg) skewY(6.25deg);
    transform: skewX(6.25deg) skewY(6.25deg);
  }

  44.4% {
    -webkit-transform: skewX(-3.125deg) skewY(-3.125deg);
    transform: skewX(-3.125deg) skewY(-3.125deg);
  }

  55.5% {
    -webkit-transform: skewX(1.5625deg) skewY(1.5625deg);
    transform: skewX(1.5625deg) skewY(1.5625deg);
  }

  66.6% {
    -webkit-transform: skewX(-0.78125deg) skewY(-0.78125deg);
    transform: skewX(-0.78125deg) skewY(-0.78125deg);
  }

  77.7% {
    -webkit-transform: skewX(0.390625deg) skewY(0.390625deg);
    transform: skewX(0.390625deg) skewY(0.390625deg);
  }

  88.8% {
    -webkit-transform: skewX(-0.1953125deg) skewY(-0.1953125deg);
    transform: skewX(-0.1953125deg) skewY(-0.1953125deg);
  }
}

.jello {
  -webkit-animation-name: jello;
  animation-name: jello;
  -webkit-transform-origin: center;
  transform-origin: center;
}

@-webkit-keyframes heartBeat {
  0% {
    -webkit-transform: scale(1);
    transform: scale(1);
  }

  14% {
    -webkit-transform: scale(1.3);
    transform: scale(1.3);
  }

  28% {
    -webkit-transform: scale(1);
    transform: scale(1);
  }

  42% {
    -webkit-transform: scale(1.3);
    transform: scale(1.3);
  }

  70% {
    -webkit-transform: scale(1);
    transform: scale(1);
  }
}

@keyframes heartBeat {
  0% {
    -webkit-transform: scale(1);
    transform: scale(1);
  }

  14% {
    -webkit-transform: scale(1.3);
    transform: scale(1.3);
  }

  28% {
    -webkit-transform: scale(1);
    transform: scale(1);
  }

  42% {
    -webkit-transform: scale(1.3);
    transform: scale(1.3);
  }

  70% {
    -webkit-transform: scale(1);
    transform: scale(1);
  }
}

.heartBeat {
  -webkit-animation-name: heartBeat;
  animation-name: heartBeat;
  -webkit-animation-duration: 1.3s;
  animation-duration: 1.3s;
  -webkit-animation-timing-function: ease-in-out;
  animation-timing-function: ease-in-out;
}

@-webkit-keyframes bounceIn {
  from,
  20%,
  40%,
  60%,
  80%,
  to {
    -webkit-animation-timing-function: cubic-bezier(0.215, 0.61, 0.355, 1);
    animation-timing-function: cubic-bezier(0.215, 0.61, 0.355, 1);
  }

  0% {
    opacity: 0;
    -webkit-transform: scale3d(0.3, 0.3, 0.3);
    transform: scale3d(0.3, 0.3, 0.3);
  }

  20% {
    -webkit-transform: scale3d(1.1, 1.1, 1.1);
    transform: scale3d(1.1, 1.1, 1.1);
  }

  40% {
    -webkit-transform: scale3d(0.9, 0.9, 0.9);
    transform: scale3d(0.9, 0.9, 0.9);
  }

  60% {
    opacity: 1;
    -webkit-transform: scale3d(1.03, 1.03, 1.03);
    transform: scale3d(1.03, 1.03, 1.03);
  }

  80% {
    -webkit-transform: scale3d(0.97, 0.97, 0.97);
    transform: scale3d(0.97, 0.97, 0.97);
  }

  to {
    opacity: 1;
    -webkit-transform: scale3d(1, 1, 1);
    transform: scale3d(1, 1, 1);
  }
}

@keyframes bounceIn {
  from,
  20%,
  40%,
  60%,
  80%,
  to {
    -webkit-animation-timing-function: cubic-bezier(0.215, 0.61, 0.355, 1);
    animation-timing-function: cubic-bezier(0.215, 0.61, 0.355, 1);
  }

  0% {
    opacity: 0;
    -webkit-transform: scale3d(0.3, 0.3, 0.3);
    transform: scale3d(0.3, 0.3, 0.3);
  }

  20% {
    -webkit-transform: scale3d(1.1, 1.1, 1.1);
    transform: scale3d(1.1, 1.1, 1.1);
  }

  40% {
    -webkit-transform: scale3d(0.9, 0.9, 0.9);
    transform: scale3d(0.9, 0.9, 0.9);
  }

  60% {
    opacity: 1;
    -webkit-transform: scale3d(1.03, 1.03, 1.03);
    transform: scale3d(1.03, 1.03, 1.03);
  }

  80% {
    -webkit-transform: scale3d(0.97, 0.97, 0.97);
    transform: scale3d(0.97, 0.97, 0.97);
  }

  to {
    opacity: 1;
    -webkit-transform: scale3d(1, 1, 1);
    transform: scale3d(1, 1, 1);
  }
}

.bounceIn {
  -webkit-animation-duration: 0.75s;
  animation-duration: 0.75s;
  -webkit-animation-name: bounceIn;
  animation-name: bounceIn;
}

@-webkit-keyframes bounceInDown {
  from,
  60%,
  75%,
  90%,
  to {
    -webkit-animation-timing-function: cubic-bezier(0.215, 0.61, 0.355, 1);
    animation-timing-function: cubic-bezier(0.215, 0.61, 0.355, 1);
  }

  0% {
    opacity: 0;
    -webkit-transform: translate3d(0, -3000px, 0);
    transform: translate3d(0, -3000px, 0);
  }

  60% {
    opacity: 1;
    -webkit-transform: translate3d(0, 25px, 0);
    transform: translate3d(0, 25px, 0);
  }

  75% {
    -webkit-transform: translate3d(0, -10px, 0);
    transform: translate3d(0, -10px, 0);
  }

  90% {
    -webkit-transform: translate3d(0, 5px, 0);
    transform: translate3d(0, 5px, 0);
  }

  to {
    -webkit-transform: translate3d(0, 0, 0);
    transform: translate3d(0, 0, 0);
  }
}

@keyframes bounceInDown {
  from,
  60%,
  75%,
  90%,
  to {
    -webkit-animation-timing-function: cubic-bezier(0.215, 0.61, 0.355, 1);
    animation-timing-function: cubic-bezier(0.215, 0.61, 0.355, 1);
  }

  0% {
    opacity: 0;
    -webkit-transform: translate3d(0, -3000px, 0);
    transform: translate3d(0, -3000px, 0);
  }

  60% {
    opacity: 1;
    -webkit-transform: translate3d(0, 25px, 0);
    transform: translate3d(0, 25px, 0);
  }

  75% {
    -webkit-transform: translate3d(0, -10px, 0);
    transform: translate3d(0, -10px, 0);
  }

  90% {
    -webkit-transform: translate3d(0, 5px, 0);
    transform: translate3d(0, 5px, 0);
  }

  to {
    -webkit-transform: translate3d(0, 0, 0);
    transform: translate3d(0, 0, 0);
  }
}

.bounceInDown {
  -webkit-animation-name: bounceInDown;
  animation-name: bounceInDown;
}

@-webkit-keyframes bounceInLeft {
  from,
  60%,
  75%,
  90%,
  to {
    -webkit-animation-timing-function: cubic-bezier(0.215, 0.61, 0.355, 1);
    animation-timing-function: cubic-bezier(0.215, 0.61, 0.355, 1);
  }

  0% {
    opacity: 0;
    -webkit-transform: translate3d(-3000px, 0, 0);
    transform: translate3d(-3000px, 0, 0);
  }

  60% {
    opacity: 1;
    -webkit-transform: translate3d(25px, 0, 0);
    transform: translate3d(25px, 0, 0);
  }

  75% {
    -webkit-transform: translate3d(-10px, 0, 0);
    transform: translate3d(-10px, 0, 0);
  }

  90% {
    -webkit-transform: translate3d(5px, 0, 0);
    transform: translate3d(5px, 0, 0);
  }

  to {
    -webkit-transform: translate3d(0, 0, 0);
    transform: translate3d(0, 0, 0);
  }
}

@keyframes bounceInLeft {
  from,
  60%,
  75%,
  90%,
  to {
    -webkit-animation-timing-function: cubic-bezier(0.215, 0.61, 0.355, 1);
    animation-timing-function: cubic-bezier(0.215, 0.61, 0.355, 1);
  }

  0% {
    opacity: 0;
    -webkit-transform: translate3d(-3000px, 0, 0);
    transform: translate3d(-3000px, 0, 0);
  }

  60% {
    opacity: 1;
    -webkit-transform: translate3d(25px, 0, 0);
    transform: translate3d(25px, 0, 0);
  }

  75% {
    -webkit-transform: translate3d(-10px, 0, 0);
    transform: translate3d(-10px, 0, 0);
  }

  90% {
    -webkit-transform: translate3d(5px, 0, 0);
    transform: translate3d(5px, 0, 0);
  }

  to {
    -webkit-transform: translate3d(0, 0, 0);
    transform: translate3d(0, 0, 0);
  }
}

.bounceInLeft {
  -webkit-animation-name: bounceInLeft;
  animation-name: bounceInLeft;
}

@-webkit-keyframes bounceInRight {
  from,
  60%,
  75%,
  90%,
  to {
    -webkit-animation-timing-function: cubic-bezier(0.215, 0.61, 0.355, 1);
    animation-timing-function: cubic-bezier(0.215, 0.61, 0.355, 1);
  }

  from {
    opacity: 0;
    -webkit-transform: translate3d(3000px, 0, 0);
    transform: translate3d(3000px, 0, 0);
  }

  60% {
    opacity: 1;
    -webkit-transform: translate3d(-25px, 0, 0);
    transform: translate3d(-25px, 0, 0);
  }

  75% {
    -webkit-transform: translate3d(10px, 0, 0);
    transform: translate3d(10px, 0, 0);
  }

  90% {
    -webkit-transform: translate3d(-5px, 0, 0);
    transform: translate3d(-5px, 0, 0);
  }

  to {
    -webkit-transform: translate3d(0, 0, 0);
    transform: translate3d(0, 0, 0);
  }
}

@keyframes bounceInRight {
  from,
  60%,
  75%,
  90%,
  to {
    -webkit-animation-timing-function: cubic-bezier(0.215, 0.61, 0.355, 1);
    animation-timing-function: cubic-bezier(0.215, 0.61, 0.355, 1);
  }

  from {
    opacity: 0;
    -webkit-transform: translate3d(3000px, 0, 0);
    transform: translate3d(3000px, 0, 0);
  }

  60% {
    opacity: 1;
    -webkit-transform: translate3d(-25px, 0, 0);
    transform: translate3d(-25px, 0, 0);
  }

  75% {
    -webkit-transform: translate3d(10px, 0, 0);
    transform: translate3d(10px, 0, 0);
  }

  90% {
    -webkit-transform: translate3d(-5px, 0, 0);
    transform: translate3d(-5px, 0, 0);
  }

  to {
    -webkit-transform: translate3d(0, 0, 0);
    transform: translate3d(0, 0, 0);
  }
}

.bounceInRight {
  -webkit-animation-name: bounceInRight;
  animation-name: bounceInRight;
}

@-webkit-keyframes bounceInUp {
  from,
  60%,
  75%,
  90%,
  to {
    -webkit-animation-timing-function: cubic-bezier(0.215, 0.61, 0.355, 1);
    animation-timing-function: cubic-bezier(0.215, 0.61, 0.355, 1);
  }

  from {
    opacity: 0;
    -webkit-transform: translate3d(0, 3000px, 0);
    transform: translate3d(0, 3000px, 0);
  }

  60% {
    opacity: 1;
    -webkit-transform: translate3d(0, -20px, 0);
    transform: translate3d(0, -20px, 0);
  }

  75% {
    -webkit-transform: translate3d(0, 10px, 0);
    transform: translate3d(0, 10px, 0);
  }

  90% {
    -webkit-transform: translate3d(0, -5px, 0);
    transform: translate3d(0, -5px, 0);
  }

  to {
    -webkit-transform: translate3d(0, 0, 0);
    transform: translate3d(0, 0, 0);
  }
}

@keyframes bounceInUp {
  from,
  60%,
  75%,
  90%,
  to {
    -webkit-animation-timing-function: cubic-bezier(0.215, 0.61, 0.355, 1);
    animation-timing-function: cubic-bezier(0.215, 0.61, 0.355, 1);
  }

  from {
    opacity: 0;
    -webkit-transform: translate3d(0, 3000px, 0);
    transform: translate3d(0, 3000px, 0);
  }

  60% {
    opacity: 1;
    -webkit-transform: translate3d(0, -20px, 0);
    transform: translate3d(0, -20px, 0);
  }

  75% {
    -webkit-transform: translate3d(0, 10px, 0);
    transform: translate3d(0, 10px, 0);
  }

  90% {
    -webkit-transform: translate3d(0, -5px, 0);
    transform: translate3d(0, -5px, 0);
  }

  to {
    -webkit-transform: translate3d(0, 0, 0);
    transform: translate3d(0, 0, 0);
  }
}

.bounceInUp {
  -webkit-animation-name: bounceInUp;
  animation-name: bounceInUp;
}

@-webkit-keyframes bounceOut {
  20% {
    -webkit-transform: scale3d(0.9, 0.9, 0.9);
    transform: scale3d(0.9, 0.9, 0.9);
  }

  50%,
  55% {
    opacity: 1;
    -webkit-transform: scale3d(1.1, 1.1, 1.1);
    transform: scale3d(1.1, 1.1, 1.1);
  }

  to {
    opacity: 0;
    -webkit-transform: scale3d(0.3, 0.3, 0.3);
    transform: scale3d(0.3, 0.3, 0.3);
  }
}

@keyframes bounceOut {
  20% {
    -webkit-transform: scale3d(0.9, 0.9, 0.9);
    transform: scale3d(0.9, 0.9, 0.9);
  }

  50%,
  55% {
    opacity: 1;
    -webkit-transform: scale3d(1.1, 1.1, 1.1);
    transform: scale3d(1.1, 1.1, 1.1);
  }

  to {
    opacity: 0;
    -webkit-transform: scale3d(0.3, 0.3, 0.3);
    transform: scale3d(0.3, 0.3, 0.3);
  }
}

.bounceOut {
  -webkit-animation-duration: 0.75s;
  animation-duration: 0.75s;
  -webkit-animation-name: bounceOut;
  animation-name: bounceOut;
}

@-webkit-keyframes bounceOutDown {
  20% {
    -webkit-transform: translate3d(0, 10px, 0);
    transform: translate3d(0, 10px, 0);
  }

  40%,
  45% {
    opacity: 1;
    -webkit-transform: translate3d(0, -20px, 0);
    transform: translate3d(0, -20px, 0);
  }

  to {
    opacity: 0;
    -webkit-transform: translate3d(0, 2000px, 0);
    transform: translate3d(0, 2000px, 0);
  }
}

@keyframes bounceOutDown {
  20% {
    -webkit-transform: translate3d(0, 10px, 0);
    transform: translate3d(0, 10px, 0);
  }

  40%,
  45% {
    opacity: 1;
    -webkit-transform: translate3d(0, -20px, 0);
    transform: translate3d(0, -20px, 0);
  }

  to {
    opacity: 0;
    -webkit-transform: translate3d(0, 2000px, 0);
    transform: translate3d(0, 2000px, 0);
  }
}

.bounceOutDown {
  -webkit-animation-name: bounceOutDown;
  animation-name: bounceOutDown;
}

@-webkit-keyframes bounceOutLeft {
  20% {
    opacity: 1;
    -webkit-transform: translate3d(20px, 0, 0);
    transform: translate3d(20px, 0, 0);
  }

  to {
    opacity: 0;
    -webkit-transform: translate3d(-2000px, 0, 0);
    transform: translate3d(-2000px, 0, 0);
  }
}

@keyframes bounceOutLeft {
  20% {
    opacity: 1;
    -webkit-transform: translate3d(20px, 0, 0);
    transform: translate3d(20px, 0, 0);
  }

  to {
    opacity: 0;
    -webkit-transform: translate3d(-2000px, 0, 0);
    transform: translate3d(-2000px, 0, 0);
  }
}

.bounceOutLeft {
  -webkit-animation-name: bounceOutLeft;
  animation-name: bounceOutLeft;
}

@-webkit-keyframes bounceOutRight {
  20% {
    opacity: 1;
    -webkit-transform: translate3d(-20px, 0, 0);
    transform: translate3d(-20px, 0, 0);
  }

  to {
    opacity: 0;
    -webkit-transform: translate3d(2000px, 0, 0);
    transform: translate3d(2000px, 0, 0);
  }
}

@keyframes bounceOutRight {
  20% {
    opacity: 1;
    -webkit-transform: translate3d(-20px, 0, 0);
    transform: translate3d(-20px, 0, 0);
  }

  to {
    opacity: 0;
    -webkit-transform: translate3d(2000px, 0, 0);
    transform: translate3d(2000px, 0, 0);
  }
}

.bounceOutRight {
  -webkit-animation-name: bounceOutRight;
  animation-name: bounceOutRight;
}

@-webkit-keyframes bounceOutUp {
  20% {
    -webkit-transform: translate3d(0, -10px, 0);
    transform: translate3d(0, -10px, 0);
  }

  40%,
  45% {
    opacity: 1;
    -webkit-transform: translate3d(0, 20px, 0);
    transform: translate3d(0, 20px, 0);
  }

  to {
    opacity: 0;
    -webkit-transform: translate3d(0, -2000px, 0);
    transform: translate3d(0, -2000px, 0);
  }
}

@keyframes bounceOutUp {
  20% {
    -webkit-transform: translate3d(0, -10px, 0);
    transform: translate3d(0, -10px, 0);
  }

  40%,
  45% {
    opacity: 1;
    -webkit-transform: translate3d(0, 20px, 0);
    transform: translate3d(0, 20px, 0);
  }

  to {
    opacity: 0;
    -webkit-transform: translate3d(0, -2000px, 0);
    transform: translate3d(0, -2000px, 0);
  }
}

.bounceOutUp {
  -webkit-animation-name: bounceOutUp;
  animation-name: bounceOutUp;
}

@-webkit-keyframes fadeIn {
  from {
    opacity: 0;
  }

  to {
    opacity: 1;
  }
}

@keyframes fadeIn {
  from {
    opacity: 0;
  }

  to {
    opacity: 1;
  }
}

.fadeIn {
  -webkit-animation-name: fadeIn;
  animation-name: fadeIn;
}

@-webkit-keyframes fadeInDown {
  from {
    opacity: 0;
    -webkit-transform: translate3d(0, -100%, 0);
    transform: translate3d(0, -100%, 0);
  }

  to {
    opacity: 1;
    -webkit-transform: translate3d(0, 0, 0);
    transform: translate3d(0, 0, 0);
  }
}

@keyframes fadeInDown {
  from {
    opacity: 0;
    -webkit-transform: translate3d(0, -100%, 0);
    transform: translate3d(0, -100%, 0);
  }

  to {
    opacity: 1;
    -webkit-transform: translate3d(0, 0, 0);
    transform: translate3d(0, 0, 0);
  }
}

.fadeInDown {
  -webkit-animation-name: fadeInDown;
  animation-name: fadeInDown;
}

@-webkit-keyframes fadeInDownBig {
  from {
    opacity: 0;
    -webkit-transform: translate3d(0, -2000px, 0);
    transform: translate3d(0, -2000px, 0);
  }

  to {
    opacity: 1;
    -webkit-transform: translate3d(0, 0, 0);
    transform: translate3d(0, 0, 0);
  }
}

@keyframes fadeInDownBig {
  from {
    opacity: 0;
    -webkit-transform: translate3d(0, -2000px, 0);
    transform: translate3d(0, -2000px, 0);
  }

  to {
    opacity: 1;
    -webkit-transform: translate3d(0, 0, 0);
    transform: translate3d(0, 0, 0);
  }
}

.fadeInDownBig {
  -webkit-animation-name: fadeInDownBig;
  animation-name: fadeInDownBig;
}

@-webkit-keyframes fadeInLeft {
  from {
    opacity: 0;
    -webkit-transform: translate3d(-100%, 0, 0);
    transform: translate3d(-100%, 0, 0);
  }

  to {
    opacity: 1;
    -webkit-transform: translate3d(0, 0, 0);
    transform: translate3d(0, 0, 0);
  }
}

@keyframes fadeInLeft {
  from {
    opacity: 0;
    -webkit-transform: translate3d(-100%, 0, 0);
    transform: translate3d(-100%, 0, 0);
  }

  to {
    opacity: 1;
    -webkit-transform: translate3d(0, 0, 0);
    transform: translate3d(0, 0, 0);
  }
}

.fadeInLeft {
  -webkit-animation-name: fadeInLeft;
  animation-name: fadeInLeft;
}

@-webkit-keyframes fadeInLeftBig {
  from {
    opacity: 0;
    -webkit-transform: translate3d(-2000px, 0, 0);
    transform: translate3d(-2000px, 0, 0);
  }

  to {
    opacity: 1;
    -webkit-transform: translate3d(0, 0, 0);
    transform: translate3d(0, 0, 0);
  }
}

@keyframes fadeInLeftBig {
  from {
    opacity: 0;
    -webkit-transform: translate3d(-2000px, 0, 0);
    transform: translate3d(-2000px, 0, 0);
  }

  to {
    opacity: 1;
    -webkit-transform: translate3d(0, 0, 0);
    transform: translate3d(0, 0, 0);
  }
}

.fadeInLeftBig {
  -webkit-animation-name: fadeInLeftBig;
  animation-name: fadeInLeftBig;
}

@-webkit-keyframes fadeInRight {
  from {
    opacity: 0;
    -webkit-transform: translate3d(100%, 0, 0);
    transform: translate3d(100%, 0, 0);
  }

  to {
    opacity: 1;
    -webkit-transform: translate3d(0, 0, 0);
    transform: translate3d(0, 0, 0);
  }
}

@keyframes fadeInRight {
  from {
    opacity: 0;
    -webkit-transform: translate3d(100%, 0, 0);
    transform: translate3d(100%, 0, 0);
  }

  to {
    opacity: 1;
    -webkit-transform: translate3d(0, 0, 0);
    transform: translate3d(0, 0, 0);
  }
}

.fadeInRight {
  -webkit-animation-name: fadeInRight;
  animation-name: fadeInRight;
}

@-webkit-keyframes fadeInRightBig {
  from {
    opacity: 0;
    -webkit-transform: translate3d(2000px, 0, 0);
    transform: translate3d(2000px, 0, 0);
  }

  to {
    opacity: 1;
    -webkit-transform: translate3d(0, 0, 0);
    transform: translate3d(0, 0, 0);
  }
}

@keyframes fadeInRightBig {
  from {
    opacity: 0;
    -webkit-transform: translate3d(2000px, 0, 0);
    transform: translate3d(2000px, 0, 0);
  }

  to {
    opacity: 1;
    -webkit-transform: translate3d(0, 0, 0);
    transform: translate3d(0, 0, 0);
  }
}

.fadeInRightBig {
  -webkit-animation-name: fadeInRightBig;
  animation-name: fadeInRightBig;
}

@-webkit-keyframes fadeInUp {
  from {
    opacity: 0;
    -webkit-transform: translate3d(0, 100%, 0);
    transform: translate3d(0, 100%, 0);
  }

  to {
    opacity: 1;
    -webkit-transform: translate3d(0, 0, 0);
    transform: translate3d(0, 0, 0);
  }
}

@keyframes fadeInUp {
  from {
    opacity: 0;
    -webkit-transform: translate3d(0, 100%, 0);
    transform: translate3d(0, 100%, 0);
  }

  to {
    opacity: 1;
    -webkit-transform: translate3d(0, 0, 0);
    transform: translate3d(0, 0, 0);
  }
}

.fadeInUp {
  -webkit-animation-name: fadeInUp;
  animation-name: fadeInUp;
}

@-webkit-keyframes fadeInUpBig {
  from {
    opacity: 0;
    -webkit-transform: translate3d(0, 2000px, 0);
    transform: translate3d(0, 2000px, 0);
  }

  to {
    opacity: 1;
    -webkit-transform: translate3d(0, 0, 0);
    transform: translate3d(0, 0, 0);
  }
}

@keyframes fadeInUpBig {
  from {
    opacity: 0;
    -webkit-transform: translate3d(0, 2000px, 0);
    transform: translate3d(0, 2000px, 0);
  }

  to {
    opacity: 1;
    -webkit-transform: translate3d(0, 0, 0);
    transform: translate3d(0, 0, 0);
  }
}

.fadeInUpBig {
  -webkit-animation-name: fadeInUpBig;
  animation-name: fadeInUpBig;
}

@-webkit-keyframes fadeOut {
  from {
    opacity: 1;
  }

  to {
    opacity: 0;
  }
}

@keyframes fadeOut {
  from {
    opacity: 1;
  }

  to {
    opacity: 0;
  }
}

.fadeOut {
  -webkit-animation-name: fadeOut;
  animation-name: fadeOut;
}

@-webkit-keyframes fadeOutDown {
  from {
    opacity: 1;
  }

  to {
    opacity: 0;
    -webkit-transform: translate3d(0, 100%, 0);
    transform: translate3d(0, 100%, 0);
  }
}

@keyframes fadeOutDown {
  from {
    opacity: 1;
  }

  to {
    opacity: 0;
    -webkit-transform: translate3d(0, 100%, 0);
    transform: translate3d(0, 100%, 0);
  }
}

.fadeOutDown {
  -webkit-animation-name: fadeOutDown;
  animation-name: fadeOutDown;
}

@-webkit-keyframes fadeOutDownBig {
  from {
    opacity: 1;
  }

  to {
    opacity: 0;
    -webkit-transform: translate3d(0, 2000px, 0);
    transform: translate3d(0, 2000px, 0);
  }
}

@keyframes fadeOutDownBig {
  from {
    opacity: 1;
  }

  to {
    opacity: 0;
    -webkit-transform: translate3d(0, 2000px, 0);
    transform: translate3d(0, 2000px, 0);
  }
}

.fadeOutDownBig {
  -webkit-animation-name: fadeOutDownBig;
  animation-name: fadeOutDownBig;
}

@-webkit-keyframes fadeOutLeft {
  from {
    opacity: 1;
  }

  to {
    opacity: 0;
    -webkit-transform: translate3d(-100%, 0, 0);
    transform: translate3d(-100%, 0, 0);
  }
}

@keyframes fadeOutLeft {
  from {
    opacity: 1;
  }

  to {
    opacity: 0;
    -webkit-transform: translate3d(-100%, 0, 0);
    transform: translate3d(-100%, 0, 0);
  }
}

.fadeOutLeft {
  -webkit-animation-name: fadeOutLeft;
  animation-name: fadeOutLeft;
}

@-webkit-keyframes fadeOutLeftBig {
  from {
    opacity: 1;
  }

  to {
    opacity: 0;
    -webkit-transform: translate3d(-2000px, 0, 0);
    transform: translate3d(-2000px, 0, 0);
  }
}

@keyframes fadeOutLeftBig {
  from {
    opacity: 1;
  }

  to {
    opacity: 0;
    -webkit-transform: translate3d(-2000px, 0, 0);
    transform: translate3d(-2000px, 0, 0);
  }
}

.fadeOutLeftBig {
  -webkit-animation-name: fadeOutLeftBig;
  animation-name: fadeOutLeftBig;
}

@-webkit-keyframes fadeOutRight {
  from {
    opacity: 1;
  }

  to {
    opacity: 0;
    -webkit-transform: translate3d(100%, 0, 0);
    transform: translate3d(100%, 0, 0);
  }
}

@keyframes fadeOutRight {
  from {
    opacity: 1;
  }

  to {
    opacity: 0;
    -webkit-transform: translate3d(100%, 0, 0);
    transform: translate3d(100%, 0, 0);
  }
}

.fadeOutRight {
  -webkit-animation-name: fadeOutRight;
  animation-name: fadeOutRight;
}

@-webkit-keyframes fadeOutRightBig {
  from {
    opacity: 1;
  }

  to {
    opacity: 0;
    -webkit-transform: translate3d(2000px, 0, 0);
    transform: translate3d(2000px, 0, 0);
  }
}

@keyframes fadeOutRightBig {
  from {
    opacity: 1;
  }

  to {
    opacity: 0;
    -webkit-transform: translate3d(2000px, 0, 0);
    transform: translate3d(2000px, 0, 0);
  }
}

.fadeOutRightBig {
  -webkit-animation-name: fadeOutRightBig;
  animation-name: fadeOutRightBig;
}

@-webkit-keyframes fadeOutUp {
  from {
    opacity: 1;
  }

  to {
    opacity: 0;
    -webkit-transform: translate3d(0, -100%, 0);
    transform: translate3d(0, -100%, 0);
  }
}

@keyframes fadeOutUp {
  from {
    opacity: 1;
  }

  to {
    opacity: 0;
    -webkit-transform: translate3d(0, -100%, 0);
    transform: translate3d(0, -100%, 0);
  }
}

.fadeOutUp {
  -webkit-animation-name: fadeOutUp;
  animation-name: fadeOutUp;
}

@-webkit-keyframes fadeOutUpBig {
  from {
    opacity: 1;
  }

  to {
    opacity: 0;
    -webkit-transform: translate3d(0, -2000px, 0);
    transform: translate3d(0, -2000px, 0);
  }
}

@keyframes fadeOutUpBig {
  from {
    opacity: 1;
  }

  to {
    opacity: 0;
    -webkit-transform: translate3d(0, -2000px, 0);
    transform: translate3d(0, -2000px, 0);
  }
}

.fadeOutUpBig {
  -webkit-animation-name: fadeOutUpBig;
  animation-name: fadeOutUpBig;
}

@-webkit-keyframes flip {
  from {
    -webkit-transform: perspective(400px) scale3d(1, 1, 1) translate3d(0, 0, 0)
      rotate3d(0, 1, 0, -360deg);
    transform: perspective(400px) scale3d(1, 1, 1) translate3d(0, 0, 0) rotate3d(0, 1, 0, -360deg);
    -webkit-animation-timing-function: ease-out;
    animation-timing-function: ease-out;
  }

  40% {
    -webkit-transform: perspective(400px) scale3d(1, 1, 1) translate3d(0, 0, 150px)
      rotate3d(0, 1, 0, -190deg);
    transform: perspective(400px) scale3d(1, 1, 1) translate3d(0, 0, 150px)
      rotate3d(0, 1, 0, -190deg);
    -webkit-animation-timing-function: ease-out;
    animation-timing-function: ease-out;
  }

  50% {
    -webkit-transform: perspective(400px) scale3d(1, 1, 1) translate3d(0, 0, 150px)
      rotate3d(0, 1, 0, -170deg);
    transform: perspective(400px) scale3d(1, 1, 1) translate3d(0, 0, 150px)
      rotate3d(0, 1, 0, -170deg);
    -webkit-animation-timing-function: ease-in;
    animation-timing-function: ease-in;
  }

  80% {
    -webkit-transform: perspective(400px) scale3d(0.95, 0.95, 0.95) translate3d(0, 0, 0)
      rotate3d(0, 1, 0, 0deg);
    transform: perspective(400px) scale3d(0.95, 0.95, 0.95) translate3d(0, 0, 0)
      rotate3d(0, 1, 0, 0deg);
    -webkit-animation-timing-function: ease-in;
    animation-timing-function: ease-in;
  }

  to {
    -webkit-transform: perspective(400px) scale3d(1, 1, 1) translate3d(0, 0, 0)
      rotate3d(0, 1, 0, 0deg);
    transform: perspective(400px) scale3d(1, 1, 1) translate3d(0, 0, 0) rotate3d(0, 1, 0, 0deg);
    -webkit-animation-timing-function: ease-in;
    animation-timing-function: ease-in;
  }
}

@keyframes flip {
  from {
    -webkit-transform: perspective(400px) scale3d(1, 1, 1) translate3d(0, 0, 0)
      rotate3d(0, 1, 0, -360deg);
    transform: perspective(400px) scale3d(1, 1, 1) translate3d(0, 0, 0) rotate3d(0, 1, 0, -360deg);
    -webkit-animation-timing-function: ease-out;
    animation-timing-function: ease-out;
  }

  40% {
    -webkit-transform: perspective(400px) scale3d(1, 1, 1) translate3d(0, 0, 150px)
      rotate3d(0, 1, 0, -190deg);
    transform: perspective(400px) scale3d(1, 1, 1) translate3d(0, 0, 150px)
      rotate3d(0, 1, 0, -190deg);
    -webkit-animation-timing-function: ease-out;
    animation-timing-function: ease-out;
  }

  50% {
    -webkit-transform: perspective(400px) scale3d(1, 1, 1) translate3d(0, 0, 150px)
      rotate3d(0, 1, 0, -170deg);
    transform: perspective(400px) scale3d(1, 1, 1) translate3d(0, 0, 150px)
      rotate3d(0, 1, 0, -170deg);
    -webkit-animation-timing-function: ease-in;
    animation-timing-function: ease-in;
  }

  80% {
    -webkit-transform: perspective(400px) scale3d(0.95, 0.95, 0.95) translate3d(0, 0, 0)
      rotate3d(0, 1, 0, 0deg);
    transform: perspective(400px) scale3d(0.95, 0.95, 0.95) translate3d(0, 0, 0)
      rotate3d(0, 1, 0, 0deg);
    -webkit-animation-timing-function: ease-in;
    animation-timing-function: ease-in;
  }

  to {
    -webkit-transform: perspective(400px) scale3d(1, 1, 1) translate3d(0, 0, 0)
      rotate3d(0, 1, 0, 0deg);
    transform: perspective(400px) scale3d(1, 1, 1) translate3d(0, 0, 0) rotate3d(0, 1, 0, 0deg);
    -webkit-animation-timing-function: ease-in;
    animation-timing-function: ease-in;
  }
}

.animated.flip {
  -webkit-backface-visibility: visible;
  backface-visibility: visible;
  -webkit-animation-name: flip;
  animation-name: flip;
}

@-webkit-keyframes flipInX {
  from {
    -webkit-transform: perspective(400px) rotate3d(1, 0, 0, 90deg);
    transform: perspective(400px) rotate3d(1, 0, 0, 90deg);
    -webkit-animation-timing-function: ease-in;
    animation-timing-function: ease-in;
    opacity: 0;
  }

  40% {
    -webkit-transform: perspective(400px) rotate3d(1, 0, 0, -20deg);
    transform: perspective(400px) rotate3d(1, 0, 0, -20deg);
    -webkit-animation-timing-function: ease-in;
    animation-timing-function: ease-in;
  }

  60% {
    -webkit-transform: perspective(400px) rotate3d(1, 0, 0, 10deg);
    transform: perspective(400px) rotate3d(1, 0, 0, 10deg);
    opacity: 1;
  }

  80% {
    -webkit-transform: perspective(400px) rotate3d(1, 0, 0, -5deg);
    transform: perspective(400px) rotate3d(1, 0, 0, -5deg);
  }

  to {
    -webkit-transform: perspective(400px);
    transform: perspective(400px);
  }
}

@keyframes flipInX {
  from {
    -webkit-transform: perspective(400px) rotate3d(1, 0, 0, 90deg);
    transform: perspective(400px) rotate3d(1, 0, 0, 90deg);
    -webkit-animation-timing-function: ease-in;
    animation-timing-function: ease-in;
    opacity: 0;
  }

  40% {
    -webkit-transform: perspective(400px) rotate3d(1, 0, 0, -20deg);
    transform: perspective(400px) rotate3d(1, 0, 0, -20deg);
    -webkit-animation-timing-function: ease-in;
    animation-timing-function: ease-in;
  }

  60% {
    -webkit-transform: perspective(400px) rotate3d(1, 0, 0, 10deg);
    transform: perspective(400px) rotate3d(1, 0, 0, 10deg);
    opacity: 1;
  }

  80% {
    -webkit-transform: perspective(400px) rotate3d(1, 0, 0, -5deg);
    transform: perspective(400px) rotate3d(1, 0, 0, -5deg);
  }

  to {
    -webkit-transform: perspective(400px);
    transform: perspective(400px);
  }
}

.flipInX {
  -webkit-backface-visibility: visible !important;
  backface-visibility: visible !important;
  -webkit-animation-name: flipInX;
  animation-name: flipInX;
}

@-webkit-keyframes flipInY {
  from {
    -webkit-transform: perspective(400px) rotate3d(0, 1, 0, 90deg);
    transform: perspective(400px) rotate3d(0, 1, 0, 90deg);
    -webkit-animation-timing-function: ease-in;
    animation-timing-function: ease-in;
    opacity: 0;
  }

  40% {
    -webkit-transform: perspective(400px) rotate3d(0, 1, 0, -20deg);
    transform: perspective(400px) rotate3d(0, 1, 0, -20deg);
    -webkit-animation-timing-function: ease-in;
    animation-timing-function: ease-in;
  }

  60% {
    -webkit-transform: perspective(400px) rotate3d(0, 1, 0, 10deg);
    transform: perspective(400px) rotate3d(0, 1, 0, 10deg);
    opacity: 1;
  }

  80% {
    -webkit-transform: perspective(400px) rotate3d(0, 1, 0, -5deg);
    transform: perspective(400px) rotate3d(0, 1, 0, -5deg);
  }

  to {
    -webkit-transform: perspective(400px);
    transform: perspective(400px);
  }
}

@keyframes flipInY {
  from {
    -webkit-transform: perspective(400px) rotate3d(0, 1, 0, 90deg);
    transform: perspective(400px) rotate3d(0, 1, 0, 90deg);
    -webkit-animation-timing-function: ease-in;
    animation-timing-function: ease-in;
    opacity: 0;
  }

  40% {
    -webkit-transform: perspective(400px) rotate3d(0, 1, 0, -20deg);
    transform: perspective(400px) rotate3d(0, 1, 0, -20deg);
    -webkit-animation-timing-function: ease-in;
    animation-timing-function: ease-in;
  }

  60% {
    -webkit-transform: perspective(400px) rotate3d(0, 1, 0, 10deg);
    transform: perspective(400px) rotate3d(0, 1, 0, 10deg);
    opacity: 1;
  }

  80% {
    -webkit-transform: perspective(400px) rotate3d(0, 1, 0, -5deg);
    transform: perspective(400px) rotate3d(0, 1, 0, -5deg);
  }

  to {
    -webkit-transform: perspective(400px);
    transform: perspective(400px);
  }
}

.flipInY {
  -webkit-backface-visibility: visible !important;
  backface-visibility: visible !important;
  -webkit-animation-name: flipInY;
  animation-name: flipInY;
}

@-webkit-keyframes flipOutX {
  from {
    -webkit-transform: perspective(400px);
    transform: perspective(400px);
  }

  30% {
    -webkit-transform: perspective(400px) rotate3d(1, 0, 0, -20deg);
    transform: perspective(400px) rotate3d(1, 0, 0, -20deg);
    opacity: 1;
  }

  to {
    -webkit-transform: perspective(400px) rotate3d(1, 0, 0, 90deg);
    transform: perspective(400px) rotate3d(1, 0, 0, 90deg);
    opacity: 0;
  }
}

@keyframes flipOutX {
  from {
    -webkit-transform: perspective(400px);
    transform: perspective(400px);
  }

  30% {
    -webkit-transform: perspective(400px) rotate3d(1, 0, 0, -20deg);
    transform: perspective(400px) rotate3d(1, 0, 0, -20deg);
    opacity: 1;
  }

  to {
    -webkit-transform: perspective(400px) rotate3d(1, 0, 0, 90deg);
    transform: perspective(400px) rotate3d(1, 0, 0, 90deg);
    opacity: 0;
  }
}

.flipOutX {
  -webkit-animation-duration: 0.75s;
  animation-duration: 0.75s;
  -webkit-animation-name: flipOutX;
  animation-name: flipOutX;
  -webkit-backface-visibility: visible !important;
  backface-visibility: visible !important;
}

@-webkit-keyframes flipOutY {
  from {
    -webkit-transform: perspective(400px);
    transform: perspective(400px);
  }

  30% {
    -webkit-transform: perspective(400px) rotate3d(0, 1, 0, -15deg);
    transform: perspective(400px) rotate3d(0, 1, 0, -15deg);
    opacity: 1;
  }

  to {
    -webkit-transform: perspective(400px) rotate3d(0, 1, 0, 90deg);
    transform: perspective(400px) rotate3d(0, 1, 0, 90deg);
    opacity: 0;
  }
}

@keyframes flipOutY {
  from {
    -webkit-transform: perspective(400px);
    transform: perspective(400px);
  }

  30% {
    -webkit-transform: perspective(400px) rotate3d(0, 1, 0, -15deg);
    transform: perspective(400px) rotate3d(0, 1, 0, -15deg);
    opacity: 1;
  }

  to {
    -webkit-transform: perspective(400px) rotate3d(0, 1, 0, 90deg);
    transform: perspective(400px) rotate3d(0, 1, 0, 90deg);
    opacity: 0;
  }
}

.flipOutY {
  -webkit-animation-duration: 0.75s;
  animation-duration: 0.75s;
  -webkit-backface-visibility: visible !important;
  backface-visibility: visible !important;
  -webkit-animation-name: flipOutY;
  animation-name: flipOutY;
}

@-webkit-keyframes lightSpeedIn {
  from {
    -webkit-transform: translate3d(100%, 0, 0) skewX(-30deg);
    transform: translate3d(100%, 0, 0) skewX(-30deg);
    opacity: 0;
  }

  60% {
    -webkit-transform: skewX(20deg);
    transform: skewX(20deg);
    opacity: 1;
  }

  80% {
    -webkit-transform: skewX(-5deg);
    transform: skewX(-5deg);
  }

  to {
    -webkit-transform: translate3d(0, 0, 0);
    transform: translate3d(0, 0, 0);
  }
}

@keyframes lightSpeedIn {
  from {
    -webkit-transform: translate3d(100%, 0, 0) skewX(-30deg);
    transform: translate3d(100%, 0, 0) skewX(-30deg);
    opacity: 0;
  }

  60% {
    -webkit-transform: skewX(20deg);
    transform: skewX(20deg);
    opacity: 1;
  }

  80% {
    -webkit-transform: skewX(-5deg);
    transform: skewX(-5deg);
  }

  to {
    -webkit-transform: translate3d(0, 0, 0);
    transform: translate3d(0, 0, 0);
  }
}

.lightSpeedIn {
  -webkit-animation-name: lightSpeedIn;
  animation-name: lightSpeedIn;
  -webkit-animation-timing-function: ease-out;
  animation-timing-function: ease-out;
}

@-webkit-keyframes lightSpeedOut {
  from {
    opacity: 1;
  }

  to {
    -webkit-transform: translate3d(100%, 0, 0) skewX(30deg);
    transform: translate3d(100%, 0, 0) skewX(30deg);
    opacity: 0;
  }
}

@keyframes lightSpeedOut {
  from {
    opacity: 1;
  }

  to {
    -webkit-transform: translate3d(100%, 0, 0) skewX(30deg);
    transform: translate3d(100%, 0, 0) skewX(30deg);
    opacity: 0;
  }
}

.lightSpeedOut {
  -webkit-animation-name: lightSpeedOut;
  animation-name: lightSpeedOut;
  -webkit-animation-timing-function: ease-in;
  animation-timing-function: ease-in;
}

@-webkit-keyframes rotateIn {
  from {
    -webkit-transform-origin: center;
    transform-origin: center;
    -webkit-transform: rotate3d(0, 0, 1, -200deg);
    transform: rotate3d(0, 0, 1, -200deg);
    opacity: 0;
  }

  to {
    -webkit-transform-origin: center;
    transform-origin: center;
    -webkit-transform: translate3d(0, 0, 0);
    transform: translate3d(0, 0, 0);
    opacity: 1;
  }
}

@keyframes rotateIn {
  from {
    -webkit-transform-origin: center;
    transform-origin: center;
    -webkit-transform: rotate3d(0, 0, 1, -200deg);
    transform: rotate3d(0, 0, 1, -200deg);
    opacity: 0;
  }

  to {
    -webkit-transform-origin: center;
    transform-origin: center;
    -webkit-transform: translate3d(0, 0, 0);
    transform: translate3d(0, 0, 0);
    opacity: 1;
  }
}

.rotateIn {
  -webkit-animation-name: rotateIn;
  animation-name: rotateIn;
}

@-webkit-keyframes rotateInDownLeft {
  from {
    -webkit-transform-origin: left bottom;
    transform-origin: left bottom;
    -webkit-transform: rotate3d(0, 0, 1, -45deg);
    transform: rotate3d(0, 0, 1, -45deg);
    opacity: 0;
  }

  to {
    -webkit-transform-origin: left bottom;
    transform-origin: left bottom;
    -webkit-transform: translate3d(0, 0, 0);
    transform: translate3d(0, 0, 0);
    opacity: 1;
  }
}

@keyframes rotateInDownLeft {
  from {
    -webkit-transform-origin: left bottom;
    transform-origin: left bottom;
    -webkit-transform: rotate3d(0, 0, 1, -45deg);
    transform: rotate3d(0, 0, 1, -45deg);
    opacity: 0;
  }

  to {
    -webkit-transform-origin: left bottom;
    transform-origin: left bottom;
    -webkit-transform: translate3d(0, 0, 0);
    transform: translate3d(0, 0, 0);
    opacity: 1;
  }
}

.rotateInDownLeft {
  -webkit-animation-name: rotateInDownLeft;
  animation-name: rotateInDownLeft;
}

@-webkit-keyframes rotateInDownRight {
  from {
    -webkit-transform-origin: right bottom;
    transform-origin: right bottom;
    -webkit-transform: rotate3d(0, 0, 1, 45deg);
    transform: rotate3d(0, 0, 1, 45deg);
    opacity: 0;
  }

  to {
    -webkit-transform-origin: right bottom;
    transform-origin: right bottom;
    -webkit-transform: translate3d(0, 0, 0);
    transform: translate3d(0, 0, 0);
    opacity: 1;
  }
}

@keyframes rotateInDownRight {
  from {
    -webkit-transform-origin: right bottom;
    transform-origin: right bottom;
    -webkit-transform: rotate3d(0, 0, 1, 45deg);
    transform: rotate3d(0, 0, 1, 45deg);
    opacity: 0;
  }

  to {
    -webkit-transform-origin: right bottom;
    transform-origin: right bottom;
    -webkit-transform: translate3d(0, 0, 0);
    transform: translate3d(0, 0, 0);
    opacity: 1;
  }
}

.rotateInDownRight {
  -webkit-animation-name: rotateInDownRight;
  animation-name: rotateInDownRight;
}

@-webkit-keyframes rotateInUpLeft {
  from {
    -webkit-transform-origin: left bottom;
    transform-origin: left bottom;
    -webkit-transform: rotate3d(0, 0, 1, 45deg);
    transform: rotate3d(0, 0, 1, 45deg);
    opacity: 0;
  }

  to {
    -webkit-transform-origin: left bottom;
    transform-origin: left bottom;
    -webkit-transform: translate3d(0, 0, 0);
    transform: translate3d(0, 0, 0);
    opacity: 1;
  }
}

@keyframes rotateInUpLeft {
  from {
    -webkit-transform-origin: left bottom;
    transform-origin: left bottom;
    -webkit-transform: rotate3d(0, 0, 1, 45deg);
    transform: rotate3d(0, 0, 1, 45deg);
    opacity: 0;
  }

  to {
    -webkit-transform-origin: left bottom;
    transform-origin: left bottom;
    -webkit-transform: translate3d(0, 0, 0);
    transform: translate3d(0, 0, 0);
    opacity: 1;
  }
}

.rotateInUpLeft {
  -webkit-animation-name: rotateInUpLeft;
  animation-name: rotateInUpLeft;
}

@-webkit-keyframes rotateInUpRight {
  from {
    -webkit-transform-origin: right bottom;
    transform-origin: right bottom;
    -webkit-transform: rotate3d(0, 0, 1, -90deg);
    transform: rotate3d(0, 0, 1, -90deg);
    opacity: 0;
  }

  to {
    -webkit-transform-origin: right bottom;
    transform-origin: right bottom;
    -webkit-transform: translate3d(0, 0, 0);
    transform: translate3d(0, 0, 0);
    opacity: 1;
  }
}

@keyframes rotateInUpRight {
  from {
    -webkit-transform-origin: right bottom;
    transform-origin: right bottom;
    -webkit-transform: rotate3d(0, 0, 1, -90deg);
    transform: rotate3d(0, 0, 1, -90deg);
    opacity: 0;
  }

  to {
    -webkit-transform-origin: right bottom;
    transform-origin: right bottom;
    -webkit-transform: translate3d(0, 0, 0);
    transform: translate3d(0, 0, 0);
    opacity: 1;
  }
}

.rotateInUpRight {
  -webkit-animation-name: rotateInUpRight;
  animation-name: rotateInUpRight;
}

@-webkit-keyframes rotateOut {
  from {
    -webkit-transform-origin: center;
    transform-origin: center;
    opacity: 1;
  }

  to {
    -webkit-transform-origin: center;
    transform-origin: center;
    -webkit-transform: rotate3d(0, 0, 1, 200deg);
    transform: rotate3d(0, 0, 1, 200deg);
    opacity: 0;
  }
}

@keyframes rotateOut {
  from {
    -webkit-transform-origin: center;
    transform-origin: center;
    opacity: 1;
  }

  to {
    -webkit-transform-origin: center;
    transform-origin: center;
    -webkit-transform: rotate3d(0, 0, 1, 200deg);
    transform: rotate3d(0, 0, 1, 200deg);
    opacity: 0;
  }
}

.rotateOut {
  -webkit-animation-name: rotateOut;
  animation-name: rotateOut;
}

@-webkit-keyframes rotateOutDownLeft {
  from {
    -webkit-transform-origin: left bottom;
    transform-origin: left bottom;
    opacity: 1;
  }

  to {
    -webkit-transform-origin: left bottom;
    transform-origin: left bottom;
    -webkit-transform: rotate3d(0, 0, 1, 45deg);
    transform: rotate3d(0, 0, 1, 45deg);
    opacity: 0;
  }
}

@keyframes rotateOutDownLeft {
  from {
    -webkit-transform-origin: left bottom;
    transform-origin: left bottom;
    opacity: 1;
  }

  to {
    -webkit-transform-origin: left bottom;
    transform-origin: left bottom;
    -webkit-transform: rotate3d(0, 0, 1, 45deg);
    transform: rotate3d(0, 0, 1, 45deg);
    opacity: 0;
  }
}

.rotateOutDownLeft {
  -webkit-animation-name: rotateOutDownLeft;
  animation-name: rotateOutDownLeft;
}

@-webkit-keyframes rotateOutDownRight {
  from {
    -webkit-transform-origin: right bottom;
    transform-origin: right bottom;
    opacity: 1;
  }

  to {
    -webkit-transform-origin: right bottom;
    transform-origin: right bottom;
    -webkit-transform: rotate3d(0, 0, 1, -45deg);
    transform: rotate3d(0, 0, 1, -45deg);
    opacity: 0;
  }
}

@keyframes rotateOutDownRight {
  from {
    -webkit-transform-origin: right bottom;
    transform-origin: right bottom;
    opacity: 1;
  }

  to {
    -webkit-transform-origin: right bottom;
    transform-origin: right bottom;
    -webkit-transform: rotate3d(0, 0, 1, -45deg);
    transform: rotate3d(0, 0, 1, -45deg);
    opacity: 0;
  }
}

.rotateOutDownRight {
  -webkit-animation-name: rotateOutDownRight;
  animation-name: rotateOutDownRight;
}

@-webkit-keyframes rotateOutUpLeft {
  from {
    -webkit-transform-origin: left bottom;
    transform-origin: left bottom;
    opacity: 1;
  }

  to {
    -webkit-transform-origin: left bottom;
    transform-origin: left bottom;
    -webkit-transform: rotate3d(0, 0, 1, -45deg);
    transform: rotate3d(0, 0, 1, -45deg);
    opacity: 0;
  }
}

@keyframes rotateOutUpLeft {
  from {
    -webkit-transform-origin: left bottom;
    transform-origin: left bottom;
    opacity: 1;
  }

  to {
    -webkit-transform-origin: left bottom;
    transform-origin: left bottom;
    -webkit-transform: rotate3d(0, 0, 1, -45deg);
    transform: rotate3d(0, 0, 1, -45deg);
    opacity: 0;
  }
}

.rotateOutUpLeft {
  -webkit-animation-name: rotateOutUpLeft;
  animation-name: rotateOutUpLeft;
}

@-webkit-keyframes rotateOutUpRight {
  from {
    -webkit-transform-origin: right bottom;
    transform-origin: right bottom;
    opacity: 1;
  }

  to {
    -webkit-transform-origin: right bottom;
    transform-origin: right bottom;
    -webkit-transform: rotate3d(0, 0, 1, 90deg);
    transform: rotate3d(0, 0, 1, 90deg);
    opacity: 0;
  }
}

@keyframes rotateOutUpRight {
  from {
    -webkit-transform-origin: right bottom;
    transform-origin: right bottom;
    opacity: 1;
  }

  to {
    -webkit-transform-origin: right bottom;
    transform-origin: right bottom;
    -webkit-transform: rotate3d(0, 0, 1, 90deg);
    transform: rotate3d(0, 0, 1, 90deg);
    opacity: 0;
  }
}

.rotateOutUpRight {
  -webkit-animation-name: rotateOutUpRight;
  animation-name: rotateOutUpRight;
}

@-webkit-keyframes hinge {
  0% {
    -webkit-transform-origin: top left;
    transform-origin: top left;
    -webkit-animation-timing-function: ease-in-out;
    animation-timing-function: ease-in-out;
  }

  20%,
  60% {
    -webkit-transform: rotate3d(0, 0, 1, 80deg);
    transform: rotate3d(0, 0, 1, 80deg);
    -webkit-transform-origin: top left;
    transform-origin: top left;
    -webkit-animation-timing-function: ease-in-out;
    animation-timing-function: ease-in-out;
  }

  40%,
  80% {
    -webkit-transform: rotate3d(0, 0, 1, 60deg);
    transform: rotate3d(0, 0, 1, 60deg);
    -webkit-transform-origin: top left;
    transform-origin: top left;
    -webkit-animation-timing-function: ease-in-out;
    animation-timing-function: ease-in-out;
    opacity: 1;
  }

  to {
    -webkit-transform: translate3d(0, 700px, 0);
    transform: translate3d(0, 700px, 0);
    opacity: 0;
  }
}

@keyframes hinge {
  0% {
    -webkit-transform-origin: top left;
    transform-origin: top left;
    -webkit-animation-timing-function: ease-in-out;
    animation-timing-function: ease-in-out;
  }

  20%,
  60% {
    -webkit-transform: rotate3d(0, 0, 1, 80deg);
    transform: rotate3d(0, 0, 1, 80deg);
    -webkit-transform-origin: top left;
    transform-origin: top left;
    -webkit-animation-timing-function: ease-in-out;
    animation-timing-function: ease-in-out;
  }

  40%,
  80% {
    -webkit-transform: rotate3d(0, 0, 1, 60deg);
    transform: rotate3d(0, 0, 1, 60deg);
    -webkit-transform-origin: top left;
    transform-origin: top left;
    -webkit-animation-timing-function: ease-in-out;
    animation-timing-function: ease-in-out;
    opacity: 1;
  }

  to {
    -webkit-transform: translate3d(0, 700px, 0);
    transform: translate3d(0, 700px, 0);
    opacity: 0;
  }
}

.hinge {
  -webkit-animation-duration: 2s;
  animation-duration: 2s;
  -webkit-animation-name: hinge;
  animation-name: hinge;
}

@-webkit-keyframes jackInTheBox {
  from {
    opacity: 0;
    -webkit-transform: scale(0.1) rotate(30deg);
    transform: scale(0.1) rotate(30deg);
    -webkit-transform-origin: center bottom;
    transform-origin: center bottom;
  }

  50% {
    -webkit-transform: rotate(-10deg);
    transform: rotate(-10deg);
  }

  70% {
    -webkit-transform: rotate(3deg);
    transform: rotate(3deg);
  }

  to {
    opacity: 1;
    -webkit-transform: scale(1);
    transform: scale(1);
  }
}

@keyframes jackInTheBox {
  from {
    opacity: 0;
    -webkit-transform: scale(0.1) rotate(30deg);
    transform: scale(0.1) rotate(30deg);
    -webkit-transform-origin: center bottom;
    transform-origin: center bottom;
  }

  50% {
    -webkit-transform: rotate(-10deg);
    transform: rotate(-10deg);
  }

  70% {
    -webkit-transform: rotate(3deg);
    transform: rotate(3deg);
  }

  to {
    opacity: 1;
    -webkit-transform: scale(1);
    transform: scale(1);
  }
}

.jackInTheBox {
  -webkit-animation-name: jackInTheBox;
  animation-name: jackInTheBox;
}

/* originally authored by Nick Pettit - https://github.com/nickpettit/glide */

@-webkit-keyframes rollIn {
  from {
    opacity: 0;
    -webkit-transform: translate3d(-100%, 0, 0) rotate3d(0, 0, 1, -120deg);
    transform: translate3d(-100%, 0, 0) rotate3d(0, 0, 1, -120deg);
  }

  to {
    opacity: 1;
    -webkit-transform: translate3d(0, 0, 0);
    transform: translate3d(0, 0, 0);
  }
}

@keyframes rollIn {
  from {
    opacity: 0;
    -webkit-transform: translate3d(-100%, 0, 0) rotate3d(0, 0, 1, -120deg);
    transform: translate3d(-100%, 0, 0) rotate3d(0, 0, 1, -120deg);
  }

  to {
    opacity: 1;
    -webkit-transform: translate3d(0, 0, 0);
    transform: translate3d(0, 0, 0);
  }
}

.rollIn {
  -webkit-animation-name: rollIn;
  animation-name: rollIn;
}

/* originally authored by Nick Pettit - https://github.com/nickpettit/glide */

@-webkit-keyframes rollOut {
  from {
    opacity: 1;
  }

  to {
    opacity: 0;
    -webkit-transform: translate3d(100%, 0, 0) rotate3d(0, 0, 1, 120deg);
    transform: translate3d(100%, 0, 0) rotate3d(0, 0, 1, 120deg);
  }
}

@keyframes rollOut {
  from {
    opacity: 1;
  }

  to {
    opacity: 0;
    -webkit-transform: translate3d(100%, 0, 0) rotate3d(0, 0, 1, 120deg);
    transform: translate3d(100%, 0, 0) rotate3d(0, 0, 1, 120deg);
  }
}

.rollOut {
  -webkit-animation-name: rollOut;
  animation-name: rollOut;
}

@-webkit-keyframes zoomIn {
  from {
    opacity: 0;
    -webkit-transform: scale3d(0.3, 0.3, 0.3);
    transform: scale3d(0.3, 0.3, 0.3);
  }

  50% {
    opacity: 1;
  }
}

@keyframes zoomIn {
  from {
    opacity: 0;
    -webkit-transform: scale3d(0.3, 0.3, 0.3);
    transform: scale3d(0.3, 0.3, 0.3);
  }

  50% {
    opacity: 1;
  }
}

.zoomIn {
  -webkit-animation-name: zoomIn;
  animation-name: zoomIn;
}

@-webkit-keyframes zoomInDown {
  from {
    opacity: 0;
    -webkit-transform: scale3d(0.1, 0.1, 0.1) translate3d(0, -1000px, 0);
    transform: scale3d(0.1, 0.1, 0.1) translate3d(0, -1000px, 0);
    -webkit-animation-timing-function: cubic-bezier(0.55, 0.055, 0.675, 0.19);
    animation-timing-function: cubic-bezier(0.55, 0.055, 0.675, 0.19);
  }

  60% {
    opacity: 1;
    -webkit-transform: scale3d(0.475, 0.475, 0.475) translate3d(0, 60px, 0);
    transform: scale3d(0.475, 0.475, 0.475) translate3d(0, 60px, 0);
    -webkit-animation-timing-function: cubic-bezier(0.175, 0.885, 0.32, 1);
    animation-timing-function: cubic-bezier(0.175, 0.885, 0.32, 1);
  }
}

@keyframes zoomInDown {
  from {
    opacity: 0;
    -webkit-transform: scale3d(0.1, 0.1, 0.1) translate3d(0, -1000px, 0);
    transform: scale3d(0.1, 0.1, 0.1) translate3d(0, -1000px, 0);
    -webkit-animation-timing-function: cubic-bezier(0.55, 0.055, 0.675, 0.19);
    animation-timing-function: cubic-bezier(0.55, 0.055, 0.675, 0.19);
  }

  60% {
    opacity: 1;
    -webkit-transform: scale3d(0.475, 0.475, 0.475) translate3d(0, 60px, 0);
    transform: scale3d(0.475, 0.475, 0.475) translate3d(0, 60px, 0);
    -webkit-animation-timing-function: cubic-bezier(0.175, 0.885, 0.32, 1);
    animation-timing-function: cubic-bezier(0.175, 0.885, 0.32, 1);
  }
}

.zoomInDown {
  -webkit-animation-name: zoomInDown;
  animation-name: zoomInDown;
}

@-webkit-keyframes zoomInLeft {
  from {
    opacity: 0;
    -webkit-transform: scale3d(0.1, 0.1, 0.1) translate3d(-1000px, 0, 0);
    transform: scale3d(0.1, 0.1, 0.1) translate3d(-1000px, 0, 0);
    -webkit-animation-timing-function: cubic-bezier(0.55, 0.055, 0.675, 0.19);
    animation-timing-function: cubic-bezier(0.55, 0.055, 0.675, 0.19);
  }

  60% {
    opacity: 1;
    -webkit-transform: scale3d(0.475, 0.475, 0.475) translate3d(10px, 0, 0);
    transform: scale3d(0.475, 0.475, 0.475) translate3d(10px, 0, 0);
    -webkit-animation-timing-function: cubic-bezier(0.175, 0.885, 0.32, 1);
    animation-timing-function: cubic-bezier(0.175, 0.885, 0.32, 1);
  }
}

@keyframes zoomInLeft {
  from {
    opacity: 0;
    -webkit-transform: scale3d(0.1, 0.1, 0.1) translate3d(-1000px, 0, 0);
    transform: scale3d(0.1, 0.1, 0.1) translate3d(-1000px, 0, 0);
    -webkit-animation-timing-function: cubic-bezier(0.55, 0.055, 0.675, 0.19);
    animation-timing-function: cubic-bezier(0.55, 0.055, 0.675, 0.19);
  }

  60% {
    opacity: 1;
    -webkit-transform: scale3d(0.475, 0.475, 0.475) translate3d(10px, 0, 0);
    transform: scale3d(0.475, 0.475, 0.475) translate3d(10px, 0, 0);
    -webkit-animation-timing-function: cubic-bezier(0.175, 0.885, 0.32, 1);
    animation-timing-function: cubic-bezier(0.175, 0.885, 0.32, 1);
  }
}

.zoomInLeft {
  -webkit-animation-name: zoomInLeft;
  animation-name: zoomInLeft;
}

@-webkit-keyframes zoomInRight {
  from {
    opacity: 0;
    -webkit-transform: scale3d(0.1, 0.1, 0.1) translate3d(1000px, 0, 0);
    transform: scale3d(0.1, 0.1, 0.1) translate3d(1000px, 0, 0);
    -webkit-animation-timing-function: cubic-bezier(0.55, 0.055, 0.675, 0.19);
    animation-timing-function: cubic-bezier(0.55, 0.055, 0.675, 0.19);
  }

  60% {
    opacity: 1;
    -webkit-transform: scale3d(0.475, 0.475, 0.475) translate3d(-10px, 0, 0);
    transform: scale3d(0.475, 0.475, 0.475) translate3d(-10px, 0, 0);
    -webkit-animation-timing-function: cubic-bezier(0.175, 0.885, 0.32, 1);
    animation-timing-function: cubic-bezier(0.175, 0.885, 0.32, 1);
  }
}

@keyframes zoomInRight {
  from {
    opacity: 0;
    -webkit-transform: scale3d(0.1, 0.1, 0.1) translate3d(1000px, 0, 0);
    transform: scale3d(0.1, 0.1, 0.1) translate3d(1000px, 0, 0);
    -webkit-animation-timing-function: cubic-bezier(0.55, 0.055, 0.675, 0.19);
    animation-timing-function: cubic-bezier(0.55, 0.055, 0.675, 0.19);
  }

  60% {
    opacity: 1;
    -webkit-transform: scale3d(0.475, 0.475, 0.475) translate3d(-10px, 0, 0);
    transform: scale3d(0.475, 0.475, 0.475) translate3d(-10px, 0, 0);
    -webkit-animation-timing-function: cubic-bezier(0.175, 0.885, 0.32, 1);
    animation-timing-function: cubic-bezier(0.175, 0.885, 0.32, 1);
  }
}

.zoomInRight {
  -webkit-animation-name: zoomInRight;
  animation-name: zoomInRight;
}

@-webkit-keyframes zoomInUp {
  from {
    opacity: 0;
    -webkit-transform: scale3d(0.1, 0.1, 0.1) translate3d(0, 1000px, 0);
    transform: scale3d(0.1, 0.1, 0.1) translate3d(0, 1000px, 0);
    -webkit-animation-timing-function: cubic-bezier(0.55, 0.055, 0.675, 0.19);
    animation-timing-function: cubic-bezier(0.55, 0.055, 0.675, 0.19);
  }

  60% {
    opacity: 1;
    -webkit-transform: scale3d(0.475, 0.475, 0.475) translate3d(0, -60px, 0);
    transform: scale3d(0.475, 0.475, 0.475) translate3d(0, -60px, 0);
    -webkit-animation-timing-function: cubic-bezier(0.175, 0.885, 0.32, 1);
    animation-timing-function: cubic-bezier(0.175, 0.885, 0.32, 1);
  }
}

@keyframes zoomInUp {
  from {
    opacity: 0;
    -webkit-transform: scale3d(0.1, 0.1, 0.1) translate3d(0, 1000px, 0);
    transform: scale3d(0.1, 0.1, 0.1) translate3d(0, 1000px, 0);
    -webkit-animation-timing-function: cubic-bezier(0.55, 0.055, 0.675, 0.19);
    animation-timing-function: cubic-bezier(0.55, 0.055, 0.675, 0.19);
  }

  60% {
    opacity: 1;
    -webkit-transform: scale3d(0.475, 0.475, 0.475) translate3d(0, -60px, 0);
    transform: scale3d(0.475, 0.475, 0.475) translate3d(0, -60px, 0);
    -webkit-animation-timing-function: cubic-bezier(0.175, 0.885, 0.32, 1);
    animation-timing-function: cubic-bezier(0.175, 0.885, 0.32, 1);
  }
}

.zoomInUp {
  -webkit-animation-name: zoomInUp;
  animation-name: zoomInUp;
}

@-webkit-keyframes zoomOut {
  from {
    opacity: 1;
  }

  50% {
    opacity: 0;
    -webkit-transform: scale3d(0.3, 0.3, 0.3);
    transform: scale3d(0.3, 0.3, 0.3);
  }

  to {
    opacity: 0;
  }
}

@keyframes zoomOut {
  from {
    opacity: 1;
  }

  50% {
    opacity: 0;
    -webkit-transform: scale3d(0.3, 0.3, 0.3);
    transform: scale3d(0.3, 0.3, 0.3);
  }

  to {
    opacity: 0;
  }
}

.zoomOut {
  -webkit-animation-name: zoomOut;
  animation-name: zoomOut;
}

@-webkit-keyframes zoomOutDown {
  40% {
    opacity: 1;
    -webkit-transform: scale3d(0.475, 0.475, 0.475) translate3d(0, -60px, 0);
    transform: scale3d(0.475, 0.475, 0.475) translate3d(0, -60px, 0);
    -webkit-animation-timing-function: cubic-bezier(0.55, 0.055, 0.675, 0.19);
    animation-timing-function: cubic-bezier(0.55, 0.055, 0.675, 0.19);
  }

  to {
    opacity: 0;
    -webkit-transform: scale3d(0.1, 0.1, 0.1) translate3d(0, 2000px, 0);
    transform: scale3d(0.1, 0.1, 0.1) translate3d(0, 2000px, 0);
    -webkit-transform-origin: center bottom;
    transform-origin: center bottom;
    -webkit-animation-timing-function: cubic-bezier(0.175, 0.885, 0.32, 1);
    animation-timing-function: cubic-bezier(0.175, 0.885, 0.32, 1);
  }
}

@keyframes zoomOutDown {
  40% {
    opacity: 1;
    -webkit-transform: scale3d(0.475, 0.475, 0.475) translate3d(0, -60px, 0);
    transform: scale3d(0.475, 0.475, 0.475) translate3d(0, -60px, 0);
    -webkit-animation-timing-function: cubic-bezier(0.55, 0.055, 0.675, 0.19);
    animation-timing-function: cubic-bezier(0.55, 0.055, 0.675, 0.19);
  }

  to {
    opacity: 0;
    -webkit-transform: scale3d(0.1, 0.1, 0.1) translate3d(0, 2000px, 0);
    transform: scale3d(0.1, 0.1, 0.1) translate3d(0, 2000px, 0);
    -webkit-transform-origin: center bottom;
    transform-origin: center bottom;
    -webkit-animation-timing-function: cubic-bezier(0.175, 0.885, 0.32, 1);
    animation-timing-function: cubic-bezier(0.175, 0.885, 0.32, 1);
  }
}

.zoomOutDown {
  -webkit-animation-name: zoomOutDown;
  animation-name: zoomOutDown;
}

@-webkit-keyframes zoomOutLeft {
  40% {
    opacity: 1;
    -webkit-transform: scale3d(0.475, 0.475, 0.475) translate3d(42px, 0, 0);
    transform: scale3d(0.475, 0.475, 0.475) translate3d(42px, 0, 0);
  }

  to {
    opacity: 0;
    -webkit-transform: scale(0.1) translate3d(-2000px, 0, 0);
    transform: scale(0.1) translate3d(-2000px, 0, 0);
    -webkit-transform-origin: left center;
    transform-origin: left center;
  }
}

@keyframes zoomOutLeft {
  40% {
    opacity: 1;
    -webkit-transform: scale3d(0.475, 0.475, 0.475) translate3d(42px, 0, 0);
    transform: scale3d(0.475, 0.475, 0.475) translate3d(42px, 0, 0);
  }

  to {
    opacity: 0;
    -webkit-transform: scale(0.1) translate3d(-2000px, 0, 0);
    transform: scale(0.1) translate3d(-2000px, 0, 0);
    -webkit-transform-origin: left center;
    transform-origin: left center;
  }
}

.zoomOutLeft {
  -webkit-animation-name: zoomOutLeft;
  animation-name: zoomOutLeft;
}

@-webkit-keyframes zoomOutRight {
  40% {
    opacity: 1;
    -webkit-transform: scale3d(0.475, 0.475, 0.475) translate3d(-42px, 0, 0);
    transform: scale3d(0.475, 0.475, 0.475) translate3d(-42px, 0, 0);
  }

  to {
    opacity: 0;
    -webkit-transform: scale(0.1) translate3d(2000px, 0, 0);
    transform: scale(0.1) translate3d(2000px, 0, 0);
    -webkit-transform-origin: right center;
    transform-origin: right center;
  }
}

@keyframes zoomOutRight {
  40% {
    opacity: 1;
    -webkit-transform: scale3d(0.475, 0.475, 0.475) translate3d(-42px, 0, 0);
    transform: scale3d(0.475, 0.475, 0.475) translate3d(-42px, 0, 0);
  }

  to {
    opacity: 0;
    -webkit-transform: scale(0.1) translate3d(2000px, 0, 0);
    transform: scale(0.1) translate3d(2000px, 0, 0);
    -webkit-transform-origin: right center;
    transform-origin: right center;
  }
}

.zoomOutRight {
  -webkit-animation-name: zoomOutRight;
  animation-name: zoomOutRight;
}

@-webkit-keyframes zoomOutUp {
  40% {
    opacity: 1;
    -webkit-transform: scale3d(0.475, 0.475, 0.475) translate3d(0, 60px, 0);
    transform: scale3d(0.475, 0.475, 0.475) translate3d(0, 60px, 0);
    -webkit-animation-timing-function: cubic-bezier(0.55, 0.055, 0.675, 0.19);
    animation-timing-function: cubic-bezier(0.55, 0.055, 0.675, 0.19);
  }

  to {
    opacity: 0;
    -webkit-transform: scale3d(0.1, 0.1, 0.1) translate3d(0, -2000px, 0);
    transform: scale3d(0.1, 0.1, 0.1) translate3d(0, -2000px, 0);
    -webkit-transform-origin: center bottom;
    transform-origin: center bottom;
    -webkit-animation-timing-function: cubic-bezier(0.175, 0.885, 0.32, 1);
    animation-timing-function: cubic-bezier(0.175, 0.885, 0.32, 1);
  }
}

@keyframes zoomOutUp {
  40% {
    opacity: 1;
    -webkit-transform: scale3d(0.475, 0.475, 0.475) translate3d(0, 60px, 0);
    transform: scale3d(0.475, 0.475, 0.475) translate3d(0, 60px, 0);
    -webkit-animation-timing-function: cubic-bezier(0.55, 0.055, 0.675, 0.19);
    animation-timing-function: cubic-bezier(0.55, 0.055, 0.675, 0.19);
  }

  to {
    opacity: 0;
    -webkit-transform: scale3d(0.1, 0.1, 0.1) translate3d(0, -2000px, 0);
    transform: scale3d(0.1, 0.1, 0.1) translate3d(0, -2000px, 0);
    -webkit-transform-origin: center bottom;
    transform-origin: center bottom;
    -webkit-animation-timing-function: cubic-bezier(0.175, 0.885, 0.32, 1);
    animation-timing-function: cubic-bezier(0.175, 0.885, 0.32, 1);
  }
}

.zoomOutUp {
  -webkit-animation-name: zoomOutUp;
  animation-name: zoomOutUp;
}

@-webkit-keyframes slideInDown {
  from {
    -webkit-transform: translate3d(0, -100%, 0);
    transform: translate3d(0, -100%, 0);
    visibility: visible;
  }

  to {
    -webkit-transform: translate3d(0, 0, 0);
    transform: translate3d(0, 0, 0);
  }
}

@keyframes slideInDown {
  from {
    -webkit-transform: translate3d(0, -100%, 0);
    transform: translate3d(0, -100%, 0);
    visibility: visible;
  }

  to {
    -webkit-transform: translate3d(0, 0, 0);
    transform: translate3d(0, 0, 0);
  }
}

.slideInDown {
  -webkit-animation-name: slideInDown;
  animation-name: slideInDown;
}

@-webkit-keyframes slideInLeft {
  from {
    -webkit-transform: translate3d(-100%, 0, 0);
    transform: translate3d(-100%, 0, 0);
    visibility: visible;
  }

  to {
    -webkit-transform: translate3d(0, 0, 0);
    transform: translate3d(0, 0, 0);
  }
}

@keyframes slideInLeft {
  from {
    -webkit-transform: translate3d(-100%, 0, 0);
    transform: translate3d(-100%, 0, 0);
    visibility: visible;
  }

  to {
    -webkit-transform: translate3d(0, 0, 0);
    transform: translate3d(0, 0, 0);
  }
}

.slideInLeft {
  -webkit-animation-name: slideInLeft;
  animation-name: slideInLeft;
}

@-webkit-keyframes slideInRight {
  from {
    -webkit-transform: translate3d(100%, 0, 0);
    transform: translate3d(100%, 0, 0);
    visibility: visible;
  }

  to {
    -webkit-transform: translate3d(0, 0, 0);
    transform: translate3d(0, 0, 0);
  }
}

@keyframes slideInRight {
  from {
    -webkit-transform: translate3d(100%, 0, 0);
    transform: translate3d(100%, 0, 0);
    visibility: visible;
  }

  to {
    -webkit-transform: translate3d(0, 0, 0);
    transform: translate3d(0, 0, 0);
  }
}

.slideInRight {
  -webkit-animation-name: slideInRight;
  animation-name: slideInRight;
}

@-webkit-keyframes slideInUp {
  from {
    -webkit-transform: translate3d(0, 100%, 0);
    transform: translate3d(0, 100%, 0);
    visibility: visible;
  }

  to {
    -webkit-transform: translate3d(0, 0, 0);
    transform: translate3d(0, 0, 0);
  }
}

@keyframes slideInUp {
  from {
    -webkit-transform: translate3d(0, 100%, 0);
    transform: translate3d(0, 100%, 0);
    visibility: visible;
  }

  to {
    -webkit-transform: translate3d(0, 0, 0);
    transform: translate3d(0, 0, 0);
  }
}

.slideInUp {
  -webkit-animation-name: slideInUp;
  animation-name: slideInUp;
}

@-webkit-keyframes slideOutDown {
  from {
    -webkit-transform: translate3d(0, 0, 0);
    transform: translate3d(0, 0, 0);
  }

  to {
    visibility: hidden;
    -webkit-transform: translate3d(0, 100%, 0);
    transform: translate3d(0, 100%, 0);
  }
}

@keyframes slideOutDown {
  from {
    -webkit-transform: translate3d(0, 0, 0);
    transform: translate3d(0, 0, 0);
  }

  to {
    visibility: hidden;
    -webkit-transform: translate3d(0, 100%, 0);
    transform: translate3d(0, 100%, 0);
  }
}

.slideOutDown {
  -webkit-animation-name: slideOutDown;
  animation-name: slideOutDown;
}

@-webkit-keyframes slideOutLeft {
  from {
    -webkit-transform: translate3d(0, 0, 0);
    transform: translate3d(0, 0, 0);
  }

  to {
    visibility: hidden;
    -webkit-transform: translate3d(-100%, 0, 0);
    transform: translate3d(-100%, 0, 0);
  }
}

@keyframes slideOutLeft {
  from {
    -webkit-transform: translate3d(0, 0, 0);
    transform: translate3d(0, 0, 0);
  }

  to {
    visibility: hidden;
    -webkit-transform: translate3d(-100%, 0, 0);
    transform: translate3d(-100%, 0, 0);
  }
}

.slideOutLeft {
  -webkit-animation-name: slideOutLeft;
  animation-name: slideOutLeft;
}

@-webkit-keyframes slideOutRight {
  from {
    -webkit-transform: translate3d(0, 0, 0);
    transform: translate3d(0, 0, 0);
  }

  to {
    visibility: hidden;
    -webkit-transform: translate3d(100%, 0, 0);
    transform: translate3d(100%, 0, 0);
  }
}

@keyframes slideOutRight {
  from {
    -webkit-transform: translate3d(0, 0, 0);
    transform: translate3d(0, 0, 0);
  }

  to {
    visibility: hidden;
    -webkit-transform: translate3d(100%, 0, 0);
    transform: translate3d(100%, 0, 0);
  }
}

.slideOutRight {
  -webkit-animation-name: slideOutRight;
  animation-name: slideOutRight;
}

@-webkit-keyframes slideOutUp {
  from {
    -webkit-transform: translate3d(0, 0, 0);
    transform: translate3d(0, 0, 0);
  }

  to {
    visibility: hidden;
    -webkit-transform: translate3d(0, -100%, 0);
    transform: translate3d(0, -100%, 0);
  }
}

@keyframes slideOutUp {
  from {
    -webkit-transform: translate3d(0, 0, 0);
    transform: translate3d(0, 0, 0);
  }

  to {
    visibility: hidden;
    -webkit-transform: translate3d(0, -100%, 0);
    transform: translate3d(0, -100%, 0);
  }
}

.slideOutUp {
  -webkit-animation-name: slideOutUp;
  animation-name: slideOutUp;
}

.animated {
  -webkit-animation-duration: 1s;
  animation-duration: 1s;
  -webkit-animation-fill-mode: both;
  animation-fill-mode: both;
}

.animated.infinite {
  -webkit-animation-iteration-count: infinite;
  animation-iteration-count: infinite;
}

.animated.delay-1s {
  -webkit-animation-delay: 1s;
  animation-delay: 1s;
}

.animated.delay-2s {
  -webkit-animation-delay: 2s;
  animation-delay: 2s;
}

.animated.delay-3s {
  -webkit-animation-delay: 3s;
  animation-delay: 3s;
}

.animated.delay-4s {
  -webkit-animation-delay: 4s;
  animation-delay: 4s;
}

.animated.delay-5s {
  -webkit-animation-delay: 5s;
  animation-delay: 5s;
}

.animated.fast {
  -webkit-animation-duration: 800ms;
  animation-duration: 800ms;
}

.animated.faster {
  -webkit-animation-duration: 500ms;
  animation-duration: 500ms;
}

.animated.slow {
  -webkit-animation-duration: 2s;
  animation-duration: 2s;
}

.animated.slower {
  -webkit-animation-duration: 3s;
  animation-duration: 3s;
}

@media (prefers-reduced-motion) {
  .animated {
    -webkit-animation: unset !important;
    animation: unset !important;
    -webkit-transition: none !important;
    transition: none !important;
  }
}
.toast-title {
  font-weight: bold;
}
.toast-message {
  -ms-word-wrap: break-word;
  word-wrap: break-word;
}
.toast-message a,
.toast-message label {
  color: #FFFFFF;
}
.toast-message a:hover {
  color: #CCCCCC;
  text-decoration: none;
}
.toast-close-button {
  position: relative;
  right: -0.3em;
  top: -0.3em;
  float: right;
  font-size: 20px;
  font-weight: bold;
  color: #FFFFFF;
  -webkit-text-shadow: 0 1px 0 #ffffff;
  text-shadow: 0 1px 0 #ffffff;
  opacity: 0.8;
  -ms-filter: progid:DXImageTransform.Microsoft.Alpha(Opacity=80);
  filter: alpha(opacity=80);
  line-height: 1;
}
.toast-close-button:hover,
.toast-close-button:focus {
  color: #000000;
  text-decoration: none;
  cursor: pointer;
  opacity: 0.4;
  -ms-filter: progid:DXImageTransform.Microsoft.Alpha(Opacity=40);
  filter: alpha(opacity=40);
}
.rtl .toast-close-button {
  left: -0.3em;
  float: left;
  right: 0.3em;
}
/*Additional properties for button version
 iOS requires the button element instead of an anchor tag.
 If you want the anchor version, it requires `href="#"`.*/
button.toast-close-button {
  padding: 0;
  cursor: pointer;
  background: transparent;
  border: 0;
  -webkit-appearance: none;
}
.toast-top-center {
  top: 0;
  right: 0;
  width: 100%;
}
.toast-bottom-center {
  bottom: 0;
  right: 0;
  width: 100%;
}
.toast-top-full-width {
  top: 0;
  right: 0;
  width: 100%;
}
.toast-bottom-full-width {
  bottom: 0;
  right: 0;
  width: 100%;
}
.toast-top-left {
  top: 12px;
  left: 12px;
}
.toast-top-right {
  top: 12px;
  right: 12px;
}
.toast-bottom-right {
  right: 12px;
  bottom: 12px;
}
.toast-bottom-left {
  bottom: 12px;
  left: 12px;
}
#toast-container {
  position: fixed;
  z-index: 999999;
  pointer-events: none;
  /*overrides*/
}
#toast-container * {
  -moz-box-sizing: border-box;
  -webkit-box-sizing: border-box;
  box-sizing: border-box;
}
#toast-container > div {
  position: relative;
  pointer-events: auto;
  overflow: hidden;
  margin: 0 0 6px;
  padding: 15px 15px 15px 50px;
  width: 300px;
  -moz-border-radius: 3px 3px 3px 3px;
  -webkit-border-radius: 3px 3px 3px 3px;
  border-radius: 3px 3px 3px 3px;
  background-position: 15px center;
  background-repeat: no-repeat;
  -moz-box-shadow: 0 0 12px #999999;
  -webkit-box-shadow: 0 0 12px #999999;
  box-shadow: 0 0 12px #999999;
  color: #FFFFFF;
  opacity: 0.8;
  -ms-filter: progid:DXImageTransform.Microsoft.Alpha(Opacity=80);
  filter: alpha(opacity=80);
}
#toast-container > div.rtl {
  direction: rtl;
  padding: 15px 50px 15px 15px;
  background-position: right 15px center;
}
#toast-container > div:hover {
  -moz-box-shadow: 0 0 12px #000000;
  -webkit-box-shadow: 0 0 12px #000000;
  box-shadow: 0 0 12px #000000;
  opacity: 1;
  -ms-filter: progid:DXImageTransform.Microsoft.Alpha(Opacity=100);
  filter: alpha(opacity=100);
  cursor: pointer;
}
#toast-container > .toast-info {
  background-image: url("data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAABgAAAAYCAYAAADgdz34AAAAAXNSR0IArs4c6QAAAARnQU1BAACxjwv8YQUAAAAJcEhZcwAADsMAAA7DAcdvqGQAAAGwSURBVEhLtZa9SgNBEMc9sUxxRcoUKSzSWIhXpFMhhYWFhaBg4yPYiWCXZxBLERsLRS3EQkEfwCKdjWJAwSKCgoKCcudv4O5YLrt7EzgXhiU3/4+b2ckmwVjJSpKkQ6wAi4gwhT+z3wRBcEz0yjSseUTrcRyfsHsXmD0AmbHOC9Ii8VImnuXBPglHpQ5wwSVM7sNnTG7Za4JwDdCjxyAiH3nyA2mtaTJufiDZ5dCaqlItILh1NHatfN5skvjx9Z38m69CgzuXmZgVrPIGE763Jx9qKsRozWYw6xOHdER+nn2KkO+Bb+UV5CBN6WC6QtBgbRVozrahAbmm6HtUsgtPC19tFdxXZYBOfkbmFJ1VaHA1VAHjd0pp70oTZzvR+EVrx2Ygfdsq6eu55BHYR8hlcki+n+kERUFG8BrA0BwjeAv2M8WLQBtcy+SD6fNsmnB3AlBLrgTtVW1c2QN4bVWLATaIS60J2Du5y1TiJgjSBvFVZgTmwCU+dAZFoPxGEEs8nyHC9Bwe2GvEJv2WXZb0vjdyFT4Cxk3e/kIqlOGoVLwwPevpYHT+00T+hWwXDf4AJAOUqWcDhbwAAAAASUVORK5CYII=") !important;
}
#toast-container > .toast-error {
  background-image: url("data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAABgAAAAYCAYAAADgdz34AAAAAXNSR0IArs4c6QAAAARnQU1BAACxjwv8YQUAAAAJcEhZcwAADsMAAA7DAcdvqGQAAAHOSURBVEhLrZa/SgNBEMZzh0WKCClSCKaIYOED+AAKeQQLG8HWztLCImBrYadgIdY+gIKNYkBFSwu7CAoqCgkkoGBI/E28PdbLZmeDLgzZzcx83/zZ2SSXC1j9fr+I1Hq93g2yxH4iwM1vkoBWAdxCmpzTxfkN2RcyZNaHFIkSo10+8kgxkXIURV5HGxTmFuc75B2RfQkpxHG8aAgaAFa0tAHqYFfQ7Iwe2yhODk8+J4C7yAoRTWI3w/4klGRgR4lO7Rpn9+gvMyWp+uxFh8+H+ARlgN1nJuJuQAYvNkEnwGFck18Er4q3egEc/oO+mhLdKgRyhdNFiacC0rlOCbhNVz4H9FnAYgDBvU3QIioZlJFLJtsoHYRDfiZoUyIxqCtRpVlANq0EU4dApjrtgezPFad5S19Wgjkc0hNVnuF4HjVA6C7QrSIbylB+oZe3aHgBsqlNqKYH48jXyJKMuAbiyVJ8KzaB3eRc0pg9VwQ4niFryI68qiOi3AbjwdsfnAtk0bCjTLJKr6mrD9g8iq/S/B81hguOMlQTnVyG40wAcjnmgsCNESDrjme7wfftP4P7SP4N3CJZdvzoNyGq2c/HWOXJGsvVg+RA/k2MC/wN6I2YA2Pt8GkAAAAASUVORK5CYII=") !important;
}
#toast-container > .toast-success {
  background-image: url("data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAABgAAAAYCAYAAADgdz34AAAAAXNSR0IArs4c6QAAAARnQU1BAACxjwv8YQUAAAAJcEhZcwAADsMAAA7DAcdvqGQAAADsSURBVEhLY2AYBfQMgf///3P8+/evAIgvA/FsIF+BavYDDWMBGroaSMMBiE8VC7AZDrIFaMFnii3AZTjUgsUUWUDA8OdAH6iQbQEhw4HyGsPEcKBXBIC4ARhex4G4BsjmweU1soIFaGg/WtoFZRIZdEvIMhxkCCjXIVsATV6gFGACs4Rsw0EGgIIH3QJYJgHSARQZDrWAB+jawzgs+Q2UO49D7jnRSRGoEFRILcdmEMWGI0cm0JJ2QpYA1RDvcmzJEWhABhD/pqrL0S0CWuABKgnRki9lLseS7g2AlqwHWQSKH4oKLrILpRGhEQCw2LiRUIa4lwAAAABJRU5ErkJggg==") !important;
}
#toast-container > .toast-warning {
  background-image: url("data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAABgAAAAYCAYAAADgdz34AAAAAXNSR0IArs4c6QAAAARnQU1BAACxjwv8YQUAAAAJcEhZcwAADsMAAA7DAcdvqGQAAAGYSURBVEhL5ZSvTsNQFMbXZGICMYGYmJhAQIJAICYQPAACiSDB8AiICQQJT4CqQEwgJvYASAQCiZiYmJhAIBATCARJy+9rTsldd8sKu1M0+dLb057v6/lbq/2rK0mS/TRNj9cWNAKPYIJII7gIxCcQ51cvqID+GIEX8ASG4B1bK5gIZFeQfoJdEXOfgX4QAQg7kH2A65yQ87lyxb27sggkAzAuFhbbg1K2kgCkB1bVwyIR9m2L7PRPIhDUIXgGtyKw575yz3lTNs6X4JXnjV+LKM/m3MydnTbtOKIjtz6VhCBq4vSm3ncdrD2lk0VgUXSVKjVDJXJzijW1RQdsU7F77He8u68koNZTz8Oz5yGa6J3H3lZ0xYgXBK2QymlWWA+RWnYhskLBv2vmE+hBMCtbA7KX5drWyRT/2JsqZ2IvfB9Y4bWDNMFbJRFmC9E74SoS0CqulwjkC0+5bpcV1CZ8NMej4pjy0U+doDQsGyo1hzVJttIjhQ7GnBtRFN1UarUlH8F3xict+HY07rEzoUGPlWcjRFRr4/gChZgc3ZL2d8oAAAAASUVORK5CYII=") !important;
}
#toast-container.toast-top-center > div,
#toast-container.toast-bottom-center > div {
  width: 300px;
  margin-left: auto;
  margin-right: auto;
}
#toast-container.toast-top-full-width > div,
#toast-container.toast-bottom-full-width > div {
  width: 96%;
  margin-left: auto;
  margin-right: auto;
}
.toast {
  background-color: #030303;
}
.toast-success {
  background-color: #51A351;
}
.toast-error {
  background-color: #BD362F;
}
.toast-info {
  background-color: #2F96B4;
}
.toast-warning {
  background-color: #F89406;
}
.toast-progress {
  position: absolute;
  left: 0;
  bottom: 0;
  height: 4px;
  background-color: #000000;
  opacity: 0.4;
  -ms-filter: progid:DXImageTransform.Microsoft.Alpha(Opacity=40);
  filter: alpha(opacity=40);
}
/*Responsive Design*/
@media all and (max-width: 240px) {
  #toast-container > div {
    padding: 8px 8px 8px 50px;
    width: 11em;
  }
  #toast-container > div.rtl {
    padding: 8px 50px 8px 8px;
  }
  #toast-container .toast-close-button {
    right: -0.2em;
    top: -0.2em;
  }
  #toast-container .rtl .toast-close-button {
    left: -0.2em;
    right: 0.2em;
  }
}
@media all and (min-width: 241px) and (max-width: 480px) {
  #toast-container > div {
    padding: 8px 8px 8px 50px;
    width: 18em;
  }
  #toast-container > div.rtl {
    padding: 8px 50px 8px 8px;
  }
  #toast-container .toast-close-button {
    right: -0.2em;
    top: -0.2em;
  }
  #toast-container .rtl .toast-close-button {
    left: -0.2em;
    right: 0.2em;
  }
}
@media all and (min-width: 481px) and (max-width: 768px) {
  #toast-container > div {
    padding: 15px 15px 15px 50px;
    width: 25em;
  }
  #toast-container > div.rtl {
    padding: 15px 50px 15px 15px;
  }
}
.morris-hover{position:absolute;z-index:1000}.morris-hover.morris-default-style{border-radius:10px;padding:6px;color:#666;background:rgba(255,255,255,0.8);border:solid 2px rgba(230,230,230,0.8);font-family:sans-serif;font-size:12px;text-align:center}.morris-hover.morris-default-style .morris-hover-row-label{font-weight:bold;margin:0.25em 0}
.morris-hover.morris-default-style .morris-hover-point{white-space:nowrap;margin:0.1em 0}

@-webkit-keyframes swal2-show {
  0% {
    -webkit-transform: scale(0.7);
            transform: scale(0.7); }
  45% {
    -webkit-transform: scale(1.05);
            transform: scale(1.05); }
  80% {
    -webkit-transform: scale(0.95);
            transform: scale(0.95); }
  100% {
    -webkit-transform: scale(1);
            transform: scale(1); } }
@keyframes swal2-show {
  0% {
    -webkit-transform: scale(0.7);
            transform: scale(0.7); }
  45% {
    -webkit-transform: scale(1.05);
            transform: scale(1.05); }
  80% {
    -webkit-transform: scale(0.95);
            transform: scale(0.95); }
  100% {
    -webkit-transform: scale(1);
            transform: scale(1); } }

@-webkit-keyframes swal2-hide {
  0% {
    -webkit-transform: scale(1);
            transform: scale(1);
    opacity: 1; }
  100% {
    -webkit-transform: scale(0.5);
            transform: scale(0.5);
    opacity: 0; } }

@keyframes swal2-hide {
  0% {
    -webkit-transform: scale(1);
            transform: scale(1);
    opacity: 1; }
  100% {
    -webkit-transform: scale(0.5);
            transform: scale(0.5);
    opacity: 0; } }

@-webkit-keyframes swal2-animate-success-line-tip {
  0% {
    top: 1.1875em;
    left: .0625em;
    width: 0; }
  54% {
    top: 1.0625em;
    left: .125em;
    width: 0; }
  70% {
    top: 2.1875em;
    left: -.375em;
    width: 3.125em; }
  84% {
    top: 3em;
    left: 1.3125em;
    width: 1.0625em; }
  100% {
    top: 2.8125em;
    left: .875em;
    width: 1.5625em; } }

@keyframes swal2-animate-success-line-tip {
  0% {
    top: 1.1875em;
    left: .0625em;
    width: 0; }
  54% {
    top: 1.0625em;
    left: .125em;
    width: 0; }
  70% {
    top: 2.1875em;
    left: -.375em;
    width: 3.125em; }
  84% {
    top: 3em;
    left: 1.3125em;
    width: 1.0625em; }
  100% {
    top: 2.8125em;
    left: .875em;
    width: 1.5625em; } }

@-webkit-keyframes swal2-animate-success-line-long {
  0% {
    top: 3.375em;
    right: 2.875em;
    width: 0; }
  65% {
    top: 3.375em;
    right: 2.875em;
    width: 0; }
  84% {
    top: 2.1875em;
    right: 0;
    width: 3.4375em; }
  100% {
    top: 2.375em;
    right: .5em;
    width: 2.9375em; } }

@keyframes swal2-animate-success-line-long {
  0% {
    top: 3.375em;
    right: 2.875em;
    width: 0; }
  65% {
    top: 3.375em;
    right: 2.875em;
    width: 0; }
  84% {
    top: 2.1875em;
    right: 0;
    width: 3.4375em; }
  100% {
    top: 2.375em;
    right: .5em;
    width: 2.9375em; } }

@-webkit-keyframes swal2-rotate-success-circular-line {
  0% {
    -webkit-transform: rotate(-45deg);
            transform: rotate(-45deg); }
  5% {
    -webkit-transform: rotate(-45deg);
            transform: rotate(-45deg); }
  12% {
    -webkit-transform: rotate(-405deg);
            transform: rotate(-405deg); }
  100% {
    -webkit-transform: rotate(-405deg);
            transform: rotate(-405deg); } }

@keyframes swal2-rotate-success-circular-line {
  0% {
    -webkit-transform: rotate(-45deg);
            transform: rotate(-45deg); }
  5% {
    -webkit-transform: rotate(-45deg);
            transform: rotate(-45deg); }
  12% {
    -webkit-transform: rotate(-405deg);
            transform: rotate(-405deg); }
  100% {
    -webkit-transform: rotate(-405deg);
            transform: rotate(-405deg); } }

@-webkit-keyframes swal2-animate-error-x-mark {
  0% {
    margin-top: 1.625em;
    -webkit-transform: scale(0.4);
            transform: scale(0.4);
    opacity: 0; }
  50% {
    margin-top: 1.625em;
    -webkit-transform: scale(0.4);
            transform: scale(0.4);
    opacity: 0; }
  80% {
    margin-top: -.375em;
    -webkit-transform: scale(1.15);
            transform: scale(1.15); }
  100% {
    margin-top: 0;
    -webkit-transform: scale(1);
            transform: scale(1);
    opacity: 1; } }

@keyframes swal2-animate-error-x-mark {
  0% {
    margin-top: 1.625em;
    -webkit-transform: scale(0.4);
            transform: scale(0.4);
    opacity: 0; }
  50% {
    margin-top: 1.625em;
    -webkit-transform: scale(0.4);
            transform: scale(0.4);
    opacity: 0; }
  80% {
    margin-top: -.375em;
    -webkit-transform: scale(1.15);
            transform: scale(1.15); }
  100% {
    margin-top: 0;
    -webkit-transform: scale(1);
            transform: scale(1);
    opacity: 1; } }

@-webkit-keyframes swal2-animate-error-icon {
  0% {
    -webkit-transform: rotateX(100deg);
            transform: rotateX(100deg);
    opacity: 0; }
  100% {
    -webkit-transform: rotateX(0deg);
            transform: rotateX(0deg);
    opacity: 1; } }

@keyframes swal2-animate-error-icon {
  0% {
    -webkit-transform: rotateX(100deg);
            transform: rotateX(100deg);
    opacity: 0; }
  100% {
    -webkit-transform: rotateX(0deg);
            transform: rotateX(0deg);
    opacity: 1; } }

body.swal2-toast-shown .swal2-container {
  background-color: transparent; }
  body.swal2-toast-shown .swal2-container.swal2-shown {
    background-color: transparent; }
  body.swal2-toast-shown .swal2-container.swal2-top {
    top: 0;
    right: auto;
    bottom: auto;
    left: 50%;
    -webkit-transform: translateX(-50%);
            transform: translateX(-50%); }
  body.swal2-toast-shown .swal2-container.swal2-top-end, body.swal2-toast-shown .swal2-container.swal2-top-right {
    top: 0;
    right: 0;
    bottom: auto;
    left: auto; }
  body.swal2-toast-shown .swal2-container.swal2-top-start, body.swal2-toast-shown .swal2-container.swal2-top-left {
    top: 0;
    right: auto;
    bottom: auto;
    left: 0; }
  body.swal2-toast-shown .swal2-container.swal2-center-start, body.swal2-toast-shown .swal2-container.swal2-center-left {
    top: 50%;
    right: auto;
    bottom: auto;
    left: 0;
    -webkit-transform: translateY(-50%);
            transform: translateY(-50%); }
  body.swal2-toast-shown .swal2-container.swal2-center {
    top: 50%;
    right: auto;
    bottom: auto;
    left: 50%;
    -webkit-transform: translate(-50%, -50%);
            transform: translate(-50%, -50%); }
  body.swal2-toast-shown .swal2-container.swal2-center-end, body.swal2-toast-shown .swal2-container.swal2-center-right {
    top: 50%;
    right: 0;
    bottom: auto;
    left: auto;
    -webkit-transform: translateY(-50%);
            transform: translateY(-50%); }
  body.swal2-toast-shown .swal2-container.swal2-bottom-start, body.swal2-toast-shown .swal2-container.swal2-bottom-left {
    top: auto;
    right: auto;
    bottom: 0;
    left: 0; }
  body.swal2-toast-shown .swal2-container.swal2-bottom {
    top: auto;
    right: auto;
    bottom: 0;
    left: 50%;
    -webkit-transform: translateX(-50%);
            transform: translateX(-50%); }
  body.swal2-toast-shown .swal2-container.swal2-bottom-end, body.swal2-toast-shown .swal2-container.swal2-bottom-right {
    top: auto;
    right: 0;
    bottom: 0;
    left: auto; }

body.swal2-toast-column .swal2-toast {
  flex-direction: column;
  align-items: stretch; }
  body.swal2-toast-column .swal2-toast .swal2-actions {
    flex: 1;
    align-self: stretch;
    height: 2.2em;
    margin-top: .3125em; }
  body.swal2-toast-column .swal2-toast .swal2-loading {
    justify-content: center; }
  body.swal2-toast-column .swal2-toast .swal2-input {
    height: 2em;
    margin: .3125em auto;
    font-size: 1em; }
  body.swal2-toast-column .swal2-toast .swal2-validation-message {
    font-size: 1em; }

.swal2-popup.swal2-toast {
  flex-direction: row;
  align-items: center;
  width: auto;
  padding: 0.625em;
  overflow-y: hidden;
  box-shadow: 0 0 0.625em #d9d9d9; }
  .swal2-popup.swal2-toast .swal2-header {
    flex-direction: row; }
  .swal2-popup.swal2-toast .swal2-title {
    flex-grow: 1;
    justify-content: flex-start;
    margin: 0 .6em;
    font-size: 1em; }
  .swal2-popup.swal2-toast .swal2-footer {
    margin: 0.5em 0 0;
    padding: 0.5em 0 0;
    font-size: 0.8em; }
  .swal2-popup.swal2-toast .swal2-close {
    position: initial;
    width: 0.8em;
    height: 0.8em;
    line-height: 0.8; }
  .swal2-popup.swal2-toast .swal2-content {
    justify-content: flex-start;
    font-size: 1em; }
  .swal2-popup.swal2-toast .swal2-icon {
    width: 2em;
    min-width: 2em;
    height: 2em;
    margin: 0; }
    .swal2-popup.swal2-toast .swal2-icon::before {
      display: flex;
      align-items: center;
      font-size: 2em;
      font-weight: bold; }
      @media all and (-ms-high-contrast: none), (-ms-high-contrast: active) {
        .swal2-popup.swal2-toast .swal2-icon::before {
          font-size: .25em; } }
    .swal2-popup.swal2-toast .swal2-icon.swal2-success .swal2-success-ring {
      width: 2em;
      height: 2em; }
    .swal2-popup.swal2-toast .swal2-icon.swal2-error [class^='swal2-x-mark-line'] {
      top: .875em;
      width: 1.375em; }
      .swal2-popup.swal2-toast .swal2-icon.swal2-error [class^='swal2-x-mark-line'][class$='left'] {
        left: .3125em; }
      .swal2-popup.swal2-toast .swal2-icon.swal2-error [class^='swal2-x-mark-line'][class$='right'] {
        right: .3125em; }
  .swal2-popup.swal2-toast .swal2-actions {
    height: auto;
    margin: 0 .3125em; }
  .swal2-popup.swal2-toast .swal2-styled {
    margin: 0 .3125em;
    padding: .3125em .625em;
    font-size: 1em; }
    .swal2-popup.swal2-toast .swal2-styled:focus {
      box-shadow: 0 0 0 0.0625em #fff, 0 0 0 0.125em rgba(50, 100, 150, 0.4); }
  .swal2-popup.swal2-toast .swal2-success {
    border-color: #a5dc86; }
    .swal2-popup.swal2-toast .swal2-success [class^='swal2-success-circular-line'] {
      position: absolute;
      width: 2em;
      height: 2.8125em;
      -webkit-transform: rotate(45deg);
              transform: rotate(45deg);
      border-radius: 50%; }
      .swal2-popup.swal2-toast .swal2-success [class^='swal2-success-circular-line'][class$='left'] {
        top: -.25em;
        left: -.9375em;
        -webkit-transform: rotate(-45deg);
                transform: rotate(-45deg);
        -webkit-transform-origin: 2em 2em;
                transform-origin: 2em 2em;
        border-radius: 4em 0 0 4em; }
      .swal2-popup.swal2-toast .swal2-success [class^='swal2-success-circular-line'][class$='right'] {
        top: -.25em;
        left: .9375em;
        -webkit-transform-origin: 0 2em;
                transform-origin: 0 2em;
        border-radius: 0 4em 4em 0; }
    .swal2-popup.swal2-toast .swal2-success .swal2-success-ring {
      width: 2em;
      height: 2em; }
    .swal2-popup.swal2-toast .swal2-success .swal2-success-fix {
      top: 0;
      left: .4375em;
      width: .4375em;
      height: 2.6875em; }
    .swal2-popup.swal2-toast .swal2-success [class^='swal2-success-line'] {
      height: .3125em; }
      .swal2-popup.swal2-toast .swal2-success [class^='swal2-success-line'][class$='tip'] {
        top: 1.125em;
        left: .1875em;
        width: .75em; }
      .swal2-popup.swal2-toast .swal2-success [class^='swal2-success-line'][class$='long'] {
        top: .9375em;
        right: .1875em;
        width: 1.375em; }
  .swal2-popup.swal2-toast.swal2-show {
    -webkit-animation: showSweetToast .5s;
            animation: showSweetToast .5s; }
  .swal2-popup.swal2-toast.swal2-hide {
    -webkit-animation: hideSweetToast .2s forwards;
            animation: hideSweetToast .2s forwards; }
  .swal2-popup.swal2-toast .swal2-animate-success-icon .swal2-success-line-tip {
    -webkit-animation: animate-toast-success-tip .75s;
            animation: animate-toast-success-tip .75s; }
  .swal2-popup.swal2-toast .swal2-animate-success-icon .swal2-success-line-long {
    -webkit-animation: animate-toast-success-long .75s;
            animation: animate-toast-success-long .75s; }

@-webkit-keyframes showSweetToast {
  0% {
    -webkit-transform: translateY(-0.625em) rotateZ(2deg);
            transform: translateY(-0.625em) rotateZ(2deg);
    opacity: 0; }
  33% {
    -webkit-transform: translateY(0) rotateZ(-2deg);
            transform: translateY(0) rotateZ(-2deg);
    opacity: .5; }
  66% {
    -webkit-transform: translateY(0.3125em) rotateZ(2deg);
            transform: translateY(0.3125em) rotateZ(2deg);
    opacity: .7; }
  100% {
    -webkit-transform: translateY(0) rotateZ(0);
            transform: translateY(0) rotateZ(0);
    opacity: 1; } }

@keyframes showSweetToast {
  0% {
    -webkit-transform: translateY(-0.625em) rotateZ(2deg);
            transform: translateY(-0.625em) rotateZ(2deg);
    opacity: 0; }
  33% {
    -webkit-transform: translateY(0) rotateZ(-2deg);
            transform: translateY(0) rotateZ(-2deg);
    opacity: .5; }
  66% {
    -webkit-transform: translateY(0.3125em) rotateZ(2deg);
            transform: translateY(0.3125em) rotateZ(2deg);
    opacity: .7; }
  100% {
    -webkit-transform: translateY(0) rotateZ(0);
            transform: translateY(0) rotateZ(0);
    opacity: 1; } }

@-webkit-keyframes hideSweetToast {
  0% {
    opacity: 1; }
  33% {
    opacity: .5; }
  100% {
    -webkit-transform: rotateZ(1deg);
            transform: rotateZ(1deg);
    opacity: 0; } }

@keyframes hideSweetToast {
  0% {
    opacity: 1; }
  33% {
    opacity: .5; }
  100% {
    -webkit-transform: rotateZ(1deg);
            transform: rotateZ(1deg);
    opacity: 0; } }

@-webkit-keyframes animate-toast-success-tip {
  0% {
    top: .5625em;
    left: .0625em;
    width: 0; }
  54% {
    top: .125em;
    left: .125em;
    width: 0; }
  70% {
    top: .625em;
    left: -.25em;
    width: 1.625em; }
  84% {
    top: 1.0625em;
    left: .75em;
    width: .5em; }
  100% {
    top: 1.125em;
    left: .1875em;
    width: .75em; } }

@keyframes animate-toast-success-tip {
  0% {
    top: .5625em;
    left: .0625em;
    width: 0; }
  54% {
    top: .125em;
    left: .125em;
    width: 0; }
  70% {
    top: .625em;
    left: -.25em;
    width: 1.625em; }
  84% {
    top: 1.0625em;
    left: .75em;
    width: .5em; }
  100% {
    top: 1.125em;
    left: .1875em;
    width: .75em; } }

@-webkit-keyframes animate-toast-success-long {
  0% {
    top: 1.625em;
    right: 1.375em;
    width: 0; }
  65% {
    top: 1.25em;
    right: .9375em;
    width: 0; }
  84% {
    top: .9375em;
    right: 0;
    width: 1.125em; }
  100% {
    top: .9375em;
    right: .1875em;
    width: 1.375em; } }

@keyframes animate-toast-success-long {
  0% {
    top: 1.625em;
    right: 1.375em;
    width: 0; }
  65% {
    top: 1.25em;
    right: .9375em;
    width: 0; }
  84% {
    top: .9375em;
    right: 0;
    width: 1.125em; }
  100% {
    top: .9375em;
    right: .1875em;
    width: 1.375em; } }

body.swal2-shown {
  /* stylelint-disable-line scss/no-duplicate-dollar-variables */
  /* stylelint-disable-line scss/no-duplicate-dollar-variables */ }
  body.swal2-shown:not(.swal2-no-backdrop):not(.swal2-toast-shown) {
    overflow: hidden; }

body.swal2-height-auto {
  height: auto !important; }

body.swal2-no-backdrop .swal2-shown {
  top: auto;
  right: auto;
  bottom: auto;
  left: auto;
  max-width: calc(100% - 0.625em * 2);
  background-color: transparent; }
  body.swal2-no-backdrop .swal2-shown > .swal2-modal {
    box-shadow: 0 0 10px rgba(0, 0, 0, 0.4); }
  body.swal2-no-backdrop .swal2-shown.swal2-top {
    top: 0;
    left: 50%;
    -webkit-transform: translateX(-50%);
            transform: translateX(-50%); }
  body.swal2-no-backdrop .swal2-shown.swal2-top-start, body.swal2-no-backdrop .swal2-shown.swal2-top-left {
    top: 0;
    left: 0; }
  body.swal2-no-backdrop .swal2-shown.swal2-top-end, body.swal2-no-backdrop .swal2-shown.swal2-top-right {
    top: 0;
    right: 0; }
  body.swal2-no-backdrop .swal2-shown.swal2-center {
    top: 50%;
    left: 50%;
    -webkit-transform: translate(-50%, -50%);
            transform: translate(-50%, -50%); }
  body.swal2-no-backdrop .swal2-shown.swal2-center-start, body.swal2-no-backdrop .swal2-shown.swal2-center-left {
    top: 50%;
    left: 0;
    -webkit-transform: translateY(-50%);
            transform: translateY(-50%); }
  body.swal2-no-backdrop .swal2-shown.swal2-center-end, body.swal2-no-backdrop .swal2-shown.swal2-center-right {
    top: 50%;
    right: 0;
    -webkit-transform: translateY(-50%);
            transform: translateY(-50%); }
  body.swal2-no-backdrop .swal2-shown.swal2-bottom {
    bottom: 0;
    left: 50%;
    -webkit-transform: translateX(-50%);
            transform: translateX(-50%); }
  body.swal2-no-backdrop .swal2-shown.swal2-bottom-start, body.swal2-no-backdrop .swal2-shown.swal2-bottom-left {
    bottom: 0;
    left: 0; }
  body.swal2-no-backdrop .swal2-shown.swal2-bottom-end, body.swal2-no-backdrop .swal2-shown.swal2-bottom-right {
    right: 0;
    bottom: 0; }

.swal2-container {
  display: flex;
  position: fixed;
  z-index: 1060;
  top: 0;
  right: 0;
  bottom: 0;
  left: 0;
  flex-direction: row;
  align-items: center;
  justify-content: center;
  padding: 0.625em;
  overflow-x: hidden;
  background-color: transparent;
  -webkit-overflow-scrolling: touch;
  /* stylelint-disable-line scss/no-duplicate-dollar-variables */
  /* stylelint-disable-line scss/no-duplicate-dollar-variables */
  /* stylelint-disable-line scss/no-duplicate-dollar-variables */
  /* stylelint-disable-line scss/no-duplicate-dollar-variables */
  /* stylelint-disable-line scss/no-duplicate-dollar-variables */
  /* stylelint-disable-line scss/no-duplicate-dollar-variables */
  /* stylelint-disable-line scss/no-duplicate-dollar-variables */
  /* stylelint-disable-line scss/no-duplicate-dollar-variables */
  /* stylelint-disable-line scss/no-duplicate-dollar-variables */
  /* stylelint-disable-line scss/no-duplicate-dollar-variables */
  /* stylelint-disable-line scss/no-duplicate-dollar-variables */
  /* stylelint-disable-line scss/no-duplicate-dollar-variables */
  /* stylelint-disable-line scss/no-duplicate-dollar-variables */
  /* stylelint-disable-line scss/no-duplicate-dollar-variables */
  /* stylelint-disable-line scss/no-duplicate-dollar-variables */ }
  .swal2-container.swal2-top {
    align-items: flex-start; }
  .swal2-container.swal2-top-start, .swal2-container.swal2-top-left {
    align-items: flex-start;
    justify-content: flex-start; }
  .swal2-container.swal2-top-end, .swal2-container.swal2-top-right {
    align-items: flex-start;
    justify-content: flex-end; }
  .swal2-container.swal2-center {
    align-items: center; }
  .swal2-container.swal2-center-start, .swal2-container.swal2-center-left {
    align-items: center;
    justify-content: flex-start; }
  .swal2-container.swal2-center-end, .swal2-container.swal2-center-right {
    align-items: center;
    justify-content: flex-end; }
  .swal2-container.swal2-bottom {
    align-items: flex-end; }
  .swal2-container.swal2-bottom-start, .swal2-container.swal2-bottom-left {
    align-items: flex-end;
    justify-content: flex-start; }
  .swal2-container.swal2-bottom-end, .swal2-container.swal2-bottom-right {
    align-items: flex-end;
    justify-content: flex-end; }
  .swal2-container.swal2-bottom > :first-child,
  .swal2-container.swal2-bottom-start > :first-child,
  .swal2-container.swal2-bottom-left > :first-child,
  .swal2-container.swal2-bottom-end > :first-child,
  .swal2-container.swal2-bottom-right > :first-child {
    margin-top: auto; }
  .swal2-container.swal2-grow-fullscreen > .swal2-modal {
    display: flex !important;
    flex: 1;
    align-self: stretch;
    justify-content: center; }
  .swal2-container.swal2-grow-row > .swal2-modal {
    display: flex !important;
    flex: 1;
    align-content: center;
    justify-content: center; }
  .swal2-container.swal2-grow-column {
    flex: 1;
    flex-direction: column; }
    .swal2-container.swal2-grow-column.swal2-top, .swal2-container.swal2-grow-column.swal2-center, .swal2-container.swal2-grow-column.swal2-bottom {
      align-items: center; }
    .swal2-container.swal2-grow-column.swal2-top-start, .swal2-container.swal2-grow-column.swal2-center-start, .swal2-container.swal2-grow-column.swal2-bottom-start, .swal2-container.swal2-grow-column.swal2-top-left, .swal2-container.swal2-grow-column.swal2-center-left, .swal2-container.swal2-grow-column.swal2-bottom-left {
      align-items: flex-start; }
    .swal2-container.swal2-grow-column.swal2-top-end, .swal2-container.swal2-grow-column.swal2-center-end, .swal2-container.swal2-grow-column.swal2-bottom-end, .swal2-container.swal2-grow-column.swal2-top-right, .swal2-container.swal2-grow-column.swal2-center-right, .swal2-container.swal2-grow-column.swal2-bottom-right {
      align-items: flex-end; }
    .swal2-container.swal2-grow-column > .swal2-modal {
      display: flex !important;
      flex: 1;
      align-content: center;
      justify-content: center; }
  .swal2-container:not(.swal2-top):not(.swal2-top-start):not(.swal2-top-end):not(.swal2-top-left):not(.swal2-top-right):not(.swal2-center-start):not(.swal2-center-end):not(.swal2-center-left):not(.swal2-center-right):not(.swal2-bottom):not(.swal2-bottom-start):not(.swal2-bottom-end):not(.swal2-bottom-left):not(.swal2-bottom-right):not(.swal2-grow-fullscreen) > .swal2-modal {
    margin: auto; }
  @media all and (-ms-high-contrast: none), (-ms-high-contrast: active) {
    .swal2-container .swal2-modal {
      margin: 0 !important; } }
  .swal2-container.swal2-fade {
    transition: background-color .1s; }
  .swal2-container.swal2-shown {
    background-color: rgba(0, 0, 0, 0.4); }

.swal2-popup {
  display: none;
  position: relative;
  box-sizing: border-box;
  flex-direction: column;
  justify-content: center;
  width: 32em;
  max-width: 100%;
  padding: 1.25em;
  border-radius: 0.3125em;
  background: #fff;
  font-family: inherit;
  font-size: 1rem; }
  .swal2-popup:focus {
    outline: none; }
  .swal2-popup.swal2-loading {
    overflow-y: hidden; }
  .swal2-popup .swal2-header {
    display: flex;
    flex-direction: column;
    align-items: center; }
  .swal2-popup .swal2-title {
    display: block;
    position: relative;
    max-width: 100%;
    margin: 0 0 0.4em;
    padding: 0;
    color: #595959;
    font-size: 1.875em;
    font-weight: 600;
    text-align: center;
    text-transform: none;
    word-wrap: break-word; }
  .swal2-popup .swal2-actions {
    z-index: 1;
    flex-wrap: wrap;
    align-items: center;
    justify-content: center;
    margin: 1.25em auto 0; }
    .swal2-popup .swal2-actions:not(.swal2-loading) .swal2-styled[disabled] {
      opacity: .4; }
    .swal2-popup .swal2-actions:not(.swal2-loading) .swal2-styled:hover {
      background-image: linear-gradient(rgba(0, 0, 0, 0.1), rgba(0, 0, 0, 0.1)); }
    .swal2-popup .swal2-actions:not(.swal2-loading) .swal2-styled:active {
      background-image: linear-gradient(rgba(0, 0, 0, 0.2), rgba(0, 0, 0, 0.2)); }
    .swal2-popup .swal2-actions.swal2-loading .swal2-styled.swal2-confirm {
      box-sizing: border-box;
      width: 2.5em;
      height: 2.5em;
      margin: .46875em;
      padding: 0;
      -webkit-animation: swal2-rotate-loading 1.5s linear 0s infinite normal;
              animation: swal2-rotate-loading 1.5s linear 0s infinite normal;
      border: .25em solid transparent;
      border-radius: 100%;
      border-color: transparent;
      background-color: transparent !important;
      color: transparent;
      cursor: default;
      -webkit-user-select: none;
         -moz-user-select: none;
          -ms-user-select: none;
              user-select: none; }
    .swal2-popup .swal2-actions.swal2-loading .swal2-styled.swal2-cancel {
      margin-right: 30px;
      margin-left: 30px; }
    .swal2-popup .swal2-actions.swal2-loading :not(.swal2-styled).swal2-confirm::after {
      content: '';
      display: inline-block;
      width: 15px;
      height: 15px;
      margin-left: 5px;
      -webkit-animation: swal2-rotate-loading 1.5s linear 0s infinite normal;
              animation: swal2-rotate-loading 1.5s linear 0s infinite normal;
      border: 3px solid #999999;
      border-radius: 50%;
      border-right-color: transparent;
      box-shadow: 1px 1px 1px #fff; }
  .swal2-popup .swal2-styled {
    margin: .3125em;
    padding: .625em 2em;
    box-shadow: none;
    font-weight: 500; }
    .swal2-popup .swal2-styled:not([disabled]) {
      cursor: pointer; }
    .swal2-popup .swal2-styled.swal2-confirm {
      border: 0;
      border-radius: 0.25em;
      background: initial;
      background-color: #3085d6;
      color: #fff;
      font-size: 1.0625em; }
    .swal2-popup .swal2-styled.swal2-cancel {
      border: 0;
      border-radius: 0.25em;
      background: initial;
      background-color: #aaa;
      color: #fff;
      font-size: 1.0625em; }
    .swal2-popup .swal2-styled:focus {
      outline: none;
      box-shadow: 0 0 0 2px #fff, 0 0 0 4px rgba(50, 100, 150, 0.4); }
    .swal2-popup .swal2-styled::-moz-focus-inner {
      border: 0; }
  .swal2-popup .swal2-footer {
    justify-content: center;
    margin: 1.25em 0 0;
    padding: 1em 0 0;
    border-top: 1px solid #eee;
    color: #545454;
    font-size: 1em; }
  .swal2-popup .swal2-image {
    max-width: 100%;
    margin: 1.25em auto; }
  .swal2-popup .swal2-close {
    position: absolute;
    top: 0;
    right: 0;
    justify-content: center;
    width: 1.2em;
    height: 1.2em;
    padding: 0;
    overflow: hidden;
    transition: color 0.1s ease-out;
    border: none;
    border-radius: 0;
    outline: initial;
    background: transparent;
    color: #cccccc;
    font-family: serif;
    font-size: 2.5em;
    line-height: 1.2;
    cursor: pointer; }
    .swal2-popup .swal2-close:hover {
      -webkit-transform: none;
              transform: none;
      color: #f27474; }
  .swal2-popup > .swal2-input,
  .swal2-popup > .swal2-file,
  .swal2-popup > .swal2-textarea,
  .swal2-popup > .swal2-select,
  .swal2-popup > .swal2-radio,
  .swal2-popup > .swal2-checkbox {
    display: none; }
  .swal2-popup .swal2-content {
    z-index: 1;
    justify-content: center;
    margin: 0;
    padding: 0;
    color: #545454;
    font-size: 1.125em;
    font-weight: 300;
    line-height: normal;
    word-wrap: break-word; }
  .swal2-popup #swal2-content {
    text-align: center; }
  .swal2-popup .swal2-input,
  .swal2-popup .swal2-file,
  .swal2-popup .swal2-textarea,
  .swal2-popup .swal2-select,
  .swal2-popup .swal2-radio,
  .swal2-popup .swal2-checkbox {
    margin: 1em auto; }
  .swal2-popup .swal2-input,
  .swal2-popup .swal2-file,
  .swal2-popup .swal2-textarea {
    box-sizing: border-box;
    width: 100%;
    transition: border-color .3s, box-shadow .3s;
    border: 1px solid #d9d9d9;
    border-radius: 0.1875em;
    background: inherit;
    box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.06);
    font-size: 1.125em; }
    .swal2-popup .swal2-input.swal2-inputerror,
    .swal2-popup .swal2-file.swal2-inputerror,
    .swal2-popup .swal2-textarea.swal2-inputerror {
      border-color: #f27474 !important;
      box-shadow: 0 0 2px #f27474 !important; }
    .swal2-popup .swal2-input:focus,
    .swal2-popup .swal2-file:focus,
    .swal2-popup .swal2-textarea:focus {
      border: 1px solid #b4dbed;
      outline: none;
      box-shadow: 0 0 3px #c4e6f5; }
    .swal2-popup .swal2-input::-webkit-input-placeholder,
    .swal2-popup .swal2-file::-webkit-input-placeholder,
    .swal2-popup .swal2-textarea::-webkit-input-placeholder {
      color: #cccccc; }
    .swal2-popup .swal2-input:-ms-input-placeholder,
    .swal2-popup .swal2-file:-ms-input-placeholder,
    .swal2-popup .swal2-textarea:-ms-input-placeholder {
      color: #cccccc; }
    .swal2-popup .swal2-input::-ms-input-placeholder,
    .swal2-popup .swal2-file::-ms-input-placeholder,
    .swal2-popup .swal2-textarea::-ms-input-placeholder {
      color: #cccccc; }
    .swal2-popup .swal2-input::placeholder,
    .swal2-popup .swal2-file::placeholder,
    .swal2-popup .swal2-textarea::placeholder {
      color: #cccccc; }
  .swal2-popup .swal2-range {
    margin: 1em auto;
    background: inherit; }
    .swal2-popup .swal2-range input {
      width: 80%; }
    .swal2-popup .swal2-range output {
      width: 20%;
      font-weight: 600;
      text-align: center; }
    .swal2-popup .swal2-range input,
    .swal2-popup .swal2-range output {
      height: 2.625em;
      padding: 0;
      font-size: 1.125em;
      line-height: 2.625em; }
  .swal2-popup .swal2-input {
    height: 2.625em;
    padding: 0 0.75em; }
    .swal2-popup .swal2-input[type='number'] {
      max-width: 10em; }
  .swal2-popup .swal2-file {
    background: inherit;
    font-size: 1.125em; }
  .swal2-popup .swal2-textarea {
    height: 6.75em;
    padding: 0.75em; }
  .swal2-popup .swal2-select {
    min-width: 50%;
    max-width: 100%;
    padding: .375em .625em;
    background: inherit;
    color: #545454;
    font-size: 1.125em; }
  .swal2-popup .swal2-radio,
  .swal2-popup .swal2-checkbox {
    align-items: center;
    justify-content: center;
    background: inherit; }
    .swal2-popup .swal2-radio label,
    .swal2-popup .swal2-checkbox label {
      margin: 0 .6em;
      font-size: 1.125em; }
    .swal2-popup .swal2-radio input,
    .swal2-popup .swal2-checkbox input {
      margin: 0 .4em; }
  .swal2-popup .swal2-validation-message {
    display: none;
    align-items: center;
    justify-content: center;
    padding: 0.625em;
    overflow: hidden;
    background: #f0f0f0;
    color: #666666;
    font-size: 1em;
    font-weight: 300; }
    .swal2-popup .swal2-validation-message::before {
      content: '!';
      display: inline-block;
      width: 1.5em;
      min-width: 1.5em;
      height: 1.5em;
      margin: 0 .625em;
      zoom: normal;
      border-radius: 50%;
      background-color: #f27474;
      color: #fff;
      font-weight: 600;
      line-height: 1.5em;
      text-align: center; }

@supports (-ms-accelerator: true) {
  .swal2-range input {
    width: 100% !important; }
  .swal2-range output {
    display: none; } }

@media all and (-ms-high-contrast: none), (-ms-high-contrast: active) {
  .swal2-range input {
    width: 100% !important; }
  .swal2-range output {
    display: none; } }

@-moz-document url-prefix() {
  .swal2-close:focus {
    outline: 2px solid rgba(50, 100, 150, 0.4); } }

.swal2-icon {
  position: relative;
  box-sizing: content-box;
  justify-content: center;
  width: 5em;
  height: 5em;
  margin: 1.25em auto 1.875em;
  zoom: normal;
  border: .25em solid transparent;
  border-radius: 50%;
  line-height: 5em;
  cursor: default;
  -webkit-user-select: none;
     -moz-user-select: none;
      -ms-user-select: none;
          user-select: none; }
  .swal2-icon::before {
    display: flex;
    align-items: center;
    height: 92%;
    font-size: 3.75em; }
  .swal2-icon.swal2-error {
    border-color: #f27474; }
    .swal2-icon.swal2-error .swal2-x-mark {
      position: relative;
      flex-grow: 1; }
    .swal2-icon.swal2-error [class^='swal2-x-mark-line'] {
      display: block;
      position: absolute;
      top: 2.3125em;
      width: 2.9375em;
      height: .3125em;
      border-radius: .125em;
      background-color: #f27474; }
      .swal2-icon.swal2-error [class^='swal2-x-mark-line'][class$='left'] {
        left: 1.0625em;
        -webkit-transform: rotate(45deg);
                transform: rotate(45deg); }
      .swal2-icon.swal2-error [class^='swal2-x-mark-line'][class$='right'] {
        right: 1em;
        -webkit-transform: rotate(-45deg);
                transform: rotate(-45deg); }
  .swal2-icon.swal2-warning {
    border-color: #facea8;
    color: #f8bb86; }
    .swal2-icon.swal2-warning::before {
      content: '!'; }
  .swal2-icon.swal2-info {
    border-color: #9de0f6;
    color: #3fc3ee; }
    .swal2-icon.swal2-info::before {
      content: 'i'; }
  .swal2-icon.swal2-question {
    border-color: #c9dae1;
    color: #87adbd; }
    .swal2-icon.swal2-question::before {
      content: '?'; }
    .swal2-icon.swal2-question.swal2-arabic-question-mark::before {
      content: '؟'; }
  .swal2-icon.swal2-success {
    border-color: #a5dc86; }
    .swal2-icon.swal2-success [class^='swal2-success-circular-line'] {
      position: absolute;
      width: 3.75em;
      height: 7.5em;
      -webkit-transform: rotate(45deg);
              transform: rotate(45deg);
      border-radius: 50%; }
      .swal2-icon.swal2-success [class^='swal2-success-circular-line'][class$='left'] {
        top: -.4375em;
        left: -2.0635em;
        -webkit-transform: rotate(-45deg);
                transform: rotate(-45deg);
        -webkit-transform-origin: 3.75em 3.75em;
                transform-origin: 3.75em 3.75em;
        border-radius: 7.5em 0 0 7.5em; }
      .swal2-icon.swal2-success [class^='swal2-success-circular-line'][class$='right'] {
        top: -.6875em;
        left: 1.875em;
        -webkit-transform: rotate(-45deg);
                transform: rotate(-45deg);
        -webkit-transform-origin: 0 3.75em;
                transform-origin: 0 3.75em;
        border-radius: 0 7.5em 7.5em 0; }
    .swal2-icon.swal2-success .swal2-success-ring {
      position: absolute;
      z-index: 2;
      top: -.25em;
      left: -.25em;
      box-sizing: content-box;
      width: 100%;
      height: 100%;
      border: 0.25em solid rgba(165, 220, 134, 0.3);
      border-radius: 50%; }
    .swal2-icon.swal2-success .swal2-success-fix {
      position: absolute;
      z-index: 1;
      top: .5em;
      left: 1.625em;
      width: .4375em;
      height: 5.625em;
      -webkit-transform: rotate(-45deg);
              transform: rotate(-45deg); }
    .swal2-icon.swal2-success [class^='swal2-success-line'] {
      display: block;
      position: absolute;
      z-index: 2;
      height: .3125em;
      border-radius: .125em;
      background-color: #a5dc86; }
      .swal2-icon.swal2-success [class^='swal2-success-line'][class$='tip'] {
        top: 2.875em;
        left: .875em;
        width: 1.5625em;
        -webkit-transform: rotate(45deg);
                transform: rotate(45deg); }
      .swal2-icon.swal2-success [class^='swal2-success-line'][class$='long'] {
        top: 2.375em;
        right: .5em;
        width: 2.9375em;
        -webkit-transform: rotate(-45deg);
                transform: rotate(-45deg); }

.swal2-progress-steps {
  align-items: center;
  margin: 0 0 1.25em;
  padding: 0;
  background: inherit;
  font-weight: 600; }
  .swal2-progress-steps li {
    display: inline-block;
    position: relative; }
  .swal2-progress-steps .swal2-progress-step {
    z-index: 20;
    width: 2em;
    height: 2em;
    border-radius: 2em;
    background: #3085d6;
    color: #fff;
    line-height: 2em;
    text-align: center; }
    .swal2-progress-steps .swal2-progress-step.swal2-active-progress-step {
      background: #3085d6; }
      .swal2-progress-steps .swal2-progress-step.swal2-active-progress-step ~ .swal2-progress-step {
        background: #add8e6;
        color: #fff; }
      .swal2-progress-steps .swal2-progress-step.swal2-active-progress-step ~ .swal2-progress-step-line {
        background: #add8e6; }
  .swal2-progress-steps .swal2-progress-step-line {
    z-index: 10;
    width: 2.5em;
    height: .4em;
    margin: 0 -1px;
    background: #3085d6; }

[class^='swal2'] {
  -webkit-tap-highlight-color: transparent; }

.swal2-show {
  -webkit-animation: swal2-show 0.3s;
          animation: swal2-show 0.3s; }
  .swal2-show.swal2-noanimation {
    -webkit-animation: none;
            animation: none; }

.swal2-hide {
  -webkit-animation: swal2-hide 0.15s forwards;
          animation: swal2-hide 0.15s forwards; }
  .swal2-hide.swal2-noanimation {
    -webkit-animation: none;
            animation: none; }

.swal2-rtl .swal2-close {
  right: auto;
  left: 0; }

.swal2-animate-success-icon .swal2-success-line-tip {
  -webkit-animation: swal2-animate-success-line-tip 0.75s;
          animation: swal2-animate-success-line-tip 0.75s; }

.swal2-animate-success-icon .swal2-success-line-long {
  -webkit-animation: swal2-animate-success-line-long 0.75s;
          animation: swal2-animate-success-line-long 0.75s; }

.swal2-animate-success-icon .swal2-success-circular-line-right {
  -webkit-animation: swal2-rotate-success-circular-line 4.25s ease-in;
          animation: swal2-rotate-success-circular-line 4.25s ease-in; }

.swal2-animate-error-icon {
  -webkit-animation: swal2-animate-error-icon 0.5s;
          animation: swal2-animate-error-icon 0.5s; }
  .swal2-animate-error-icon .swal2-x-mark {
    -webkit-animation: swal2-animate-error-x-mark 0.5s;
            animation: swal2-animate-error-x-mark 0.5s; }

@-webkit-keyframes swal2-rotate-loading {
  0% {
    -webkit-transform: rotate(0deg);
            transform: rotate(0deg); }
  100% {
    -webkit-transform: rotate(360deg);
            transform: rotate(360deg); } }

@keyframes swal2-rotate-loading {
  0% {
    -webkit-transform: rotate(0deg);
            transform: rotate(0deg); }
  100% {
    -webkit-transform: rotate(360deg);
            transform: rotate(360deg); } }

@media print {
  body.swal2-shown {
    /* stylelint-disable-line scss/no-duplicate-dollar-variables */
    /* stylelint-disable-line scss/no-duplicate-dollar-variables */ }
    body.swal2-shown:not(.swal2-no-backdrop):not(.swal2-toast-shown) {
      overflow-y: scroll !important; }
      body.swal2-shown:not(.swal2-no-backdrop):not(.swal2-toast-shown) > [aria-hidden='true'] {
        display: none; }
      body.swal2-shown:not(.swal2-no-backdrop):not(.swal2-toast-shown) .swal2-container {
        position: initial !important; } }


@font-face {
  font-family: "socicon";
  src:url("../font/socicon.eot");
  src:url("../font/socicon.eot?#iefix") format("embedded-opentype"),
    url("../font/socicon.woff") format("woff"),
    url("../font/socicon.ttf") format("truetype"),
    url("../font/socicon.svg#socicon") format("svg");
  font-weight: normal;
  font-style: normal;

}

[data-icon]:before {
  font-family: "socicon" !important;
  content: attr(data-icon);
  font-style: normal !important;
  font-weight: normal !important;
  font-variant: normal !important;
  text-transform: none !important;
  speak: none;
  line-height: 1;
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
}

[class^="socicon-"]:before,
[class*=" socicon-"]:before {
  font-family: "socicon" !important;
  font-style: normal !important;
  font-weight: normal !important;
  font-variant: normal !important;
  text-transform: none !important;
  speak: none;
  line-height: 1;
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
}

.socicon-modelmayhem:before {
  content: "\e000";
}
.socicon-mixcloud:before {
  content: "\e001";
}
.socicon-drupal:before {
  content: "\e002";
}
.socicon-swarm:before {
  content: "\e003";
}
.socicon-istock:before {
  content: "\e004";
}
.socicon-yammer:before {
  content: "\e005";
}
.socicon-ello:before {
  content: "\e006";
}
.socicon-stackoverflow:before {
  content: "\e007";
}
.socicon-persona:before {
  content: "\e008";
}
.socicon-triplej:before {
  content: "\e009";
}
.socicon-houzz:before {
  content: "\e00a";
}
.socicon-rss:before {
  content: "\e00b";
}
.socicon-paypal:before {
  content: "\e00c";
}
.socicon-odnoklassniki:before {
  content: "\e00d";
}
.socicon-airbnb:before {
  content: "\e00e";
}
.socicon-periscope:before {
  content: "\e00f";
}
.socicon-outlook:before {
  content: "\e010";
}
.socicon-coderwall:before {
  content: "\e011";
}
.socicon-tripadvisor:before {
  content: "\e012";
}
.socicon-appnet:before {
  content: "\e013";
}
.socicon-goodreads:before {
  content: "\e014";
}
.socicon-tripit:before {
  content: "\e015";
}
.socicon-lanyrd:before {
  content: "\e016";
}
.socicon-slideshare:before {
  content: "\e017";
}
.socicon-buffer:before {
  content: "\e018";
}
.socicon-disqus:before {
  content: "\e019";
}
.socicon-vkontakte:before {
  content: "\e01a";
}
.socicon-whatsapp:before {
  content: "\e01b";
}
.socicon-patreon:before {
  content: "\e01c";
}
.socicon-storehouse:before {
  content: "\e01d";
}
.socicon-pocket:before {
  content: "\e01e";
}
.socicon-mail:before {
  content: "\e01f";
}
.socicon-blogger:before {
  content: "\e020";
}
.socicon-technorati:before {
  content: "\e021";
}
.socicon-reddit:before {
  content: "\e022";
}
.socicon-dribbble:before {
  content: "\e023";
}
.socicon-stumbleupon:before {
  content: "\e024";
}
.socicon-digg:before {
  content: "\e025";
}
.socicon-envato:before {
  content: "\e026";
}
.socicon-behance:before {
  content: "\e027";
}
.socicon-delicious:before {
  content: "\e028";
}
.socicon-deviantart:before {
  content: "\e029";
}
.socicon-forrst:before {
  content: "\e02a";
}
.socicon-play:before {
  content: "\e02b";
}
.socicon-zerply:before {
  content: "\e02c";
}
.socicon-wikipedia:before {
  content: "\e02d";
}
.socicon-apple:before {
  content: "\e02e";
}
.socicon-flattr:before {
  content: "\e02f";
}
.socicon-github:before {
  content: "\e030";
}
.socicon-renren:before {
  content: "\e031";
}
.socicon-friendfeed:before {
  content: "\e032";
}
.socicon-newsvine:before {
  content: "\e033";
}
.socicon-identica:before {
  content: "\e034";
}
.socicon-bebo:before {
  content: "\e035";
}
.socicon-zynga:before {
  content: "\e036";
}
.socicon-steam:before {
  content: "\e037";
}
.socicon-xbox:before {
  content: "\e038";
}
.socicon-windows:before {
  content: "\e039";
}
.socicon-qq:before {
  content: "\e03a";
}
.socicon-douban:before {
  content: "\e03b";
}
.socicon-meetup:before {
  content: "\e03c";
}
.socicon-playstation:before {
  content: "\e03d";
}
.socicon-android:before {
  content: "\e03e";
}
.socicon-snapchat:before {
  content: "\e03f";
}
.socicon-twitter:before {
  content: "\e040";
}
.socicon-facebook:before {
  content: "\e041";
}
.socicon-googleplus:before {
  content: "\e042";
}
.socicon-pinterest:before {
  content: "\e043";
}
.socicon-foursquare:before {
  content: "\e044";
}
.socicon-yahoo:before {
  content: "\e045";
}
.socicon-skype:before {
  content: "\e046";
}
.socicon-yelp:before {
  content: "\e047";
}
.socicon-feedburner:before {
  content: "\e048";
}
.socicon-linkedin:before {
  content: "\e049";
}
.socicon-viadeo:before {
  content: "\e04a";
}
.socicon-xing:before {
  content: "\e04b";
}
.socicon-myspace:before {
  content: "\e04c";
}
.socicon-soundcloud:before {
  content: "\e04d";
}
.socicon-spotify:before {
  content: "\e04e";
}
.socicon-grooveshark:before {
  content: "\e04f";
}
.socicon-lastfm:before {
  content: "\e050";
}
.socicon-youtube:before {
  content: "\e051";
}
.socicon-vimeo:before {
  content: "\e052";
}
.socicon-dailymotion:before {
  content: "\e053";
}
.socicon-vine:before {
  content: "\e054";
}
.socicon-flickr:before {
  content: "\e055";
}
.socicon-500px:before {
  content: "\e056";
}
.socicon-wordpress:before {
  content: "\e058";
}
.socicon-tumblr:before {
  content: "\e059";
}
.socicon-twitch:before {
  content: "\e05a";
}
.socicon-8tracks:before {
  content: "\e05b";
}
.socicon-amazon:before {
  content: "\e05c";
}
.socicon-icq:before {
  content: "\e05d";
}
.socicon-smugmug:before {
  content: "\e05e";
}
.socicon-ravelry:before {
  content: "\e05f";
}
.socicon-weibo:before {
  content: "\e060";
}
.socicon-baidu:before {
  content: "\e061";
}
.socicon-angellist:before {
  content: "\e062";
}
.socicon-ebay:before {
  content: "\e063";
}
.socicon-imdb:before {
  content: "\e064";
}
.socicon-stayfriends:before {
  content: "\e065";
}
.socicon-residentadvisor:before {
  content: "\e066";
}
.socicon-google:before {
  content: "\e067";
}
.socicon-yandex:before {
  content: "\e068";
}
.socicon-sharethis:before {
  content: "\e069";
}
.socicon-bandcamp:before {
  content: "\e06a";
}
.socicon-itunes:before {
  content: "\e06b";
}
.socicon-deezer:before {
  content: "\e06c";
}
.socicon-telegram:before {
  content: "\e06e";
}
.socicon-openid:before {
  content: "\e06f";
}
.socicon-amplement:before {
  content: "\e070";
}
.socicon-viber:before {
  content: "\e071";
}
.socicon-zomato:before {
  content: "\e072";
}
.socicon-draugiem:before {
  content: "\e074";
}
.socicon-endomodo:before {
  content: "\e075";
}
.socicon-filmweb:before {
  content: "\e076";
}
.socicon-stackexchange:before {
  content: "\e077";
}
.socicon-wykop:before {
  content: "\e078";
}
.socicon-teamspeak:before {
  content: "\e079";
}
.socicon-teamviewer:before {
  content: "\e07a";
}
.socicon-ventrilo:before {
  content: "\e07b";
}
.socicon-younow:before {
  content: "\e07c";
}
.socicon-raidcall:before {
  content: "\e07d";
}
.socicon-mumble:before {
  content: "\e07e";
}
.socicon-medium:before {
  content: "\e06d";
}
.socicon-bebee:before {
  content: "\e07f";
}
.socicon-hitbox:before {
  content: "\e080";
}
.socicon-reverbnation:before {
  content: "\e081";
}
.socicon-formulr:before {
  content: "\e082";
}
.socicon-instagram:before {
  content: "\e057";
}
.socicon-battlenet:before {
  content: "\e083";
}
.socicon-chrome:before {
  content: "\e084";
}
.socicon-discord:before {
  content: "\e086";
}
.socicon-issuu:before {
  content: "\e087";
}
.socicon-macos:before {
  content: "\e088";
}
.socicon-firefox:before {
  content: "\e089";
}
.socicon-opera:before {
  content: "\e08d";
}
.socicon-keybase:before {
  content: "\e090";
}
.socicon-alliance:before {
  content: "\e091";
}
.socicon-livejournal:before {
  content: "\e092";
}
.socicon-googlephotos:before {
  content: "\e093";
}
.socicon-horde:before {
  content: "\e094";
}
.socicon-etsy:before {
  content: "\e095";
}
.socicon-zapier:before {
  content: "\e096";
}
.socicon-google-scholar:before {
  content: "\e097";
}
.socicon-researchgate:before {
  content: "\e098";
}
.socicon-wechat:before {
  content: "\e099";
}
.socicon-strava:before {
  content: "\e09a";
}
.socicon-line:before {
  content: "\e09b";
}
.socicon-lyft:before {
  content: "\e09c";
}
.socicon-uber:before {
  content: "\e09d";
}
.socicon-songkick:before {
  content: "\e09e";
}
.socicon-viewbug:before {
  content: "\e09f";
}
.socicon-googlegroups:before {
  content: "\e0a0";
}
.socicon-quora:before {
  content: "\e073";
}
.socicon-diablo:before {
  content: "\e085";
}
.socicon-blizzard:before {
  content: "\e0a1";
}
.socicon-hearthstone:before {
  content: "\e08b";
}
.socicon-heroes:before {
  content: "\e08a";
}
.socicon-overwatch:before {
  content: "\e08c";
}
.socicon-warcraft:before {
  content: "\e08e";
}
.socicon-starcraft:before {
  content: "\e08f";
}
.socicon-beam:before {
  content: "\e0a2";
}
.socicon-curse:before {
  content: "\e0a3";
}
.socicon-player:before {
  content: "\e0a4";
}
.socicon-streamjar:before {
  content: "\e0a5";
}
.socicon-nintendo:before {
  content: "\e0a6";
}
.socicon-hellocoton:before {
  content: "\e0a7";
}
/*!
FullCalendar Core Package v4.2.0
Docs & License: https://fullcalendar.io/
(c) 2019 Adam Shaw
*/

.fc {
  direction: ltr;
  text-align: left; }

.fc-rtl {
  text-align: right; }

body .fc {
  /* extra precedence to overcome jqui */
  font-size: 1em; }

/* Colors
--------------------------------------------------------------------------------------------------*/
.fc-highlight {
  /* when user is selecting cells */
  background: #bce8f1;
  opacity: .3; }

.fc-bgevent {
  /* default look for background events */
  background: #8fdf82;
  opacity: .3; }

.fc-nonbusiness {
  /* default look for non-business-hours areas */
  /* will inherit .fc-bgevent's styles */
  background: #d7d7d7; }

/* Popover
--------------------------------------------------------------------------------------------------*/
.fc-popover {
  position: absolute;
  box-shadow: 0 2px 6px rgba(0, 0, 0, 0.15); }

.fc-popover .fc-header {
  /* TODO: be more consistent with fc-head/fc-body */
  display: flex;
  flex-direction: row;
  justify-content: space-between;
  align-items: center;
  padding: 2px 4px; }

.fc-rtl .fc-popover .fc-header {
  flex-direction: row-reverse; }

.fc-popover .fc-header .fc-title {
  margin: 0 2px; }

.fc-popover .fc-header .fc-close {
  cursor: pointer;
  opacity: 0.65;
  font-size: 1.1em; }

/* Misc Reusable Components
--------------------------------------------------------------------------------------------------*/
.fc-divider {
  border-style: solid;
  border-width: 1px; }

hr.fc-divider {
  height: 0;
  margin: 0;
  padding: 0 0 2px;
  /* height is unreliable across browsers, so use padding */
  border-width: 1px 0; }

.fc-bg,
.fc-bgevent-skeleton,
.fc-highlight-skeleton,
.fc-mirror-skeleton {
  /* these element should always cling to top-left/right corners */
  position: absolute;
  top: 0;
  left: 0;
  right: 0; }

.fc-bg {
  bottom: 0;
  /* strech bg to bottom edge */ }

.fc-bg table {
  height: 100%;
  /* strech bg to bottom edge */ }

/* Tables
--------------------------------------------------------------------------------------------------*/
.fc table {
  width: 100%;
  box-sizing: border-box;
  /* fix scrollbar issue in firefox */
  table-layout: fixed;
  border-collapse: collapse;
  border-spacing: 0;
  font-size: 1em;
  /* normalize cross-browser */ }

.fc th {
  text-align: center; }

.fc th,
.fc td {
  border-style: solid;
  border-width: 1px;
  padding: 0;
  vertical-align: top; }

.fc td.fc-today {
  border-style: double;
  /* overcome neighboring borders */ }

/* Internal Nav Links
--------------------------------------------------------------------------------------------------*/
a[data-goto] {
  cursor: pointer; }

a[data-goto]:hover {
  text-decoration: underline; }

/* Fake Table Rows
--------------------------------------------------------------------------------------------------*/
.fc .fc-row {
  /* extra precedence to overcome themes forcing a 1px border */
  /* no visible border by default. but make available if need be (scrollbar width compensation) */
  border-style: solid;
  border-width: 0; }

.fc-row table {
  /* don't put left/right border on anything within a fake row.
     the outer tbody will worry about this */
  border-left: 0 hidden transparent;
  border-right: 0 hidden transparent;
  /* no bottom borders on rows */
  border-bottom: 0 hidden transparent; }

.fc-row:first-child table {
  border-top: 0 hidden transparent;
  /* no top border on first row */ }

/* Day Row (used within the header and the DayGrid)
--------------------------------------------------------------------------------------------------*/
.fc-row {
  position: relative; }

.fc-row .fc-bg {
  z-index: 1; }

/* highlighting cells & background event skeleton */
.fc-row .fc-bgevent-skeleton,
.fc-row .fc-highlight-skeleton {
  bottom: 0;
  /* stretch skeleton to bottom of row */ }

.fc-row .fc-bgevent-skeleton table,
.fc-row .fc-highlight-skeleton table {
  height: 100%;
  /* stretch skeleton to bottom of row */ }

.fc-row .fc-highlight-skeleton td,
.fc-row .fc-bgevent-skeleton td {
  border-color: transparent; }

.fc-row .fc-bgevent-skeleton {
  z-index: 2; }

.fc-row .fc-highlight-skeleton {
  z-index: 3; }

/*
row content (which contains day/week numbers and events) as well as "mirror" (which contains
temporary rendered events).
*/
.fc-row .fc-content-skeleton {
  position: relative;
  z-index: 4;
  padding-bottom: 2px;
  /* matches the space above the events */ }

.fc-row .fc-mirror-skeleton {
  z-index: 5; }

.fc .fc-row .fc-content-skeleton table,
.fc .fc-row .fc-content-skeleton td,
.fc .fc-row .fc-mirror-skeleton td {
  /* see-through to the background below */
  /* extra precedence to prevent theme-provided backgrounds */
  background: none;
  /* in case <td>s are globally styled */
  border-color: transparent; }

.fc-row .fc-content-skeleton td,
.fc-row .fc-mirror-skeleton td {
  /* don't put a border between events and/or the day number */
  border-bottom: 0; }

.fc-row .fc-content-skeleton tbody td,
.fc-row .fc-mirror-skeleton tbody td {
  /* don't put a border between event cells */
  border-top: 0; }

/* Scrolling Container
--------------------------------------------------------------------------------------------------*/
.fc-scroller {
  -webkit-overflow-scrolling: touch; }

/* TODO: move to timegrid/daygrid */
.fc-scroller > .fc-day-grid,
.fc-scroller > .fc-time-grid {
  position: relative;
  /* re-scope all positions */
  width: 100%;
  /* hack to force re-sizing this inner element when scrollbars appear/disappear */ }

/* Global Event Styles
--------------------------------------------------------------------------------------------------*/
.fc-event {
  position: relative;
  /* for resize handle and other inner positioning */
  display: block;
  /* make the <a> tag block */
  font-size: .85em;
  line-height: 1.4;
  border-radius: 3px;
  border: 1px solid #3788d8; }

.fc-event,
.fc-event-dot {
  background-color: #3788d8;
  /* default BACKGROUND color */ }

.fc-event,
.fc-event:hover {
  color: #fff;
  /* default TEXT color */
  text-decoration: none;
  /* if <a> has an href */ }

.fc-event[href],
.fc-event.fc-draggable {
  cursor: pointer;
  /* give events with links and draggable events a hand mouse pointer */ }

.fc-not-allowed,
.fc-not-allowed .fc-event {
  /* to override an event's custom cursor */
  cursor: not-allowed; }

.fc-event .fc-content {
  position: relative;
  z-index: 2; }

/* resizer (cursor AND touch devices) */
.fc-event .fc-resizer {
  position: absolute;
  z-index: 4; }

/* resizer (touch devices) */
.fc-event .fc-resizer {
  display: none; }

.fc-event.fc-allow-mouse-resize .fc-resizer,
.fc-event.fc-selected .fc-resizer {
  /* only show when hovering or selected (with touch) */
  display: block; }

/* hit area */
.fc-event.fc-selected .fc-resizer:before {
  /* 40x40 touch area */
  content: "";
  position: absolute;
  z-index: 9999;
  /* user of this util can scope within a lower z-index */
  top: 50%;
  left: 50%;
  width: 40px;
  height: 40px;
  margin-left: -20px;
  margin-top: -20px; }

/* Event Selection (only for touch devices)
--------------------------------------------------------------------------------------------------*/
.fc-event.fc-selected {
  z-index: 9999 !important;
  /* overcomes inline z-index */
  box-shadow: 0 2px 5px rgba(0, 0, 0, 0.2); }

.fc-event.fc-selected:after {
  content: "";
  position: absolute;
  z-index: 1;
  /* same z-index as fc-bg, behind text */
  /* overcome the borders */
  top: -1px;
  right: -1px;
  bottom: -1px;
  left: -1px;
  /* darkening effect */
  background: #000;
  opacity: .25; }

/* Event Dragging
--------------------------------------------------------------------------------------------------*/
.fc-event.fc-dragging.fc-selected {
  box-shadow: 0 2px 7px rgba(0, 0, 0, 0.3); }

.fc-event.fc-dragging:not(.fc-selected) {
  opacity: .75; }

/* Horizontal Events
--------------------------------------------------------------------------------------------------*/
/* bigger touch area when selected */
.fc-h-event.fc-selected:before {
  content: "";
  position: absolute;
  z-index: 3;
  /* below resizers */
  top: -10px;
  bottom: -10px;
  left: 0;
  right: 0; }

/* events that are continuing to/from another week. kill rounded corners and butt up against edge */
.fc-ltr .fc-h-event.fc-not-start,
.fc-rtl .fc-h-event.fc-not-end {
  margin-left: 0;
  border-left-width: 0;
  padding-left: 1px;
  /* replace the border with padding */
  border-top-left-radius: 0;
  border-bottom-left-radius: 0; }

.fc-ltr .fc-h-event.fc-not-end,
.fc-rtl .fc-h-event.fc-not-start {
  margin-right: 0;
  border-right-width: 0;
  padding-right: 1px;
  /* replace the border with padding */
  border-top-right-radius: 0;
  border-bottom-right-radius: 0; }

/* resizer (cursor AND touch devices) */
/* left resizer  */
.fc-ltr .fc-h-event .fc-start-resizer,
.fc-rtl .fc-h-event .fc-end-resizer {
  cursor: w-resize;
  left: -1px;
  /* overcome border */ }

/* right resizer */
.fc-ltr .fc-h-event .fc-end-resizer,
.fc-rtl .fc-h-event .fc-start-resizer {
  cursor: e-resize;
  right: -1px;
  /* overcome border */ }

/* resizer (mouse devices) */
.fc-h-event.fc-allow-mouse-resize .fc-resizer {
  width: 7px;
  top: -1px;
  /* overcome top border */
  bottom: -1px;
  /* overcome bottom border */ }

/* resizer (touch devices) */
.fc-h-event.fc-selected .fc-resizer {
  /* 8x8 little dot */
  border-radius: 4px;
  border-width: 1px;
  width: 6px;
  height: 6px;
  border-style: solid;
  border-color: inherit;
  background: #fff;
  /* vertically center */
  top: 50%;
  margin-top: -4px; }

/* left resizer  */
.fc-ltr .fc-h-event.fc-selected .fc-start-resizer,
.fc-rtl .fc-h-event.fc-selected .fc-end-resizer {
  margin-left: -4px;
  /* centers the 8x8 dot on the left edge */ }

/* right resizer */
.fc-ltr .fc-h-event.fc-selected .fc-end-resizer,
.fc-rtl .fc-h-event.fc-selected .fc-start-resizer {
  margin-right: -4px;
  /* centers the 8x8 dot on the right edge */ }

/* DayGrid events
----------------------------------------------------------------------------------------------------
We use the full "fc-day-grid-event" class instead of using descendants because the event won't
be a descendant of the grid when it is being dragged.
*/
.fc-day-grid-event {
  margin: 1px 2px 0;
  /* spacing between events and edges */
  padding: 0 1px; }

tr:first-child > td > .fc-day-grid-event {
  margin-top: 2px;
  /* a little bit more space before the first event */ }

.fc-mirror-skeleton tr:first-child > td > .fc-day-grid-event {
  margin-top: 0;
  /* except for mirror skeleton */ }

.fc-day-grid-event .fc-content {
  /* force events to be one-line tall */
  white-space: nowrap;
  overflow: hidden; }

.fc-day-grid-event .fc-time {
  font-weight: bold; }

/* resizer (cursor devices) */
/* left resizer  */
.fc-ltr .fc-day-grid-event.fc-allow-mouse-resize .fc-start-resizer,
.fc-rtl .fc-day-grid-event.fc-allow-mouse-resize .fc-end-resizer {
  margin-left: -2px;
  /* to the day cell's edge */ }

/* right resizer */
.fc-ltr .fc-day-grid-event.fc-allow-mouse-resize .fc-end-resizer,
.fc-rtl .fc-day-grid-event.fc-allow-mouse-resize .fc-start-resizer {
  margin-right: -2px;
  /* to the day cell's edge */ }

/* Event Limiting
--------------------------------------------------------------------------------------------------*/
/* "more" link that represents hidden events */
a.fc-more {
  margin: 1px 3px;
  font-size: .85em;
  cursor: pointer;
  text-decoration: none; }

a.fc-more:hover {
  text-decoration: underline; }

.fc-limited {
  /* rows and cells that are hidden because of a "more" link */
  display: none; }

/* popover that appears when "more" link is clicked */
.fc-day-grid .fc-row {
  z-index: 1;
  /* make the "more" popover one higher than this */ }

.fc-more-popover {
  z-index: 2;
  width: 220px; }

.fc-more-popover .fc-event-container {
  padding: 10px; }

/* Now Indicator
--------------------------------------------------------------------------------------------------*/
.fc-now-indicator {
  position: absolute;
  border: 0 solid red; }

/* Utilities
--------------------------------------------------------------------------------------------------*/
.fc-unselectable {
  -webkit-user-select: none;
  -moz-user-select: none;
  -ms-user-select: none;
  user-select: none;
  -webkit-touch-callout: none;
  -webkit-tap-highlight-color: rgba(0, 0, 0, 0); }

/*
TODO: more distinction between this file and common.css
*/
/* Colors
--------------------------------------------------------------------------------------------------*/
.fc-unthemed th,
.fc-unthemed td,
.fc-unthemed thead,
.fc-unthemed tbody,
.fc-unthemed .fc-divider,
.fc-unthemed .fc-row,
.fc-unthemed .fc-content,
.fc-unthemed .fc-popover,
.fc-unthemed .fc-list-view,
.fc-unthemed .fc-list-heading td {
  border-color: #ddd; }

.fc-unthemed .fc-popover {
  background-color: #fff; }

.fc-unthemed .fc-divider,
.fc-unthemed .fc-popover .fc-header,
.fc-unthemed .fc-list-heading td {
  background: #eee; }

.fc-unthemed td.fc-today {
  background: #fcf8e3; }

.fc-unthemed .fc-disabled-day {
  background: #d7d7d7;
  opacity: .3; }

/* Icons
--------------------------------------------------------------------------------------------------
from https://feathericons.com/ and built with IcoMoon
*/
@font-face {
  font-family: 'fcicons';
  src: url("data:application/x-font-ttf;charset=utf-8;base64,AAEAAAALAIAAAwAwT1MvMg8SBfAAAAC8AAAAYGNtYXAXVtKNAAABHAAAAFRnYXNwAAAAEAAAAXAAAAAIZ2x5ZgYydxIAAAF4AAAFNGhlYWQUJ7cIAAAGrAAAADZoaGVhB20DzAAABuQAAAAkaG10eCIABhQAAAcIAAAALGxvY2ED4AU6AAAHNAAAABhtYXhwAA8AjAAAB0wAAAAgbmFtZXsr690AAAdsAAABhnBvc3QAAwAAAAAI9AAAACAAAwPAAZAABQAAApkCzAAAAI8CmQLMAAAB6wAzAQkAAAAAAAAAAAAAAAAAAAABEAAAAAAAAAAAAAAAAAAAAABAAADpBgPA/8AAQAPAAEAAAAABAAAAAAAAAAAAAAAgAAAAAAADAAAAAwAAABwAAQADAAAAHAADAAEAAAAcAAQAOAAAAAoACAACAAIAAQAg6Qb//f//AAAAAAAg6QD//f//AAH/4xcEAAMAAQAAAAAAAAAAAAAAAQAB//8ADwABAAAAAAAAAAAAAgAANzkBAAAAAAEAAAAAAAAAAAACAAA3OQEAAAAAAQAAAAAAAAAAAAIAADc5AQAAAAABAWIAjQKeAskAEwAAJSc3NjQnJiIHAQYUFwEWMjc2NCcCnuLiDQ0MJAz/AA0NAQAMJAwNDcni4gwjDQwM/wANIwz/AA0NDCMNAAAAAQFiAI0CngLJABMAACUBNjQnASYiBwYUHwEHBhQXFjI3AZ4BAA0N/wAMJAwNDeLiDQ0MJAyNAQAMIw0BAAwMDSMM4uINIwwNDQAAAAIA4gC3Ax4CngATACcAACUnNzY0JyYiDwEGFB8BFjI3NjQnISc3NjQnJiIPAQYUHwEWMjc2NCcB87e3DQ0MIw3VDQ3VDSMMDQ0BK7e3DQ0MJAzVDQ3VDCQMDQ3zuLcMJAwNDdUNIwzWDAwNIwy4twwkDA0N1Q0jDNYMDA0jDAAAAgDiALcDHgKeABMAJwAAJTc2NC8BJiIHBhQfAQcGFBcWMjchNzY0LwEmIgcGFB8BBwYUFxYyNwJJ1Q0N1Q0jDA0Nt7cNDQwjDf7V1Q0N1QwkDA0Nt7cNDQwkDLfWDCMN1Q0NDCQMt7gMIw0MDNYMIw3VDQ0MJAy3uAwjDQwMAAADAFUAAAOrA1UAMwBoAHcAABMiBgcOAQcOAQcOARURFBYXHgEXHgEXHgEzITI2Nz4BNz4BNz4BNRE0JicuAScuAScuASMFITIWFx4BFx4BFx4BFREUBgcOAQcOAQcOASMhIiYnLgEnLgEnLgE1ETQ2Nz4BNz4BNz4BMxMhMjY1NCYjISIGFRQWM9UNGAwLFQkJDgUFBQUFBQ4JCRULDBgNAlYNGAwLFQkJDgUFBQUFBQ4JCRULDBgN/aoCVgQIBAQHAwMFAQIBAQIBBQMDBwQECAT9qgQIBAQHAwMFAQIBAQIBBQMDBwQECASAAVYRGRkR/qoRGRkRA1UFBAUOCQkVDAsZDf2rDRkLDBUJCA4FBQUFBQUOCQgVDAsZDQJVDRkLDBUJCQ4FBAVVAgECBQMCBwQECAX9qwQJAwQHAwMFAQICAgIBBQMDBwQDCQQCVQUIBAQHAgMFAgEC/oAZEhEZGRESGQAAAAADAFUAAAOrA1UAMwBoAIkAABMiBgcOAQcOAQcOARURFBYXHgEXHgEXHgEzITI2Nz4BNz4BNz4BNRE0JicuAScuAScuASMFITIWFx4BFx4BFx4BFREUBgcOAQcOAQcOASMhIiYnLgEnLgEnLgE1ETQ2Nz4BNz4BNz4BMxMzFRQWMzI2PQEzMjY1NCYrATU0JiMiBh0BIyIGFRQWM9UNGAwLFQkJDgUFBQUFBQ4JCRULDBgNAlYNGAwLFQkJDgUFBQUFBQ4JCRULDBgN/aoCVgQIBAQHAwMFAQIBAQIBBQMDBwQECAT9qgQIBAQHAwMFAQIBAQIBBQMDBwQECASAgBkSEhmAERkZEYAZEhIZgBEZGREDVQUEBQ4JCRUMCxkN/asNGQsMFQkIDgUFBQUFBQ4JCBUMCxkNAlUNGQsMFQkJDgUEBVUCAQIFAwIHBAQIBf2rBAkDBAcDAwUBAgICAgEFAwMHBAMJBAJVBQgEBAcCAwUCAQL+gIASGRkSgBkSERmAEhkZEoAZERIZAAABAOIAjQMeAskAIAAAExcHBhQXFjI/ARcWMjc2NC8BNzY0JyYiDwEnJiIHBhQX4uLiDQ0MJAzi4gwkDA0N4uINDQwkDOLiDCQMDQ0CjeLiDSMMDQ3h4Q0NDCMN4uIMIw0MDOLiDAwNIwwAAAABAAAAAQAAa5n0y18PPPUACwQAAAAAANivOVsAAAAA2K85WwAAAAADqwNVAAAACAACAAAAAAAAAAEAAAPA/8AAAAQAAAAAAAOrAAEAAAAAAAAAAAAAAAAAAAALBAAAAAAAAAAAAAAAAgAAAAQAAWIEAAFiBAAA4gQAAOIEAABVBAAAVQQAAOIAAAAAAAoAFAAeAEQAagCqAOoBngJkApoAAQAAAAsAigADAAAAAAACAAAAAAAAAAAAAAAAAAAAAAAAAA4ArgABAAAAAAABAAcAAAABAAAAAAACAAcAYAABAAAAAAADAAcANgABAAAAAAAEAAcAdQABAAAAAAAFAAsAFQABAAAAAAAGAAcASwABAAAAAAAKABoAigADAAEECQABAA4ABwADAAEECQACAA4AZwADAAEECQADAA4APQADAAEECQAEAA4AfAADAAEECQAFABYAIAADAAEECQAGAA4AUgADAAEECQAKADQApGZjaWNvbnMAZgBjAGkAYwBvAG4Ac1ZlcnNpb24gMS4wAFYAZQByAHMAaQBvAG4AIAAxAC4AMGZjaWNvbnMAZgBjAGkAYwBvAG4Ac2ZjaWNvbnMAZgBjAGkAYwBvAG4Ac1JlZ3VsYXIAUgBlAGcAdQBsAGEAcmZjaWNvbnMAZgBjAGkAYwBvAG4Ac0ZvbnQgZ2VuZXJhdGVkIGJ5IEljb01vb24uAEYAbwBuAHQAIABnAGUAbgBlAHIAYQB0AGUAZAAgAGIAeQAgAEkAYwBvAE0AbwBvAG4ALgAAAAMAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAA=") format("truetype");
  font-weight: normal;
  font-style: normal; }

.fc-icon {
  /* use !important to prevent issues with browser extensions that change fonts */
  font-family: 'fcicons' !important;
  speak: none;
  font-style: normal;
  font-weight: normal;
  font-variant: normal;
  text-transform: none;
  line-height: 1;
  /* Better Font Rendering =========== */
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale; }

.fc-icon-chevron-left:before {
  content: "\e900"; }

.fc-icon-chevron-right:before {
  content: "\e901"; }

.fc-icon-chevrons-left:before {
  content: "\e902"; }

.fc-icon-chevrons-right:before {
  content: "\e903"; }

.fc-icon-minus-square:before {
  content: "\e904"; }

.fc-icon-plus-square:before {
  content: "\e905"; }

.fc-icon-x:before {
  content: "\e906"; }

.fc-icon {
  display: inline-block;
  width: 1em;
  height: 1em;
  text-align: center; }

/* Buttons
--------------------------------------------------------------------------------------------------
Lots taken from Flatly (MIT): https://bootswatch.com/4/flatly/bootstrap.css
*/
/* reset */
.fc-button {
  border-radius: 0;
  overflow: visible;
  text-transform: none;
  margin: 0;
  font-family: inherit;
  font-size: inherit;
  line-height: inherit; }

.fc-button:focus {
  outline: 1px dotted;
  outline: 5px auto -webkit-focus-ring-color; }

.fc-button {
  -webkit-appearance: button; }

.fc-button:not(:disabled) {
  cursor: pointer; }

.fc-button::-moz-focus-inner {
  padding: 0;
  border-style: none; }

/* theme */
.fc-button {
  display: inline-block;
  font-weight: 400;
  color: #212529;
  text-align: center;
  vertical-align: middle;
  -webkit-user-select: none;
  -moz-user-select: none;
  -ms-user-select: none;
  user-select: none;
  background-color: transparent;
  border: 1px solid transparent;
  padding: 0.4em 0.65em;
  font-size: 1em;
  line-height: 1.5;
  border-radius: 0.25em; }

.fc-button:hover {
  color: #212529;
  text-decoration: none; }

.fc-button:focus {
  outline: 0;
  box-shadow: 0 0 0 0.2rem rgba(44, 62, 80, 0.25); }

.fc-button:disabled {
  opacity: 0.65; }

/* "primary" coloring */
.fc-button-primary {
  color: #fff;
  background-color: #2C3E50;
  border-color: #2C3E50; }

.fc-button-primary:hover {
  color: #fff;
  background-color: #1e2b37;
  border-color: #1a252f; }

.fc-button-primary:focus {
  box-shadow: 0 0 0 0.2rem rgba(76, 91, 106, 0.5); }

.fc-button-primary:disabled {
  color: #fff;
  background-color: #2C3E50;
  border-color: #2C3E50; }

.fc-button-primary:not(:disabled):active,
.fc-button-primary:not(:disabled).fc-button-active {
  color: #fff;
  background-color: #1a252f;
  border-color: #151e27; }

.fc-button-primary:not(:disabled):active:focus,
.fc-button-primary:not(:disabled).fc-button-active:focus {
  box-shadow: 0 0 0 0.2rem rgba(76, 91, 106, 0.5); }

/* icons within buttons */
.fc-button .fc-icon {
  vertical-align: middle;
  font-size: 1.5em; }

/* Buttons Groups
--------------------------------------------------------------------------------------------------*/
.fc-button-group {
  position: relative;
  display: inline-flex;
  vertical-align: middle; }

.fc-button-group > .fc-button {
  position: relative;
  flex: 1 1 auto; }

.fc-button-group > .fc-button:hover {
  z-index: 1; }

.fc-button-group > .fc-button:focus,
.fc-button-group > .fc-button:active,
.fc-button-group > .fc-button.fc-button-active {
  z-index: 1; }

.fc-button-group > .fc-button:not(:first-child) {
  margin-left: -1px; }

.fc-button-group > .fc-button:not(:last-child) {
  border-top-right-radius: 0;
  border-bottom-right-radius: 0; }

.fc-button-group > .fc-button:not(:first-child) {
  border-top-left-radius: 0;
  border-bottom-left-radius: 0; }

/* Popover
--------------------------------------------------------------------------------------------------*/
.fc-unthemed .fc-popover {
  border-width: 1px;
  border-style: solid; }

/* List View
--------------------------------------------------------------------------------------------------*/
.fc-unthemed .fc-list-item:hover td {
  background-color: #f5f5f5; }

/* Toolbar
--------------------------------------------------------------------------------------------------*/
.fc-toolbar {
  display: flex;
  justify-content: space-between;
  align-items: center; }

.fc-toolbar.fc-header-toolbar {
  margin-bottom: 1.5em; }

.fc-toolbar.fc-footer-toolbar {
  margin-top: 1.5em; }

/* inner content */
.fc-toolbar > * > :not(:first-child) {
  margin-left: .75em; }

.fc-toolbar h2 {
  font-size: 1.75em;
  margin: 0; }

/* View Structure
--------------------------------------------------------------------------------------------------*/
.fc-view-container {
  position: relative; }

/* undo twitter bootstrap's box-sizing rules. normalizes positioning techniques */
/* don't do this for the toolbar because we'll want bootstrap to style those buttons as some pt */
.fc-view-container *,
.fc-view-container *:before,
.fc-view-container *:after {
  box-sizing: content-box; }

.fc-view,
.fc-view > table {
  /* so dragged elements can be above the view's main element */
  position: relative;
  z-index: 1; }

@media print {
  .fc {
    max-width: 100% !important; }
  /* Global Event Restyling
  --------------------------------------------------------------------------------------------------*/
  .fc-event {
    background: #fff !important;
    color: #000 !important;
    page-break-inside: avoid; }
  .fc-event .fc-resizer {
    display: none; }
  /* Table & Day-Row Restyling
  --------------------------------------------------------------------------------------------------*/
  .fc th,
  .fc td,
  .fc hr,
  .fc thead,
  .fc tbody,
  .fc-row {
    border-color: #ccc !important;
    background: #fff !important; }
  /* kill the overlaid, absolutely-positioned components */
  /* common... */
  .fc-bg,
  .fc-bgevent-skeleton,
  .fc-highlight-skeleton,
  .fc-mirror-skeleton,
  .fc-bgevent-container,
  .fc-business-container,
  .fc-highlight-container,
  .fc-mirror-container {
    display: none; }
  /* don't force a min-height on rows (for DayGrid) */
  .fc tbody .fc-row {
    height: auto !important;
    /* undo height that JS set in distributeHeight */
    min-height: 0 !important;
    /* undo the min-height from each view's specific stylesheet */ }
  .fc tbody .fc-row .fc-content-skeleton {
    position: static;
    /* undo .fc-rigid */
    padding-bottom: 0 !important;
    /* use a more border-friendly method for this... */ }
  .fc tbody .fc-row .fc-content-skeleton tbody tr:last-child td {
    /* only works in newer browsers */
    padding-bottom: 1em;
    /* ...gives space within the skeleton. also ensures min height in a way */ }
  .fc tbody .fc-row .fc-content-skeleton table {
    /* provides a min-height for the row, but only effective for IE, which exaggerates this value,
       making it look more like 3em. for other browers, it will already be this tall */
    height: 1em; }
  /* Undo month-view event limiting. Display all events and hide the "more" links
  --------------------------------------------------------------------------------------------------*/
  .fc-more-cell,
  .fc-more {
    display: none !important; }
  .fc tr.fc-limited {
    display: table-row !important; }
  .fc td.fc-limited {
    display: table-cell !important; }
  .fc-popover {
    display: none;
    /* never display the "more.." popover in print mode */ }
  /* TimeGrid Restyling
  --------------------------------------------------------------------------------------------------*/
  /* undo the min-height 100% trick used to fill the container's height */
  .fc-time-grid {
    min-height: 0 !important; }
  /* don't display the side axis at all ("all-day" and time cells) */
  .fc-timeGrid-view .fc-axis {
    display: none; }
  /* don't display the horizontal lines */
  .fc-slats,
  .fc-time-grid hr {
    /* this hr is used when height is underused and needs to be filled */
    display: none !important;
    /* important overrides inline declaration */ }
  /* let the container that holds the events be naturally positioned and create real height */
  .fc-time-grid .fc-content-skeleton {
    position: static; }
  /* in case there are no events, we still want some height */
  .fc-time-grid .fc-content-skeleton table {
    height: 4em; }
  /* kill the horizontal spacing made by the event container. event margins will be done below */
  .fc-time-grid .fc-event-container {
    margin: 0 !important; }
  /* TimeGrid *Event* Restyling
  --------------------------------------------------------------------------------------------------*/
  /* naturally position events, vertically stacking them */
  .fc-time-grid .fc-event {
    position: static !important;
    margin: 3px 2px !important; }
  /* for events that continue to a future day, give the bottom border back */
  .fc-time-grid .fc-event.fc-not-end {
    border-bottom-width: 1px !important; }
  /* indicate the event continues via "..." text */
  .fc-time-grid .fc-event.fc-not-end:after {
    content: "..."; }
  /* for events that are continuations from previous days, give the top border back */
  .fc-time-grid .fc-event.fc-not-start {
    border-top-width: 1px !important; }
  /* indicate the event is a continuation via "..." text */
  .fc-time-grid .fc-event.fc-not-start:before {
    content: "..."; }
  /* time */
  /* undo a previous declaration and let the time text span to a second line */
  .fc-time-grid .fc-event .fc-time {
    white-space: normal !important; }
  /* hide the the time that is normally displayed... */
  .fc-time-grid .fc-event .fc-time span {
    display: none; }
  /* ...replace it with a more verbose version (includes AM/PM) stored in an html attribute */
  .fc-time-grid .fc-event .fc-time:after {
    content: attr(data-full); }
  /* Vertical Scroller & Containers
  --------------------------------------------------------------------------------------------------*/
  /* kill the scrollbars and allow natural height */
  .fc-scroller,
  .fc-day-grid-container,
  .fc-time-grid-container {
    /* */
    overflow: visible !important;
    height: auto !important; }
  /* kill the horizontal border/padding used to compensate for scrollbars */
  .fc-row {
    border: 0 !important;
    margin: 0 !important; }
  /* Button Controls
  --------------------------------------------------------------------------------------------------*/
  .fc-button-group,
  .fc button {
    display: none;
    /* don't display any button-related controls */ } }

/*!
FullCalendar Day Grid Plugin v4.2.0
Docs & License: https://fullcalendar.io/
(c) 2019 Adam Shaw
*/
/* DayGridView
--------------------------------------------------------------------------------------------------*/
/* day row structure */
.fc-dayGridWeek-view .fc-content-skeleton,
.fc-dayGridDay-view .fc-content-skeleton {
  /* there may be week numbers in these views, so no padding-top */
  padding-bottom: 1em;
  /* ensure a space at bottom of cell for user selecting/clicking */ }

.fc-dayGrid-view .fc-body .fc-row {
  min-height: 4em;
  /* ensure that all rows are at least this tall */ }

/* a "rigid" row will take up a constant amount of height because content-skeleton is absolute */
.fc-row.fc-rigid {
  overflow: hidden; }

.fc-row.fc-rigid .fc-content-skeleton {
  position: absolute;
  top: 0;
  left: 0;
  right: 0; }

/* week and day number styling */
.fc-day-top.fc-other-month {
  opacity: 0.3; }

.fc-dayGrid-view .fc-week-number,
.fc-dayGrid-view .fc-day-number {
  padding: 2px; }

.fc-dayGrid-view th.fc-week-number,
.fc-dayGrid-view th.fc-day-number {
  padding: 0 2px;
  /* column headers can't have as much v space */ }

.fc-ltr .fc-dayGrid-view .fc-day-top .fc-day-number {
  float: right; }

.fc-rtl .fc-dayGrid-view .fc-day-top .fc-day-number {
  float: left; }

.fc-ltr .fc-dayGrid-view .fc-day-top .fc-week-number {
  float: left;
  border-radius: 0 0 3px 0; }

.fc-rtl .fc-dayGrid-view .fc-day-top .fc-week-number {
  float: right;
  border-radius: 0 0 0 3px; }

.fc-dayGrid-view .fc-day-top .fc-week-number {
  min-width: 1.5em;
  text-align: center;
  background-color: #f2f2f2;
  color: #808080; }

/* when week/day number have own column */
.fc-dayGrid-view td.fc-week-number {
  text-align: center; }

.fc-dayGrid-view td.fc-week-number > * {
  /* work around the way we do column resizing and ensure a minimum width */
  display: inline-block;
  min-width: 1.25em; }

/*!
FullCalendar List View Plugin v4.2.0
Docs & License: https://fullcalendar.io/
(c) 2019 Adam Shaw
*/
/* List View
--------------------------------------------------------------------------------------------------*/
/* possibly reusable */
.fc-event-dot {
  display: inline-block;
  width: 10px;
  height: 10px;
  border-radius: 5px; }

/* view wrapper */
.fc-rtl .fc-list-view {
  direction: rtl;
  /* unlike core views, leverage browser RTL */ }

.fc-list-view {
  border-width: 1px;
  border-style: solid; }

/* table resets */
.fc .fc-list-table {
  table-layout: auto;
  /* for shrinkwrapping cell content */ }

.fc-list-table td {
  border-width: 1px 0 0;
  padding: 8px 14px; }

.fc-list-table tr:first-child td {
  border-top-width: 0; }

/* day headings with the list */
.fc-list-heading {
  border-bottom-width: 1px; }

.fc-list-heading td {
  font-weight: bold; }

.fc-ltr .fc-list-heading-main {
  float: left; }

.fc-ltr .fc-list-heading-alt {
  float: right; }

.fc-rtl .fc-list-heading-main {
  float: right; }

.fc-rtl .fc-list-heading-alt {
  float: left; }

/* event list items */
.fc-list-item.fc-has-url {
  cursor: pointer;
  /* whole row will be clickable */ }

.fc-list-item-marker,
.fc-list-item-time {
  white-space: nowrap;
  width: 1px; }

/* make the dot closer to the event title */
.fc-ltr .fc-list-item-marker {
  padding-right: 0; }

.fc-rtl .fc-list-item-marker {
  padding-left: 0; }

.fc-list-item-title a {
  /* every event title cell has an <a> tag */
  text-decoration: none;
  color: inherit; }

.fc-list-item-title a[href]:hover {
  /* hover effect only on titles with hrefs */
  text-decoration: underline; }

/* message when no events */
.fc-list-empty-wrap2 {
  position: absolute;
  top: 0;
  left: 0;
  right: 0;
  bottom: 0; }

.fc-list-empty-wrap1 {
  width: 100%;
  height: 100%;
  display: table; }

.fc-list-empty {
  display: table-cell;
  vertical-align: middle;
  text-align: center; }

.fc-unthemed .fc-list-empty {
  /* theme will provide own background */
  background-color: #eee; }

/*!
FullCalendar Time Grid Plugin v4.2.0
Docs & License: https://fullcalendar.io/
(c) 2019 Adam Shaw
*/
/* TimeGridView all-day area
--------------------------------------------------------------------------------------------------*/
.fc-timeGrid-view .fc-day-grid {
  position: relative;
  z-index: 2;
  /* so the "more.." popover will be over the time grid */ }

.fc-timeGrid-view .fc-day-grid .fc-row {
  min-height: 3em;
  /* all-day section will never get shorter than this */ }

.fc-timeGrid-view .fc-day-grid .fc-row .fc-content-skeleton {
  padding-bottom: 1em;
  /* give space underneath events for clicking/selecting days */ }

/* TimeGrid axis running down the side (for both the all-day area and the slot area)
--------------------------------------------------------------------------------------------------*/
.fc .fc-axis {
  /* .fc to overcome default cell styles */
  vertical-align: middle;
  padding: 0 4px;
  white-space: nowrap; }

.fc-ltr .fc-axis {
  text-align: right; }

.fc-rtl .fc-axis {
  text-align: left; }

/* TimeGrid Structure
--------------------------------------------------------------------------------------------------*/
.fc-time-grid-container,
.fc-time-grid {
  /* so slats/bg/content/etc positions get scoped within here */
  position: relative;
  z-index: 1; }

.fc-time-grid {
  min-height: 100%;
  /* so if height setting is 'auto', .fc-bg stretches to fill height */ }

.fc-time-grid table {
  /* don't put outer borders on slats/bg/content/etc */
  border: 0 hidden transparent; }

.fc-time-grid > .fc-bg {
  z-index: 1; }

.fc-time-grid .fc-slats,
.fc-time-grid > hr {
  /* the <hr> TimeGridView injects when grid is shorter than scroller */
  position: relative;
  z-index: 2; }

.fc-time-grid .fc-content-col {
  position: relative;
  /* because now-indicator lives directly inside */ }

.fc-time-grid .fc-content-skeleton {
  position: absolute;
  z-index: 3;
  top: 0;
  left: 0;
  right: 0; }

/* divs within a cell within the fc-content-skeleton */
.fc-time-grid .fc-business-container {
  position: relative;
  z-index: 1; }

.fc-time-grid .fc-bgevent-container {
  position: relative;
  z-index: 2; }

.fc-time-grid .fc-highlight-container {
  position: relative;
  z-index: 3; }

.fc-time-grid .fc-event-container {
  position: relative;
  z-index: 4; }

.fc-time-grid .fc-now-indicator-line {
  z-index: 5; }

.fc-time-grid .fc-mirror-container {
  /* also is fc-event-container */
  position: relative;
  z-index: 6; }

/* TimeGrid Slats (lines that run horizontally)
--------------------------------------------------------------------------------------------------*/
.fc-time-grid .fc-slats td {
  height: 1.5em;
  border-bottom: 0;
  /* each cell is responsible for its top border */ }

.fc-time-grid .fc-slats .fc-minor td {
  border-top-style: dotted; }

/* TimeGrid Highlighting Slots
--------------------------------------------------------------------------------------------------*/
.fc-time-grid .fc-highlight-container {
  /* a div within a cell within the fc-highlight-skeleton */
  position: relative;
  /* scopes the left/right of the fc-highlight to be in the column */ }

.fc-time-grid .fc-highlight {
  position: absolute;
  left: 0;
  right: 0;
  /* top and bottom will be in by JS */ }

/* TimeGrid Event Containment
--------------------------------------------------------------------------------------------------*/
.fc-ltr .fc-time-grid .fc-event-container {
  /* space on the sides of events for LTR (default) */
  margin: 0 2.5% 0 2px; }

.fc-rtl .fc-time-grid .fc-event-container {
  /* space on the sides of events for RTL */
  margin: 0 2px 0 2.5%; }

.fc-time-grid .fc-event,
.fc-time-grid .fc-bgevent {
  position: absolute;
  z-index: 1;
  /* scope inner z-index's */ }

.fc-time-grid .fc-bgevent {
  /* background events always span full width */
  left: 0;
  right: 0; }

/* TimeGrid Event Styling
----------------------------------------------------------------------------------------------------
We use the full "fc-time-grid-event" class instead of using descendants because the event won't
be a descendant of the grid when it is being dragged.
*/
.fc-time-grid-event {
  margin-bottom: 1px; }

.fc-time-grid-event-inset {
  box-shadow: 0px 0px 0px 1px #fff; }

.fc-time-grid-event.fc-not-start {
  /* events that are continuing from another day */
  /* replace space made by the top border with padding */
  border-top-width: 0;
  padding-top: 1px;
  /* remove top rounded corners */
  border-top-left-radius: 0;
  border-top-right-radius: 0; }

.fc-time-grid-event.fc-not-end {
  /* replace space made by the top border with padding */
  border-bottom-width: 0;
  padding-bottom: 1px;
  /* remove bottom rounded corners */
  border-bottom-left-radius: 0;
  border-bottom-right-radius: 0; }

.fc-time-grid-event .fc-content {
  overflow: hidden;
  max-height: 100%; }

.fc-time-grid-event .fc-time,
.fc-time-grid-event .fc-title {
  padding: 0 1px; }

.fc-time-grid-event .fc-time {
  font-size: .85em;
  white-space: nowrap; }

/* short mode, where time and title are on the same line */
.fc-time-grid-event.fc-short .fc-content {
  /* don't wrap to second line (now that contents will be inline) */
  white-space: nowrap; }

.fc-time-grid-event.fc-short .fc-time,
.fc-time-grid-event.fc-short .fc-title {
  /* put the time and title on the same line */
  display: inline-block;
  vertical-align: top; }

.fc-time-grid-event.fc-short .fc-time span {
  display: none;
  /* don't display the full time text... */ }

.fc-time-grid-event.fc-short .fc-time:before {
  content: attr(data-start);
  /* ...instead, display only the start time */ }

.fc-time-grid-event.fc-short .fc-time:after {
  content: "\000A0-\000A0";
  /* seperate with a dash, wrapped in nbsp's */ }

.fc-time-grid-event.fc-short .fc-title {
  font-size: .85em;
  /* make the title text the same size as the time */
  padding: 0;
  /* undo padding from above */ }

/* resizer (cursor device) */
.fc-time-grid-event.fc-allow-mouse-resize .fc-resizer {
  left: 0;
  right: 0;
  bottom: 0;
  height: 8px;
  overflow: hidden;
  line-height: 8px;
  font-size: 11px;
  font-family: monospace;
  text-align: center;
  cursor: s-resize; }

.fc-time-grid-event.fc-allow-mouse-resize .fc-resizer:after {
  content: "="; }

/* resizer (touch device) */
.fc-time-grid-event.fc-selected .fc-resizer {
  /* 10x10 dot */
  border-radius: 5px;
  border-width: 1px;
  width: 8px;
  height: 8px;
  border-style: solid;
  border-color: inherit;
  background: #fff;
  /* horizontally center */
  left: 50%;
  margin-left: -5px;
  /* center on the bottom edge */
  bottom: -5px; }

/* Now Indicator
--------------------------------------------------------------------------------------------------*/
.fc-time-grid .fc-now-indicator-line {
  border-top-width: 1px;
  left: 0;
  right: 0; }

/* arrow on axis */
.fc-time-grid .fc-now-indicator-arrow {
  margin-top: -5px;
  /* vertically center on top coordinate */ }

.fc-ltr .fc-time-grid .fc-now-indicator-arrow {
  left: 0;
  /* triangle pointing right... */
  border-width: 5px 0 5px 6px;
  border-top-color: transparent;
  border-bottom-color: transparent; }

.fc-rtl .fc-time-grid .fc-now-indicator-arrow {
  right: 0;
  /* triangle pointing left... */
  border-width: 5px 6px 5px 0;
  border-top-color: transparent;
  border-bottom-color: transparent; }
.gu-mirror{position:fixed!important;margin:0!important;z-index:9999!important;opacity:.8;-ms-filter:"progid:DXImageTransform.Microsoft.Alpha(Opacity=80)";filter:alpha(opacity=80)}.gu-hide{display:none!important}.gu-unselectable{-webkit-user-select:none!important;-moz-user-select:none!important;-ms-user-select:none!important;user-select:none!important}.gu-transit{opacity:.2;-ms-filter:"progid:DXImageTransform.Microsoft.Alpha(Opacity=20)";filter:alpha(opacity=20)}
span.multiselect-native-select {
    position: relative;
}
span.multiselect-native-select select {
    border: 0 !important;
    clip: rect(0 0 0 0) !important;
    height: 1px !important;
    margin: -1px -1px -1px -3px !important;
    overflow: hidden !important;
    padding: 0 !important;
    position: absolute !important;
    width: 1px !important;
    left: 50%;
    top: 30px;
}
.multiselect.dropdown-toggle:after {
    display: none;
}
.multiselect {
    overflow: hidden;
    text-overflow: ellipsis;
}
.multiselect-container {
    position: absolute;
    list-style-type: none;
    margin: 0;
    padding: 0;
}
.multiselect-container .multiselect-reset .input-group {
    width: 93%;
}
.multiselect-container .multiselect-filter > .fa-search {
    z-index: 1;
    padding-left: 0.75rem;
}
.multiselect-container .multiselect-filter > input.multiselect-search {
    border: none;
    border-bottom: 1px solid lightgrey;
    padding-left: 2rem;
    margin-left: -1.625rem;
    border-bottom-right-radius: 0;
    border-bottom-left-radius: 0;
}
.multiselect-container .multiselect-filter > input.multiselect-search:focus {
    border-bottom-right-radius: 0.25rem;
    border-bottom-left-radius: 0.25rem;
}
.multiselect-container .multiselect-filter > .multiselect-moz-clear-filter {
    margin-left: -1.5rem;
    display: none;
}
.multiselect-container .multiselect-option.multiselect-group-option-indented {
    padding-left: 1.75rem;
}
.multiselect-container .multiselect-option,
.multiselect-container .multiselect-group,
.multiselect-container .multiselect-all {
    padding: 6.5px 16.25px 6.5px 16.25px !important;
}
.multiselect-container .multiselect-option.dropdown-item,
.multiselect-container .multiselect-group.dropdown-item,
.multiselect-container .multiselect-all.dropdown-item,
.multiselect-container .multiselect-option.dropdown-toggle,
.multiselect-container .multiselect-group.dropdown-toggle,
.multiselect-container .multiselect-all.dropdown-toggle {
    cursor: pointer;
}
.multiselect-container .multiselect-option .form-check-label,
.multiselect-container .multiselect-group .form-check-label,
.multiselect-container .multiselect-all .form-check-label {
    cursor: pointer;
}
.multiselect-container .multiselect-option.active:not(.multiselect-active-item-fallback),
.multiselect-container .multiselect-group.active:not(.multiselect-active-item-fallback),
.multiselect-container .multiselect-all.active:not(.multiselect-active-item-fallback),
.multiselect-container .multiselect-option:not(.multiselect-active-item-fallback):active,
.multiselect-container .multiselect-group:not(.multiselect-active-item-fallback):active,
.multiselect-container .multiselect-all:not(.multiselect-active-item-fallback):active {
    background-color: lightgrey;
    color: black;
}
.multiselect-container .multiselect-option:hover,
.multiselect-container .multiselect-group:hover,
.multiselect-container .multiselect-all:hover,
.multiselect-container .multiselect-option:focus,
.multiselect-container .multiselect-group:focus,
.multiselect-container .multiselect-all:focus {
    background-color: darkgray !important;
}
.multiselect-container .multiselect-option .form-check,
.multiselect-container .multiselect-group .form-check,
.multiselect-container .multiselect-all .form-check {
    padding: 0 5px 0 20px;
}
.multiselect-container .multiselect-option:focus,
.multiselect-container .multiselect-group:focus,
.multiselect-container .multiselect-all:focus {
    outline: none;
}
.form-inline .multiselect-container span.form-check {
    padding: 3px 20px 3px 40px;
}
.input-group.input-group-sm > .multiselect-native-select .multiselect {
    padding: .25rem .5rem;
    font-size: .875rem;
    line-height: 1.5;
    padding-right: 1.75rem;
    height: calc(4em);
}
.input-group > .multiselect-native-select {
    flex: 1 1 auto;
    width: 1%;
}
.input-group > .multiselect-native-select > div.btn-group {
    width: 100%;
}
.input-group > .multiselect-native-select:not(:first-child) .multiselect {
    border-top-left-radius: 0;
    border-bottom-left-radius: 0;
}
.input-group > .multiselect-native-select:not(:last-child) .multiselect {
    border-top-right-radius: 0;
    border-bottom-right-radius: 0;
}

.vjs-modal-dialog .vjs-modal-dialog-content, .video-js .vjs-modal-dialog, .vjs-button > .vjs-icon-placeholder:before, .video-js .vjs-big-play-button .vjs-icon-placeholder:before {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
}

.vjs-button > .vjs-icon-placeholder:before, .video-js .vjs-big-play-button .vjs-icon-placeholder:before {
    text-align: center;
}

@font-face {
    font-family: VideoJS;
    src: url(data:application/font-woff;charset=utf-8;base64,d09GRgABAAAAABDkAAsAAAAAG6gAAQAAAAAAAAAAAAAAAAAAAAAAAAAAAABHU1VCAAABCAAAADsAAABUIIslek9TLzIAAAFEAAAAPgAAAFZRiV3hY21hcAAAAYQAAADaAAADPv749/pnbHlmAAACYAAAC3AAABHQZg6OcWhlYWQAAA3QAAAAKwAAADYZw251aGhlYQAADfwAAAAdAAAAJA+RCLFobXR4AAAOHAAAABMAAACM744AAGxvY2EAAA4wAAAASAAAAEhF6kqubWF4cAAADngAAAAfAAAAIAE0AIFuYW1lAAAOmAAAASUAAAIK1cf1oHBvc3QAAA/AAAABJAAAAdPExYuNeJxjYGRgYOBiMGCwY2BycfMJYeDLSSzJY5BiYGGAAJA8MpsxJzM9kYEDxgPKsYBpDiBmg4gCACY7BUgAeJxjYGS7wTiBgZWBgaWQ5RkDA8MvCM0cwxDOeI6BgYmBlZkBKwhIc01hcPjI+FGJHcRdyA4RZgQRADK3CxEAAHic7dFZbsMgAEXRS0ycyZnnOeG7y+qC8pU1dHusIOXxuoxaOlwZYWQB0Aea4quIEN4E9LzKbKjzDeM6H/mua6Lmc/p8yhg0lvdYx15ZG8uOLQOGjMp3EzqmzJizYMmKNRu27Nhz4MiJMxeu3Ljz4Ekqm7T8P52G8PP3lnTOVk++Z6iN6QZzNN1F7ptuN7eGOjDUoaGODHVsuvU8MdTO9Hd5aqgzQ50b6sJQl4a6MtS1oW4MdWuoO0PdG+rBUI+GejLUs6FeDPVqqDdDvRvqw1CfhpqM9At0iFLaAAB4nJ1YDXBTVRZ+5/22TUlJ8we0pHlJm7RJf5O8F2j6EymlSPkpxaL8U2xpa3DKj0CBhc2IW4eWKSokIoLsuMqssM64f+jA4HSdWXXXscBq67IOs3FXZ1ZYWVyRFdo899yXtIBQZ90k7717zz3v3HPPOfd854YCCj9cL9dL0RQFOqCbGJnrHb5EayiKIWN8iA/hWBblo6hUWm8TtCDwE80WMJus/irwyxOdxeB0MDb14VNJHnXYoLLSl6FfCUYO9nYPTA8Epg9090LprfbBbZ2hY0UlJUXHQp3/vtWkS6EBv8+rPMq5u9692f/dNxJNiqwC1xPE9TCUgCsSdQWgE3XQD25lkG4CN2xmTcOXWBOyser6RN6KnGbKSbmQ3+d0OI1m2W8QzLLkI2sykrWAgJJEtA8vGGW/2Q+CmT3n8zS9wZwu2DCvtuZKZN3xkrLh36yCZuUomQSqGpY8t/25VfHVhw8z4ebGBtfLb0ya9PCaDc+8dGTvk2dsh6z7WzvowlXKUSWo9MJ15a3KrEP2loOr2Ojhw6iW6hf2BDdEccQvZGpaAy7YovSwq8kr7HGllxpd71rkS6G0Sf11sl9OvMK1+jwPPODxjUwkOim9CU3ix1wNjXDfmJSEn618Bs6lpWwUpU+8PCqLMY650zjq8VhCIP17NEKTx3eaLL+s5Pi6yJWaWjTHLR1jYzPSV9VF/6Ojdb/1kO3Mk3uhHC0x6gc1BjlKQ+nQFxTYdaJkZ7ySVxLBbhR1dsboNXp1tCYKW2LRaEzpYcIx2BKNxaL0ZaUnSqfFoiNhHKR/GkX6PWUSAaJelQaqZL1EpoHNsajSEyPSoJ9IjhIxTdjHLmwZvhRDOiFTY/YeQnvrVZmiTQtGncECXtFTBZLOVwwMRgoXHAkXzMzPn1nAJJ8jYSbMDaqN2waGLzNhih/bZynUBMpIWSg7VYi7DRx2m8ALkIdRCJwI6ArJx2EI8kaDWeTQKeAFk9fjl/1AvwktjQ1P7NjyMGQyfd4vjipX6M/i52D7Cq80kqlcxEcGXRr/FEcgs0u5uGgB4VWuMFfpdn2Re6Hi3PqzmxWKsz6+ae2Pn9hXXw/fqM859UiGC0oKYYILJBqJrsn1Z1E5qOs9rQCiUQRREjm8yJcbHF5cUJufX1vAHlefw0XgUoboS3ETfQlTxBC4SOtuE8VPRJTBSCQSjZCpk7Gqzu+masaZ2y7Zjehho4F3g82BNDkAHpORG4+OCS+f6JTPmtRn/PH1kch6d04sp7AQb25aQ/pqUyXeQ8vrebG8OYQdXOQ+585u0sdW9rqalzRURiJ+9F4MweRFrKUjl1GUYhH1A27WOHw5cTFSFPMo9EeUIGnQTZHIaJ7AHLaOKsOODaNF9jkBjYG2QEsQ2xjMUAx2bBEbeTBWMHwskBjngq56S/yfgkBnWBa4K9sqKtq2t1UI8S9He5XuBRbawAdatrQEAi30Aks2+LM8WeCbalVZkWNylvJ+dqJnzVb+OHlSoKW8nPCP7Rd+CcZ2DdWAGqJ2CBFOphgywFFCFBNtfAbGtNPBCwxvygHeYMZMY9ZboBqwq/pVrsbgN5tkv152ODlbMfiqwGMBgxa4Exz3QhovRIUp6acqZmQzRq0ypDXS2TPLT02YIkQETnOE445oOGxOmXAqUJNNG7XgupMjPq2ua9asrj5yY/yuKteO1Kx0YNJTufrirLe1mZnat7OL6rnUdCWenpW6I8mAnbsY8KWs1PuSovCW9A/Z25PQ24a7cNOqgmTkLmBMgh4THgc4b9k2IVv1/g/F5nGljwPLfOgHAzJzh45V/4+WenTzmMtR5Z7us2Tys909UHqrPY7KbckoxRvRHhmVc3cJGE97uml0R1S0jdULVl7EvZtDFVBF35N9cEdjpgmAiOlFZ+Dtoh93+D3zzHr8RRNZQhnCNMNbcegOvpEwZoL+06cJQ07h+th3fZ/7PVbVC6ngTAV/KoLFuO6+2KFcU651gEb5ugPSIb1D+Xp8V4+k3sEIGnw5mYe4If4k1lFYr6SCzmM2EQ8iWtmwjnBI9kTwe1TlfAmXh7H02by9fW2gsjKwtv0aaURKil4OdV7rDL1MXIFNrhdxohcZXYTnq47WisrKitaObbf5+yvkLi5J6lCNZZ+B6GC38VNBZBDidSS/+mSvh6s+srgC8pyKMvDtt+de3c9fU76ZPfuM8ud4Kv0fyP/LqfepMT/3oZxSqpZaTa1DaQYLY8TFsHYbWYsPoRhRWfL5eSSQbhUGgGC3YLbVMk6PitTFNGpAsNrC6D1VNBKgBHMejaiuRWEWGgsSDBTJjqWIl8kJLlsaLJ2tXDr6xGfT85bM2Q06a46x2HTgvdnV8z5YDy/27J4zt6x2VtkzjoYpkq36kaBr4eQSg7tyiVweWubXZugtadl58ydapfbORfKsDTuZ0OBgx4cfdjCf5tbWNITnL120fdOi1RV1C3uKGzNdwYLcMvZ3BxoPyTOCD1XvXTp7U10gWCVmTV9b3r2z0SkGWovb2hp9I89O8a2smlyaO8muMU+dRmtzp60IzAoFpjLr1n388boLyf0dRvxhsHZ0qbWqDkwqvvpkj4l0fY6EIXRi5sQSrAvsVYwXRy4qJ2EVtD1AN7a0HWth9ymvL1xc3WTUKK/TAHA/bXDVtVWfOMfuGxGZv4Ln/jVr9jc3j1yMv0tndmyt9Vq88Y9gH1wtLX3KWjot5++jWHgAoZZkQ14wGQ20Fli71UmKJAy4xKMSTGbVdybW7FDDAut9XpD5AzWrYO7zQ8qffqF8+Ynd/clrHcdyxGy3a/3+mfNnzC/cBsveTjnTvXf1o6vzOlZw7WtqtdmPK/Errz/6NNtD72zmNOZfbmYdTGHfoofqI79Oc+R2n1lrnL6pOm0Up7kwxhTW12Amm7WYkXR2qYrF2AmgmbAsxZjwy1xpg/m1Je2vrp8v/nz2xpmlBg4E9hrMU341wVpTOh/OfmGvAnra8q6uctr60ZQHV3Q+WMQJykMj8ZsWn2QBOmmHMB+m5pDIpTFonYigiaKAhGEiAHF7EliVnQkjoLVIMPtJpBKHYd3A8GYH9jJzrWwmHx5Qjp7vDAX0suGRym1vtm/9W1/HyR8vczfMs6Sk8DSv855/5dlX9oQq52hT8syyp2rx5Id17IAyAM3wIjQPMOHzytEB64q6D5zT91yNbnx3V/nqnd017S9Y0605k3izoXLpsxde2n38yoOV9s1LcjwzNjbdX6asnBVaBj/6/DwKwPkpcqbDG7BnsXoSqWnUAmottYF6jMSdVyYZh3zVXCjwTiwwHH6sGuRiEHQGzuRX6whZkp123oy1BWE2mEfJ/tvIRtM4ZM5bDXiMsPMaAKOTyc5uL57rqyyc5y5JE5pm1i2S2iUX0CcaQ6lC6Zog7JqSqZmYlosl2K6pwNA84zRnQW6SaALYZQGW5lhCtU/W34N6o+bKfZ8cf3/Cl/+iTX3wBzpOY4mRkeNf3rptycGSshQWgGbYt5jFc2e0+DglIrwl6DVWQ7BuwaJ3Xk1J4VL5urnLl/Wf+gHU/hZoZdKNym6lG+I34FaNeZKcSpJIo2IeCVvpdsDGfKvzJnAwmeD37Ow65ZWwSowpgwX5T69s/rB55dP5BcpgDKFV8p7q2sn/1uc93bVzT/w6UrCqDTWvfCq/oCD/qZXNoUj8BL5Kp6GU017frfNXkAtiiyf/SOCEeLqnd8R/Ql9GlCRfctS6k5chvIBuQ1zCCjoCHL2DHNHIXxMJ3kQeO8lbsUXONeSfA5EjcG6/E+KdhN4bP04vBhdi883+BFBzQbxFbvZzQeY9LNBZc0FNfn5NwfDn6rCTnTw6R8o+gfpf5hCom33cRuiTlss3KHmZjD+BPN+5gXuA2ziS/Q73mLxUkpbKN/eqwz5uK0X9F3h2d1V4nGNgZGBgAOJd776+iue3+crAzc4AAje5Bfcg0xz9YHEOBiYQBQA8FQlFAHicY2BkYGBnAAGOPgaG//85+hkYGVCBMgBGGwNYAAAAeJxjYGBgYB8EmKOPgQEAQ04BfgAAAAAAAA4AaAB+AMwA4AECAUIBbAGYAcICGAJYArQC4AMwA7AD3gQwBJYE3AUkBWYFigYgBmYGtAbqB1gIEghYCG4IhAi2COh4nGNgZGBgUGYoZWBnAAEmIOYCQgaG/2A+AwAYCQG2AHicXZBNaoNAGIZfE5PQCKFQ2lUps2oXBfOzzAESyDKBQJdGR2NQR3QSSE/QE/QEPUUPUHqsvsrXjTMw83zPvPMNCuAWP3DQDAejdm1GjzwS7pMmwi75XngAD4/CQ/oX4TFe4Qt7uMMbOzjuDc0EmXCP/C7cJ38Iu+RP4QEe8CU8pP8WHmOPX2EPz87TPo202ey2OjlnQSXV/6arOjWFmvszMWtd6CqwOlKHq6ovycLaWMWVydXKFFZnmVFlZU46tP7R2nI5ncbi/dDkfDtFBA2DDXbYkhKc+V0Bqs5Zt9JM1HQGBRTm/EezTmZNKtpcAMs9Yu6AK9caF76zoLWIWcfMGOSkVduvSWechqZsz040Ib2PY3urxBJTzriT95lipz+TN1fmAAAAeJxtkMl2wjAMRfOAhABlKm2h80C3+ajgCKKDY6cegP59TYBzukAL+z1Zsq8ctaJTTKPrsUQLbXQQI0EXKXroY4AbDDHCGBNMcYsZ7nCPB8yxwCOe8IwXvOIN7/jAJ76wxHfUqWX+OzgumWAjJMV17i0Ndlr6irLKO+qftdT7i6y4uFSUvCknay+lFYZIZaQcmfH/xIFdYn98bqhra1aKTM/6lWMnyaYirx1rFUQZFBkb2zJUtoXeJCeg0WnLtHeSFc3OtrnozNwqi0TkSpBMDB1nSde5oJXW23hTS2/T0LilglXX7dmFVxLnq5U0vYATHFk3zX3BOisoQHNDFDeZnqKDy9hRNawN7Vh727hFzcJ5c8TILrKZfH7tIPxAFP0BpLeJPA==) format("woff");
    font-weight: normal;
    font-style: normal;
}
.vjs-icon-play, .video-js .vjs-play-control .vjs-icon-placeholder, .video-js .vjs-big-play-button .vjs-icon-placeholder:before {
    font-family: VideoJS;
    font-weight: normal;
    font-style: normal;
}
.vjs-icon-play:before, .video-js .vjs-play-control .vjs-icon-placeholder:before, .video-js .vjs-big-play-button .vjs-icon-placeholder:before {
    content: "\f101";
}

.vjs-icon-play-circle {
    font-family: VideoJS;
    font-weight: normal;
    font-style: normal;
}
.vjs-icon-play-circle:before {
    content: "\f102";
}

.vjs-icon-pause, .video-js .vjs-play-control.vjs-playing .vjs-icon-placeholder {
    font-family: VideoJS;
    font-weight: normal;
    font-style: normal;
}
.vjs-icon-pause:before, .video-js .vjs-play-control.vjs-playing .vjs-icon-placeholder:before {
    content: "\f103";
}

.vjs-icon-volume-mute, .video-js .vjs-mute-control.vjs-vol-0 .vjs-icon-placeholder {
    font-family: VideoJS;
    font-weight: normal;
    font-style: normal;
}
.vjs-icon-volume-mute:before, .video-js .vjs-mute-control.vjs-vol-0 .vjs-icon-placeholder:before {
    content: "\f104";
}

.vjs-icon-volume-low, .video-js .vjs-mute-control.vjs-vol-1 .vjs-icon-placeholder {
    font-family: VideoJS;
    font-weight: normal;
    font-style: normal;
}
.vjs-icon-volume-low:before, .video-js .vjs-mute-control.vjs-vol-1 .vjs-icon-placeholder:before {
    content: "\f105";
}

.vjs-icon-volume-mid, .video-js .vjs-mute-control.vjs-vol-2 .vjs-icon-placeholder {
    font-family: VideoJS;
    font-weight: normal;
    font-style: normal;
}
.vjs-icon-volume-mid:before, .video-js .vjs-mute-control.vjs-vol-2 .vjs-icon-placeholder:before {
    content: "\f106";
}

.vjs-icon-volume-high, .video-js .vjs-mute-control .vjs-icon-placeholder {
    font-family: VideoJS;
    font-weight: normal;
    font-style: normal;
}
.vjs-icon-volume-high:before, .video-js .vjs-mute-control .vjs-icon-placeholder:before {
    content: "\f107";
}

.vjs-icon-fullscreen-enter, .video-js .vjs-fullscreen-control .vjs-icon-placeholder {
    font-family: VideoJS;
    font-weight: normal;
    font-style: normal;
}
.vjs-icon-fullscreen-enter:before, .video-js .vjs-fullscreen-control .vjs-icon-placeholder:before {
    content: "\f108";
}

.vjs-icon-fullscreen-exit, .video-js.vjs-fullscreen .vjs-fullscreen-control .vjs-icon-placeholder {
    font-family: VideoJS;
    font-weight: normal;
    font-style: normal;
}
.vjs-icon-fullscreen-exit:before, .video-js.vjs-fullscreen .vjs-fullscreen-control .vjs-icon-placeholder:before {
    content: "\f109";
}

.vjs-icon-square {
    font-family: VideoJS;
    font-weight: normal;
    font-style: normal;
}
.vjs-icon-square:before {
    content: "\f10a";
}

.vjs-icon-spinner {
    font-family: VideoJS;
    font-weight: normal;
    font-style: normal;
}
.vjs-icon-spinner:before {
    content: "\f10b";
}

.vjs-icon-subtitles, .video-js .vjs-subs-caps-button .vjs-icon-placeholder,
.video-js.video-js:lang(en-GB) .vjs-subs-caps-button .vjs-icon-placeholder,
.video-js.video-js:lang(en-IE) .vjs-subs-caps-button .vjs-icon-placeholder,
.video-js.video-js:lang(en-AU) .vjs-subs-caps-button .vjs-icon-placeholder,
.video-js.video-js:lang(en-NZ) .vjs-subs-caps-button .vjs-icon-placeholder, .video-js .vjs-subtitles-button .vjs-icon-placeholder {
    font-family: VideoJS;
    font-weight: normal;
    font-style: normal;
}
.vjs-icon-subtitles:before, .video-js .vjs-subs-caps-button .vjs-icon-placeholder:before,
.video-js.video-js:lang(en-GB) .vjs-subs-caps-button .vjs-icon-placeholder:before,
.video-js.video-js:lang(en-IE) .vjs-subs-caps-button .vjs-icon-placeholder:before,
.video-js.video-js:lang(en-AU) .vjs-subs-caps-button .vjs-icon-placeholder:before,
.video-js.video-js:lang(en-NZ) .vjs-subs-caps-button .vjs-icon-placeholder:before, .video-js .vjs-subtitles-button .vjs-icon-placeholder:before {
    content: "\f10c";
}

.vjs-icon-captions, .video-js:lang(en) .vjs-subs-caps-button .vjs-icon-placeholder,
.video-js:lang(fr-CA) .vjs-subs-caps-button .vjs-icon-placeholder, .video-js .vjs-captions-button .vjs-icon-placeholder {
    font-family: VideoJS;
    font-weight: normal;
    font-style: normal;
}
.vjs-icon-captions:before, .video-js:lang(en) .vjs-subs-caps-button .vjs-icon-placeholder:before,
.video-js:lang(fr-CA) .vjs-subs-caps-button .vjs-icon-placeholder:before, .video-js .vjs-captions-button .vjs-icon-placeholder:before {
    content: "\f10d";
}

.vjs-icon-chapters, .video-js .vjs-chapters-button .vjs-icon-placeholder {
    font-family: VideoJS;
    font-weight: normal;
    font-style: normal;
}
.vjs-icon-chapters:before, .video-js .vjs-chapters-button .vjs-icon-placeholder:before {
    content: "\f10e";
}

.vjs-icon-share {
    font-family: VideoJS;
    font-weight: normal;
    font-style: normal;
}
.vjs-icon-share:before {
    content: "\f10f";
}

.vjs-icon-cog {
    font-family: VideoJS;
    font-weight: normal;
    font-style: normal;
}
.vjs-icon-cog:before {
    content: "\f110";
}

.vjs-icon-circle, .vjs-seek-to-live-control .vjs-icon-placeholder, .video-js .vjs-volume-level, .video-js .vjs-play-progress {
    font-family: VideoJS;
    font-weight: normal;
    font-style: normal;
}
.vjs-icon-circle:before, .vjs-seek-to-live-control .vjs-icon-placeholder:before, .video-js .vjs-volume-level:before, .video-js .vjs-play-progress:before {
    content: "\f111";
}

.vjs-icon-circle-outline {
    font-family: VideoJS;
    font-weight: normal;
    font-style: normal;
}
.vjs-icon-circle-outline:before {
    content: "\f112";
}

.vjs-icon-circle-inner-circle {
    font-family: VideoJS;
    font-weight: normal;
    font-style: normal;
}
.vjs-icon-circle-inner-circle:before {
    content: "\f113";
}

.vjs-icon-hd {
    font-family: VideoJS;
    font-weight: normal;
    font-style: normal;
}
.vjs-icon-hd:before {
    content: "\f114";
}

.vjs-icon-cancel, .video-js .vjs-control.vjs-close-button .vjs-icon-placeholder {
    font-family: VideoJS;
    font-weight: normal;
    font-style: normal;
}
.vjs-icon-cancel:before, .video-js .vjs-control.vjs-close-button .vjs-icon-placeholder:before {
    content: "\f115";
}

.vjs-icon-replay, .video-js .vjs-play-control.vjs-ended .vjs-icon-placeholder {
    font-family: VideoJS;
    font-weight: normal;
    font-style: normal;
}
.vjs-icon-replay:before, .video-js .vjs-play-control.vjs-ended .vjs-icon-placeholder:before {
    content: "\f116";
}

.vjs-icon-facebook {
    font-family: VideoJS;
    font-weight: normal;
    font-style: normal;
}
.vjs-icon-facebook:before {
    content: "\f117";
}

.vjs-icon-gplus {
    font-family: VideoJS;
    font-weight: normal;
    font-style: normal;
}
.vjs-icon-gplus:before {
    content: "\f118";
}

.vjs-icon-linkedin {
    font-family: VideoJS;
    font-weight: normal;
    font-style: normal;
}
.vjs-icon-linkedin:before {
    content: "\f119";
}

.vjs-icon-twitter {
    font-family: VideoJS;
    font-weight: normal;
    font-style: normal;
}
.vjs-icon-twitter:before {
    content: "\f11a";
}

.vjs-icon-tumblr {
    font-family: VideoJS;
    font-weight: normal;
    font-style: normal;
}
.vjs-icon-tumblr:before {
    content: "\f11b";
}

.vjs-icon-pinterest {
    font-family: VideoJS;
    font-weight: normal;
    font-style: normal;
}
.vjs-icon-pinterest:before {
    content: "\f11c";
}

.vjs-icon-audio-description, .video-js .vjs-descriptions-button .vjs-icon-placeholder {
    font-family: VideoJS;
    font-weight: normal;
    font-style: normal;
}
.vjs-icon-audio-description:before, .video-js .vjs-descriptions-button .vjs-icon-placeholder:before {
    content: "\f11d";
}

.vjs-icon-audio, .video-js .vjs-audio-button .vjs-icon-placeholder {
    font-family: VideoJS;
    font-weight: normal;
    font-style: normal;
}
.vjs-icon-audio:before, .video-js .vjs-audio-button .vjs-icon-placeholder:before {
    content: "\f11e";
}

.vjs-icon-next-item {
    font-family: VideoJS;
    font-weight: normal;
    font-style: normal;
}
.vjs-icon-next-item:before {
    content: "\f11f";
}

.vjs-icon-previous-item {
    font-family: VideoJS;
    font-weight: normal;
    font-style: normal;
}
.vjs-icon-previous-item:before {
    content: "\f120";
}

.vjs-icon-picture-in-picture-enter, .video-js .vjs-picture-in-picture-control .vjs-icon-placeholder {
    font-family: VideoJS;
    font-weight: normal;
    font-style: normal;
}
.vjs-icon-picture-in-picture-enter:before, .video-js .vjs-picture-in-picture-control .vjs-icon-placeholder:before {
    content: "\f121";
}

.vjs-icon-picture-in-picture-exit, .video-js.vjs-picture-in-picture .vjs-picture-in-picture-control .vjs-icon-placeholder {
    font-family: VideoJS;
    font-weight: normal;
    font-style: normal;
}
.vjs-icon-picture-in-picture-exit:before, .video-js.vjs-picture-in-picture .vjs-picture-in-picture-control .vjs-icon-placeholder:before {
    content: "\f122";
}

.video-js {
    display: block;
    vertical-align: top;
    box-sizing: border-box;
    color: #fff;
    background-color: #000;
    position: relative;
    padding: 0;
    font-size: 10px;
    line-height: 1;
    font-weight: normal;
    font-style: normal;
    font-family: Arial, Helvetica, sans-serif;
    word-break: initial;
}
.video-js:-moz-full-screen {
    position: absolute;
}
.video-js:-webkit-full-screen {
    width: 100% !important;
    height: 100% !important;
}

.video-js[tabindex="-1"] {
    outline: none;
}

.video-js *,
.video-js *:before,
.video-js *:after {
    box-sizing: inherit;
}

.video-js ul {
    font-family: inherit;
    font-size: inherit;
    line-height: inherit;
    list-style-position: outside;
    margin-left: 0;
    margin-right: 0;
    margin-top: 0;
    margin-bottom: 0;
}

.video-js.vjs-fluid,
.video-js.vjs-16-9,
.video-js.vjs-4-3,
.video-js.vjs-9-16,
.video-js.vjs-1-1 {
    width: 100%;
    max-width: 100%;
}

.video-js.vjs-fluid:not(.vjs-audio-only-mode),
.video-js.vjs-16-9:not(.vjs-audio-only-mode),
.video-js.vjs-4-3:not(.vjs-audio-only-mode),
.video-js.vjs-9-16:not(.vjs-audio-only-mode),
.video-js.vjs-1-1:not(.vjs-audio-only-mode) {
    height: 0;
}

.video-js.vjs-16-9:not(.vjs-audio-only-mode) {
    padding-top: 56.25%;
}

.video-js.vjs-4-3:not(.vjs-audio-only-mode) {
    padding-top: 75%;
}

.video-js.vjs-9-16:not(.vjs-audio-only-mode) {
    padding-top: 177.7777777778%;
}

.video-js.vjs-1-1:not(.vjs-audio-only-mode) {
    padding-top: 100%;
}

.video-js.vjs-fill:not(.vjs-audio-only-mode) {
    width: 100%;
    height: 100%;
}

.video-js .vjs-tech {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    border-radius: 15px !important;
}

.video-js.vjs-audio-only-mode .vjs-tech {
    display: none;
}

body.vjs-full-window {
    padding: 0;
    margin: 0;
    height: 100%;
}

.vjs-full-window .video-js.vjs-fullscreen {
    position: fixed;
    overflow: hidden;
    z-index: 1000;
    left: 0;
    top: 0;
    bottom: 0;
    right: 0;
}

.video-js.vjs-fullscreen:not(.vjs-ios-native-fs) {
    width: 100% !important;
    height: 100% !important;
    padding-top: 0 !important;
}

.video-js.vjs-fullscreen.vjs-user-inactive {
    cursor: none;
}

.vjs-hidden {
    display: none !important;
}

.vjs-disabled {
    opacity: 0.5;
    cursor: default;
}

.video-js .vjs-offscreen {
    height: 1px;
    left: -9999px;
    position: absolute;
    top: 0;
    width: 1px;
}

.vjs-lock-showing {
    display: block !important;
    opacity: 1 !important;
    visibility: visible !important;
}

.vjs-no-js {
    padding: 20px;
    color: #fff;
    background-color: #000;
    font-size: 18px;
    font-family: Arial, Helvetica, sans-serif;
    text-align: center;
    width: 300px;
    height: 150px;
    margin: 0px auto;
}

.vjs-no-js a,
.vjs-no-js a:visited {
    color: #66A8CC;
}

.video-js .vjs-big-play-button {
    font-size: 6em;
    line-height: 75px;
    height: 75px;
    width: 75px;
    display: block;
    position: absolute;
    padding: 0;
    cursor: pointer;
    background-color: #2395FF;
    border-radius: 50px;
    transition: all 0.4s;
}
.vjs-big-play-centered .vjs-big-play-button {
    position: absolute;
    left: 0;
    right: 0;
    top: 0;
    bottom: 0;
    margin: auto;
}

.video-js:hover .vjs-big-play-button,
.video-js .vjs-big-play-button:focus {
    background-color: #2395FF9F !important;
    transition: all 0.4s;
}

.vjs-controls-disabled .vjs-big-play-button,
.vjs-has-started .vjs-big-play-button,
.vjs-using-native-controls .vjs-big-play-button,
.vjs-error .vjs-big-play-button {
    display: none;
}

.vjs-has-started.vjs-paused.vjs-show-big-play-button-on-pause .vjs-big-play-button {
    display: block;
}

.video-js button {
    background: none;
    border: none;
    color: inherit;
    display: inline-block;
    font-size: inherit;
    line-height: inherit;
    text-transform: none;
    text-decoration: none;
    transition: none;
    -webkit-appearance: none;
    -moz-appearance: none;
    appearance: none;
}

.vjs-control .vjs-button {
    width: 100%;
    height: 100%;
}

.video-js .vjs-control.vjs-close-button {
    cursor: pointer;
    height: 3em;
    position: absolute;
    right: 0;
    top: 0.5em;
    z-index: 2;
}
.video-js .vjs-modal-dialog {
    background: rgba(0, 0, 0, 0.8);
    background: linear-gradient(180deg, rgba(0, 0, 0, 0.8), rgba(255, 255, 255, 0));
    overflow: auto;
}

.video-js .vjs-modal-dialog > * {
    box-sizing: border-box;
}

.vjs-modal-dialog .vjs-modal-dialog-content {
    font-size: 1.2em;
    line-height: 1.5;
    padding: 20px 24px;
    z-index: 1;
}

.vjs-menu-button {
    cursor: pointer;
}

.vjs-menu-button.vjs-disabled {
    cursor: default;
}

.vjs-workinghover .vjs-menu-button.vjs-disabled:hover .vjs-menu {
    display: none;
}

.vjs-menu .vjs-menu-content {
    display: block;
    padding: 0;
    margin: 0;
    font-family: Arial, Helvetica, sans-serif;
    overflow: auto;
}

.vjs-menu .vjs-menu-content > * {
    box-sizing: border-box;
}

.vjs-scrubbing .vjs-control.vjs-menu-button:hover .vjs-menu {
    display: none;
}

.vjs-menu li {
    list-style: none;
    margin: 0;
    padding: 0.2em 0;
    line-height: 1.4em;
    font-size: 1.2em;
    text-align: center;
    text-transform: lowercase;
}

.vjs-menu li.vjs-menu-item:focus,
.vjs-menu li.vjs-menu-item:hover,
.js-focus-visible .vjs-menu li.vjs-menu-item:hover {
    background-color: #73859f;
    background-color: rgba(115, 133, 159, 0.5);
}

.vjs-menu li.vjs-selected,
.vjs-menu li.vjs-selected:focus,
.vjs-menu li.vjs-selected:hover,
.js-focus-visible .vjs-menu li.vjs-selected:hover {
    background-color: #fff;
    color: #2B333F;
}

.video-js .vjs-menu *:not(.vjs-selected):focus:not(:focus-visible),
.js-focus-visible .vjs-menu *:not(.vjs-selected):focus:not(.focus-visible) {
    background: none;
}

.vjs-menu li.vjs-menu-title {
    text-align: center;
    text-transform: uppercase;
    font-size: 1em;
    line-height: 2em;
    padding: 0;
    margin: 0 0 0.3em 0;
    font-weight: bold;
    cursor: default;
}

.vjs-menu-button-popup .vjs-menu {
    display: none;
    position: absolute;
    bottom: 0;
    width: 10em;
    left: -3em;
    height: 0em;
    margin-bottom: 1.5em;
    border-top-color: rgba(43, 51, 63, 0.7);
}

.vjs-menu-button-popup .vjs-menu .vjs-menu-content {
    background-color: #2B333F;
    background-color: rgba(43, 51, 63, 0.7);
    position: absolute;
    width: 100%;
    bottom: 1.5em;
    max-height: 15em;
}

.vjs-layout-tiny .vjs-menu-button-popup .vjs-menu .vjs-menu-content,
.vjs-layout-x-small .vjs-menu-button-popup .vjs-menu .vjs-menu-content {
    max-height: 5em;
}

.vjs-layout-small .vjs-menu-button-popup .vjs-menu .vjs-menu-content {
    max-height: 10em;
}

.vjs-layout-medium .vjs-menu-button-popup .vjs-menu .vjs-menu-content {
    max-height: 14em;
}

.vjs-layout-large .vjs-menu-button-popup .vjs-menu .vjs-menu-content,
.vjs-layout-x-large .vjs-menu-button-popup .vjs-menu .vjs-menu-content,
.vjs-layout-huge .vjs-menu-button-popup .vjs-menu .vjs-menu-content {
    max-height: 25em;
}

.vjs-workinghover .vjs-menu-button-popup.vjs-hover .vjs-menu,
.vjs-menu-button-popup .vjs-menu.vjs-lock-showing {
    display: block;
}

.video-js .vjs-menu-button-inline {
    transition: all 0.4s;
    overflow: hidden;
}

.video-js .vjs-menu-button-inline:before {
    width: 2.222222222em;
}

.video-js .vjs-menu-button-inline:hover,
.video-js .vjs-menu-button-inline:focus,
.video-js .vjs-menu-button-inline.vjs-slider-active,
.video-js.vjs-no-flex .vjs-menu-button-inline {
    width: 12em;
}

.vjs-menu-button-inline .vjs-menu {
    opacity: 0;
    height: 100%;
    width: auto;
    position: absolute;
    left: 4em;
    top: 0;
    padding: 0;
    margin: 0;
    transition: all 0.4s;
}

.vjs-menu-button-inline:hover .vjs-menu,
.vjs-menu-button-inline:focus .vjs-menu,
.vjs-menu-button-inline.vjs-slider-active .vjs-menu {
    display: block;
    opacity: 1;
}

.vjs-no-flex .vjs-menu-button-inline .vjs-menu {
    display: block;
    opacity: 1;
    position: relative;
    width: auto;
}

.vjs-no-flex .vjs-menu-button-inline:hover .vjs-menu,
.vjs-no-flex .vjs-menu-button-inline:focus .vjs-menu,
.vjs-no-flex .vjs-menu-button-inline.vjs-slider-active .vjs-menu {
    width: auto;
}

.vjs-menu-button-inline .vjs-menu-content {
    width: auto;
    height: 100%;
    margin: 0;
    overflow: hidden;
}

.video-js .vjs-control-bar {
    display: none;
    width: 100%;
    position: absolute;
    bottom: 0;
    left: 0;
    right: 0;
    height: 3em;
    background-color: #2B333F;
    background-color: rgba(43, 51, 63, 0.7);
    border-bottom-left-radius: 15px !important;
    border-bottom-right-radius: 15px !important;
}

.video-js-control-bar-black .vjs-control-bar {
    display: none;
    width: 100%;
    position: absolute;
    bottom: 0;
    left: 0;
    right: 0;
    height: 3em;
    background-color: #2B333F !important;
    border-bottom-left-radius: 15px !important;
    border-bottom-right-radius: 15px !important;
}

.vjs-has-started .vjs-control-bar,
.vjs-audio-only-mode .vjs-control-bar {
    display: flex;
    visibility: visible;
    opacity: 1;
    transition: visibility 0.1s, opacity 0.1s;
}

.vjs-has-started.vjs-user-inactive.vjs-playing .vjs-control-bar {
    visibility: visible;
    opacity: 0;
    pointer-events: none;
    transition: visibility 1s, opacity 1s;
}

.vjs-controls-disabled .vjs-control-bar,
.vjs-using-native-controls .vjs-control-bar,
.vjs-error .vjs-control-bar {
    display: none !important;
}

.vjs-audio.vjs-has-started.vjs-user-inactive.vjs-playing .vjs-control-bar,
.vjs-audio-only-mode.vjs-has-started.vjs-user-inactive.vjs-playing .vjs-control-bar {
    opacity: 1;
    visibility: visible;
}

.vjs-has-started.vjs-no-flex .vjs-control-bar {
    display: table;
}

.video-js .vjs-control {
    position: relative;
    text-align: center;
    margin: 0;
    padding: 0;
    height: 100%;
    width: 4em;
    flex: none;
}

.video-js .vjs-control.vjs-visible-text {
    width: auto;
    padding-left: 1em;
    padding-right: 1em;
}

.vjs-button > .vjs-icon-placeholder:before {
    font-size: 1.8em;
    line-height: 1.67;
}

.vjs-button > .vjs-icon-placeholder {
    display: block;
}

.video-js .vjs-control:focus:before,
.video-js .vjs-control:hover:before,
.video-js .vjs-control:focus {
    text-shadow: 0em 0em 1em white;
}

.video-js *:not(.vjs-visible-text) > .vjs-control-text {
    border: 0;
    clip: rect(0 0 0 0);
    height: 1px;
    overflow: hidden;
    padding: 0;
    position: absolute;
    width: 1px;
}

.vjs-no-flex .vjs-control {
    display: table-cell;
    vertical-align: middle;
}

.video-js .vjs-custom-control-spacer {
    display: none;
}

.video-js .vjs-progress-control {
    cursor: pointer;
    flex: auto;
    display: flex;
    align-items: center;
    min-width: 4em;
    touch-action: none;
}

.video-js .vjs-progress-control.disabled {
    cursor: default;
}

.vjs-live .vjs-progress-control {
    display: none;
}

.vjs-liveui .vjs-progress-control {
    display: flex;
    align-items: center;
}

.vjs-no-flex .vjs-progress-control {
    width: auto;
}

.video-js .vjs-progress-holder {
    flex: auto;
    transition: all 0.2s;
    height: 0.3em;
}

.video-js .vjs-progress-control .vjs-progress-holder {
    margin: 0 10px;
}

.video-js .vjs-progress-control:hover .vjs-progress-holder {
    font-size: 1.6666666667em;
}

.video-js .vjs-progress-control:hover .vjs-progress-holder.disabled {
    font-size: 1em;
}

.video-js .vjs-progress-holder .vjs-play-progress,
.video-js .vjs-progress-holder .vjs-load-progress,
.video-js .vjs-progress-holder .vjs-load-progress div {
    position: absolute;
    display: block;
    height: 100%;
    margin: 0;
    padding: 0;
    width: 0;
}

.video-js .vjs-play-progress {
    background-color: #fff;
}
.video-js .vjs-play-progress:before {
    font-size: 0.9em;
    position: absolute;
    right: -0.5em;
    top: -0.3333333333em;
    z-index: 1;
}

.video-js .vjs-load-progress {
    background: rgba(115, 133, 159, 0.5);
}

.video-js .vjs-load-progress div {
    background: rgba(115, 133, 159, 0.75);
}

.video-js .vjs-time-tooltip {
    background-color: #fff;
    background-color: rgba(255, 255, 255, 0.8);
    border-radius: 0.3em;
    color: #000;
    float: right;
    font-family: Arial, Helvetica, sans-serif;
    font-size: 1em;
    padding: 6px 8px 8px 8px;
    pointer-events: none;
    position: absolute;
    top: -3.4em;
    visibility: hidden;
    z-index: 1;
}

.video-js .vjs-progress-holder:focus .vjs-time-tooltip {
    display: none;
}

.video-js .vjs-progress-control:hover .vjs-time-tooltip,
.video-js .vjs-progress-control:hover .vjs-progress-holder:focus .vjs-time-tooltip {
    display: block;
    font-size: 0.6em;
    visibility: visible;
}

.video-js .vjs-progress-control.disabled:hover .vjs-time-tooltip {
    font-size: 1em;
}

.video-js .vjs-progress-control .vjs-mouse-display {
    display: none;
    position: absolute;
    width: 1px;
    height: 100%;
    background-color: #000;
    z-index: 1;
}

.vjs-no-flex .vjs-progress-control .vjs-mouse-display {
    z-index: 0;
}

.video-js .vjs-progress-control:hover .vjs-mouse-display {
    display: block;
}

.video-js.vjs-user-inactive .vjs-progress-control .vjs-mouse-display {
    visibility: hidden;
    opacity: 0;
    transition: visibility 1s, opacity 1s;
}

.video-js.vjs-user-inactive.vjs-no-flex .vjs-progress-control .vjs-mouse-display {
    display: none;
}

.vjs-mouse-display .vjs-time-tooltip {
    color: #fff;
    background-color: #000;
    background-color: rgba(0, 0, 0, 0.8);
}

.video-js .vjs-slider {
    position: relative;
    cursor: pointer;
    padding: 0;
    margin: 0 0.45em 0 0.45em;
    /* iOS Safari */
    -webkit-touch-callout: none;
    /* Safari */
    -webkit-user-select: none;
    /* Konqueror HTML */
    /* Firefox */
    -moz-user-select: none;
    /* Internet Explorer/Edge */
    -ms-user-select: none;
    /* Non-prefixed version, currently supported by Chrome and Opera */
    user-select: none;
    background-color: #73859f;
    background-color: rgba(115, 133, 159, 0.5);
}

.video-js .vjs-slider.disabled {
    cursor: default;
}

.video-js .vjs-slider:focus {
    text-shadow: 0em 0em 1em white;
    box-shadow: 0 0 1em #fff;
}

.video-js .vjs-mute-control {
    cursor: pointer;
    flex: none;
}
.video-js .vjs-volume-control {
    cursor: pointer;
    margin-right: 1em;
    display: flex;
}

.video-js .vjs-volume-control.vjs-volume-horizontal {
    width: 5em;
}

.video-js .vjs-volume-panel .vjs-volume-control {
    visibility: visible;
    opacity: 0;
    width: 1px;
    height: 1px;
    margin-left: -1px;
}

.video-js .vjs-volume-panel {
    transition: width 1s;
}
.video-js .vjs-volume-panel.vjs-hover .vjs-volume-control, .video-js .vjs-volume-panel:active .vjs-volume-control, .video-js .vjs-volume-panel:focus .vjs-volume-control, .video-js .vjs-volume-panel .vjs-volume-control:active, .video-js .vjs-volume-panel.vjs-hover .vjs-mute-control ~ .vjs-volume-control, .video-js .vjs-volume-panel .vjs-volume-control.vjs-slider-active {
    visibility: visible;
    opacity: 1;
    position: relative;
    transition: visibility 0.1s, opacity 0.1s, height 0.1s, width 0.1s, left 0s, top 0s;
}
.video-js .vjs-volume-panel.vjs-hover .vjs-volume-control.vjs-volume-horizontal, .video-js .vjs-volume-panel:active .vjs-volume-control.vjs-volume-horizontal, .video-js .vjs-volume-panel:focus .vjs-volume-control.vjs-volume-horizontal, .video-js .vjs-volume-panel .vjs-volume-control:active.vjs-volume-horizontal, .video-js .vjs-volume-panel.vjs-hover .vjs-mute-control ~ .vjs-volume-control.vjs-volume-horizontal, .video-js .vjs-volume-panel .vjs-volume-control.vjs-slider-active.vjs-volume-horizontal {
    width: 5em;
    height: 3em;
    margin-right: 0;
}
.video-js .vjs-volume-panel.vjs-hover .vjs-volume-control.vjs-volume-vertical, .video-js .vjs-volume-panel:active .vjs-volume-control.vjs-volume-vertical, .video-js .vjs-volume-panel:focus .vjs-volume-control.vjs-volume-vertical, .video-js .vjs-volume-panel .vjs-volume-control:active.vjs-volume-vertical, .video-js .vjs-volume-panel.vjs-hover .vjs-mute-control ~ .vjs-volume-control.vjs-volume-vertical, .video-js .vjs-volume-panel .vjs-volume-control.vjs-slider-active.vjs-volume-vertical {
    left: -3.5em;
    transition: left 0s;
}
.video-js .vjs-volume-panel.vjs-volume-panel-horizontal.vjs-hover, .video-js .vjs-volume-panel.vjs-volume-panel-horizontal:active, .video-js .vjs-volume-panel.vjs-volume-panel-horizontal.vjs-slider-active {
    width: 10em;
    transition: width 0.1s;
}
.video-js .vjs-volume-panel.vjs-volume-panel-horizontal.vjs-mute-toggle-only {
    width: 4em;
}

.video-js .vjs-volume-panel .vjs-volume-control.vjs-volume-vertical {
    height: 8em;
    width: 3em;
    left: -3000em;
    transition: visibility 1s, opacity 1s, height 1s 1s, width 1s 1s, left 1s 1s, top 1s 1s;
}

.video-js .vjs-volume-panel .vjs-volume-control.vjs-volume-horizontal {
    transition: visibility 1s, opacity 1s, height 1s 1s, width 1s, left 1s 1s, top 1s 1s;
}

.video-js.vjs-no-flex .vjs-volume-panel .vjs-volume-control.vjs-volume-horizontal {
    width: 5em;
    height: 3em;
    visibility: visible;
    opacity: 1;
    position: relative;
    transition: none;
}

.video-js.vjs-no-flex .vjs-volume-control.vjs-volume-vertical,
.video-js.vjs-no-flex .vjs-volume-panel .vjs-volume-control.vjs-volume-vertical {
    position: absolute;
    bottom: 3em;
    left: 0.5em;
}

.video-js .vjs-volume-panel {
    display: flex;
}

.video-js .vjs-volume-bar {
    margin: 1.35em 0.45em;
}

.vjs-volume-bar.vjs-slider-horizontal {
    width: 5em;
    height: 0.3em;
}

.vjs-volume-bar.vjs-slider-vertical {
    width: 0.3em;
    height: 5em;
    margin: 1.35em auto;
}

.video-js .vjs-volume-level {
    position: absolute;
    bottom: 0;
    left: 0;
    background-color: #fff;
}
.video-js .vjs-volume-level:before {
    position: absolute;
    font-size: 0.9em;
    z-index: 1;
}

.vjs-slider-vertical .vjs-volume-level {
    width: 0.3em;
}
.vjs-slider-vertical .vjs-volume-level:before {
    top: -0.5em;
    left: -0.3em;
    z-index: 1;
}

.vjs-slider-horizontal .vjs-volume-level {
    height: 0.3em;
}
.vjs-slider-horizontal .vjs-volume-level:before {
    top: -0.3em;
    right: -0.5em;
}

.video-js .vjs-volume-panel.vjs-volume-panel-vertical {
    width: 4em;
}

.vjs-volume-bar.vjs-slider-vertical .vjs-volume-level {
    height: 100%;
}

.vjs-volume-bar.vjs-slider-horizontal .vjs-volume-level {
    width: 100%;
}

.video-js .vjs-volume-vertical {
    width: 3em;
    height: 8em;
    bottom: 8em;
    background-color: #2B333F;
    background-color: rgba(43, 51, 63, 0.7);
}

.video-js .vjs-volume-horizontal .vjs-menu {
    left: -2em;
}

.video-js .vjs-volume-tooltip {
    background-color: #fff;
    background-color: rgba(255, 255, 255, 0.8);
    border-radius: 0.3em;
    color: #000;
    float: right;
    font-family: Arial, Helvetica, sans-serif;
    font-size: 1em;
    padding: 6px 8px 8px 8px;
    pointer-events: none;
    position: absolute;
    top: -3.4em;
    visibility: hidden;
    z-index: 1;
}

.video-js .vjs-volume-control:hover .vjs-volume-tooltip,
.video-js .vjs-volume-control:hover .vjs-progress-holder:focus .vjs-volume-tooltip {
    display: block;
    font-size: 1em;
    visibility: visible;
}

.video-js .vjs-volume-vertical:hover .vjs-volume-tooltip,
.video-js .vjs-volume-vertical:hover .vjs-progress-holder:focus .vjs-volume-tooltip {
    left: 1em;
    top: -12px;
}

.video-js .vjs-volume-control.disabled:hover .vjs-volume-tooltip {
    font-size: 1em;
}

.video-js .vjs-volume-control .vjs-mouse-display {
    display: none;
    position: absolute;
    width: 100%;
    height: 1px;
    background-color: #000;
    z-index: 1;
}

.video-js .vjs-volume-horizontal .vjs-mouse-display {
    width: 1px;
    height: 100%;
}

.vjs-no-flex .vjs-volume-control .vjs-mouse-display {
    z-index: 0;
}

.video-js .vjs-volume-control:hover .vjs-mouse-display {
    display: block;
}

.video-js.vjs-user-inactive .vjs-volume-control .vjs-mouse-display {
    visibility: hidden;
    opacity: 0;
    transition: visibility 1s, opacity 1s;
}

.video-js.vjs-user-inactive.vjs-no-flex .vjs-volume-control .vjs-mouse-display {
    display: none;
}

.vjs-mouse-display .vjs-volume-tooltip {
    color: #fff;
    background-color: #000;
    background-color: rgba(0, 0, 0, 0.8);
}

.vjs-poster {
    display: inline-block;
    vertical-align: middle;
    background-position: 50% 50%;
    background-size: contain;
    background-color: transparent;
    cursor: pointer;
    margin: 0;
    padding: 0;
    position: absolute;
    top: 0;
    right: 0;
    bottom: 0;
    left: 0;
    height: 100%;
    border-radius: 15px !important;
}

.vjs-has-started .vjs-poster,
.vjs-using-native-controls .vjs-poster {
    display: none;
}

.vjs-audio.vjs-has-started .vjs-poster,
.vjs-has-started.vjs-audio-poster-mode .vjs-poster {
    display: block;
}

.video-js .vjs-live-control {
    display: flex;
    align-items: flex-start;
    flex: auto;
    font-size: 1em;
    line-height: 3em;
}

.vjs-no-flex .vjs-live-control {
    display: table-cell;
    width: auto;
    text-align: left;
}

.video-js:not(.vjs-live) .vjs-live-control,
.video-js.vjs-liveui .vjs-live-control {
    display: none;
}

.video-js .vjs-seek-to-live-control {
    align-items: center;
    cursor: pointer;
    flex: none;
    display: inline-flex;
    height: 100%;
    padding-left: 0.5em;
    padding-right: 0.5em;
    font-size: 1em;
    line-height: 3em;
    width: auto;
    min-width: 4em;
}

.vjs-no-flex .vjs-seek-to-live-control {
    display: table-cell;
    width: auto;
    text-align: left;
}

.video-js.vjs-live:not(.vjs-liveui) .vjs-seek-to-live-control,
.video-js:not(.vjs-live) .vjs-seek-to-live-control {
    display: none;
}

.vjs-seek-to-live-control.vjs-control.vjs-at-live-edge {
    cursor: auto;
}

.vjs-seek-to-live-control .vjs-icon-placeholder {
    margin-right: 0.5em;
    color: #888;
}

.vjs-seek-to-live-control.vjs-control.vjs-at-live-edge .vjs-icon-placeholder {
    color: red;
}

.video-js .vjs-time-control {
    flex: none;
    font-size: 1em;
    line-height: 3em;
    min-width: 2em;
    width: auto;
    padding-left: 1em;
    padding-right: 1em;
}

.vjs-live .vjs-time-control {
    display: none;
}

.video-js .vjs-current-time,
.vjs-no-flex .vjs-current-time {
    display: none;
}

.video-js .vjs-duration,
.vjs-no-flex .vjs-duration {
    display: none;
}

.vjs-time-divider {
    display: none;
    line-height: 3em;
}

.vjs-live .vjs-time-divider {
    display: none;
}

.video-js .vjs-play-control {
    cursor: pointer;
}

.video-js .vjs-play-control .vjs-icon-placeholder {
    flex: none;
}

.vjs-text-track-display {
    position: absolute;
    bottom: 3em;
    left: 0;
    right: 0;
    top: 0;
    pointer-events: none;
}

.video-js.vjs-controls-disabled .vjs-text-track-display,
.video-js.vjs-user-inactive.vjs-playing .vjs-text-track-display {
    bottom: 1em;
}

.video-js .vjs-text-track {
    font-size: 1.4em;
    text-align: center;
    margin-bottom: 0.1em;
}

.vjs-subtitles {
    color: #fff;
}

.vjs-captions {
    color: #fc6;
}

.vjs-tt-cue {
    display: block;
}

video::-webkit-media-text-track-display {
    transform: translateY(-3em);
}

.video-js.vjs-controls-disabled video::-webkit-media-text-track-display,
.video-js.vjs-user-inactive.vjs-playing video::-webkit-media-text-track-display {
    transform: translateY(-1.5em);
}

.video-js .vjs-picture-in-picture-control {
    cursor: pointer;
    flex: none;
}
.video-js.vjs-audio-only-mode .vjs-picture-in-picture-control {
    display: none;
}

.video-js .vjs-fullscreen-control {
    cursor: pointer;
    flex: none;
}
.video-js.vjs-audio-only-mode .vjs-fullscreen-control {
    display: none;
}

.vjs-playback-rate > .vjs-menu-button,
.vjs-playback-rate .vjs-playback-rate-value {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
}

.vjs-playback-rate .vjs-playback-rate-value {
    pointer-events: none;
    font-size: 1.5em;
    line-height: 2;
    text-align: center;
}

.vjs-playback-rate .vjs-menu {
    width: 4em;
    left: 0em;
}

.vjs-error .vjs-error-display .vjs-modal-dialog-content {
    font-size: 1.4em;
    text-align: center;
}

.vjs-error .vjs-error-display:before {
    color: #fff;
    content: "X";
    font-family: Arial, Helvetica, sans-serif;
    font-size: 4em;
    left: 0;
    line-height: 1;
    margin-top: -0.5em;
    position: absolute;
    text-shadow: 0.05em 0.05em 0.1em #000;
    text-align: center;
    top: 50%;
    vertical-align: middle;
    width: 100%;
}

.vjs-loading-spinner {
    display: none;
    position: absolute;
    top: 50%;
    left: 50%;
    margin: -25px 0 0 -25px;
    opacity: 0.85;
    text-align: left;
    border: 6px solid rgba(43, 51, 63, 0.7);
    box-sizing: border-box;
    background-clip: padding-box;
    width: 50px;
    height: 50px;
    border-radius: 25px;
    visibility: hidden;
}

.vjs-seeking .vjs-loading-spinner,
.vjs-waiting .vjs-loading-spinner {
    display: block;
    -webkit-animation: vjs-spinner-show 0s linear 0.3s forwards;
    animation: vjs-spinner-show 0s linear 0.3s forwards;
}

.vjs-loading-spinner:before,
.vjs-loading-spinner:after {
    content: "";
    position: absolute;
    margin: -6px;
    box-sizing: inherit;
    width: inherit;
    height: inherit;
    border-radius: inherit;
    opacity: 1;
    border: inherit;
    border-color: transparent;
    border-top-color: white;
}

.vjs-seeking .vjs-loading-spinner:before,
.vjs-seeking .vjs-loading-spinner:after,
.vjs-waiting .vjs-loading-spinner:before,
.vjs-waiting .vjs-loading-spinner:after {
    -webkit-animation: vjs-spinner-spin 1.1s cubic-bezier(0.6, 0.2, 0, 0.8) infinite, vjs-spinner-fade 1.1s linear infinite;
    animation: vjs-spinner-spin 1.1s cubic-bezier(0.6, 0.2, 0, 0.8) infinite, vjs-spinner-fade 1.1s linear infinite;
}

.vjs-seeking .vjs-loading-spinner:before,
.vjs-waiting .vjs-loading-spinner:before {
    border-top-color: white;
}

.vjs-seeking .vjs-loading-spinner:after,
.vjs-waiting .vjs-loading-spinner:after {
    border-top-color: white;
    -webkit-animation-delay: 0.44s;
    animation-delay: 0.44s;
}

@keyframes vjs-spinner-show {
    to {
        visibility: visible;
    }
}
@-webkit-keyframes vjs-spinner-show {
    to {
        visibility: visible;
    }
}
@keyframes vjs-spinner-spin {
    100% {
        transform: rotate(360deg);
    }
}
@-webkit-keyframes vjs-spinner-spin {
    100% {
        -webkit-transform: rotate(360deg);
    }
}
@keyframes vjs-spinner-fade {
    0% {
        border-top-color: #73859f;
    }
    20% {
        border-top-color: #73859f;
    }
    35% {
        border-top-color: white;
    }
    60% {
        border-top-color: #73859f;
    }
    100% {
        border-top-color: #73859f;
    }
}
@-webkit-keyframes vjs-spinner-fade {
    0% {
        border-top-color: #73859f;
    }
    20% {
        border-top-color: #73859f;
    }
    35% {
        border-top-color: white;
    }
    60% {
        border-top-color: #73859f;
    }
    100% {
        border-top-color: #73859f;
    }
}
.video-js.vjs-audio-only-mode .vjs-captions-button {
    display: none;
}

.vjs-chapters-button .vjs-menu ul {
    width: 24em;
}

.video-js.vjs-audio-only-mode .vjs-descriptions-button {
    display: none;
}

.video-js .vjs-subs-caps-button + .vjs-menu .vjs-captions-menu-item .vjs-menu-item-text .vjs-icon-placeholder {
    vertical-align: middle;
    display: inline-block;
    margin-bottom: -0.1em;
}

.video-js .vjs-subs-caps-button + .vjs-menu .vjs-captions-menu-item .vjs-menu-item-text .vjs-icon-placeholder:before {
    font-family: VideoJS;
    content: "";
    font-size: 1.5em;
    line-height: inherit;
}

.video-js.vjs-audio-only-mode .vjs-subs-caps-button {
    display: none;
}

.video-js .vjs-audio-button + .vjs-menu .vjs-main-desc-menu-item .vjs-menu-item-text .vjs-icon-placeholder {
    vertical-align: middle;
    display: inline-block;
    margin-bottom: -0.1em;
}

.video-js .vjs-audio-button + .vjs-menu .vjs-main-desc-menu-item .vjs-menu-item-text .vjs-icon-placeholder:before {
    font-family: VideoJS;
    content: " ";
    font-size: 1.5em;
    line-height: inherit;
}

.video-js.vjs-layout-small .vjs-current-time,
.video-js.vjs-layout-small .vjs-time-divider,
.video-js.vjs-layout-small .vjs-duration,
.video-js.vjs-layout-small .vjs-remaining-time,
.video-js.vjs-layout-small .vjs-playback-rate,
.video-js.vjs-layout-small .vjs-volume-control, .video-js.vjs-layout-x-small .vjs-current-time,
.video-js.vjs-layout-x-small .vjs-time-divider,
.video-js.vjs-layout-x-small .vjs-duration,
.video-js.vjs-layout-x-small .vjs-remaining-time,
.video-js.vjs-layout-x-small .vjs-playback-rate,
.video-js.vjs-layout-x-small .vjs-volume-control, .video-js.vjs-layout-tiny .vjs-current-time,
.video-js.vjs-layout-tiny .vjs-time-divider,
.video-js.vjs-layout-tiny .vjs-duration,
.video-js.vjs-layout-tiny .vjs-remaining-time,
.video-js.vjs-layout-tiny .vjs-playback-rate,
.video-js.vjs-layout-tiny .vjs-volume-control {
    display: none;
}
.video-js.vjs-layout-small .vjs-volume-panel.vjs-volume-panel-horizontal:hover, .video-js.vjs-layout-small .vjs-volume-panel.vjs-volume-panel-horizontal:active, .video-js.vjs-layout-small .vjs-volume-panel.vjs-volume-panel-horizontal.vjs-slider-active, .video-js.vjs-layout-small .vjs-volume-panel.vjs-volume-panel-horizontal.vjs-hover, .video-js.vjs-layout-x-small .vjs-volume-panel.vjs-volume-panel-horizontal:hover, .video-js.vjs-layout-x-small .vjs-volume-panel.vjs-volume-panel-horizontal:active, .video-js.vjs-layout-x-small .vjs-volume-panel.vjs-volume-panel-horizontal.vjs-slider-active, .video-js.vjs-layout-x-small .vjs-volume-panel.vjs-volume-panel-horizontal.vjs-hover, .video-js.vjs-layout-tiny .vjs-volume-panel.vjs-volume-panel-horizontal:hover, .video-js.vjs-layout-tiny .vjs-volume-panel.vjs-volume-panel-horizontal:active, .video-js.vjs-layout-tiny .vjs-volume-panel.vjs-volume-panel-horizontal.vjs-slider-active, .video-js.vjs-layout-tiny .vjs-volume-panel.vjs-volume-panel-horizontal.vjs-hover {
    width: auto;
    width: initial;
}
.video-js.vjs-layout-x-small .vjs-progress-control, .video-js.vjs-layout-tiny .vjs-progress-control {
    display: none;
}
.video-js.vjs-layout-x-small .vjs-custom-control-spacer {
    flex: auto;
    display: block;
}
.video-js.vjs-layout-x-small.vjs-no-flex .vjs-custom-control-spacer {
    width: auto;
}

.vjs-modal-dialog.vjs-text-track-settings {
    background-color: #2B333F;
    background-color: rgba(43, 51, 63, 0.75);
    color: #fff;
    height: 70%;
}

.vjs-text-track-settings .vjs-modal-dialog-content {
    display: table;
}

.vjs-text-track-settings .vjs-track-settings-colors,
.vjs-text-track-settings .vjs-track-settings-font,
.vjs-text-track-settings .vjs-track-settings-controls {
    display: table-cell;
}

.vjs-text-track-settings .vjs-track-settings-controls {
    text-align: right;
    vertical-align: bottom;
}

@supports (display: grid) {
    .vjs-text-track-settings .vjs-modal-dialog-content {
        display: grid;
        grid-template-columns: 1fr 1fr;
        grid-template-rows: 1fr;
        padding: 20px 24px 0px 24px;
    }

    .vjs-track-settings-controls .vjs-default-button {
        margin-bottom: 20px;
    }

    .vjs-text-track-settings .vjs-track-settings-controls {
        grid-column: 1/-1;
    }

    .vjs-layout-small .vjs-text-track-settings .vjs-modal-dialog-content,
    .vjs-layout-x-small .vjs-text-track-settings .vjs-modal-dialog-content,
    .vjs-layout-tiny .vjs-text-track-settings .vjs-modal-dialog-content {
        grid-template-columns: 1fr;
    }
}
.vjs-track-setting > select {
    margin-right: 1em;
    margin-bottom: 0.5em;
}

.vjs-text-track-settings fieldset {
    margin: 5px;
    padding: 3px;
    border: none;
}

.vjs-text-track-settings fieldset span {
    display: inline-block;
}

.vjs-text-track-settings fieldset span > select {
    max-width: 7.3em;
}

.vjs-text-track-settings legend {
    color: #fff;
    margin: 0 0 5px 0;
}

.vjs-text-track-settings .vjs-label {
    position: absolute;
    clip: rect(1px 1px 1px 1px);
    clip: rect(1px, 1px, 1px, 1px);
    display: block;
    margin: 0 0 5px 0;
    padding: 0;
    border: 0;
    height: 1px;
    width: 1px;
    overflow: hidden;
}

.vjs-track-settings-controls button:focus,
.vjs-track-settings-controls button:active {
    outline-style: solid;
    outline-width: medium;
    background-image: linear-gradient(0deg, #fff 88%, #73859f 100%);
}

.vjs-track-settings-controls button:hover {
    color: rgba(43, 51, 63, 0.75);
}

.vjs-track-settings-controls button {
    background-color: #fff;
    background-image: linear-gradient(-180deg, #fff 88%, #73859f 100%);
    color: #2B333F;
    cursor: pointer;
    border-radius: 2px;
}

.vjs-track-settings-controls .vjs-default-button {
    margin-right: 1em;
}

@media print {
    .video-js > *:not(.vjs-tech):not(.vjs-poster) {
        visibility: hidden;
    }
}
.vjs-resize-manager {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    border: none;
    z-index: -1000;
}

.js-focus-visible .video-js *:focus:not(.focus-visible) {
    outline: none;
}

.video-js *:focus:not(:focus-visible) {
    outline: none;
}
/* line 2, /app/app/assets/stylesheets/subscriptions.scss */
.membership-info-icon path {
  fill: #2395FF;
}

/* line 7, /app/app/assets/stylesheets/subscriptions.scss */
.membership-plus-icon {
  fill: #2395FF;
}

/* line 11, /app/app/assets/stylesheets/subscriptions.scss */
.bg-gradient-blue {
  background: radial-gradient(77.99% 183.01% at 82.78% 23.46%, #FAFDFF 0%, #EBF5FF 47.4%, #FFFFFF 100%);
  background-repeat: no-repeat;
  background-size: cover;
}
/*
 * This is a manifest file that'll be compiled into application.css, which will include all the files
 * listed below.
 *
 * Any CSS and SCSS file within this directory, lib/assets/stylesheets, vendor/assets/stylesheets,
 * or any plugin's vendor/assets/stylesheets directory can be referenced here using a relative path.
 *
 * You're free to add application-wide styles to this file and they'll appear at the bottom of the
 * compiled file so the styles you add here take precedence over styles defined in any styles
 * defined in the other CSS/SCSS files in this directory. It is generally better to create a new
 * file per style scope.
 *












 * require general/nouislider/distribute/nouislider










 * require custom/datatables/datatables.bundle
 * require css/demo3/style.bundle
 * require css/demo1/pages/login/login-1
 * require css/demo1/pages/login/login-3
 * require css/demo1/pages/wizard/wizard-4





 */