[v-cloak] { display:none; }
body {
  font-family:"Poppins", sans-serif;
  color:#5e7490;
}
h1, h2, h3 {
  font-family:"Poppins", sans-serif;
  color:#000000;
}
h1 { font-size:1.8em; }
h2 { font-size:1.5em; }
h3 { font-size:1.2em; }
h4 { font-size:1.1em; }
h5 { font-size:1.05em; }
:root { --jumbotron-padding-y:3rem; }
.jumbotron {
  padding-top:var(--jumbotron-padding-y);
  padding-bottom:var(--jumbotron-padding-y);
  margin-bottom:0;
  background-color:#ffffff;
}
.req {
  font-size:1.1em;
  font-weight:700;
  color:#ee7000;
}
.display-5 { font-size:2.5em; }
.text-xs { font-size:0.8em; }
.text-sm { font-size:0.9em; }
.text-md { font-size:1.1em; }
.text-lg { font-size:1.2em; }
.text-xl { font-size:1.35em; }
.text-lh { line-height:1.6em; }
.text-light { color:#bdc9d8 !important; }
.text-lighter { color:#cccccc !important; }
.text-lightest { color:#dddddd !important; }
.box-shadow { box-shadow:0 0.25rem 0.75rem rgba(0,0,0,0.05); }
.pointer { cursor:pointer; }
.text-spaced { letter-spacing:2px; }
.title-spaced {
  text-transform:uppercase;
  letter-spacing:1px;
  font-size:1.4em;
  color:#dddddd;
}
.form-control {
  background:#fafbfc;
  border-radius:5px;
  height:45px;
  border-color:#eaebec;
}
.form-control::placeholder { color:#cbd7e6; }
.form-control:focus {
  box-shadow:0 0 0 0.1rem rgba(0,123,255,0.05);
  background-color:#f2f8ff;
}
.jumbotron p:last-child { margin-bottom:0; }
.jumbotron-heading {
  font-weight:400;
  font-size:2.2em;
}
.jumbotron-heading-sm { font-size:1.8em; }
.nav-pills .nav-link, .btn {
  border-radius:30px !important;
  padding:0.4rem 1.8rem;
  transition:all 500ms;
}
.btn { box-shadow:0px 0px 0px rgba(0,0,0,0.2) inset; }
.btn:hover { box-shadow:0px -50px 0px rgba(0,0,0,0.2) inset; }
.btn-xs {
  padding:0.2rem 1rem;
  font-size:0.75em;
}
.btn-sm { padding:0.25rem 1.4rem; }
.btn-lg { padding:0.5rem 1.8rem; }
.btn-primary {
  background:#e03256;
  border-color:transparent !important;
  background-image:linear-gradient(to right,#b93464 0%,#e03256 100%);
}
.btn-primary:hover { border-color:transparent; }
.btn-outline-primary {
  background:#ffffff;
  color:#d53d39;
  border-color:#d53d39;
}
.btn-outline-secondary {
  color:#c5c7ca;
  border-color:#c1c1c1;
}
.btn-info { background-image:linear-gradient(90deg,#0072cb 0%,#36b2e2 100%); }
.btn-outline-info {
  background:#ffffff;
  color:#3f51b5;
  border-color:#3f51b5;
}
.btn-outline-info:hover {
  background:linear-gradient(90deg,#0072cb 0%,#36b2e2 100%);
  color:#ffffff;
  border-color:#3f51b5;
}
body { margin-top:80px; }
header { background:#ffffff; }
.navbar-brand img { max-height:50px; }
footer {
  padding-top:2rem;
  padding-bottom:2rem;
}
footer p { margin-bottom:0.25rem; }
.listcard {
  background:#ffffff;
  color:#000000;
  display:block;
}
.listcard:hover { text-decoration:none !important; }
.whitecard {
  background:#ffffff;
  border:1px solid #eeeeee;
  box-shadow:1px 1px 0px rgba(0,0,0,0.05);
  border-radius:10px;
}
.whitecard a:hover { text-decoration:none !important; }
.whitecard-shadow { box-shadow:0 0 20px rgba(0,0,0,0.1); }
.hidden { display:none; }
.ellipsis {
  white-space:nowrap;
  overflow:hidden;
  text-overflow:ellipsis;
}
.icon { width:12px; }
.icon-md { width:18px; }
.text-label {
  text-transform:uppercase;
  letter-spacing:1px;
  font-size:0.9em;
  color:#dddddd;
}
.form-text-label {
  font-size:0.95em;
  color:#a7b5c5;
  margin-bottom:0;
  align-self:center;
}
.border-light { border:1px solid #eeeeee !important; }
.border-top-light { border-top:1px solid #eeeeee !important; }
.border-bottom-light { border-bottom:1px solid #eeeeee !important; }
.navbar-toggler:focus { outline:none; }
.text-lead {
  line-height:1.6em;
  font-size:1.1em;
  color:#5e7490;
}
@media (max-width: 1000px) {
  body { font-size:0.9rem; }
  h1 { font-size:1.8rem; }
}
@media (max-width: 600px) {
  body { font-size:0.85rem; }
  h1 { font-size:1.6rem; }
  .display-5 { font-size:1.8em; }
}
.text-color { color:#b93689; }
.text-gradient {
  color:transparent;
  background:linear-gradient(to right,#5a54d2 9.38%,#b93689 88.54%);
  -webkit-background-clip:text;
}
.color-line::after {
  content:"";
  background:linear-gradient(90deg,#5a54d2,#b93689);
  width:100%;
  height:5px;
  position:absolute;
  top:0;
}
.teacher-image-wrapper:hover { text-decoration:none; }
.teacher-image {
  width:80px;
  height:80px;
  overflow:hidden;
  border-radius:50%;
  text-transform:uppercase;
  line-height:80px;
  color:rgba(0,0,0,0.3);
  text-align:center;
  font-size:30px;
}
.teacher-image-md {
  width:120px;
  height:120px;
  line-height:120px;
}
.teacher-image-lg {
  width:160px;
  height:160px;
  line-height:160px;
}
.btn-primary {
  background:#b2398f;
  border-color:transparent !important;
  background-image:linear-gradient(to right,#5a54d2 0%,#b93689 100%);
}
.btn-primary:hover { border-color:transparent; }
.btn-outline-primary {
  background:#ffffff;
  color:#b2398f;
  border-color:#b2398f;
}
.btn-outline-primary:hover {
  background:#b2398f;
  border-color:#b2398f;
}
.btn-outline-secondary {
  color:#c5c7ca;
  border-color:#c1c1c1;
}
.btn-info {
  background-image:linear-gradient(90deg,#a53ec8 0%,#8f43f1 100%);
  border-color:#a53ec8;
}
.btn-outline-info {
  background:#ffffff;
  color:#a53ec8;
  border-color:#a53ec8;
}
.btn-outline-info:hover {
  background:linear-gradient(90deg,#0072cb 0%,#36b2e2 100%);
  color:#ffffff;
  border-color:#a53ec8;
}
.select2-container--default .select2-selection--single {
  background-color:#fafbfc;
  border:1px solid #eaebec;
  height:48px;
}
.select2-dropdown { border:1px solid #eaebec; }
.select2-container--default .select2-selection--single .select2-selection__rendered { line-height:48px; }
.select2-container--default .select2-selection--single .select2-selection__arrow {
  height:46px;
  right:10px;
}
.select2-container--default .select2-search--dropdown .select2-search__field {
  border:1px solid #5797fb;
  outline:none;
}
.profile-picture { width:120px; }
.profile-picture-sm { width:40px; }
.count-box {
  min-width:150px;
  display:inline-block;
}
.count-number {
  font-size:1.6em;
  color:#191919;
  display:block;
}
.count-text {
  letter-spacing:1px;
  text-transform:uppercase;
  color:#cccccc;
}
.alert-box {
  width:100%;
  z-index:100000;
}
.noscroll .alert-box { top:0; }
.alert-box .alert {
  margin:0px auto 5px;
  text-align:center;
}
.h-min400 { min-height:400px; }
.search-box { position:relative; }
.search-box input.search-input-field {
  border-radius:30px;
  padding:12px 30px;
  height:auto;
  background:#fafbfc;
}
.search-box input.search-input-field:focus {
  background:#fafbfc;
  box-shadow:none;
}
.bg-light .search-box input { background:#ffffff; }
.search-box .list-group {
  margin:10px;
  background:#fafbfc;
  z-index:1;
}
.search-box .list-group-item {
  padding:0;
  background:#fafbfc;
  border-color:#80bdff;
}
.search-box .list-group-item a {
  padding:15px 0;
  display:block;
  color:#333333;
}
.search-box .list-group-item:hover { background:#edf6ff; }
.search-box .list-group-item:hover a { text-decoration:none; }
.copyontap {
  width:100%;
  border:3px dotted #7edbff;
  background-color:#fafbfc;
  padding:8px 0;
  border-radius:5px;
  text-align:center;
}
.copyontap:focus { outline:0; }
.copyontap.copied {
  background-color:#eefff8;
  border-color:#04ed04;
}