@charset "UTF-8";
.text--black {
  color: #232225 !important;
}

.text--white {
  color: white !important;
}

a {
  text-decoration: none;
}

.text--center {
  text-align: center;
}

.text--justify {
  text-align: justify;
}

.text--right {
  text-align: right;
}

.text--left {
  text-align: left;
}

@font-face {
  font-family: "mergeedu";
  src: url("/merge/fonts/mergeedu/mergeedu.ttf?jstnjd") format("truetype"), url("/merge/fonts/mergeedu/mergeedu.woff?jstnjd") format("woff"), url("/merge/fonts/mergeedu/mergeedu.svg?jstnjd#mergeedu") format("svg");
  font-weight: normal;
  font-style: normal;
  font-display: block;
}
[class^=icon-], [class*=" icon-"] {
  /* use !important to prevent issues with browser extensions that change fonts */
  font-family: "mergeedu" !important;
  speak: never;
  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;
}

.icon-skip-to-start:before {
  content: "\e94e";
}

.icon-skip-to-end:before {
  content: "\e94f";
}

.icon-forward:before {
  content: "\e950";
}

.icon-play:before {
  content: "\e950";
}

.icon-play-back:before {
  content: "\e951";
}

.icon-backward:before {
  content: "\e951";
}

.icon-info:before {
  content: "\e900";
}

.icon-icon-actual-size:before {
  content: "\e901";
}

.icon-yes-message:before {
  content: "\e902";
}

.icon-staff:before {
  content: "\e903";
}

.icon-security-shield:before {
  content: "\e904";
}

.icon-school-house:before {
  content: "\e905";
}

.icon-school-director:before {
  content: "\e906";
}

.icon-pin-code:before {
  content: "\e907";
}

.icon-invite:before {
  content: "\e908";
}

.icon-identification:before {
  content: "\e909";
}

.icon-vcard:before {
  content: "\e909";
}

.icon-guardian:before {
  content: "\e90a";
}

.icon-graduate:before {
  content: "\e90b";
}

.icon-students2:before {
  content: "\e90b";
}

.icon-email-send:before {
  content: "\e90c";
}

.icon-delete-message:before {
  content: "\e90d";
}

.icon-confetti:before {
  content: "\e90e";
}

.icon-ask-question:before {
  content: "\e90f";
}

.icon-think:before {
  content: "\e93d";
}

.icon-forgot-pass:before {
  content: "\e93d";
}

.icon-immersive-reader:before {
  content: "\e93c";
}

.icon-back:before {
  content: "\e93a";
}

.icon-left:before {
  content: "\e93a";
}

.icon-prev:before {
  content: "\e93a";
}

.icon-next:before {
  content: "\e93b";
}

.icon-more:before {
  content: "\e93b";
}

.icon-launch:before {
  content: "\e937";
}

.icon-activity-plans:before {
  content: "\e938";
}

.icon-quiz:before {
  content: "\e939";
}

.icon-results:before {
  content: "\e939";
}

.icon-science-simulations:before {
  content: "\e936";
}

.icon-reset-code:before {
  content: "\e921";
}

.icon-circle-dot:before {
  content: "\e922";
}

.icon-star:before {
  content: "\e923";
}

.icon-user-sign-out:before {
  content: "\e924";
}

.icon-plus:before {
  content: "\e925";
}

.icon-edit1:before {
  content: "\e926";
}

.icon-sign-out:before {
  content: "\e927";
}

.icon-profile1:before {
  content: "\e928";
}

.icon-search:before {
  content: "\e929";
}

.icon-filter:before {
  content: "\e92a";
}

.icon-ok:before {
  content: "\e92b";
}

.icon-checkmark:before {
  content: "\e92c";
}

.icon-ms-teams:before {
  content: "\e92d";
}

.icon-link:before {
  content: "\e92e";
}

.icon-print:before {
  content: "\e92f";
}

.icon-trash:before {
  content: "\e930";
}

.icon-collection:before {
  content: "\e931";
}

.icon-object:before {
  content: "\e932";
}

.icon-mesh:before {
  content: "\e932";
}

.icon-apps:before {
  content: "\e933";
}

.icon-stem-project:before {
  content: "\e934";
}

.icon-teaching-aids:before {
  content: "\e935";
}

.icon-error:before {
  content: "\e920";
}

.icon-help:before {
  content: "\e91f";
}

.icon-lock:before {
  content: "\e91e";
}

.icon-profile:before {
  content: "\e917";
}

.icon-use-case:before {
  content: "\e918";
}

.icon-additional-info:before {
  content: "\e919";
}

.icon-schoolhouse:before {
  content: "\e91a";
}

.icon-mail:before {
  content: "\e91b";
}

.icon-birthday:before {
  content: "\e91c";
}

.icon-calendar:before {
  content: "\e91d";
}

.icon-dollar:before {
  content: "\e916";
}

.icon-future-ready:before {
  content: "\e913";
}

.icon-stem:before {
  content: "\e914";
}

.icon-science:before {
  content: "\e915";
}

.icon-object-settings:before {
  content: "\e912";
}

.icon-thumbnails:before {
  content: "\e910";
}

.icon-annotations:before {
  content: "\e911";
}

.icon-materials:before {
  content: "\e93e";
}

.icon-cursor:before {
  content: "\e93f";
}

.icon-user:before {
  content: "\e940";
}

.icon-broken-robot:before {
  content: "\e941";
}

.icon-file:before {
  content: "\e942";
}

.icon-edit:before {
  content: "\e943";
}

.icon-share:before {
  content: "\e944";
}

.icon-upload:before {
  content: "\e945";
}

.icon-favorites:before {
  content: "\e946";
}

.icon-objects:before {
  content: "\e947";
}

.icon-collections:before {
  content: "\e948";
}

.icon-resources:before {
  content: "\e949";
}

.icon-students:before {
  content: "\e94a";
}

.icon-classes:before {
  content: "\e94b";
}

.icon-teachers:before {
  content: "\e94c";
}

.icon-home:before {
  content: "\e94d";
}

.icon-online-support:before {
  content: "\e952";
}

.close > span:not(.sr-only) {
  font-size: 3rem;
  font-weight: 100;
  width: 2rem;
  height: 2rem;
  padding-left: 15px;
}

.edit-subscription .close > span:not(.sr-only) {
  line-height: 29px;
}

/*.modal {
  text-align: center;
}
.modal:before {
  content: '';
  display: inline-block;
  height: 100%;
  vertical-align: middle;
  margin-right: -4px;
}*/
.modal-dialog {
  margin: 1rem auto;
  max-width: 90vw;
  /*display: inline-block;
  text-align: left;
  vertical-align: middle;*/
}

.modal-body, .upload-body {
  overflow: hidden;
  padding: 0;
}
.modal-body .steps, .upload-body .steps {
  transition: all 0.3s ease-in-out;
  position: relative;
  font-size: 0;
  white-space: nowrap;
}
.modal-body .steps .step, .upload-body .steps .step {
  white-space: normal;
  width: 100%;
  padding: 1rem;
  display: inline-block;
}
.modal-body .steps .step .form-control-alternative,
.modal-body .steps .step .input-group-alternative, .upload-body .steps .step .form-control-alternative,
.upload-body .steps .step .input-group-alternative {
  border: 1px solid #cad1d7;
}

.modal-title {
  font-size: 100%;
  color: #606060;
}

#uploadModal textarea, #re-upload-modal textarea, .upload-body textarea {
  resize: none;
  border-radius: 1.2rem;
}
#uploadModal .modal-dialog, #re-upload-modal .modal-dialog, .upload-body .modal-dialog {
  max-width: 740px;
  transition: max-width 0.3s ease-in-out;
}
#uploadModal .modal-dialog.expand, #re-upload-modal .modal-dialog.expand, .upload-body .modal-dialog.expand {
  max-width: 900px;
}
#uploadModal:not(.show) .modal-dialog, #re-upload-modal:not(.show) .modal-dialog, .upload-body:not(.show) .modal-dialog {
  transform: translate(0, 0);
}
#uploadModal .initial-title, #re-upload-modal .initial-title, .upload-body .initial-title {
  max-width: 90%;
  margin: 0 auto;
}
#uploadModal .actions, #re-upload-modal .actions, .upload-body .actions {
  display: inline-block;
  clear: both;
}
#uploadModal .steps, #re-upload-modal .steps, .upload-body .steps {
  min-height: 8rem;
  width: 300%;
}
#uploadModal .steps.choose, #re-upload-modal .steps.choose, .upload-body .steps.choose {
  transform: translate3d(0, 0, 0);
}
#uploadModal .steps.chosen, #re-upload-modal .steps.chosen, .upload-body .steps.chosen {
  transform: translate3d(-33.33%, 0, 0);
}
#uploadModal .steps.complete, #re-upload-modal .steps.complete, .upload-body .steps.complete {
  transform: translate3d(-66.66%, 0, 0);
}
#uploadModal .steps .step, #re-upload-modal .steps .step, .upload-body .steps .step {
  min-height: 8rem;
  width: 33.333%;
  text-align: center;
  font-size: 1.25rem;
  line-height: 1.5;
  vertical-align: middle;
}
#uploadModal .steps .step form, #re-upload-modal .steps .step form, .upload-body .steps .step form {
  overflow: hidden;
  transition: max-height 0.3s ease-in-out;
}
#uploadModal .steps .step form.show, #re-upload-modal .steps .step form.show, .upload-body .steps .step form.show {
  max-height: 100vh;
}
#uploadModal .steps .step form .buttons, #re-upload-modal .steps .step form .buttons, .upload-body .steps .step form .buttons {
  margin: 0.5rem 0 0;
}
#uploadModal .steps .step .zero:after, #re-upload-modal .steps .step .zero:after, .upload-body .steps .step .zero:after {
  top: -6%;
}
#uploadModal .step.complete, #re-upload-modal .step.complete, .upload-body .step.complete {
  padding-top: 0;
}
#uploadModal .step.complete form:not(.show), #re-upload-modal .step.complete form:not(.show), .upload-body .step.complete form:not(.show) {
  max-height: 0;
}
#uploadModal .steps.complete,
#uploadModal .steps.chosen, #re-upload-modal .steps.complete,
#re-upload-modal .steps.chosen, .upload-body .steps.complete,
.upload-body .steps.chosen {
  padding-bottom: 0.35rem;
}
#uploadModal .steps.complete .step.choose form,
#uploadModal .steps.chosen .step.choose form, #re-upload-modal .steps.complete .step.choose form,
#re-upload-modal .steps.chosen .step.choose form, .upload-body .steps.complete .step.choose form,
.upload-body .steps.chosen .step.choose form {
  max-height: 0;
}
#uploadModal .dropzone, #re-upload-modal .dropzone, .upload-body .dropzone {
  background: white;
  border-radius: 1rem;
  border: 3px dashed #d9d9dd;
  -o-border-image: none;
     border-image: none;
  margin: 1rem auto 2rem;
  padding: 2rem 1rem;
}
#uploadModal .dropzone.over, #re-upload-modal .dropzone.over, .upload-body .dropzone.over {
  border: 3px solid #27bcb7;
}
#uploadModal .dropzone .file-preview, #re-upload-modal .dropzone .file-preview, .upload-body .dropzone .file-preview {
  cursor: pointer;
  margin: 2rem auto;
}
#uploadModal .dropzone .file-preview.disabled, #re-upload-modal .dropzone .file-preview.disabled, .upload-body .dropzone .file-preview.disabled {
  opacity: 1;
}
#uploadModal img.file-icon,
#uploadModal img.error-icon, #re-upload-modal img.file-icon,
#re-upload-modal img.error-icon, .upload-body img.file-icon,
.upload-body img.error-icon {
  height: 60px;
  margin: 0 -0.25rem;
}
#uploadModal .progress-wrap, #re-upload-modal .progress-wrap, .upload-body .progress-wrap {
  display: inline-block;
  width: 60%;
  margin: 0 1rem;
}
#uploadModal .progress-wrap.loop, #re-upload-modal .progress-wrap.loop, .upload-body .progress-wrap.loop {
  background-image: url(/merge/img/loader.gif);
  background-size: contain;
  background-repeat: no-repeat;
  background-position: center;
  height: 60px;
  width: 170px;
  vertical-align: middle;
}
#uploadModal .progress-wrap.loop .progress, #re-upload-modal .progress-wrap.loop .progress, .upload-body .progress-wrap.loop .progress {
  display: none;
}
#uploadModal .progress-bar, #re-upload-modal .progress-bar, .upload-body .progress-bar {
  border-radius: 1rem;
}
#uploadModal .loading-text, #uploadModal .percent, #re-upload-modal .loading-text, #re-upload-modal .percent, .upload-body .loading-text, .upload-body .percent {
  font-weight: 900;
}
#uploadModal .object-preview, #re-upload-modal .object-preview, .upload-body .object-preview {
  width: 100%;
  border-radius: 0.375rem;
  margin-bottom: 1rem;
}
#uploadModal .edit-btn, #re-upload-modal .edit-btn, .upload-body .edit-btn {
  width: 100%;
  margin: 0 0 1rem;
}
#uploadModal.fade:not(.show), #re-upload-modal.fade:not(.show), .upload-body.fade:not(.show) {
  transition: opacity 0.45s linear;
}

.upload-body .dropzone {
  border: 0;
  background-image: url("data:image/svg+xml,%3csvg width='100%25' height='100%25' xmlns='http://www.w3.org/2000/svg'%3e%3crect width='100%25' height='100%25' fill='none' stroke='%23d9d9dd' stroke-width='7' stroke-dasharray='16%2c 15' stroke-dashoffset='0' stroke-linecap='square'/%3e%3c/svg%3e");
}
.upload-body .dropzone .success-title {
  margin-top: 2rem;
}
.upload-body p {
  font-size: 0.95rem;
}

#manageModal .modal-dialog {
  width: 90vw;
  max-width: 700px;
}
#manageModal .modal-dialog .steps {
  min-height: 8rem;
  width: 300%;
  transition: all 0.3s ease-in-out;
  position: relative;
  font-size: 0;
}
#manageModal .modal-dialog .steps.subuser {
  transform: translate3d(0, 0, 0);
}
#manageModal .modal-dialog .steps.subuser-pass {
  transform: translate3d(-33.3%, 0, 0);
}
#manageModal .modal-dialog .steps.group {
  transform: translate3d(-66.6%, 0, 0);
}
#manageModal .modal-dialog .steps .step {
  max-width: 33.3%;
}
#manageModal .modal-dialog .steps .step form {
  overflow: hidden;
  max-height: 0;
  transition: max-height 0.3s ease-in-out;
}
#manageModal .modal-dialog .steps .step form.show {
  max-height: 100vh;
}
#manageModal .modal-dialog .steps .step form .table-responsive {
  border: 1px solid #bababa;
  max-height: 20rem;
}
@media (max-width: 1052.98px) {
  #manageModal .modal-dialog .steps .step form .table-responsive {
    max-height: 55vh;
  }
}
#manageModal .modal-dialog .steps .step form .table-responsive table {
  margin: 0;
  border: 0;
}
#manageModal .modal-dialog .steps .step form .table-responsive table.table-flush tbody tr:first-child td {
  border: 0;
}
#manageModal .modal-dialog .steps .step form .table-responsive table tr > td:first-child {
  width: 10%;
}
#manageModal .modal-dialog .steps .step form .cancelBtn,
#manageModal .modal-dialog .steps .step form .deleteBtn {
  display: none;
}
#manageModal .modal-dialog .steps .step form .cancelBtn.show,
#manageModal .modal-dialog .steps .step form .deleteBtn.show {
  display: inline-block;
}

.bootbox.modal {
  z-index: 1051;
}
.bootbox.modal .modal-header {
  padding-bottom: 0;
  padding-top: 2.25rem;
}
.bootbox.modal .modal-header > h5 {
  width: 100%;
  font-size: 1.25rem;
}
.bootbox.modal .modal-header > h5 i {
  font-size: 2rem;
  vertical-align: middle;
}
.bootbox.modal .modal-dialog {
  max-width: 470px;
  /*margin-top: calc( 50vh - 5rem);*/
}
.bootbox.modal .modal-dialog.modal-lg {
  max-width: 600px;
  width: 90%;
}
.bootbox.modal .close {
  margin: -1.25rem -1.25rem -1.25rem auto;
  padding: 1.25rem;
}
.bootbox.modal .modal-body {
  padding: 1.25rem;
}
.bootbox.modal .modal-footer {
  justify-content: center !important;
}
.bootbox.modal .btn {
  padding: 0.5rem 2.75rem 0.75rem;
}
.bootbox.modal .btn-secondary-outline {
  border: 2px solid #E91F73;
  color: #E91F73;
}

.bootbox.modal + .modal-backdrop {
  z-index: 1050;
}

.bootbox-body {
  color: #212529 !important;
  text-align: center;
}

.object-item {
  border-radius: 2rem;
  position: relative;
  padding-bottom: 5rem;
}
.object-item:after {
  content: " ";
  display: block;
  padding-top: 100%;
}
.object-item .object-content {
  position: absolute;
  width: 100%;
  height: 100%;
  padding: 1rem;
}
.object-item .object-content .btn-icon-only {
  font-size: 1.5rem;
  width: 2.5rem;
  height: 2.5rem;
}
.object-item .object-content.private:before {
  font-family: "Font Awesome 5 Free";
  content: "\f070";
  color: #fff;
  position: absolute;
  top: 1.25rem;
  left: 4.25rem;
  z-index: 2;
}
.object-item .object-content .actions {
  z-index: 10;
  position: relative;
}
.object-item .object-content .actions > i {
  font-size: 2rem;
  color: #fff;
}
.object-item .object-content .thumb,
.object-item .object-content .overlay {
  overflow: hidden;
  border-radius: 2rem;
  width: 100%;
  height: calc(100% - 5rem);
  position: absolute;
  top: 0;
  left: 0;
  background-size: contain;
  z-index: 1;
}
.object-item .object-content .overlay {
  /*background-image:linear-gradient(0deg, #0000004f 0%, #6848a700 35%);*/
  z-index: 0;
}
.object-item .object-content .overlay.bg-1 {
  background: linear-gradient(45deg, #00b7dd 0%, #3751a2 100%);
}
.object-item .object-content .overlay.bg-2 {
  background: linear-gradient(45deg, #76c157 0%, #27bcb7 100%);
}
.object-item .object-content .overlay.bg-3 {
  background: linear-gradient(45deg, #ffc60b 0%, #ef4165 100%);
}
.object-item .object-content .overlay.bg-4 {
  background: linear-gradient(45deg, #6c388a 0%, #ec008b 100%);
}
.object-item .object-content .overlay.bg-5 {
  background: linear-gradient(45deg, #862985 0%, #482f91 100%);
}
.object-item .object-content .overlay.bg-6 {
  background: linear-gradient(45deg, #f9d935 0%, #a5ce3b 100%);
}
.object-item .object-content .edit {
  background: #fff;
  border-radius: 50%;
  vertical-align: middle;
  text-align: center;
  display: inline-block;
  padding: 0.15rem;
  color: #EB526F !important;
}
.object-item .object-content .edit:hover {
  background-color: #EB526F;
  color: #fff !important;
}
.object-item .object-content:hover {
  cursor: pointer;
}
.object-item .object-content:hover .edit {
  background-color: #EB526F;
  color: #fff !important;
}
.object-item .object-content .text {
  position: absolute;
  bottom: 0;
  filter: drop-shadow(1px 1px 2px rgba(0, 0, 0, 0.1215686275));
  padding-bottom: 1rem;
  max-width: 100%;
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: normal;
  z-index: 10;
}
.object-item .object-content .name {
  font-weight: 600;
  font-size: 1.25rem;
  text-overflow: ellipsis;
  white-space: nowrap;
  overflow: hidden;
}
.object-item .object-content .code {
  padding-bottom: 0.4rem;
}
.object-item .object-content .code,
.object-item .object-content .code > span,
.object-item .object-content .code > span:after {
  font-weight: 600;
  font-size: 1rem;
  line-height: 1;
}
.object-item.collection:after {
  padding-top: 33.3%;
}
.object-item.collection .collection-thumb {
  padding-top: 33.3%;
  background-size: contain;
}
.object-item.collection .actions {
  position: absolute;
  top: 0;
  right: 0;
  padding: 1rem;
  width: 100%;
}

#object-immersive {
  display: inline-block;
  float: right;
}

span.complete-icon:before {
  content: "\f00c";
  font-family: mergevr;
  color: #0c0;
  padding: 0 0.25rem;
}

.zero,
.display-3 > .zero {
  display: inline;
  position: relative;
  font-size: inherit;
  font-weight: inherit;
}

.zero:after {
  content: "—";
  transform: rotate(-35deg);
  position: absolute;
  top: 13%;
  left: -33.5%;
}

h4.object-code > .zero:after {
  top: -0.18rem;
  left: -0.28rem;
}

.objects-card.disable {
  filter: grayscale(0.7);
  pointer-events: none;
}

.object-item .txt > div .displayname {
  font-size: 1rem;
}
.object-item .txt > div .code {
  font-weight: 300;
  font-size: 1.75rem;
  letter-spacing: 0.15rem;
  margin-top: 1.25rem;
}
.object-item .displayname {
  white-space: nowrap;
  text-overflow: ellipsis;
  overflow: hidden;
}
.object-item .menu {
  cursor: pointer;
}
.object-item .menu .btn-icon-only.btn-sm {
  margin: 0;
}
.object-item .menu a i {
  font-size: 1.2rem;
  opacity: 0.35;
  color: rgba(109, 73, 169, 0.631372549);
  transition: opacity 0.3s ease-in-out;
}
.object-item .menu a:hover i {
  opacity: 1;
}
.object-item .menu hr {
  margin: 0.5rem 0;
}
.object-item .object-actions {
  display: inline-block;
  text-align: center;
  width: 100%;
  padding: 0 0 0.75rem;
}
.object-item .object-actions a {
  font-size: 1rem;
  text-decoration: none;
  display: inline-block;
  margin: 0.5rem 1rem;
}
.object-item .object-actions a:before {
  font-family: "mergevr";
  padding-right: 0.25rem;
  vertical-align: middle;
}
.object-item .object-actions a.copy {
  position: relative;
}
.object-item .object-actions a.copy:before {
  content: "\e80d";
  color: #76ff76;
}
.object-item .object-actions a.copy:after {
  content: "Copied";
  position: absolute;
  left: -5%;
  top: -48%;
  padding: 0.25rem 0;
  width: 110%;
  background: #75ff75;
  color: #6601a7;
  border-radius: 1rem;
  opacity: 0;
  transition: all 0.5s ease-in-out;
}
.object-item .object-actions a.copy.copied:after {
  opacity: 1;
}
.object-item .object-actions a.delete:before {
  content: "\f00d";
  color: #ff5757;
}
.object-item .raw-code {
  opacity: 0.01;
  font-size: 18px;
  position: absolute;
  left: 0;
  top: 50%;
  width: 100%;
  text-align: center;
}
.object-item img {
  width: 5rem;
  height: 5rem;
  border-radius: 0.25rem;
  box-shadow: 0px 4px 10px rgba(0, 0, 0, 0.2);
}
.object-item img + .txt {
  width: calc(100% - 7rem);
}

#quiz-result .modal .modal-title {
  font-size: 24px;
}

#share-modal .qr-code {
  border-radius: 0.75rem;
  border: 7px solid #000;
  width: 200px;
  height: 200px;
  margin: 0 0 1rem 1rem;
  background-size: cover;
  background-position: center;
}
#share-modal .links a {
  display: block;
  font-size: 0.875rem;
  margin: 0.45rem 0;
  font-weight: bold;
}
#share-modal .links a i.fa {
  font-size: 1rem;
}

#change-school-modal .select2-selection__rendered {
  line-height: 41px !important;
}
#change-school-modal .select2-container .select2-selection--single {
  height: 45px !important;
}
#change-school-modal .select2-selection__arrow {
  height: 45px !important;
}

#merge-cards .merge-card {
  cursor: pointer;
}
#merge-cards .merge-card .description {
  min-width: 200px;
}
#merge-cards .btn-icon-only-tr {
  height: 1.7rem;
  width: 1.7rem;
  line-height: 1.5;
}
#merge-cards img {
  height: 3rem;
  margin-right: 3rem;
}
#merge-cards img.tr-icon {
  margin-right: 0;
  height: 2.6rem;
}

.topic-card .immersive {
  max-height: 1.5rem;
}
.topic-card .catalog-img,
.topic-card .catalog-inner-img {
  position: relative;
}
.topic-card .catalog-img:before,
.topic-card .catalog-inner-img:before {
  font-family: "Font Awesome 5 Free";
  font-size: 2rem;
  font-weight: 900;
  display: inline-block;
  width: 1.8rem;
  height: 1.8rem;
  position: absolute;
  line-height: 1.9rem;
  text-indent: -0.1rem;
  z-index: 2;
  text-align: center;
}
.topic-card .catalog-tab-cell {
  cursor: pointer;
  display: block;
  margin-top: 10px;
  width: 100%;
  clear: both;
  min-height: 13rem;
}
.topic-card .catalog-tab-cell .card-body {
  cursor: pointer;
  min-height: 17rem;
  padding: 1rem;
  padding-left: 17rem;
}
@media (max-width: 991.98px) {
  .topic-card .catalog-tab-cell .card-body {
    padding-left: 1rem;
  }
}
.topic-card .catalog-tab-cell.complete .catalog-img {
  position: relative;
}
.topic-card .catalog-tab-cell.complete .catalog-img:before {
  content: "\f058";
  color: #0f0;
  background: #fff;
  border-radius: 50%;
  bottom: 1rem;
  right: 1rem;
}
.topic-card.locked .card .catalog-img,
.topic-card.locked .card .catalog-inner-img {
  position: relative;
}
.topic-card.locked .card .catalog-img:before,
.topic-card.locked .card .catalog-inner-img:before {
  content: "\f023";
  color: #fff;
  font-size: 4rem;
  width: 4rem;
  height: 4rem;
  line-height: 4rem;
  bottom: calc(50% - 2rem);
  right: calc(50% - 2rem);
}
.topic-card.locked .card .catalog-img:after,
.topic-card.locked .card .catalog-inner-img:after {
  background: rgba(0, 0, 0, 0.5);
}
.topic-card .catalog-img {
  float: left;
  display: inline-block;
  width: 15rem;
  background-size: cover;
  margin: 1rem 1rem 1rem 0.5rem;
}
.topic-card .catalog-img:after {
  content: " ";
  position: relative;
  display: block;
  padding-top: 100%;
  z-index: 1;
}
@media (max-width: 991.98px) {
  .topic-card .catalog-img {
    width: 100%;
    max-width: calc(100% - 2rem);
    margin: 2rem 1rem;
  }
}
.topic-card .catalog-img img {
  width: 100%;
  height: 100%;
}
.topic-card .catalog-img-max {
  max-height: 50px;
}
.topic-card .catalog-inner-img {
  -o-object-fit: cover;
     object-fit: cover;
  margin-top: 15px;
}
.topic-card .catalog-inner-img:after {
  content: " ";
  position: relative;
  display: block;
  padding-top: 100%;
}
.topic-card.card-progress, .topic-card.card-select {
  pointer-events: all;
}
.topic-card.card-progress .catalog-img:before,
.topic-card.card-progress .catalog-inner-img:before, .topic-card.card-select .catalog-img:before,
.topic-card.card-select .catalog-inner-img:before {
  font-size: 2rem;
  width: 1.8rem;
  height: 1.8rem;
  line-height: 1.9rem;
  text-indent: -0.1rem;
  z-index: 2;
}
.topic-card.card-progress .catalog-tab-cell, .topic-card.card-select .catalog-tab-cell {
  margin-top: 10px;
  width: 100%;
  clear: both;
  min-height: 0rem;
}
.topic-card.card-progress .catalog-tab-cell .card-body, .topic-card.card-select .catalog-tab-cell .card-body {
  min-height: 0;
  padding: 1rem;
}
@media (max-width: 991.98px) {
  .topic-card.card-progress .catalog-tab-cell .card-body, .topic-card.card-select .catalog-tab-cell .card-body {
    padding-left: 1rem;
  }
}
.topic-card.card-progress .catalog-tab-cell .card-body .card-title, .topic-card.card-select .catalog-tab-cell .card-body .card-title {
  margin-bottom: 0.25rem;
}
.topic-card.card-progress .catalog-tab-cell.complete .card-title, .topic-card.card-select .catalog-tab-cell.complete .card-title {
  margin-bottom: 0.25rem;
}
.topic-card.card-progress .catalog-tab-cell.complete .card-title:before, .topic-card.card-select .catalog-tab-cell.complete .card-title:before {
  font-family: "Font Awesome 5 Free";
  content: "\f058";
  color: #0f0;
  right: 1rem;
  font-size: 2rem;
  width: 1.8rem;
  height: 1.8rem;
  position: absolute;
}
.topic-card.card-progress .catalog-tab-cell.complete .catalog-img:before, .topic-card.card-select .catalog-tab-cell.complete .catalog-img:before {
  content: "";
  background: none;
}
.topic-card.card-progress .catalog-img, .topic-card.card-select .catalog-img {
  float: none;
  vertical-align: middle;
  display: inline-block;
  width: 3rem;
  margin: 0 0.5rem 0 0;
}
@media (max-width: 991.98px) {
  .topic-card.card-progress .catalog-img, .topic-card.card-select .catalog-img {
    margin: 0 0.5rem 0 0;
  }
}
.topic-card.card-progress .catalogue-module-item, .topic-card.card-select .catalogue-module-item {
  margin: 0 0 0.5rem;
}
.topic-card.card-progress .catalogue-module-item .card-body, .topic-card.card-select .catalogue-module-item .card-body {
  padding: 1rem;
}
.topic-card.card-progress .catalogue-module-item .card-body .card-title, .topic-card.card-select .catalogue-module-item .card-body .card-title {
  margin-bottom: 0;
}
.topic-card.card-progress .catalogue-module-item .catalog-inner-img, .topic-card.card-select .catalogue-module-item .catalog-inner-img {
  display: inline-block;
  vertical-align: middle;
  width: 3rem;
  margin: 0 0.5rem 0 0;
}
.topic-card.card-progress .catalogue-module-item.complete .card-title, .topic-card.card-select .catalogue-module-item.complete .card-title {
  margin-bottom: 0.25rem;
}
.topic-card.card-progress .catalogue-module-item.complete .card-title:before, .topic-card.card-select .catalogue-module-item.complete .card-title:before {
  font-family: "Font Awesome 5 Free";
  content: "\f058";
  color: #0f0;
  right: 1rem;
  font-size: 2rem;
  width: 1.8rem;
  height: 1.8rem;
  position: absolute;
}
.topic-card.card-progress .catalogue-module-item.complete .catalog-inner-img:before, .topic-card.card-select .catalogue-module-item.complete .catalog-inner-img:before {
  content: "";
  background: none;
}
.topic-card .quiz-complete {
  display: inline-block;
  float: right;
  padding: 0 0.5rem;
  font-size: 0.8rem;
  font-weight: bold;
  text-align: center;
  line-height: 1;
  margin-top: -0.5rem;
}
.topic-card .quiz-complete .quiz-grade {
  max-width: 1.5rem;
  margin: 0.3rem 0.05rem;
}

.quiz-complete-info {
  display: block;
}
.quiz-complete-info .level-completed {
  max-width: 1.5rem;
  margin: 0.3rem 0.05rem;
}

.catalogue-module-item {
  margin: 0 0 1.5rem;
}
.catalogue-module-item .card-img-top {
  position: relative;
  border-radius: 0;
  background-size: cover;
}
.catalogue-module-item .card-img-top :after {
  content: " ";
  position: relative;
  display: block;
  padding-top: 100%;
}
.catalogue-module-item.complete .card-img-top:before {
  content: "\f058";
  font-family: "Font Awesome 5 Free";
  color: #0f0;
  font-size: 2rem;
  font-weight: 900;
  background: #fff;
  border-radius: 50%;
  display: inline-block;
  width: 1.8rem;
  height: 1.8rem;
  position: absolute;
  bottom: 1rem;
  right: 1rem;
  line-height: 1.9rem;
  text-indent: -0.1rem;
  z-index: 1;
}
.catalogue-module-item > .card:first-of-type {
  border-radius: 0.375rem;
}

.module-container {
  background-color: #e9e9e9;
  border-bottom-left-radius: 0.375rem;
  border-bottom-right-radius: 0.375rem;
}
@media (max-width: 991.98px) {
  .module-container {
    padding: 1.5rem 0rem;
  }
}

.category img {
  max-height: 2.6rem;
}

.category .img.all {
  display: inline-block;
  height: 2.6rem;
  width: 2.6rem;
  margin: 0 0.3rem 0 0;
  padding: 0.3rem;
  vertical-align: middle;
}
.category .img.all i {
  font-size: 2rem;
}

/*
.alert-box {
    padding: 15px;
    margin-bottom: 20px;
    border: 1px solid transparent;
    border-radius: 4px;
}

.success {
    color: #3c763d;
    background-color: #dff0d8;
    border-color: #d6e9c6;
    display: none;
}
*/
body > div.overlay-explorer {
  background-color: #000000;
  position: fixed;
  width: 100%;
  height: 100%;
  z-index: 1000;
  top: 0px;
  left: 0px;
  opacity: 0.8; /* in FireFox */
  filter: alpha(opacity=50); /* in IE */
}

.dropdown-menu.activity-dropdown {
  height: 250px;
  overflow: auto;
}
.dropdown-menu.grade-id-field.show, .dropdown-menu.subject-id-field.show, .dropdown-menu.app-id-field.show {
  right: 0;
  left: inherit !important;
}
.dropdown-menu.app-id-field.show {
  transform: translate3d(0px, 50px, 0px) !important;
}

.dropdown-item.teams-share-button img {
  width: 1.5rem !important;
  height: 1.5rem !important;
}

.share-dropdown.dropdown-toggle::after {
  display: none;
}

.share-dropdown {
  background: #fff;
  border-radius: 50%;
  width: 2rem;
  height: 2rem;
  vertical-align: middle;
  text-align: center;
  display: inline-block;
  padding: 0.15rem;
  color: #EB526F !important;
  border: 0;
}
.share-dropdown:hover {
  background: #EB526F !important;
  color: #fff !important;
}

.object-item .object-content:hover .edit.edit-hover {
  background: #fff !important;
  color: #EB526F !important;
}

.card-link {
  cursor: pointer;
}

.activity-plan {
  padding: 0;
}

#import-form .custom-file {
  border: 1px solid #ccc;
  border-radius: 2rem;
  height: 3rem;
  max-width: 25rem;
}

.teams-config-wrap {
  overflow: hidden;
  max-width: 100vw;
  padding: 0;
}

.teams-config {
  height: 100vh;
  width: 200vw;
  left: 0;
  white-space: nowrap;
  overflow-y: auto;
  transition: all 0.3s ease-in-out;
}
.teams-config.topic {
  transform: translate3d(-50%, 0, 0);
}
.teams-config > .teams-config-step {
  padding: 1rem;
  max-width: 100vw;
  width: 97vw;
  display: block;
  position: absolute;
  left: 0;
}
.teams-config > .teams-config-step:not(.active) {
  max-height: 100%;
  overflow: hidden;
}
.teams-config > .teams-config-step:nth-child(2) {
  left: 100vw;
}

.config-tab-cell.selected {
  background: #E91F73;
}
.config-tab-cell.selected h4 {
  color: #fff;
}

.app-login.bg-secondary {
  background-color: #fff !important;
}
.app-login a:not(.btn) {
  color: #ED2E6F !important;
}
.app-login h1 {
  color: #000;
}
.app-login .custom-radio .custom-control-input ~ .custom-control-label:before {
  border: 1px solid #ccc;
  background-color: #fff;
  box-shadow: none;
  width: 1.2rem;
  height: 1.2rem;
  top: 0.15rem;
  left: -1.7rem;
}
.app-login .custom-radio .custom-control-input:checked ~ .custom-control-label:after {
  background-image: url("data:image/svg+xml;charset=utf8,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='-4 -4 8 8'%3E%3Ccircle r='3' fill='%23ED2E6F'/%3E%3C/svg%3E");
  left: -2rem;
  top: -0.12rem;
  width: 1.75rem;
  height: 1.75rem;
}
.app-login .input-group-alternative {
  border: 0;
  box-shadow: none !important;
}
.app-login .input-group-alternative .input-group-prepend .input-group-text, .app-login .input-group-alternative .input-group-append .input-group-text {
  color: #ED2E6F;
}
.app-login .input-group-alternative .form-control {
  padding-top: 0.85rem;
}
.app-login .input-group-alternative .form-control:focus {
  border-color: #ccc !important;
}
.app-login .input-group-alternative .form-control:focus ~ .input-group-prepend .input-group-text {
  border-color: #ccc !important;
}
.app-login .account-links > a {
  color: #ED2E6F !important;
  padding: 0 0 0 0.75rem;
}
.app-login .account-links > a:first-child {
  border-right: 1px solid #ccc;
  padding: 0 0.65rem 0 0;
}
.app-login .account-links > a i {
  margin-right: 0.35rem;
}
.app-login .btn-primary {
  font-size: 1.5rem;
  padding: 0.9rem 5rem;
  background-image: linear-gradient(135deg, #ff8d73 0%, #E61873 100%);
  box-shadow: none !important;
}
.app-login #reset-form .btn-primary {
  padding: 0.9rem 2.5rem;
}
.app-login a.btn-neutral {
  border: 1px solid #ccc;
  box-shadow: none !important;
  width: 42%;
}
.app-login a.btn-neutral.sso-link {
  width: 46%;
  padding-bottom: 0.9rem;
}
.app-login a.btn-neutral.sso-link .btn-inner--icon {
  height: 1rem;
  display: inline-block;
  line-height: 0;
  vertical-align: 0.1rem;
}
.app-login a.btn-neutral.sso-link .btn-inner--text:not(:first-child) {
  margin-left: 0.15rem;
}
.app-login .sso-link > img {
  max-width: 92.5%;
}
.app-login .form-control:focus,
.app-login .custom-checkbox .custom-control-input:focus ~ .custom-control-label::before,
.app-login .btn:focus,
.app-login .form-group.focused .input-group-prepend .input-group-text {
  border: 0;
}
.app-login .text-dark small,
.app-login .text-white small {
  font-weight: 600;
}
.app-login .form-group .form-control:focus {
  border: 2px solid #ccc;
  box-shadow: none;
  z-index: 1;
}

.sso-signup-agreement .custom-control-label::before {
  box-shadow: 0 3px 10px rgba(0, 0, 0, 0.2);
}
.sso-signup-agreement .custom-control-label::after {
  border: 1px #ccc;
  border-style: solid;
  border-radius: 10%;
}
.sso-signup-agreement .custom-checkbox .custom-control-input ~ .custom-control-label {
  padding-top: 3px;
}

.top-left .back-to-app {
  font-weight: 600;
}
.top-left .back-to-app:hover {
  color: initial;
}
.top-left .back-to-app i {
  color: #ED2E6F !important;
}

body.app-layout .card.shadow {
  box-shadow: none !important;
}

.archive-link {
  display: table;
  margin: 30px auto 0 auto;
}
.archive-link a {
  color: #d1a0ff;
  text-decoration: underline;
  transition: 0.3s ease-in-out;
}
.archive-link a:hover {
  color: #fff;
  text-decoration: none;
  transition: 0.3s ease-in-out;
}

#adminusersTable th:first-child,
#subusersTable th:first-child {
  width: 3rem;
}

.quiz-complete-info > img {
  max-width: 26px;
}

.font-subscription {
  font-size: 1.12rem;
}

@media (max-width: 350px) {
  .subscription-actions .btn-primary {
    width: 100%;
    white-space: normal;
    word-wrap: break-word;
  }
}

h2 {
  font-size: 1.75rem;
}
h2 > img {
  margin-right: 0.5rem;
  vertical-align: -0.4rem;
}

.page-title {
  font-size: 1.25rem;
}

i.icon-align-middle {
  vertical-align: calc(50% - 0.85rem);
}

.navbar > .container,
.navbar > .container-fluid {
  justify-content: flex-start;
  font-size: 1.1rem;
}

.navbar-vertical.navbar-expand-lg .navbar-brand {
  width: calc(100% - (1.5em + 27px) * 2);
  height: 30px;
  background-position: center;
}
.navbar-vertical.navbar-expand-lg .navbar-heading {
  font-size: 0.95rem;
  padding-left: 2rem;
  margin: 1rem 0 0;
}
.navbar-vertical.navbar-expand-lg .navbar-brand-sub-heading {
  font-size: 0.75rem;
  font-weight: 600;
  padding-top: 0.25rem;
  padding-bottom: 0.25rem;
  letter-spacing: 0.04em;
  color: #3e0080;
}
.navbar-vertical.navbar-expand-lg .navbar-nav:not(:empty) {
  margin: 0;
}
.navbar-vertical.navbar-expand-lg .navbar-nav .nav-link {
  /*padding:0.75rem 1.5rem;*/
  padding: 0.1rem 0.5rem;
  margin: 0.1rem;
  font-weight: 600;
  font-size: 1rem;
}
.navbar-vertical.navbar-expand-lg .navbar-nav .nav-link > i {
  font-size: 11px;
  min-width: 1.35rem;
}
.navbar-vertical.navbar-expand-lg .navbar-nav .nav-link.selected {
  background-color: #F1F3F4;
  border-radius: 22px;
}
.navbar-vertical.navbar-expand-lg .navbar-nav .nav-link.new:after {
  content: attr(data-new);
  background: #84eca9;
  font-size: x-small;
  padding: 0rem 0.35rem 0.1rem;
  border-radius: 1rem;
  margin-left: 0.25rem;
}
.navbar-vertical.navbar-expand-lg .navbar-nav .nav-link:hover {
  background-color: #F1F3F4;
  border-radius: 22px;
}
.navbar-vertical.navbar-expand-lg .navbar-nav .nav-link:focus {
  background-color: #DBDBDB;
  border-radius: 22px;
}

.subscription-code {
  padding-top: 1%;
}
.subscription-code input {
  background: #6C48AD;
  color: #FFFFFF;
}
.subscription-code input::-moz-placeholder {
  text-transform: none !important;
}
.subscription-code input::placeholder {
  text-transform: none !important;
}
.subscription-code .input-group-text, .subscription-code .input-group .form-control {
  border: 0 !important;
}
.subscription-code .input-group {
  border: 2px solid #FFFFFF;
}
.subscription-code .input-group input.join-code-input {
  color: lightgray;
  -webkit-text-fill-color: lightgray;
  background: #6C48AD;
  height: 45px;
}
.subscription-code .input-group .input-group-append .input-group-text {
  background: #6C48AD;
  cursor: pointer;
}
.subscription-code .input-group .input-group-append .input-group-text i {
  cursor: pointer;
}
.subscription-code .input-group .form-control:focus, .subscription-code .input-group .has-danger .form-control:focus, .subscription-code .input-group .focused .form-control:focus {
  box-shadow: none;
  border: 2px solid #dadce0;
  background: #6C48AD;
  color: #FFFFFF;
}
.subscription-code .focused .input-group {
  border: 2px solid #FFFFFF !important;
}

.transfer-icon-col {
  color: #EF5152;
  font-size: 1.9rem;
}

.subscription-form .form-control, .request-form-div .form-control, .add-class-div .form-control, .add-teacher-card .form-control, .add-school-card .form-control, .transfer-school-card .form-control, .filter-by-school .form-control, .add-school-admin-card .form-control,
.form-focus .form-control {
  border: 2px solid #dadce0;
}
.subscription-form .form-control:focus, .subscription-form .has-danger .form-control:focus, .subscription-form .focused .form-control:focus, .request-form-div .form-control:focus, .request-form-div .has-danger .form-control:focus, .request-form-div .focused .form-control:focus, .add-class-div .form-control:focus, .add-class-div .has-danger .form-control:focus, .add-class-div .focused .form-control:focus, .add-teacher-card .form-control:focus, .add-teacher-card .has-danger .form-control:focus, .add-teacher-card .focused .form-control:focus, .add-school-card .form-control:focus, .add-school-card .has-danger .form-control:focus, .add-school-card .focused .form-control:focus, .transfer-school-card .form-control:focus, .transfer-school-card .has-danger .form-control:focus, .transfer-school-card .focused .form-control:focus, .filter-by-school .form-control:focus, .filter-by-school .has-danger .form-control:focus, .filter-by-school .focused .form-control:focus, .add-school-admin-card .form-control:focus, .add-school-admin-card .has-danger .form-control:focus, .add-school-admin-card .focused .form-control:focus,
.form-focus .form-control:focus,
.form-focus .has-danger .form-control:focus,
.form-focus .focused .form-control:focus {
  box-shadow: none;
  border: 2px solid #dadce0;
}

.filter-school label {
  color: #7f7f7f;
}
.filter-school .select2 {
  width: 100% !important;
}
.filter-school .select2-search--dropdown .select2-search__field:focus {
  border: none;
}
.filter-school .select2-selection__rendered, .filter-school .form-control {
  line-height: 30px !important;
  font-size: 1.1rem;
}
.filter-school .select2-container--default .select2-selection--single {
  padding: 0.625rem 1rem;
  border: 2px solid #dadce0;
  border-radius: 0.5rem !important;
}
.filter-school .select2-container .select2-selection--single {
  height: 55px !important;
}
.filter-school .select2-selection__arrow {
  height: 55px !important;
  width: 45px !important;
}

.custom-select2 .select2 {
  width: 100% !important;
}
.custom-select2 .select2-search--dropdown .select2-search__field {
  padding: 4px 8px;
}
.custom-select2 .select2-search--dropdown .select2-search__field:focus {
  border: none;
}
.custom-select2 .select2-selection__rendered, .custom-select2 .form-control {
  line-height: 30px !important;
  font-size: 1.1rem;
}
.custom-select2 .select2-container--default .select2-selection--single {
  padding: 0.625rem 1rem;
  border: 2px solid #dadce0;
  border-radius: 0.5rem !important;
}
.custom-select2 .select2-container .select2-selection--single {
  height: 55px !important;
}
.custom-select2 .select2-selection__arrow {
  height: 55px !important;
  width: 45px !important;
}
.custom-select2 .select2-container--default .select2-selection--single .select2-selection__rendered {
  color: #444;
  line-height: 28px;
  font-weight: normal;
}
.custom-select2 .select2-container--default .select2-selection--single .select2-selection__placeholder {
  color: #444;
}

.edit-plan-div .has-danger .form-control:focus, .edit-plan-div .has-danger .focused .form-control:focus {
  border: 0;
}
.edit-plan-div .has-danger .input-group-append {
  border: 0;
  border-left: 2px solid #fb6340;
  color: #fb6340;
}
.edit-plan-div .form-group.focused.has-danger .input-group {
  border: 2px solid #fb6340;
}
.edit-plan-div .form-control {
  border: 2px solid #dadce0;
}
.edit-plan-div .form-group:focus, .edit-plan-div .form-group .focused {
  border: 2px solid #dadce0;
}
.edit-plan-div .form-control:focus {
  border: 2px solid #dadce0;
}
.edit-plan-div .input-group-append {
  border: 2px solid #dadce0;
  border-bottom-right-radius: 5px;
  border-top-right-radius: 5px;
}
.edit-plan-div .custom-checkbox .custom-control-input:focus ~ .custom-control-label::before, .edit-plan-div .custom-control-label::after {
  border: 1px solid #dadce0;
  border-radius: 5px;
}

.district-details .form-control:focus, .district-details .has-danger .form-control:focus, .district-details .focused .form-control:focus, .feature-overrides .form-control:focus, .feature-overrides .has-danger .form-control:focus, .feature-overrides .focused .form-control:focus, .max-devices-div .form-control:focus, .max-devices-div .has-danger .form-control:focus, .max-devices-div .focused .form-control:focus, .max-object-upload-div .form-control:focus, .max-object-upload-div .has-danger .form-control:focus, .max-object-upload-div .focused .form-control:focus {
  border: 2px solid #dadce0;
}
.district-details .input-group-append, .feature-overrides .input-group-append, .max-devices-div .input-group-append, .max-object-upload-div .input-group-append {
  border: 2px solid #dadce0;
  border-bottom-right-radius: 10px;
  border-top-right-radius: 10px;
}

.user-profile .form-control:focus, .user-profile .form-control:focus, .user-profile .focused .form-control:focus, .form-focused-div .form-control:focus, .form-focused-div .form-control:focus, .form-focused-div .focused .form-control:focus {
  box-shadow: none;
  border: 2px solid #80bdff;
}
.user-profile .focused .form-control, .form-focused-div .focused .form-control {
  border: 2px solid #dadce0;
}

.input-invoice-div .form-control:focus, .input-invoice-div .has-danger .form-control:focus, .input-invoice-div .focused .form-control:focus, .subscription-level-div .form-control:focus, .subscription-level-div .has-danger .form-control:focus, .subscription-level-div .focused .form-control:focus {
  border: 2px solid #dadce0;
}

.cross-icon-div {
  font-size: 1.5rem;
  cursor: pointer;
}

.teacher-avatars {
  padding-top: 1%;
  display: inline-flex;
  flex-direction: row-reverse;
}
.teacher-avatars .round-avatar {
  position: relative;
  border-radius: 50%;
  overflow: hidden;
  width: 50px;
  height: 50px;
}
.teacher-avatars .round-avatar .img {
  width: 100%;
  display: block;
}
.teacher-avatars .add-avatar {
  border: 2px solid #fff;
  text-align: center;
}
.teacher-avatars .add-avatar .fa-plus {
  position: relative;
  cursor: pointer;
  color: #FFFFFF;
  top: calc(50% - 12px);
}
.teacher-avatars .avatars-count {
  background: #EF5152;
  color: #FFFFFF;
  padding-top: 6%;
  text-align: center;
  font-size: 14px;
  font-weight: bold;
}
.teacher-avatars .round-avatar:not(:last-child) {
  margin-left: -12px;
}

.school a:hover, .school-admin a:hover, .region a:hover {
  text-decoration: underline;
  text-decoration-color: #E91F73;
}

@media (min-width: 1278px) and (max-width: 1475px) {
  .region-user-text {
    width: 8vw;
  }
}
.school-more-info .dropdown-toggle::after {
  color: #fff;
}

#school-more-dropdown {
  border: none !important;
}

.invite-modal-div .modal-lg {
  margin-top: 2%;
}
.invite-modal-div .modal {
  color: #000000;
}
.invite-modal-div .modal .modal-content {
  text-align: center;
}
.invite-modal-div .modal .modal-content .form-div {
  width: 80%;
}
.invite-modal-div .modal .modal-content .invitation-info {
  font-size: 21px;
}
.invite-modal-div .modal .modal-content .modal-footer {
  background: #F2EBFD;
  font-size: 17px;
  justify-content: center;
}
.invite-modal-div .modal .modal-content .modal-footer span {
  color: #000000;
  font-weight: lighter;
}
.invite-modal-div .modal .modal-content .modal-footer i {
  color: #000000;
}

#inviteTeacherModal > .modal-backdrop.show {
  opacity: 0.9 !important;
  background: linear-gradient(-265deg, #3e0080 0%, #9c10e5 100%) !important;
}

#inviteOthers .bootstrap-tagsinput, #inviteTeacherForm .bootstrap-tagsinput {
  width: 100%;
  min-height: 200px;
  padding: 0.75rem;
  overflow: auto;
}
#inviteOthers .bootstrap-tagsinput .tag.label-purple, #inviteTeacherForm .bootstrap-tagsinput .tag.label-purple {
  background: #F2EBFD;
  font-size: 0.875rem;
  padding: 0.5rem 0.875rem;
  border-radius: 1rem;
  color: #000;
  display: inline-block;
  font-weight: 500;
  margin-top: 0.5rem;
}
#inviteOthers .bootstrap-tagsinput input, #inviteTeacherForm .bootstrap-tagsinput input {
  font-size: 1rem;
  min-width: 14.75rem;
}

@media (min-width: 992px) and (min-height: 900px) {
  .navbar-vertical {
    position: fixed;
    overflow: hidden;
  }
}
@media (min-width: 992px) {
  .navbar-vertical.navbar-expand-lg {
    max-width: 310px !important;
  }
  .navbar-vertical.navbar-expand-lg .navbar-brand {
    background-position: left center;
    width: auto;
  }
  .navbar-vertical.navbar-expand-lg.fixed-left + .main-content {
    margin-left: 310px !important;
  }
  .navbar-vertical .navbar-collapse:before {
    display: block;
    margin: 0.5rem -1rem;
  }
}
#inviteOthers .bootstrap-tagsinput {
  min-height: 175px;
  border: 2px solid #dadce0;
  border-radius: 0.4375rem;
}
#inviteOthers .bootstrap-tagsinput input::-moz-placeholder {
  color: #ddd;
  font-size: 1.05rem;
}
#inviteOthers .bootstrap-tagsinput input::placeholder {
  color: #ddd;
  font-size: 1.05rem;
}
#inviteOthers .bootstrap-tagsinput input {
  min-width: 15.3rem;
}

.title-primary {
  color: #E91F73 !important;
}

.text-light {
  color: #D9D9DD !important;
}

.text-lime-bright {
  color: #3cff00 !important;
}

.text-lime-green {
  color: #4BC90D !important;
}

.text-transparent {
  color: transparent !important;
}

.bg-pale {
  background-color: #fffde5;
}

.cursor-pointer {
  cursor: pointer;
}

.rounded-1 {
  border-radius: 0.5rem !important;
}

.rounded-2 {
  border-radius: 1rem !important;
}

.rounded-3 {
  border-radius: 1.5rem !important;
}

.rounded-4 {
  border-radius: 2rem !important;
}

.h-100--2 {
  height: calc(100% - 2rem);
}

.w-95 {
  width: 95% !important;
}

.br-0 {
  border-radius: 0 !important;
}

.no-overflow {
  overflow: hidden;
}

.form-group.focused.readonly .input-group {
  border: 0 !important;
}

.input-group-text > i {
  line-height: 1.5 !important;
}

.input-group-append.bg-white {
  align-items: center;
}

.input-group-alternative > .bg-white:active, .input-group-alternative > .bg-white:hover, .input-group-alternative > .bg-white:visited {
  border: none;
}

.navbar-search input,
.navbar-search .input-group-text {
  border: 0 !important;
}
.navbar-search .input-group .input-group-prepend {
  border-bottom-left-radius: 50%;
  border-top-left-radius: 50%;
}
.navbar-search .input-group .input-group-prepend + .form-control {
  border-top-right-radius: 50%;
  border-bottom-right-radius: 50%;
  border: 0 !important;
}
.navbar-search .input-group .input-group-append {
  border-top-right-radius: 50%;
  border-bottom-right-radius: 50%;
}
.navbar-search .input-group .input-group-append .input-group-text {
  font-size: 1.35rem;
}
.navbar-search .form-group .input-group {
  border-radius: 5rem;
  border: 2px solid transparent;
}
.navbar-search .form-group.focused .input-group {
  border: 2px solid #E91F73 !important;
}
.navbar-search .form-group.focused .input-group .input-group-prepend .input-group-text {
  color: #e91f73;
}
.navbar-search .form-group .form-control {
  width: 60%;
}

.subnav-link {
  font-size: 1.1rem;
  font-weight: 600;
  color: #fff !important;
  margin: 0.5rem 1.5rem 1rem 0;
  line-height: 1;
  display: inline-block;
  padding-bottom: 0.5rem;
}
.subnav-link:after {
  content: "";
  width: 100%;
  height: 3px;
  display: block;
  bottom: -0.5rem;
  position: relative;
  background: transparent;
}
.subnav-link.active:after {
  background-image: linear-gradient(135deg, #FF6666 0%, #E30977 100%);
}

.content-title {
  margin-top: 0.5rem;
  font-size: 1.5rem;
}
.content-title i {
  font-size: 2rem;
  vertical-align: middle;
  margin-right: 0.5rem;
}

.content-sub-title {
  font-size: 1.25rem;
}

a.subnav-link[href="#"],
a.nav-link[href="#"] {
  pointer-events: none;
}

.form-control {
  height: auto;
}

.form-control::-moz-placeholder {
  color: #D9D9DD !important;
  opacity: 1 !important;
}

.form-control::placeholder {
  color: #D9D9DD !important;
  opacity: 1 !important;
}

.form-control:focus-visible {
  text-shadow: none;
}

.input-group {
  border: 1px solid rgba(216, 216, 221, 0.5607843137);
}
.input-group.input-group-alternative {
  border-radius: calc(0.4375rem + 0.1rem);
}
.input-group .form-control {
  border: 2px solid #D9D9DD;
  border-radius: 0.4375rem;
}
.input-group .input-group-prepend {
  border-bottom-left-radius: 0.4375rem;
  border-top-left-radius: 0.4375rem;
}
.input-group .input-group-prepend .btn.dropdown-toggle {
  line-height: 2.05;
  margin: 0;
}
.input-group .input-group-prepend .btn.dropdown-toggle:hover {
  color: #fff;
  background-image: linear-gradient(135deg, #FF6666 0%, #E30977 100%);
  border-color: #E91F73 !important;
}
.input-group .input-group-prepend + .form-control {
  border-top: 2px solid #D9D9DD !important;
  border-right: 2px solid #D9D9DD !important;
  border-bottom: 2px solid #D9D9DD !important;
  border-left: 0 !important;
}

.has-danger .input-group .form-control {
  border: 0;
}

.tooltip-arrow, .tooltip > .tooltip-inner {
  max-width: 250px;
  padding: 8px;
  text-align: center;
}

.has-danger .input-group .form-control:focus .input-group .form-control:focus {
  border: 2px solid #E91F73;
}

.btn.dropdown-toggle,
.input-group-text {
  border: 2px solid #D9D9DD !important;
  box-shadow: none;
  padding: 0.35rem 1rem 0.45rem;
  line-height: 2;
}
.btn.dropdown-toggle.btn-secondary:not(:disabled):not(.disabled):active, .btn.dropdown-toggle.btn-secondary:not(:disabled):not(.disabled).active, .btn.dropdown-toggle.btn-secondary:not(:disabled):not(.disabled):focus,
.input-group-text.btn-secondary:not(:disabled):not(.disabled):active,
.input-group-text.btn-secondary:not(:disabled):not(.disabled).active,
.input-group-text.btn-secondary:not(:disabled):not(.disabled):focus {
  background-color: #f7f7f7 !important;
}

.btn.dropdown-toggle {
  padding-right: 3rem;
}

.btn.dropdown-toggle.btn-secondary:not(:disabled):not(.disabled):active,
.btn.dropdown-toggle.btn-secondary:not(:disabled):not(.disabled).active,
.btn.dropdown-toggle.btn-secondary:not(:disabled):not(.disabled):focus {
  color: #212529 !important;
}

.dropdown-toggle::after {
  position: absolute;
  font-size: 1.95rem;
  right: 2rem;
  top: calc(50% - 0.5em);
  transform-origin: 0.5rem 1rem;
  transition: transform 0.3s ease;
  color: #b7b8ba !important;
}

.option-icon {
  max-height: 2rem;
}

.btn.btn-sm {
  font-size: 0.9rem;
  padding: 0.5rem 0.25rem;
  margin: 0.25rem;
}
.btn.btn-sm i {
  font-size: 1.2rem;
  vertical-align: -0.22rem;
}

.btn.btn-custom-sm {
  font-size: 0.9rem;
  padding: 0.2rem 0.25rem;
  margin: 0.25rem;
}
.btn.btn-custom-sm i {
  font-size: 1.2rem;
  vertical-align: -0.22rem;
}

.btn.btn-custom {
  font-size: 0.9rem;
  padding: 0.5rem 1.1rem;
  margin: 0.25rem;
}

.btn.btn-black {
  background: #000 !important;
  border-radius: 0.4375rem;
}
.btn.btn-black img {
  display: inline-block;
  width: auto;
  max-height: 2rem;
  min-width: 10rem;
}

.require-google-sso .btn.btn-neutral {
  box-shadow: 0 7px 14px rgba(50, 50, 93, 0.1), 0 3px 6px rgba(0, 0, 0, 0.08);
}

.bootbox .btn-outline, .bootbox .btn-outline.focus, .bootbox .btn-outline:focus {
  border: 2px solid #ef4165;
  color: #ef4165;
}
.bootbox .bootbox-accept, .bootbox .bootbox-accept.focus, .bootbox .bootbox-accept:focus {
  border: 2px solid transparent;
}
.bootbox .bootbox-accept:hover, .bootbox .bootbox-accept.focus:hover, .bootbox .bootbox-accept:focus:hover {
  border: 2px solid transparent;
}

.btn.btn-primary.disabled {
  border: 2px solid #D9D9DD;
}

.card[data-href] {
  cursor: pointer;
}
.card[data-href]:hover {
  box-shadow: 0 0 20px 0 rgba(61, 57, 77, 0.12);
}

.card.simulation,
.card.activity,
.card.activity-plan,
.card.stem-project {
  position: relative;
  background-size: cover;
  background-position: left center;
}
.card.simulation .aspect-lock,
.card.activity .aspect-lock,
.card.activity-plan .aspect-lock,
.card.stem-project .aspect-lock {
  padding-top: 123%;
}
.card.simulation .title, .card.simulation .subtitle,
.card.activity .title,
.card.activity .subtitle,
.card.activity-plan .title,
.card.activity-plan .subtitle,
.card.stem-project .title,
.card.stem-project .subtitle {
  position: absolute;
  text-shadow: 1px 1px 2px rgba(69, 2, 105, 0.82), 1px 1px 10px rgba(0, 0, 0, 0.5);
}
.card.simulation .title,
.card.activity .title,
.card.activity-plan .title,
.card.stem-project .title {
  font-size: 2vw;
  top: 3vw;
}
.card.simulation .subtitle,
.card.activity .subtitle,
.card.activity-plan .subtitle,
.card.stem-project .subtitle {
  font-size: 1vw;
  top: 1vw;
  text-transform: uppercase;
}
@media (min-width: 1440px) {
  .card.simulation .title,
  .card.activity .title,
  .card.activity-plan .title,
  .card.stem-project .title {
    font-size: 1rem;
    top: 2rem;
  }
  .card.simulation .subtitle,
  .card.activity .subtitle,
  .card.activity-plan .subtitle,
  .card.stem-project .subtitle {
    font-size: 0.65rem;
    top: 0.65rem;
  }
}

.card.activity-plan[data-title] {
  margin-bottom: 2.5rem !important;
}
.card.activity-plan:after {
  content: attr(data-title);
  position: absolute;
  bottom: -2rem;
  left: 0;
  font-size: 1rem;
  font-weight: bold;
  width: 100%;
  text-align: center;
}

.subtitle .zero:after {
  top: -44%;
  left: -22.5%;
}

.subtitle .zero:after {
  top: -15%;
}

.card.activity .aspect-lock {
  padding-top: 100%;
}
.card.activity .title {
  top: 1vw;
}
@media (min-width: 1440px) {
  .card.activity .title {
    top: 0.65rem;
  }
}

.main-content > div > div > .card {
  padding: 0.5rem 1rem;
}

.card {
  font-size: 1.1rem;
}
@media (min-width: 1440px) {
  .card .actions .btn {
    width: 100%;
  }
}
.card.teachingaid, .card.object, .card.favorite, .card.collection {
  border-radius: 0.75rem !important;
}
.card.teachingaid[data-href], .card.object[data-href], .card.favorite[data-href], .card.collection[data-href] {
  cursor: pointer;
}
.card.teachingaid .card-header, .card.object .card-header, .card.favorite .card-header, .card.collection .card-header {
  padding: 0.75rem !important;
  border-top-left-radius: 0.75rem;
  border-top-right-radius: 0.75rem;
  position: relative;
  background-size: cover;
  background-position: left center;
}
.card.teachingaid .card-header .aspect-lock, .card.object .card-header .aspect-lock, .card.favorite .card-header .aspect-lock, .card.collection .card-header .aspect-lock {
  padding-top: 55.25%;
}
.card.teachingaid .card-header h3, .card.object .card-header h3, .card.favorite .card-header h3, .card.collection .card-header h3 {
  position: absolute;
  bottom: 1rem;
  left: 1rem;
  max-width: 84%;
  white-space: nowrap;
  overflow: hidden;
  text-overflow: ellipsis;
}
.card.teachingaid .card-footer, .card.object .card-footer, .card.favorite .card-footer, .card.collection .card-footer {
  padding: 0.65rem 1.1rem;
}
.card.teachingaid .card-footer .reset-thumbnail, .card.object .card-footer .reset-thumbnail, .card.favorite .card-footer .reset-thumbnail, .card.collection .card-footer .reset-thumbnail {
  color: #E30977;
  cursor: pointer;
  font-size: 15px;
}
.card.teachingaid .card-footer .reset-thumbnail i, .card.object .card-footer .reset-thumbnail i, .card.favorite .card-footer .reset-thumbnail i, .card.collection .card-footer .reset-thumbnail i {
  font-size: 13px;
}
.card.teachingaid .bg-fill, .card.object .bg-fill, .card.favorite .bg-fill, .card.collection .bg-fill {
  position: absolute;
  width: 100%;
  height: 100%;
  top: 0;
  left: 0;
  border-radius: 0.75rem;
  background-size: cover;
  background-position: center;
  background-repeat: no-repeat;
}
.card.object, .card.favorite {
  box-shadow: none !important;
  border-radius: 0.75rem !important;
}
.card.object .card-header, .card.favorite .card-header {
  background-color: transparent;
  border-radius: 0.75rem !important;
}
.card.object .card-header .aspect-lock, .card.favorite .card-header .aspect-lock {
  padding-top: 100%;
}
.card.object .card-footer, .card.favorite .card-footer {
  text-align: center;
}
.card.object .card-footer .zero:after, .card.favorite .card-footer .zero:after {
  top: -15%;
}
.card.collection .bg-fill,
.card.collection .card-header {
  border-bottom-left-radius: 0;
  border-bottom-right-radius: 0;
}

.object button.btn.remove-object {
  position: absolute;
  top: 0.75rem;
  bottom: auto;
  right: 0.5em;
  left: auto;
  max-width: 84%;
  white-space: nowrap;
  overflow: hidden;
  text-overflow: ellipsis;
  transform: none;
}
.object button.btn.remove-object:focus {
  border: 2px solid transparent;
}

.remove-selected {
  border: 2px solid transparent;
}

.obj-deleting .object .card-header {
  box-shadow: inset 0 0 0 2000px rgba(0, 0, 0, 0.4);
}

.bg-1 {
  background: linear-gradient(45deg, #00b7dd 0%, #3751a2 100%);
}

.bg-2 {
  background: linear-gradient(45deg, #76c157 0%, #27bcb7 100%);
}

.bg-3 {
  background: linear-gradient(45deg, #ffc60b 0%, #ef4165 100%);
}

.bg-4 {
  background: linear-gradient(45deg, #6c388a 0%, #ec008b 100%);
}

.bg-5 {
  background: linear-gradient(45deg, #862985 0%, #482f91 100%);
}

.bg-6 {
  background: linear-gradient(45deg, #f9d935 0%, #a5ce3b 100%);
}

.card.activity-plan,
.card.stem-project {
  background-image: url(/merge/img/icons/ap-bg.svg);
  background-repeat: no-repeat;
  background-size: cover;
}
.card.activity-plan .title,
.card.stem-project .title {
  width: 91%;
  white-space: nowrap;
  overflow: hidden;
  text-overflow: ellipsis;
  top: 6%;
  font-size: 85%;
  /*
  @include media-breakpoint-down(lg){
      @media only screen and (orientation:portrait){
          top: 2vh;
          font-size: 2.5vw;
      }
  }
  @include media-breakpoint-down(xxs){
      @media only screen and (orientation:portrait){
          top: 1vh;
          font-size: 1.5vw;
      }
  }
  @include media-breakpoint-down(sm){
      @media only screen and (orientation:landscape){
          top: 3vh;
          font-size: 2vw;
      }
  }
  */
}
.card.activity-plan .thumb,
.card.stem-project .thumb {
  background-position: left center;
  background-size: cover;
  position: absolute;
  width: 48%;
  height: 39.8%;
  top: 33.3%;
  left: 7%;
  border-radius: 0.35rem;
}

.card.stem-project {
  background-image: url(/merge/img/icons/sp-bg.svg);
  background-size: cover;
}

.card.stem-project[data-href], .card.stem-worksheet[data-href] {
  cursor: pointer;
}
.card.stem-project[data-href]:hover, .card.stem-worksheet[data-href]:hover {
  box-shadow: 0 0 20px 0 rgba(61, 57, 77, 0.19);
}
.card.stem-project[data-href] + h3[data-href], .card.stem-worksheet[data-href] + h3[data-href] {
  cursor: pointer;
}

.card.stem-worksheet {
  background-image: url(/merge/img/icons/worksheet.svg);
  background-repeat: no-repeat;
  background-size: cover;
  position: relative;
}
.card.stem-worksheet .thumb {
  background-position: left center;
  background-size: cover;
  position: absolute;
  width: 48%;
  height: 39.8%;
  top: 33.3%;
  left: 7%;
  border-radius: 0.35rem;
}
.card.stem-worksheet .aspect-lock {
  padding-top: 123%;
}
.card.stem-worksheet + h3 {
  text-align: center;
  margin: 0.25rem 0 0.75rem;
}

.vertical-line {
  width: 2px;
  height: calc(100% - 1rem);
  background: #E2E2E2;
}

.filtered .hidden {
  display: none;
}

.see-more {
  cursor: pointer;
  display: flex;
  margin: 0.5rem 0;
  border: 2px solid #d9d9dd;
  border-radius: 0.75rem;
}
.see-more i.large {
  font-size: 3rem;
}

@media (max-width: 280px) {
  .see-more {
    height: calc(100% - 3.2rem);
  }
}
@media (min-width: 281px) and (max-width: 349px) {
  .see-more {
    height: calc(100% - 2.7rem);
  }
}
@media (min-width: 350px) and (max-width: 375px) {
  .see-more {
    height: calc(100% - 2rem);
  }
}
@media (min-width: 376px) and (max-width: 413px) {
  .see-more {
    height: calc(100% - 1.7rem);
  }
}
@media (min-width: 414px) {
  .see-more {
    height: calc(100% - 1rem);
  }
}
.progress {
  box-shadow: none !important;
  background: #d9d9dd;
}
.progress .progress-bar {
  border-radius: 0.25rem;
  background-color: #E91F73;
}

.share-actions ul {
  margin: 0 0.75rem;
  list-style-type: none;
}
.share-actions ul li {
  position: relative;
  margin: 0.5rem 0 0;
}

[class*=col].readable {
  position: relative;
}
[class*=col].readable .immersive-link {
  position: absolute;
  top: 0;
  right: 0;
}

.modal-backdrop ~ .modal-backdrop.show {
  opacity: 0 !important;
}

.container-main {
  min-height: calc(100vh - 568px);
}

.pagination select.per_page {
  width: 80px;
  border: 2px solid #D9D9DD;
  background-image: linear-gradient(45deg, transparent 50%, #A9A9A9 50%), linear-gradient(135deg, #A9A9A9 50%, transparent 50%);
  background-position: calc(100% - 19px) calc(1em - 2px), calc(100% - 11px) calc(1em - 2px);
  background-size: 8px 8px, 8px 8px;
  background-repeat: no-repeat;
}
.pagination select.per_page:focus {
  outline: none;
  border-color: #ABAAB0;
}

.sso-buttons a {
  padding: 0.75rem;
}
.sso-buttons .btn-icon:hover {
  box-shadow: 0 7px 14px rgba(50, 50, 93, 0.1), 0 3px 6px rgba(0, 0, 0, 0.08);
}
.sso-buttons .btn-icon {
  width: 4.65rem;
  height: 4.65rem;
  border-radius: 4rem;
  padding: 0.8125rem;
}
.sso-buttons .btn-icon.classlink img {
  width: 40px;
}
.sso-buttons .btn-icon img {
  width: 38px;
}
.sso-buttons .btn-icon i {
  font-size: 38px;
}
.sso-buttons .btn-icon i:not(.fa) {
  position: relative;
  /*top: 2px;*/
}
.sso-buttons .btn-icon:not(:first-child) {
  margin-left: 0.75em;
}
.sso-buttons .btn-icon:not(:last-child) {
  margin-right: 0.75em;
}

.signup-sso-buttons {
  /*.btn-icon:not(:first-child) {
      margin-left: .75em;
  }

  .btn-icon:not(:last-child) {
      margin-right: .75em;
  }*/
}
.signup-sso-buttons a {
  padding: 0.75rem;
}
.signup-sso-buttons a:hover img {
  opacity: 0.5;
}
.signup-sso-buttons .col-2 {
  margin-left: 0.25rem;
  margin-right: 0.25rem;
}
.signup-sso-buttons .col-2:first-child {
  margin-left: 0.5rem;
}
.signup-sso-buttons .btn-icon {
  color: #212529;
  border-radius: 4rem;
  border-color: #fff;
  background-color: #fff;
  box-shadow: 0 4px 6px rgba(50, 50, 93, 0.11), 0 1px 3px rgba(0, 0, 0, 0.08);
  padding: 0.45rem;
}
.signup-sso-buttons .btn-icon i {
  font-size: 38px;
}
.signup-sso-buttons .btn-icon i:not(.fa) {
  position: relative;
  /*top: 2px;*/
}
.signup-sso-buttons .btn-icon img {
  width: 97%;
  max-width: 38px;
  max-height: 38px;
}
.signup-sso-buttons .btn-icon.classlink img {
  width: 100%;
  max-width: 40px;
  max-height: 40px;
}
.signup-sso-buttons .btn-icon.apple img {
  width: 90%;
}
.signup-sso-buttons .sso-title {
  font-size: 0.65rem;
}

input[type=date].apply-placeholder:not(:focus):not(.has-value) {
  /*height: calc(2.75rem + 2px);*/
}
input[type=date].apply-placeholder:not(:focus):not(.has-value):before {
  content: attr(placeholder);
  color: #d9d9dd;
  position: absolute;
}

.dropdown.category-dropdown .btn.dropdown-toggle.btn-secondary:not(:disabled):not(.disabled), .dropdown.grade-dropdown .btn.dropdown-toggle.btn-secondary:not(:disabled):not(.disabled) {
  background: #fff;
  padding: 0.25rem 1.5rem 0.35rem;
  font-weight: normal;
}
.dropdown.category-dropdown .btn.dropdown-toggle.btn-secondary:not(:disabled):not(.disabled).active, .dropdown.category-dropdown .btn.dropdown-toggle.btn-secondary:not(:disabled):not(.disabled):active, .dropdown.category-dropdown .btn.dropdown-toggle.btn-secondary:not(:disabled):not(.disabled):focus, .dropdown.grade-dropdown .btn.dropdown-toggle.btn-secondary:not(:disabled):not(.disabled).active, .dropdown.grade-dropdown .btn.dropdown-toggle.btn-secondary:not(:disabled):not(.disabled):active, .dropdown.grade-dropdown .btn.dropdown-toggle.btn-secondary:not(:disabled):not(.disabled):focus {
  background-color: #fff !important;
}
.dropdown.category-dropdown.show > .btn-secondary.dropdown-toggle:focus, .dropdown.grade-dropdown.show > .btn-secondary.dropdown-toggle:focus {
  box-shadow: 0 0 0 1px rgba(217, 217, 221, 0.7);
}
.dropdown.category-dropdown .dropdown-toggle::after, .dropdown.grade-dropdown .dropdown-toggle::after {
  position: absolute;
  font-size: 1.95rem;
  right: 2rem;
  top: calc(50% - 0.5em);
  transition: transform 0.3s ease;
  color: #6c757d !important;
}
.dropdown.category-dropdown .dropdown-menu, .dropdown.grade-dropdown .dropdown-menu {
  width: 95%;
  margin: 0 2%;
}
.dropdown.category-dropdown .dropdown-menu.show, .dropdown.grade-dropdown .dropdown-menu.show {
  border: 2px solid #d9d9dd;
}
.dropdown.category-dropdown .dropdown-menu .dropdown-item, .dropdown.grade-dropdown .dropdown-menu .dropdown-item {
  font-size: 1rem;
  padding: 0.3rem 1rem;
  color: #000;
  font-weight: normal;
}
@media (max-width: 768px) {
  .dropdown.category-dropdown .dropdown-menu, .dropdown.grade-dropdown .dropdown-menu {
    margin-top: 0 !important;
  }
}
.dropdown.category-dropdown .option-icon, .dropdown.grade-dropdown .option-icon {
  width: 32px;
}

.dropdown .dropdown-menu.dropdown-menu-end.customer-edit {
  top: -90px !important;
  right: 42px !important;
  display: none;
}

.dropdown .dropdown-menu.dropdown-menu-end.request-edit {
  top: 7px !important;
  right: -11px !important;
}

.dropdown .dropdown-menu.dropdown-menu-end.plan-edit {
  top: 7px !important;
  right: -11px !important;
}

.dropdown .dropdown-menu.dropdown-menu-end.customer-edit:before {
  display: none;
}

.subscriptionList {
  max-height: none !important;
}

.subscriptionList::-webkit-scrollbar {
  width: 0px !important;
}

@media (max-width: 576px) {
  .dropdown .dropdown-menu.dropdown-menu-end.customer-edit {
    top: -36px !important;
    right: -70px !important;
    display: none;
  }
  .dropdown-menu.dropdown-menu-end.customer-edit .dropdown-item {
    height: 30px !important;
  }
}
@media (max-width: 576px) {
  .dropdown .dropdown-menu.dropdown-menu-end.request-edit {
    top: -36px !important;
    right: -70px !important;
  }
  .dropdown-menu.dropdown-menu-end.request-edit .dropdown-item {
    height: 30px !important;
  }
}
@media (max-width: 576px) {
  .dropdown .dropdown-menu.dropdown-menu-end.plan-edit {
    top: -36px !important;
    right: -70px !important;
  }
  .dropdown-menu.dropdown-menu-end.plan-edit .dropdown-item {
    height: 30px !important;
  }
}
.dropdown-menu.dropdown-menu-end.customer-edit .dropdown-item {
  height: 35px;
}

.max-file-reached {
  pointer-events: none;
  cursor: default;
}

.web-login .title {
  margin-bottom: 2.5rem;
}
.web-login input.form-control {
  padding: 0.85rem 2rem;
}
.web-login button[type=submit] {
  padding-top: 0.75rem;
  padding-bottom: 0.75rem;
}

.rounded-icon {
  display: inline-block;
  width: 31px;
  height: 35px;
  overflow: hidden;
  vertical-align: text-bottom;
  border-radius: 50%;
}
.rounded-icon i[class^=icon-] {
  margin: -0.25rem;
}

.multi-select .select2-container--default {
  font-size: 1rem;
}
.multi-select .select2-container--default.select2-container--focus .select2-selection--multiple {
  box-shadow: 0 4px 6px rgba(50, 50, 93, 0.11), 0 1px 3px rgba(0, 0, 0, 0.08);
  border: 1px solid #bbb;
}
.multi-select .select2-container--default .select2-selection--multiple {
  padding: 0.6rem 1.25rem;
  border: 2px solid #dadce0;
  border-radius: 0.5rem;
  box-shadow: 0 1px 3px rgba(50, 50, 93, 0.15), 0 1px 0 rgba(0, 0, 0, 0.02);
  min-height: 3.15rem;
}
.multi-select .select2-container--default .select2-selection--multiple .select2-selection__choice {
  background-color: #fff;
  padding: 0.1rem 0.1rem 0.1rem 1rem;
  margin-top: 2px;
  line-height: 25px;
}
.multi-select .select2-container--default .select2-selection--multiple .select2-selection__choice__remove {
  border-right: 0;
}
.multi-select .select2-container .select2-search--inline .select2-search__field {
  font-size: 90%;
  height: 20px;
}

.has-danger.multi-select .select2-container--default .select2-selection--multiple {
  border: 2px solid #e91f73;
  margin-top: 0.25rem;
}

.select2-container--default li.select2-results__option--selected {
  background-color: #eee;
}
.select2-container--default li.select2-results__option--selectable {
  font-size: 1rem;
}

input[type=date].ios {
  min-height: 2.9rem;
  -webkit-appearance: none;
}
input[type=date].ios:before {
  content: attr(placeholder);
  color: #888;
}

.btn-gray {
  color: #fff;
  border-color: #707070;
  background-color: #8F8F8F;
  box-shadow: 0 4px 6px rgba(50, 50, 93, 0.11), 0 1px 3px rgba(0, 0, 0, 0.08);
}
.btn-gray:hover {
  color: #fff;
  border-color: #707070;
  background-color: #707070;
}

.btn-light-gray {
  color: #fff;
  border-color: #A5A5A5;
  background-color: #B2B2B2;
  box-shadow: 0 4px 6px rgba(50, 50, 93, 0.11), 0 1px 3px rgba(0, 0, 0, 0.08);
}
.btn-light-gray:hover {
  color: #fff;
  border-color: #A5A5A5;
  background-color: #A5A5A5;
}

.btn-dark-pink {
  color: #fff;
  border-color: #d63973;
  background-color: #d63973;
  box-shadow: 0 4px 6px rgba(50, 50, 93, 0.11), 0 1px 3px rgba(0, 0, 0, 0.08);
}
.btn-dark-pink:hover {
  color: #fff;
  border-color: #d3356f;
  background-color: #d3356f;
}

.border-gray {
  border-color: #D9D9DD !important;
}

.bg-light-pink {
  background: #fbebf1 !important;
}

.border-2 {
  border-width: 2px !important;
}

.border-3 {
  border-width: 3px !important;
}

.border-md {
  border-width: 0 !important;
}

.form-info-data {
  height: 90%;
  min-height: 400px;
}

.form-small-info-data {
  height: 60%;
  min-height: 160px;
}

.classes-table {
  overflow-y: auto;
  min-height: 350px;
}
.classes-table tr:hover td {
  background: #F1F3F4;
}
.classes-table tr:hover td:first-child {
  border-top-left-radius: 2rem;
  border-bottom-left-radius: 2rem;
}
.classes-table tr:hover td:last-child {
  border-top-right-radius: 2rem;
  border-bottom-right-radius: 2rem;
}

.student-buttons .btn {
  font-size: 1rem;
}

.progress-steps {
  overflow: hidden;
  margin-bottom: 2rem;
}

.progress-steps > .step {
  float: left;
  position: relative;
  width: 25%;
  color: #BFBFBF;
  font-size: 0.8rem;
  text-align: center;
  cursor: default;
}
.progress-steps > .step:before {
  font-family: "mergeedu";
  content: "\e922";
  display: block;
  background: 0;
  color: #BFBFBF;
  font-size: 2.3rem;
  margin: 0;
  padding-left: 0;
  height: 3rem;
}
.progress-steps > .step:not(:first-child):after {
  content: "";
  position: absolute;
  background: #BFBFBF;
  top: 22px;
  left: -37%;
  width: 75%;
  height: 4px;
  border-radius: 1.5rem;
}
.progress-steps > .step.active {
  /*color: #8F8F8F;*/
  cursor: pointer;
}
.progress-steps > .step.active:before {
  color: #72d008;
}
.progress-steps > .step.active.current {
  color: #FFFFFF;
}
.progress-steps > .step.active.current:before {
  color: #f0366f;
}
.progress-steps > .step.active:not(:first-child):after {
  background: #72d008;
}

.merge-app .progress-steps > .step.active.current {
  color: #7F7F7F;
}

.used-for input {
  position: absolute;
  left: -9999px;
}
.used-for input ~ label {
  border: 2px solid #D9D9DD;
  color: #8F8F8F;
  padding: 1rem 0.125rem 0.75rem;
}
.used-for input ~ label i {
  color: #D9D9DD;
}
.used-for input ~ label i.science, .used-for input ~ label i.stem, .used-for input ~ label i.future-ready, .used-for input ~ label i.lending-library {
  font-size: 2.5rem;
}
.used-for input ~ label .other-icon {
  padding-top: 1rem;
  padding-bottom: 0.85rem;
}
.used-for input ~ label .usage-title {
  font-size: 0.87rem;
}
.used-for input:checked ~ label {
  border-color: #8F8F8F;
  color: #000;
}
.used-for input:checked ~ label i.science {
  background: linear-gradient(45deg, #00b7dd 0%, #3751a2 100%);
  -webkit-background-clip: text;
  -webkit-text-fill-color: transparent;
}
.used-for input:checked ~ label i.stem {
  background: linear-gradient(135deg, #E30977 0%, #FF6666 100%);
  -webkit-background-clip: text;
  -webkit-text-fill-color: transparent;
}
.used-for input:checked ~ label i.future-ready {
  background: linear-gradient(135deg, #97dc41 25%, #76c157 70%);
  -webkit-background-clip: text;
  -webkit-text-fill-color: transparent;
}
.used-for input:checked ~ label i.lending-library {
  background: linear-gradient(135deg, #ffde0b 25%, #ef9565 70%);
  -webkit-background-clip: text;
  -webkit-text-fill-color: transparent;
}
.used-for input:checked ~ label i.other:nth-child(1) {
  background: linear-gradient(135deg, #969696 25%, #838383 70%);
  -webkit-background-clip: text;
  -webkit-text-fill-color: transparent;
}
.used-for input:checked ~ label i.other:nth-child(2) {
  background: linear-gradient(135deg, #838383 25%, #717171 70%);
  -webkit-background-clip: text;
  -webkit-text-fill-color: transparent;
}
.used-for input:checked ~ label i.other:nth-child(3) {
  background: linear-gradient(135deg, #717171 25%, #5E5E5E 70%);
  -webkit-background-clip: text;
  -webkit-text-fill-color: transparent;
}

.object-meta .form-control:focus, .object-meta .form-control:focus, .object-meta .focused .form-control:focus, .object-meta .has-danger .form-control:focus, .assign-class .form-control:focus, .assign-class .form-control:focus, .assign-class .focused .form-control:focus, .assign-class .has-danger .form-control:focus, .join-class-div .form-control:focus, .join-class-div .form-control:focus, .join-class-div .focused .form-control:focus, .join-class-div .has-danger .form-control:focus, .form-info-data .form-control:focus, .form-info-data .form-control:focus, .form-info-data .focused .form-control:focus, .form-info-data .has-danger .form-control:focus, .form-user-data .form-control:focus, .form-user-data .form-control:focus, .form-user-data .focused .form-control:focus, .form-user-data .has-danger .form-control:focus, .add-new-class .form-control:focus, .add-new-class .form-control:focus, .add-new-class .focused .form-control:focus, .add-new-class .has-danger .form-control:focus, .add-student-to-class .form-control:focus, .add-student-to-class .form-control:focus, .add-student-to-class .focused .form-control:focus, .add-student-to-class .has-danger .form-control:focus, .web-login .form-control:focus, .web-login .form-control:focus, .web-login .focused .form-control:focus, .web-login .has-danger .form-control:focus, .modal-body .form-control:focus, .modal-body .form-control:focus, .modal-body .focused .form-control:focus, .modal-body .has-danger .form-control:focus, .user-profile .form-control:focus, .user-profile .form-control:focus, .user-profile .focused .form-control:focus, .user-profile .has-danger .form-control:focus {
  box-shadow: none;
  border: 2px solid #80bdff;
}
.object-meta .focused .form-control, .assign-class .focused .form-control, .join-class-div .focused .form-control, .form-info-data .focused .form-control, .form-user-data .focused .form-control, .add-new-class .focused .form-control, .add-student-to-class .focused .form-control, .web-login .focused .form-control, .modal-body .focused .form-control, .user-profile .focused .form-control {
  border: 2px solid #dadce0;
}

.verify-identity {
  font-size: 1rem;
}
.verify-identity .back {
  font-size: 1rem;
  line-height: 0.9rem;
}
.verify-identity .form-control:focus, .verify-identity .has-danger .form-control:focus, .verify-identity .focused .form-control:focus {
  box-shadow: none;
  border: 2px solid #ff989f;
}
.verify-identity .focused .form-control {
  border: 2px solid #fcc9cd;
}
.verify-identity .has-danger .form-control {
  border: 2px solid #E91F73;
}
.verify-identity .step-icon {
  min-height: 2.85rem;
  font-size: 2.75rem;
}
.verify-identity .form-select:after {
  content: "\f078";
  font: normal normal 600 20px/1 "Font Awesome 5 Free";
  color: #8F8F8F;
  right: 11px;
  top: 33%;
  height: 34px;
  padding: 0;
  position: absolute;
  pointer-events: none;
}
.verify-identity .form-select {
  position: relative;
}

.signup {
  font-size: 1rem;
}
.signup .btn {
  transform: none;
}
.signup .btn.has-join-code {
  top: 0.55rem;
}
.signup .back, .signup .return-to-app {
  font-size: 0.85rem;
  line-height: 0.9rem;
}
.signup .back img, .signup .return-to-app img {
  vertical-align: -20%;
  height: 0.9rem;
}
.signup .form-control:focus, .signup .has-danger .form-control:focus, .signup .focused .form-control:focus {
  box-shadow: none;
  border: 2px solid #ff989f;
}
.signup .focused .form-control {
  border: 2px solid #fcc9cd;
}
.signup .has-danger .form-control {
  border: 2px solid #E91F73;
}
.signup .btn.btn-primary.disabled {
  border: 0;
  background-color: #D9D9DD;
  background-image: linear-gradient(135deg, #D0D0D0 0%, #D9D9DD 100%) !important;
  color: #FFF;
}
.signup .step-icon {
  min-height: 2.85rem;
  font-size: 2.75rem;
}
.signup .join-code-icon {
  max-width: 301px;
  width: 65%;
  min-height: 110px;
}
.signup .join-code-container {
  max-width: 230px;
  margin: auto;
  width: 70%;
}
.signup .custom-col {
  flex: 0 0 16.666667%;
  max-width: 16.666667%;
  position: relative;
  width: 100%;
  padding-right: 15px;
  padding-left: 15px;
}
.signup .form-select {
  position: relative;
}
.signup .form-select:after {
  content: "\f078";
  font: normal normal 600 20px/1 "Font Awesome 5 Free";
  color: #8F8F8F;
  right: 11px;
  top: 33%;
  height: 34px;
  padding: 0;
  position: absolute;
  pointer-events: none;
}
.signup .wrapping-up .wrappingup-img {
  min-height: 50px;
}

.questions .step-icon {
  min-height: 2.85rem;
  font-size: 2.75rem;
}
.questions .form-select {
  position: relative;
}
.questions .form-select:after {
  content: "\f078";
  font: normal normal 600 20px/1 "Font Awesome 5 Free";
  color: #8F8F8F;
  right: 11px;
  top: 33%;
  height: 34px;
  padding: 0;
  position: absolute;
  pointer-events: none;
}

.invite-icon {
  max-width: 522px;
  width: 85%;
  min-height: 80px;
}

.request-icon {
  max-width: 80px;
  width: 55%;
  min-height: 55px;
}

.vdn {
  position: relative;
}
.vdn.passed {
  color: green;
  margin-left: 1.45rem;
}
.vdn.passed:after {
  /*font-family:'mergeedu';
  content:"\e92c";
  color: green;
  font-weight: bold;
  font-size: 1rem;*/
  position: absolute;
  content: "";
  background-image: url(/merge/img/icons/icons8-ok-green.svg);
  background-size: cover;
  height: 22px;
  width: 22px;
  left: -1.45rem;
  top: 0;
}

@media (min-width: 1440px) {
  .row-max-5 {
    height: 3.5rem;
  }
}
.row-max-5 .btn, .row-max-5 .btn-primary, .row-max-5 .btn-primary.focus, .row-max-5 .btn-primary:focus {
  border: 2px solid transparent;
}
.row-max-5 .btn:hover, .row-max-5 .btn-primary:hover, .row-max-5 .btn-primary.focus:hover, .row-max-5 .btn-primary:focus:hover {
  border: 2px solid transparent;
}

#reset-form input.invalid-feedback {
  margin-top: 0;
}

.notification.dropdown > .dropdown-menu {
  width: 280px;
  right: -28px !important;
}
.notification.dropdown.show .notification-icon i {
  text-shadow: 0 0 2px #ffffff;
  color: #efefef;
}
.notification.dropdown .notification-icon {
  color: #FFF;
}
.notification.dropdown .notification-icon i:hover {
  text-shadow: 0 0 2px #ffffff;
  color: #efefef;
}

.notification-table .notification-item:hover {
  background-color: #f5f5f5;
}

.language.dropdown > .dropdown-toggle {
  border: 1px solid #ddd !important;
  border-radius: 5px !important;
  font-size: 0.875rem;
  min-width: 8rem;
  text-align: left;
}
.language.dropdown .dropdown-toggle:hover {
  transform: none;
}
.language.dropdown > .dropdown-menu {
  margin-top: 50px !important;
  min-width: 8rem;
}
.language.dropdown .dropdown-menu:before {
  content: "";
}
.language.dropdown .dropdown-item:hover {
  background-color: #f2f5f8;
}

.badge.badge-data {
  font-size: 0.6rem;
  font-weight: 300;
  padding: 2px 4px;
  position: absolute;
}

@media (min-width: 375px) {
  .sso-buttons .btn-icon {
    width: 4.125rem;
    height: 4.125rem;
  }
  .signup-sso-buttons .btn-icon {
    padding: 0.65rem;
  }
  .signup-sso-buttons .col-2:first-child {
    margin-left: 1rem;
  }
  .navbar-search .form-group .form-control {
    width: 70%;
  }
  .progress-steps > .step {
    font-size: 0.75rem;
  }
  .progress-steps > .step:not(:first-child):after {
    top: 26px;
    left: -38%;
  }
  .signup .wrapping-up .wrappingup-img {
    min-height: 68px;
  }
  .signup .join-code-icon {
    min-height: 135px;
  }
  .invite-icon {
    min-height: 140px;
  }
  .notification.dropdown > .dropdown-menu {
    width: 325px;
  }
}
@media (min-width: 280px) and (max-width: 320px) {
  .notification.dropdown > .dropdown-menu {
    width: 260px;
  }
}
@media (min-width: 414px) {
  .signup-sso-buttons .btn-icon {
    padding: 0.8rem;
  }
  .signup .wrapping-up .wrappingup-img {
    min-height: 76px;
  }
  .signup .join-code-icon {
    min-height: 150px;
  }
  .invite-icon {
    min-height: 158px;
  }
}
@media (min-width: 576px) {
  .signup-sso-buttons .col-2 {
    margin-left: 0;
    margin-right: 0;
  }
  .signup-sso-buttons .col-2:first-child {
    margin-left: 8.333333%;
  }
  .signup .wrapping-up .wrappingup-img {
    min-height: 104px;
  }
  .signup .join-code-icon {
    min-height: 200px;
  }
  .invite-icon {
    min-height: 215px;
  }
  .notification.dropdown > .dropdown-menu {
    width: 400px;
  }
}
@media (min-width: 605px) {
  .login-actions div:not(:last-child) {
    border-right: 2px solid #D9D9DD;
  }
}
@media (min-width: 768px) {
  .progress-steps > .step {
    font-size: 1rem;
  }
  .progress-steps > .step:before {
    height: 4rem;
  }
  .signup-sso-buttons .sso-title {
    font-size: 0.825rem;
  }
  .progress-steps > .step:before {
    height: 2.5rem;
  }
  .progress-steps > .step:not(:first-child):after {
    top: 29px;
    left: -44%;
    width: 88%;
  }
  .signup {
    font-size: 1.1rem;
  }
  .signup .step-icon {
    min-height: 4rem;
    font-size: 4rem;
    padding-top: 0.1rem;
  }
  .signup .back, .signup .return-to-app {
    font-size: 1.1rem;
    line-height: 1.15rem;
  }
  .signup .back img, .signup .return-to-app img {
    vertical-align: -12%;
    height: 1.2rem;
  }
  .signup .wrapping-up .wrappingup-img {
    min-height: 140px;
  }
  .signup .join-code-icon {
    min-height: 200px;
  }
  .questions {
    font-size: 1.1rem;
  }
  .questions .step-icon {
    min-height: 4rem;
    font-size: 4rem;
    padding-top: 0.1rem;
  }
  .invite-icon {
    min-height: 278px;
  }
  .used-for input ~ label {
    padding: 0.875rem 0.125rem 0.4rem;
  }
  .used-for input ~ label .usage-title {
    font-size: 0.77rem;
  }
}
@media (max-width: 1363px) and (min-width: 992px) {
  .custom-px-top {
    padding-top: 1.7em;
  }
  .custom-upload-px-top {
    padding-top: 1.4em;
  }
}
@media (min-width: 1364px) {
  .custom-px-top {
    padding-top: 1.7em;
  }
  .custom-upload-px-top {
    padding-top: 1.4em;
  }
  .custom-admin-px-top {
    padding-top: 1em;
  }
  .notification.dropdown > .dropdown-menu {
    width: 400px;
  }
}
@media (min-width: 992px) {
  .used-for input ~ label .usage-title {
    font-size: 0.87rem;
  }
  .signup .wrapping-up .wrappingup-img {
    min-height: 130px;
  }
  .request-modal-div .modal-lg {
    width: 50%;
  }
  .invite-modal-div .modal-lg {
    max-width: 60% !important;
  }
  .invite-modal-div .modal .modal-content button {
    width: 30%;
  }
}
@media (min-width: 1024px) {
  .signup .wrapping-up .wrappingup-img {
    min-height: 90px;
  }
  .notification.dropdown > .dropdown-menu {
    width: 400px;
  }
}
@media (min-width: 1280px) {
  .student-buttons .btn {
    font-size: 0.9rem;
  }
  .classes-table {
    min-height: 475px;
  }
  .form-info-data {
    height: calc(100% - 6.85rem);
  }
  .notification.dropdown > .dropdown-menu {
    width: 400px;
  }
}
@media (min-width: 1360px) {
  .student-buttons .btn {
    font-size: 1rem;
  }
}
@media (min-width: 1440px) {
  .classes-table {
    min-height: 450px;
  }
}
.nav-col .media-body {
  white-space: nowrap;
  overflow: hidden;
  text-overflow: ellipsis;
}

@media (max-width: 300px) {
  html {
    width: -moz-fit-content;
    width: fit-content;
  }
}
@media (max-width: 991px) {
  .nav-col {
    padding: 0.5%;
  }
  .add-teacher-col {
    padding: 0.5%;
  }
  .invite-modal-div .modal-lg {
    margin-left: 4%;
    max-width: 100% !important;
  }
  .dropdown-toggle::after {
    right: 1rem !important;
    top: 50% !important;
  }
}
@media (max-width: 1447px) {
  .invite-modal-div .modal .modal-content button {
    width: 60%;
  }
}
@media (min-width: 1448px) {
  .invite-modal-div button {
    width: 30%;
  }
}
@media (min-width: 768px) {
  .border-md.border-2 {
    border-width: 2px !important;
  }
  .border-md.border-3 {
    border-width: 3px !important;
  }
}
@media (min-width: 768px) {
  .border-md-hide {
    border-width: 0 !important;
  }
}
@media (min-width: 605px) and (max-width: 1381px) {
  .join-code-col {
    order: 12;
  }
  .join-code-col .col-sm {
    max-width: 60%;
  }
}
@media (min-width: 605px) and (max-width: 626px) {
  .join-code-col .col-sm {
    max-width: 55%;
  }
}
@media (max-width: 1637px) and (min-width: 1450px) {
  .join-code-col .col-sm {
    max-width: 90%;
  }
}
@media (max-width: 2267px) and (min-width: 1638px) {
  .join-code-col .col-sm {
    max-width: 60%;
  }
}
@media (min-width: 2268px) and (max-width: 2839px) {
  .join-code-col .col-sm {
    max-width: 40%;
  }
}
@media (min-width: 2839px) and (max-width: 3214px) {
  .join-code-col .col-sm {
    max-width: 35%;
  }
}
@media (min-width: 3215px) {
  .join-code-col .col-sm {
    max-width: 30%;
  }
}
@media (max-width: 605px) {
  .join-code-col {
    padding-top: 2%;
  }
  .join-code-col .col-sm {
    max-width: 80%;
  }
  .add-teacher-col {
    padding-top: 3%;
  }
}
.join-code-col .form-group {
  margin-bottom: 0 !important;
}

.no-results {
  padding: 1% 0 2% 0;
}
.no-results i {
  font-size: 1.5rem;
  color: #9C9C9C;
}

.footer-action-div {
  height: 3rem;
}

.select-teacher-div .select2 {
  width: 100% !important;
}

/*** Custom-tooltip ***/
.custom-tooltip {
  position: relative;
  display: inline-block;
}

.custom-tooltip .tooltiptext {
  visibility: hidden;
  width: 70%;
  background-color: grey;
  color: #fff;
  text-align: center;
  padding: 6px 0;
  border-radius: 6px;
  font-size: 15px;
  position: absolute;
  z-index: 1;
}

.tooltip-right {
  top: 111%;
  left: 96px;
  margin-left: -60px;
}

.tooltip-right::after {
  content: "";
  position: absolute;
  bottom: 100%;
  left: 50%;
  margin-left: -5px;
  border-width: 5px;
  border-style: solid;
  border-color: transparent transparent grey transparent;
}

.custom-tooltip:hover .tooltiptext {
  visibility: visible;
}

.w-95 {
  width: 95% !important;
}

.welcome h3 {
  font-size: 1.6rem;
  font-family: "sofia-pro";
  color: #000;
}
.welcome .grey-section {
  background-color: #f1f2f3;
  border-radius: 15px;
}
.welcome .grey-section h3 {
  color: #707070;
}
.welcome .apps {
  flex-direction: row;
}
.welcome .apps .app {
  display: flex;
  flex-direction: row;
  border-radius: 3rem;
  width: 300px;
  margin-right: 10px;
  background-color: #FFFFFF;
}

#sidenav-collapse-main .menu-focus {
  animation: 0.35s infinite blink_effect;
  color: #FFF !important;
}

@keyframes blink_effect {
  0% {
    color: #E91F73 !important;
    background: none;
  }
  100% {
    color: #FFF !important;
    background: #E91F73;
  }
}
.active-item:before {
  content: "✓";
  color: #0a0;
  margin-right: 0.25rem;
  font-size: 150%;
  vertical-align: -0.2rem;
}

.plan-dropdown .select2 {
  width: 100% !important;
}
.plan-dropdown .select2-search--dropdown .select2-search__field:focus {
  border: none;
}
.plan-dropdown .select2-selection__rendered, .plan-dropdown .form-control {
  line-height: 30px !important;
  font-size: 1.1rem;
}
.plan-dropdown .select2-container--default .select2-selection--single {
  padding: 0.625rem 1rem;
  border: 2px solid #d9d9dd;
  border-radius: 0.5rem !important;
  box-shadow: 0px 3px 3.5px rgba(0, 0, 0, 0.16);
}
.plan-dropdown .select2-container .select2-selection--single {
  height: 55px !important;
}
.plan-dropdown .select2-selection__arrow {
  height: 55px !important;
  width: 45px !important;
  border-left: 2px solid #d9d9dd;
}
.plan-dropdown .select2-container--default .select2-selection--single .select2-selection__rendered {
  color: #E91F73;
}
.plan-dropdown .select2-container--default .select2-selection--single .select2-selection__arrow b {
  border-color: #E91F73;
  border-style: solid;
  border-width: 0 0 0.15em 0.15em;
  content: "";
  display: inline-block;
  height: 0.45em;
  left: 1.05em;
  position: relative;
  top: 1.15em;
  transform: rotate(-45deg);
  vertical-align: top;
  width: 0.45em;
}
.plan-dropdown .select2-container--default .select2-selection--single .select2-selection__placeholder {
  color: #e42072;
}
.plan-dropdown .select2-container--default.select2-container--open .select2-selection--single .select2-selection__arrow b {
  border-color: #E91F73;
  border-width: 0.15em 0.15em 0 0;
}

.text-sm {
  font-size: 0.8rem !important;
}

.text-md2 {
  font-size: 1.4rem !important;
}

ul.large-marker li {
  padding-left: 0.5rem;
}
ul.large-marker li::marker {
  content: "⬤";
  /* color: #e91f73; */
  color: #000;
  font-size: 1rem;
}

ul.key-contacts {
  padding: 1.3rem 1rem 0.5rem 0;
  padding-left: 1rem;
  padding-top: 1.3rem;
}

ul.training-list {
  padding-left: 1.1rem;
}
ul.training-list li {
  line-height: 2;
}
ul.training-list li::marker {
  color: #e91f73;
}

.btn-group.btn-group-toggle.btn-pills {
  display: inline-block;
  vertical-align: middle;
  white-space: normal;
}
.btn-group.btn-group-toggle.btn-pills .btn {
  /* margin-right: 1rem; */
  width: 100%;
  margin-bottom: 1rem;
  font-size: 0.875rem;
  font-weight: 500;
  padding: 0.75rem 1rem;
  transition: all 0.15s ease;
  color: #E91F73;
  background: #fff;
  box-shadow: 0 4px 6px rgba(50, 50, 93, 0.11), 0 1px 3px rgba(0, 0, 0, 0.08);
  border-radius: 1rem;
}
.btn-group.btn-group-toggle.btn-pills .class-name {
  text-overflow: ellipsis;
  overflow: hidden;
  display: inline;
  word-wrap: break-word;
  white-space: normal;
}
.btn-group.btn-group-toggle.btn-pills .btn + .btn {
  margin-left: 0;
}
.btn-group.btn-group-toggle.btn-pills .btn.btn-primary:not(:disabled):not(.disabled).active {
  box-shadow: 0 4px 6px rgba(50, 50, 93, 0.11), 0 1px 3px rgba(0, 0, 0, 0.08), 0 0 0 0 rgba(94, 114, 228, 0.5);
  background-color: #ba72fb;
  color: #fff;
}
.btn-group.btn-group-toggle.btn-pills .btn input[type=checkbox] {
  position: absolute;
  clip: rect(0, 0, 0, 0);
  pointer-events: none;
}
.btn-group.btn-group-toggle.btn-pills > .btn:not(:last-child):not(.dropdown-toggle), .btn-group.btn-group-toggle.btn-pills > .btn-group:not(:last-child) > .btn {
  border-top-right-radius: 1rem;
  border-bottom-right-radius: 1rem;
}
.btn-group.btn-group-toggle.btn-pills > .btn:not(:first-child):not(.dropdown-toggle), .btn-group.btn-group-toggle.btn-pills > .btn-group:not(:first-child) > .btn {
  border-top-left-radius: 1rem;
  border-bottom-left-radius: 1rem;
}

.list-table {
  border-width: 2px !important;
  border-color: #D9D9DD !important;
}

.dropdownMenuCSP {
  top: 14px;
  right: -5px !important;
}

.bellStyle {
  transform: rotate(30deg);
}

.option-media {
  background-color: #3e0080;
  height: 60px;
}

.option-brand {
  background-image: url(/merge/img/logo.svg);
}

.option-brand-image {
  width: 100px;
  height: 24px;
  margin-bottom: -8px;
}

.option-desk-image {
  width: 6rem;
}

.option-content {
  padding: 0 25px;
  margin-top: 5px;
}
@media only screen and (orientation: landscape) {
  .option-content {
    margin-top: -2px;
  }
}

.option-brand-sub-heading {
  font-size: 0.88rem;
  font-weight: 600;
  padding-top: 0.25rem;
  padding-bottom: 0.25rem;
  letter-spacing: 0.1em;
  color: #ffffff;
}

.option-body {
  text-align: center;
}

.option-card {
  display: flex;
  flex-direction: column;
}

.cardBody {
  padding-top: 100px;
}

.importStartClose {
  float: right;
  padding-right: 33px;
  padding-top: 20px;
}

.app-click .icon {
  width: 4rem;
  height: 4rem;
}

.app-click .icon, .option-desk-image {
  border-radius: 1rem;
}

.app-click:hover .icon, .option-desk-image:hover {
  transition: box-shadow 0.25s ease-in-out;
  transform: translateY(-1px);
}

.option-desk-image:hover {
  box-shadow: 1px 1px 11px 1px rgba(138, 13, 210, 0.4705882353);
}

.app-click.landingicon-objectviewer:hover .icon {
  box-shadow: 1px 1px 11px 1px rgba(19, 206, 235, 0.4705882353);
}

.app-click.landingicon-explorer:hover .icon {
  box-shadow: 1px 1px 11px 1px rgba(235, 19, 123, 0.4705882353);
}

.app-click.landingicon-hologlobe:hover .icon {
  box-shadow: 1px 1px 11px 1px rgba(37, 235, 19, 0.4705882353);
}

.app-click.landingicon-scanner:hover .icon {
  box-shadow: 1px 1px 11px 1px rgba(255, 198, 0, 0.568627451);
}

a.web-link:hover {
  color: #E91F73 !important;
}

.border-thick {
  border-width: 2px;
}

.badge-purple {
  background-color: #7741ab !important;
}

.badge-bright-purple {
  background-color: #a146fa !important;
}

.badge-dark-purple {
  background-color: #49078a !important;
}

.badge-brown {
  background-color: #da7b4d !important;
}

.badge-grade {
  margin-right: 0.1rem !important;
}

.badge-period {
  margin-left: 0.1rem !important;
  margin-right: 0.1rem !important;
}

.teacher-name {
  margin-left: 0.1rem !important;
  word-wrap: break-word;
  white-space: normal;
}

.class-label .badge {
  font-size: 0.8rem;
  padding: 0.35rem 0.4rem;
  margin-top: 0.35rem;
  margin-right: 8px !important;
}
.class-label .badge.badge-grade, .class-label .badge.badge-period {
  position: relative;
}
.class-label .badge.badge-grade:before {
  content: "G";
  position: absolute;
  color: #7741ab;
  left: -0.65rem;
  top: 0;
}
.class-label .badge.badge-period:before {
  content: "P";
  position: absolute;
  color: #da7b4d;
  left: -0.6rem;
  top: 0;
}
.class-label .badge.teacher-name {
  overflow-x: hidden;
  text-overflow: ellipsis;
}

.bootbox-no-app.bootbox.modal .close {
  font-size: 3rem;
  font-weight: 100;
  height: 2rem;
  width: 2rem;
  padding-left: 0;
  margin: -2.25rem 0.05rem auto -1.5rem;
}

.chart-card {
  height: auto;
}

.usage-chart {
  padding-top: 25px;
}

.leaderboard {
  padding: 0px 5px 5px 5px;
  border: none !important;
}

.bg-gradient-chart {
  background-color: #ffffff !important;
}

.school-header-leaderboard {
  font-weight: normal !important;
}

.chartInfo {
  padding-right: 7px;
}

.addSubscriptionButton {
  margin-bottom: 12px;
  margin-top: 12px;
}

#subscriptionListFooterID .subscriptionListFooter {
  border-top: 0px !important; /* Specific style for subscription list footer */
}

.footerDropdownFix {
  margin-bottom: 67px;
}

.app-link-modal {
  display: flex !important;
  align-items: center;
  justify-content: center;
}

.dropdown .dropdown-toggle::after {
  transform-origin: 0.5rem 1rem;
}

.overflow-x-auto {
  overflow-x: auto !important;
}

.overflow-x-hidden {
  overflow-x: hidden !important;
}

.overflow-y-auto {
  overflow-y: auto !important;
}

.overflow-y-hidden {
  overflow-y: hidden !important;
}

.bg-position-top {
  background-position: top !important;
}

.bg-position-center {
  background-position: center !important;
}

.bg-position-bottom {
  background-position: bottom !important;
}

.bg-position-right {
  background-position: right !important;
}

.bg-position-left {
  background-position: left !important;
}

.bg-position-inherit {
  background-position: inherit !important;
}

.l-style-type-auto {
  list-style-type: auto !important;
}

.l-style-type-circle {
  list-style-type: circle !important;
}

.l-style-type-decimal {
  list-style-type: decimal !important;
}

.l-style-type-disc {
  list-style-type: disc !important;
}

.l-style-type-none {
  list-style-type: none !important;
}

.l-style-type-square {
  list-style-type: square !important;
}

.min-width-100 {
  min-width: 100px;
}

.min-width-150 {
  min-width: 150px;
}

.min-width-200 {
  min-width: 200px;
}

.min-width-250 {
  min-width: 250px;
}

.min-width-300 {
  min-width: 300px;
}

.min-width-320 {
  min-width: 320px;
}

.min-width-400 {
  min-width: 400px;
}

.min-width-600 {
  min-width: 600px;
}

.max-width-500 {
  max-width: 500px;
}

.max-width-600 {
  max-width: 600px;
}

.max-width-700 {
  max-width: 700px;
}

.max-width-16rem {
  max-width: 16rem;
}

.max-width-22rem {
  max-width: 22rem;
}

.max-width-960rem {
  max-width: 960rem;
}

.width-1-5rem {
  width: 1.5rem;
}

.width-1-75rem {
  width: 1.75rem;
}

.width-2rem {
  width: 2rem;
}

.width-3-5rem {
  width: 3.5rem;
}

.width-30pc {
  width: "30%";
}

.width-45pc {
  width: "45%";
}

.width-60pc {
  width: "60%";
}

.width-100pc {
  width: "100%";
}

.width-50vw {
  width: 50vw;
}

.width-30vw {
  width: 30vw;
}

.width-40vw {
  width: 40vw;
}

.width-60vw {
  width: 60vw;
}

.width-100 {
  width: 100px;
}

.width-200 {
  width: 200px;
}

.height-20 {
  height: 20px;
}

.min-height-50 {
  min-height: 50px;
}

.min-height-200 {
  min-height: 200px;
}

.max-height-500 {
  max-height: 500px;
}

.max-height-350 {
  max-height: 350px;
}

.max-height-3-2rem {
  max-height: 3.2rem;
}

.font-size-1-05rem {
  font-size: 1.05rem;
}

.font-size-2-5rem {
  font-size: 2.5rem;
}

.font-size-3rem {
  font-size: 3rem;
}

.font-size-3-75rem {
  font-size: 3.75rem;
}

.font-size-4-75rem {
  font-size: 4.75rem;
}

.container {
  width: 100%;
  padding-right: 15px;
  padding-left: 15px;
  margin-right: auto;
  margin-left: auto;
}
@media (min-width: 790px) {
  .container {
    max-width: 999px;
  }
}
@media (min-width: 992px) {
  .container {
    max-width: 1000px;
  }
}
@media (min-width: 1280px) {
  .container {
    max-width: 1100px;
  }
}
@media (min-width: 1440px) {
  .container {
    max-width: 1170px;
  }
}
@media (min-width: 1600px) {
  .container {
    max-width: 1280px;
  }
}

.container-fluid {
  width: 100%;
  padding-right: 15px;
  padding-left: 15px;
  margin-right: auto;
  margin-left: auto;
}

.row {
  display: flex;
  flex-wrap: wrap;
  margin-right: -15px;
  margin-left: -15px;
}

.no-gutters {
  margin-right: 0;
  margin-left: 0;
}
.no-gutters > .col,
.no-gutters > [class*=col-] {
  padding-right: 0;
  padding-left: 0;
}

.col-xxl,
.col-xxl-auto, .col-xxl-12, .col-xxl-11, .col-xxl-10, .col-xxl-9, .col-xxl-8, .col-xxl-7, .col-xxl-6, .col-xxl-5, .col-xxl-4, .col-xxl-3, .col-xxl-2, .col-xxl-1, .col-xl,
.col-xl-auto, .col-xl-12, .col-xl-11, .col-xl-10, .col-xl-9, .col-xl-8, .col-xl-7, .col-xl-6, .col-xl-5, .col-xl-4, .col-xl-3, .col-xl-2, .col-xl-1, .col-custom-xl,
.col-custom-xl-auto, .col-custom-xl-12, .col-custom-xl-11, .col-custom-xl-10, .col-custom-xl-9, .col-custom-xl-8, .col-custom-xl-7, .col-custom-xl-6, .col-custom-xl-5, .col-custom-xl-4, .col-custom-xl-3, .col-custom-xl-2, .col-custom-xl-1, .col-lg,
.col-lg-auto, .col-lg-12, .col-lg-11, .col-lg-10, .col-lg-9, .col-lg-8, .col-lg-7, .col-lg-6, .col-lg-5, .col-lg-4, .col-lg-3, .col-lg-2, .col-lg-1, .col-custom-lg,
.col-custom-lg-auto, .col-custom-lg-12, .col-custom-lg-11, .col-custom-lg-10, .col-custom-lg-9, .col-custom-lg-8, .col-custom-lg-7, .col-custom-lg-6, .col-custom-lg-5, .col-custom-lg-4, .col-custom-lg-3, .col-custom-lg-2, .col-custom-lg-1, .col-md,
.col-md-auto, .col-md-12, .col-md-11, .col-md-10, .col-md-9, .col-md-8, .col-md-7, .col-md-6, .col-md-5, .col-md-4, .col-md-3, .col-md-2, .col-md-1, .col-sm,
.col-sm-auto, .col-sm-12, .col-sm-11, .col-sm-10, .col-sm-9, .col-sm-8, .col-sm-7, .col-sm-6, .col-sm-5, .col-sm-4, .col-sm-3, .col-sm-2, .col-sm-1, .col-custom-sm,
.col-custom-sm-auto, .col-custom-sm-12, .col-custom-sm-11, .col-custom-sm-10, .col-custom-sm-9, .col-custom-sm-8, .col-custom-sm-7, .col-custom-sm-6, .col-custom-sm-5, .col-custom-sm-4, .col-custom-sm-3, .col-custom-sm-2, .col-custom-sm-1, .col-xs,
.col-xs-auto, .col-xs-12, .col-xs-11, .col-xs-10, .col-xs-9, .col-xs-8, .col-xs-7, .col-xs-6, .col-xs-5, .col-xs-4, .col-xs-3, .col-xs-2, .col-xs-1, .col-xxs,
.col-xxs-auto, .col-xxs-12, .col-xxs-11, .col-xxs-10, .col-xxs-9, .col-xxs-8, .col-xxs-7, .col-xxs-6, .col-xxs-5, .col-xxs-4, .col-xxs-3, .col-xxs-2, .col-xxs-1, .col,
.col-auto, .col-12, .col-11, .col-10, .col-9, .col-8, .col-7, .col-6, .col-5, .col-4, .col-3, .col-2, .col-1 {
  position: relative;
  width: 100%;
  padding-right: 15px;
  padding-left: 15px;
}

.col {
  flex-basis: 0;
  flex-grow: 1;
  max-width: 100%;
}

.col-auto {
  flex: 0 0 auto;
  width: auto;
  max-width: 100%;
}

.col-1 {
  flex: 0 0 8.3333333333%;
  max-width: 8.3333333333%;
}

.col-2 {
  flex: 0 0 16.6666666667%;
  max-width: 16.6666666667%;
}

.col-3 {
  flex: 0 0 25%;
  max-width: 25%;
}

.col-4 {
  flex: 0 0 33.3333333333%;
  max-width: 33.3333333333%;
}

.col-5 {
  flex: 0 0 41.6666666667%;
  max-width: 41.6666666667%;
}

.col-6 {
  flex: 0 0 50%;
  max-width: 50%;
}

.col-7 {
  flex: 0 0 58.3333333333%;
  max-width: 58.3333333333%;
}

.col-8 {
  flex: 0 0 66.6666666667%;
  max-width: 66.6666666667%;
}

.col-9 {
  flex: 0 0 75%;
  max-width: 75%;
}

.col-10 {
  flex: 0 0 83.3333333333%;
  max-width: 83.3333333333%;
}

.col-11 {
  flex: 0 0 91.6666666667%;
  max-width: 91.6666666667%;
}

.col-12 {
  flex: 0 0 100%;
  max-width: 100%;
}

.order-first {
  order: -1;
}

.order-last {
  order: 13;
}

.order-0 {
  order: 0;
}

.order-1 {
  order: 1;
}

.order-2 {
  order: 2;
}

.order-3 {
  order: 3;
}

.order-4 {
  order: 4;
}

.order-5 {
  order: 5;
}

.order-6 {
  order: 6;
}

.order-7 {
  order: 7;
}

.order-8 {
  order: 8;
}

.order-9 {
  order: 9;
}

.order-10 {
  order: 10;
}

.order-11 {
  order: 11;
}

.order-12 {
  order: 12;
}

.offset-1 {
  margin-left: 8.3333333333%;
}

.offset-2 {
  margin-left: 16.6666666667%;
}

.offset-3 {
  margin-left: 25%;
}

.offset-4 {
  margin-left: 33.3333333333%;
}

.offset-5 {
  margin-left: 41.6666666667%;
}

.offset-6 {
  margin-left: 50%;
}

.offset-7 {
  margin-left: 58.3333333333%;
}

.offset-8 {
  margin-left: 66.6666666667%;
}

.offset-9 {
  margin-left: 75%;
}

.offset-10 {
  margin-left: 83.3333333333%;
}

.offset-11 {
  margin-left: 91.6666666667%;
}

@media (min-width: 375px) {
  .col-xxs {
    flex-basis: 0;
    flex-grow: 1;
    max-width: 100%;
  }
  .col-xxs-auto {
    flex: 0 0 auto;
    width: auto;
    max-width: 100%;
  }
  .col-xxs-1 {
    flex: 0 0 8.3333333333%;
    max-width: 8.3333333333%;
  }
  .col-xxs-2 {
    flex: 0 0 16.6666666667%;
    max-width: 16.6666666667%;
  }
  .col-xxs-3 {
    flex: 0 0 25%;
    max-width: 25%;
  }
  .col-xxs-4 {
    flex: 0 0 33.3333333333%;
    max-width: 33.3333333333%;
  }
  .col-xxs-5 {
    flex: 0 0 41.6666666667%;
    max-width: 41.6666666667%;
  }
  .col-xxs-6 {
    flex: 0 0 50%;
    max-width: 50%;
  }
  .col-xxs-7 {
    flex: 0 0 58.3333333333%;
    max-width: 58.3333333333%;
  }
  .col-xxs-8 {
    flex: 0 0 66.6666666667%;
    max-width: 66.6666666667%;
  }
  .col-xxs-9 {
    flex: 0 0 75%;
    max-width: 75%;
  }
  .col-xxs-10 {
    flex: 0 0 83.3333333333%;
    max-width: 83.3333333333%;
  }
  .col-xxs-11 {
    flex: 0 0 91.6666666667%;
    max-width: 91.6666666667%;
  }
  .col-xxs-12 {
    flex: 0 0 100%;
    max-width: 100%;
  }
  .order-xxs-first {
    order: -1;
  }
  .order-xxs-last {
    order: 13;
  }
  .order-xxs-0 {
    order: 0;
  }
  .order-xxs-1 {
    order: 1;
  }
  .order-xxs-2 {
    order: 2;
  }
  .order-xxs-3 {
    order: 3;
  }
  .order-xxs-4 {
    order: 4;
  }
  .order-xxs-5 {
    order: 5;
  }
  .order-xxs-6 {
    order: 6;
  }
  .order-xxs-7 {
    order: 7;
  }
  .order-xxs-8 {
    order: 8;
  }
  .order-xxs-9 {
    order: 9;
  }
  .order-xxs-10 {
    order: 10;
  }
  .order-xxs-11 {
    order: 11;
  }
  .order-xxs-12 {
    order: 12;
  }
  .offset-xxs-0 {
    margin-left: 0;
  }
  .offset-xxs-1 {
    margin-left: 8.3333333333%;
  }
  .offset-xxs-2 {
    margin-left: 16.6666666667%;
  }
  .offset-xxs-3 {
    margin-left: 25%;
  }
  .offset-xxs-4 {
    margin-left: 33.3333333333%;
  }
  .offset-xxs-5 {
    margin-left: 41.6666666667%;
  }
  .offset-xxs-6 {
    margin-left: 50%;
  }
  .offset-xxs-7 {
    margin-left: 58.3333333333%;
  }
  .offset-xxs-8 {
    margin-left: 66.6666666667%;
  }
  .offset-xxs-9 {
    margin-left: 75%;
  }
  .offset-xxs-10 {
    margin-left: 83.3333333333%;
  }
  .offset-xxs-11 {
    margin-left: 91.6666666667%;
  }
}
@media (min-width: 490px) {
  .col-xs {
    flex-basis: 0;
    flex-grow: 1;
    max-width: 100%;
  }
  .col-xs-auto {
    flex: 0 0 auto;
    width: auto;
    max-width: 100%;
  }
  .col-xs-1 {
    flex: 0 0 8.3333333333%;
    max-width: 8.3333333333%;
  }
  .col-xs-2 {
    flex: 0 0 16.6666666667%;
    max-width: 16.6666666667%;
  }
  .col-xs-3 {
    flex: 0 0 25%;
    max-width: 25%;
  }
  .col-xs-4 {
    flex: 0 0 33.3333333333%;
    max-width: 33.3333333333%;
  }
  .col-xs-5 {
    flex: 0 0 41.6666666667%;
    max-width: 41.6666666667%;
  }
  .col-xs-6 {
    flex: 0 0 50%;
    max-width: 50%;
  }
  .col-xs-7 {
    flex: 0 0 58.3333333333%;
    max-width: 58.3333333333%;
  }
  .col-xs-8 {
    flex: 0 0 66.6666666667%;
    max-width: 66.6666666667%;
  }
  .col-xs-9 {
    flex: 0 0 75%;
    max-width: 75%;
  }
  .col-xs-10 {
    flex: 0 0 83.3333333333%;
    max-width: 83.3333333333%;
  }
  .col-xs-11 {
    flex: 0 0 91.6666666667%;
    max-width: 91.6666666667%;
  }
  .col-xs-12 {
    flex: 0 0 100%;
    max-width: 100%;
  }
  .order-xs-first {
    order: -1;
  }
  .order-xs-last {
    order: 13;
  }
  .order-xs-0 {
    order: 0;
  }
  .order-xs-1 {
    order: 1;
  }
  .order-xs-2 {
    order: 2;
  }
  .order-xs-3 {
    order: 3;
  }
  .order-xs-4 {
    order: 4;
  }
  .order-xs-5 {
    order: 5;
  }
  .order-xs-6 {
    order: 6;
  }
  .order-xs-7 {
    order: 7;
  }
  .order-xs-8 {
    order: 8;
  }
  .order-xs-9 {
    order: 9;
  }
  .order-xs-10 {
    order: 10;
  }
  .order-xs-11 {
    order: 11;
  }
  .order-xs-12 {
    order: 12;
  }
  .offset-xs-0 {
    margin-left: 0;
  }
  .offset-xs-1 {
    margin-left: 8.3333333333%;
  }
  .offset-xs-2 {
    margin-left: 16.6666666667%;
  }
  .offset-xs-3 {
    margin-left: 25%;
  }
  .offset-xs-4 {
    margin-left: 33.3333333333%;
  }
  .offset-xs-5 {
    margin-left: 41.6666666667%;
  }
  .offset-xs-6 {
    margin-left: 50%;
  }
  .offset-xs-7 {
    margin-left: 58.3333333333%;
  }
  .offset-xs-8 {
    margin-left: 66.6666666667%;
  }
  .offset-xs-9 {
    margin-left: 75%;
  }
  .offset-xs-10 {
    margin-left: 83.3333333333%;
  }
  .offset-xs-11 {
    margin-left: 91.6666666667%;
  }
}
@media (min-width: 605px) {
  .col-custom-sm {
    flex-basis: 0;
    flex-grow: 1;
    max-width: 100%;
  }
  .col-custom-sm-auto {
    flex: 0 0 auto;
    width: auto;
    max-width: 100%;
  }
  .col-custom-sm-1 {
    flex: 0 0 8.3333333333%;
    max-width: 8.3333333333%;
  }
  .col-custom-sm-2 {
    flex: 0 0 16.6666666667%;
    max-width: 16.6666666667%;
  }
  .col-custom-sm-3 {
    flex: 0 0 25%;
    max-width: 25%;
  }
  .col-custom-sm-4 {
    flex: 0 0 33.3333333333%;
    max-width: 33.3333333333%;
  }
  .col-custom-sm-5 {
    flex: 0 0 41.6666666667%;
    max-width: 41.6666666667%;
  }
  .col-custom-sm-6 {
    flex: 0 0 50%;
    max-width: 50%;
  }
  .col-custom-sm-7 {
    flex: 0 0 58.3333333333%;
    max-width: 58.3333333333%;
  }
  .col-custom-sm-8 {
    flex: 0 0 66.6666666667%;
    max-width: 66.6666666667%;
  }
  .col-custom-sm-9 {
    flex: 0 0 75%;
    max-width: 75%;
  }
  .col-custom-sm-10 {
    flex: 0 0 83.3333333333%;
    max-width: 83.3333333333%;
  }
  .col-custom-sm-11 {
    flex: 0 0 91.6666666667%;
    max-width: 91.6666666667%;
  }
  .col-custom-sm-12 {
    flex: 0 0 100%;
    max-width: 100%;
  }
  .order-custom-sm-first {
    order: -1;
  }
  .order-custom-sm-last {
    order: 13;
  }
  .order-custom-sm-0 {
    order: 0;
  }
  .order-custom-sm-1 {
    order: 1;
  }
  .order-custom-sm-2 {
    order: 2;
  }
  .order-custom-sm-3 {
    order: 3;
  }
  .order-custom-sm-4 {
    order: 4;
  }
  .order-custom-sm-5 {
    order: 5;
  }
  .order-custom-sm-6 {
    order: 6;
  }
  .order-custom-sm-7 {
    order: 7;
  }
  .order-custom-sm-8 {
    order: 8;
  }
  .order-custom-sm-9 {
    order: 9;
  }
  .order-custom-sm-10 {
    order: 10;
  }
  .order-custom-sm-11 {
    order: 11;
  }
  .order-custom-sm-12 {
    order: 12;
  }
  .offset-custom-sm-0 {
    margin-left: 0;
  }
  .offset-custom-sm-1 {
    margin-left: 8.3333333333%;
  }
  .offset-custom-sm-2 {
    margin-left: 16.6666666667%;
  }
  .offset-custom-sm-3 {
    margin-left: 25%;
  }
  .offset-custom-sm-4 {
    margin-left: 33.3333333333%;
  }
  .offset-custom-sm-5 {
    margin-left: 41.6666666667%;
  }
  .offset-custom-sm-6 {
    margin-left: 50%;
  }
  .offset-custom-sm-7 {
    margin-left: 58.3333333333%;
  }
  .offset-custom-sm-8 {
    margin-left: 66.6666666667%;
  }
  .offset-custom-sm-9 {
    margin-left: 75%;
  }
  .offset-custom-sm-10 {
    margin-left: 83.3333333333%;
  }
  .offset-custom-sm-11 {
    margin-left: 91.6666666667%;
  }
}
@media (min-width: 790px) {
  .col-sm {
    flex-basis: 0;
    flex-grow: 1;
    max-width: 100%;
  }
  .col-sm-auto {
    flex: 0 0 auto;
    width: auto;
    max-width: 100%;
  }
  .col-sm-1 {
    flex: 0 0 8.3333333333%;
    max-width: 8.3333333333%;
  }
  .col-sm-2 {
    flex: 0 0 16.6666666667%;
    max-width: 16.6666666667%;
  }
  .col-sm-3 {
    flex: 0 0 25%;
    max-width: 25%;
  }
  .col-sm-4 {
    flex: 0 0 33.3333333333%;
    max-width: 33.3333333333%;
  }
  .col-sm-5 {
    flex: 0 0 41.6666666667%;
    max-width: 41.6666666667%;
  }
  .col-sm-6 {
    flex: 0 0 50%;
    max-width: 50%;
  }
  .col-sm-7 {
    flex: 0 0 58.3333333333%;
    max-width: 58.3333333333%;
  }
  .col-sm-8 {
    flex: 0 0 66.6666666667%;
    max-width: 66.6666666667%;
  }
  .col-sm-9 {
    flex: 0 0 75%;
    max-width: 75%;
  }
  .col-sm-10 {
    flex: 0 0 83.3333333333%;
    max-width: 83.3333333333%;
  }
  .col-sm-11 {
    flex: 0 0 91.6666666667%;
    max-width: 91.6666666667%;
  }
  .col-sm-12 {
    flex: 0 0 100%;
    max-width: 100%;
  }
  .order-sm-first {
    order: -1;
  }
  .order-sm-last {
    order: 13;
  }
  .order-sm-0 {
    order: 0;
  }
  .order-sm-1 {
    order: 1;
  }
  .order-sm-2 {
    order: 2;
  }
  .order-sm-3 {
    order: 3;
  }
  .order-sm-4 {
    order: 4;
  }
  .order-sm-5 {
    order: 5;
  }
  .order-sm-6 {
    order: 6;
  }
  .order-sm-7 {
    order: 7;
  }
  .order-sm-8 {
    order: 8;
  }
  .order-sm-9 {
    order: 9;
  }
  .order-sm-10 {
    order: 10;
  }
  .order-sm-11 {
    order: 11;
  }
  .order-sm-12 {
    order: 12;
  }
  .offset-sm-0 {
    margin-left: 0;
  }
  .offset-sm-1 {
    margin-left: 8.3333333333%;
  }
  .offset-sm-2 {
    margin-left: 16.6666666667%;
  }
  .offset-sm-3 {
    margin-left: 25%;
  }
  .offset-sm-4 {
    margin-left: 33.3333333333%;
  }
  .offset-sm-5 {
    margin-left: 41.6666666667%;
  }
  .offset-sm-6 {
    margin-left: 50%;
  }
  .offset-sm-7 {
    margin-left: 58.3333333333%;
  }
  .offset-sm-8 {
    margin-left: 66.6666666667%;
  }
  .offset-sm-9 {
    margin-left: 75%;
  }
  .offset-sm-10 {
    margin-left: 83.3333333333%;
  }
  .offset-sm-11 {
    margin-left: 91.6666666667%;
  }
}
@media (min-width: 992px) {
  .col-md {
    flex-basis: 0;
    flex-grow: 1;
    max-width: 100%;
  }
  .col-md-auto {
    flex: 0 0 auto;
    width: auto;
    max-width: 100%;
  }
  .col-md-1 {
    flex: 0 0 8.3333333333%;
    max-width: 8.3333333333%;
  }
  .col-md-2 {
    flex: 0 0 16.6666666667%;
    max-width: 16.6666666667%;
  }
  .col-md-3 {
    flex: 0 0 25%;
    max-width: 25%;
  }
  .col-md-4 {
    flex: 0 0 33.3333333333%;
    max-width: 33.3333333333%;
  }
  .col-md-5 {
    flex: 0 0 41.6666666667%;
    max-width: 41.6666666667%;
  }
  .col-md-6 {
    flex: 0 0 50%;
    max-width: 50%;
  }
  .col-md-7 {
    flex: 0 0 58.3333333333%;
    max-width: 58.3333333333%;
  }
  .col-md-8 {
    flex: 0 0 66.6666666667%;
    max-width: 66.6666666667%;
  }
  .col-md-9 {
    flex: 0 0 75%;
    max-width: 75%;
  }
  .col-md-10 {
    flex: 0 0 83.3333333333%;
    max-width: 83.3333333333%;
  }
  .col-md-11 {
    flex: 0 0 91.6666666667%;
    max-width: 91.6666666667%;
  }
  .col-md-12 {
    flex: 0 0 100%;
    max-width: 100%;
  }
  .order-md-first {
    order: -1;
  }
  .order-md-last {
    order: 13;
  }
  .order-md-0 {
    order: 0;
  }
  .order-md-1 {
    order: 1;
  }
  .order-md-2 {
    order: 2;
  }
  .order-md-3 {
    order: 3;
  }
  .order-md-4 {
    order: 4;
  }
  .order-md-5 {
    order: 5;
  }
  .order-md-6 {
    order: 6;
  }
  .order-md-7 {
    order: 7;
  }
  .order-md-8 {
    order: 8;
  }
  .order-md-9 {
    order: 9;
  }
  .order-md-10 {
    order: 10;
  }
  .order-md-11 {
    order: 11;
  }
  .order-md-12 {
    order: 12;
  }
  .offset-md-0 {
    margin-left: 0;
  }
  .offset-md-1 {
    margin-left: 8.3333333333%;
  }
  .offset-md-2 {
    margin-left: 16.6666666667%;
  }
  .offset-md-3 {
    margin-left: 25%;
  }
  .offset-md-4 {
    margin-left: 33.3333333333%;
  }
  .offset-md-5 {
    margin-left: 41.6666666667%;
  }
  .offset-md-6 {
    margin-left: 50%;
  }
  .offset-md-7 {
    margin-left: 58.3333333333%;
  }
  .offset-md-8 {
    margin-left: 66.6666666667%;
  }
  .offset-md-9 {
    margin-left: 75%;
  }
  .offset-md-10 {
    margin-left: 83.3333333333%;
  }
  .offset-md-11 {
    margin-left: 91.6666666667%;
  }
}
@media (min-width: 1053px) {
  .col-custom-lg {
    flex-basis: 0;
    flex-grow: 1;
    max-width: 100%;
  }
  .col-custom-lg-auto {
    flex: 0 0 auto;
    width: auto;
    max-width: 100%;
  }
  .col-custom-lg-1 {
    flex: 0 0 8.3333333333%;
    max-width: 8.3333333333%;
  }
  .col-custom-lg-2 {
    flex: 0 0 16.6666666667%;
    max-width: 16.6666666667%;
  }
  .col-custom-lg-3 {
    flex: 0 0 25%;
    max-width: 25%;
  }
  .col-custom-lg-4 {
    flex: 0 0 33.3333333333%;
    max-width: 33.3333333333%;
  }
  .col-custom-lg-5 {
    flex: 0 0 41.6666666667%;
    max-width: 41.6666666667%;
  }
  .col-custom-lg-6 {
    flex: 0 0 50%;
    max-width: 50%;
  }
  .col-custom-lg-7 {
    flex: 0 0 58.3333333333%;
    max-width: 58.3333333333%;
  }
  .col-custom-lg-8 {
    flex: 0 0 66.6666666667%;
    max-width: 66.6666666667%;
  }
  .col-custom-lg-9 {
    flex: 0 0 75%;
    max-width: 75%;
  }
  .col-custom-lg-10 {
    flex: 0 0 83.3333333333%;
    max-width: 83.3333333333%;
  }
  .col-custom-lg-11 {
    flex: 0 0 91.6666666667%;
    max-width: 91.6666666667%;
  }
  .col-custom-lg-12 {
    flex: 0 0 100%;
    max-width: 100%;
  }
  .order-custom-lg-first {
    order: -1;
  }
  .order-custom-lg-last {
    order: 13;
  }
  .order-custom-lg-0 {
    order: 0;
  }
  .order-custom-lg-1 {
    order: 1;
  }
  .order-custom-lg-2 {
    order: 2;
  }
  .order-custom-lg-3 {
    order: 3;
  }
  .order-custom-lg-4 {
    order: 4;
  }
  .order-custom-lg-5 {
    order: 5;
  }
  .order-custom-lg-6 {
    order: 6;
  }
  .order-custom-lg-7 {
    order: 7;
  }
  .order-custom-lg-8 {
    order: 8;
  }
  .order-custom-lg-9 {
    order: 9;
  }
  .order-custom-lg-10 {
    order: 10;
  }
  .order-custom-lg-11 {
    order: 11;
  }
  .order-custom-lg-12 {
    order: 12;
  }
  .offset-custom-lg-0 {
    margin-left: 0;
  }
  .offset-custom-lg-1 {
    margin-left: 8.3333333333%;
  }
  .offset-custom-lg-2 {
    margin-left: 16.6666666667%;
  }
  .offset-custom-lg-3 {
    margin-left: 25%;
  }
  .offset-custom-lg-4 {
    margin-left: 33.3333333333%;
  }
  .offset-custom-lg-5 {
    margin-left: 41.6666666667%;
  }
  .offset-custom-lg-6 {
    margin-left: 50%;
  }
  .offset-custom-lg-7 {
    margin-left: 58.3333333333%;
  }
  .offset-custom-lg-8 {
    margin-left: 66.6666666667%;
  }
  .offset-custom-lg-9 {
    margin-left: 75%;
  }
  .offset-custom-lg-10 {
    margin-left: 83.3333333333%;
  }
  .offset-custom-lg-11 {
    margin-left: 91.6666666667%;
  }
}
@media (min-width: 1280px) {
  .col-lg {
    flex-basis: 0;
    flex-grow: 1;
    max-width: 100%;
  }
  .col-lg-auto {
    flex: 0 0 auto;
    width: auto;
    max-width: 100%;
  }
  .col-lg-1 {
    flex: 0 0 8.3333333333%;
    max-width: 8.3333333333%;
  }
  .col-lg-2 {
    flex: 0 0 16.6666666667%;
    max-width: 16.6666666667%;
  }
  .col-lg-3 {
    flex: 0 0 25%;
    max-width: 25%;
  }
  .col-lg-4 {
    flex: 0 0 33.3333333333%;
    max-width: 33.3333333333%;
  }
  .col-lg-5 {
    flex: 0 0 41.6666666667%;
    max-width: 41.6666666667%;
  }
  .col-lg-6 {
    flex: 0 0 50%;
    max-width: 50%;
  }
  .col-lg-7 {
    flex: 0 0 58.3333333333%;
    max-width: 58.3333333333%;
  }
  .col-lg-8 {
    flex: 0 0 66.6666666667%;
    max-width: 66.6666666667%;
  }
  .col-lg-9 {
    flex: 0 0 75%;
    max-width: 75%;
  }
  .col-lg-10 {
    flex: 0 0 83.3333333333%;
    max-width: 83.3333333333%;
  }
  .col-lg-11 {
    flex: 0 0 91.6666666667%;
    max-width: 91.6666666667%;
  }
  .col-lg-12 {
    flex: 0 0 100%;
    max-width: 100%;
  }
  .order-lg-first {
    order: -1;
  }
  .order-lg-last {
    order: 13;
  }
  .order-lg-0 {
    order: 0;
  }
  .order-lg-1 {
    order: 1;
  }
  .order-lg-2 {
    order: 2;
  }
  .order-lg-3 {
    order: 3;
  }
  .order-lg-4 {
    order: 4;
  }
  .order-lg-5 {
    order: 5;
  }
  .order-lg-6 {
    order: 6;
  }
  .order-lg-7 {
    order: 7;
  }
  .order-lg-8 {
    order: 8;
  }
  .order-lg-9 {
    order: 9;
  }
  .order-lg-10 {
    order: 10;
  }
  .order-lg-11 {
    order: 11;
  }
  .order-lg-12 {
    order: 12;
  }
  .offset-lg-0 {
    margin-left: 0;
  }
  .offset-lg-1 {
    margin-left: 8.3333333333%;
  }
  .offset-lg-2 {
    margin-left: 16.6666666667%;
  }
  .offset-lg-3 {
    margin-left: 25%;
  }
  .offset-lg-4 {
    margin-left: 33.3333333333%;
  }
  .offset-lg-5 {
    margin-left: 41.6666666667%;
  }
  .offset-lg-6 {
    margin-left: 50%;
  }
  .offset-lg-7 {
    margin-left: 58.3333333333%;
  }
  .offset-lg-8 {
    margin-left: 66.6666666667%;
  }
  .offset-lg-9 {
    margin-left: 75%;
  }
  .offset-lg-10 {
    margin-left: 83.3333333333%;
  }
  .offset-lg-11 {
    margin-left: 91.6666666667%;
  }
}
@media (min-width: 1382px) {
  .col-custom-xl {
    flex-basis: 0;
    flex-grow: 1;
    max-width: 100%;
  }
  .col-custom-xl-auto {
    flex: 0 0 auto;
    width: auto;
    max-width: 100%;
  }
  .col-custom-xl-1 {
    flex: 0 0 8.3333333333%;
    max-width: 8.3333333333%;
  }
  .col-custom-xl-2 {
    flex: 0 0 16.6666666667%;
    max-width: 16.6666666667%;
  }
  .col-custom-xl-3 {
    flex: 0 0 25%;
    max-width: 25%;
  }
  .col-custom-xl-4 {
    flex: 0 0 33.3333333333%;
    max-width: 33.3333333333%;
  }
  .col-custom-xl-5 {
    flex: 0 0 41.6666666667%;
    max-width: 41.6666666667%;
  }
  .col-custom-xl-6 {
    flex: 0 0 50%;
    max-width: 50%;
  }
  .col-custom-xl-7 {
    flex: 0 0 58.3333333333%;
    max-width: 58.3333333333%;
  }
  .col-custom-xl-8 {
    flex: 0 0 66.6666666667%;
    max-width: 66.6666666667%;
  }
  .col-custom-xl-9 {
    flex: 0 0 75%;
    max-width: 75%;
  }
  .col-custom-xl-10 {
    flex: 0 0 83.3333333333%;
    max-width: 83.3333333333%;
  }
  .col-custom-xl-11 {
    flex: 0 0 91.6666666667%;
    max-width: 91.6666666667%;
  }
  .col-custom-xl-12 {
    flex: 0 0 100%;
    max-width: 100%;
  }
  .order-custom-xl-first {
    order: -1;
  }
  .order-custom-xl-last {
    order: 13;
  }
  .order-custom-xl-0 {
    order: 0;
  }
  .order-custom-xl-1 {
    order: 1;
  }
  .order-custom-xl-2 {
    order: 2;
  }
  .order-custom-xl-3 {
    order: 3;
  }
  .order-custom-xl-4 {
    order: 4;
  }
  .order-custom-xl-5 {
    order: 5;
  }
  .order-custom-xl-6 {
    order: 6;
  }
  .order-custom-xl-7 {
    order: 7;
  }
  .order-custom-xl-8 {
    order: 8;
  }
  .order-custom-xl-9 {
    order: 9;
  }
  .order-custom-xl-10 {
    order: 10;
  }
  .order-custom-xl-11 {
    order: 11;
  }
  .order-custom-xl-12 {
    order: 12;
  }
  .offset-custom-xl-0 {
    margin-left: 0;
  }
  .offset-custom-xl-1 {
    margin-left: 8.3333333333%;
  }
  .offset-custom-xl-2 {
    margin-left: 16.6666666667%;
  }
  .offset-custom-xl-3 {
    margin-left: 25%;
  }
  .offset-custom-xl-4 {
    margin-left: 33.3333333333%;
  }
  .offset-custom-xl-5 {
    margin-left: 41.6666666667%;
  }
  .offset-custom-xl-6 {
    margin-left: 50%;
  }
  .offset-custom-xl-7 {
    margin-left: 58.3333333333%;
  }
  .offset-custom-xl-8 {
    margin-left: 66.6666666667%;
  }
  .offset-custom-xl-9 {
    margin-left: 75%;
  }
  .offset-custom-xl-10 {
    margin-left: 83.3333333333%;
  }
  .offset-custom-xl-11 {
    margin-left: 91.6666666667%;
  }
}
@media (min-width: 1440px) {
  .col-xl {
    flex-basis: 0;
    flex-grow: 1;
    max-width: 100%;
  }
  .col-xl-auto {
    flex: 0 0 auto;
    width: auto;
    max-width: 100%;
  }
  .col-xl-1 {
    flex: 0 0 8.3333333333%;
    max-width: 8.3333333333%;
  }
  .col-xl-2 {
    flex: 0 0 16.6666666667%;
    max-width: 16.6666666667%;
  }
  .col-xl-3 {
    flex: 0 0 25%;
    max-width: 25%;
  }
  .col-xl-4 {
    flex: 0 0 33.3333333333%;
    max-width: 33.3333333333%;
  }
  .col-xl-5 {
    flex: 0 0 41.6666666667%;
    max-width: 41.6666666667%;
  }
  .col-xl-6 {
    flex: 0 0 50%;
    max-width: 50%;
  }
  .col-xl-7 {
    flex: 0 0 58.3333333333%;
    max-width: 58.3333333333%;
  }
  .col-xl-8 {
    flex: 0 0 66.6666666667%;
    max-width: 66.6666666667%;
  }
  .col-xl-9 {
    flex: 0 0 75%;
    max-width: 75%;
  }
  .col-xl-10 {
    flex: 0 0 83.3333333333%;
    max-width: 83.3333333333%;
  }
  .col-xl-11 {
    flex: 0 0 91.6666666667%;
    max-width: 91.6666666667%;
  }
  .col-xl-12 {
    flex: 0 0 100%;
    max-width: 100%;
  }
  .order-xl-first {
    order: -1;
  }
  .order-xl-last {
    order: 13;
  }
  .order-xl-0 {
    order: 0;
  }
  .order-xl-1 {
    order: 1;
  }
  .order-xl-2 {
    order: 2;
  }
  .order-xl-3 {
    order: 3;
  }
  .order-xl-4 {
    order: 4;
  }
  .order-xl-5 {
    order: 5;
  }
  .order-xl-6 {
    order: 6;
  }
  .order-xl-7 {
    order: 7;
  }
  .order-xl-8 {
    order: 8;
  }
  .order-xl-9 {
    order: 9;
  }
  .order-xl-10 {
    order: 10;
  }
  .order-xl-11 {
    order: 11;
  }
  .order-xl-12 {
    order: 12;
  }
  .offset-xl-0 {
    margin-left: 0;
  }
  .offset-xl-1 {
    margin-left: 8.3333333333%;
  }
  .offset-xl-2 {
    margin-left: 16.6666666667%;
  }
  .offset-xl-3 {
    margin-left: 25%;
  }
  .offset-xl-4 {
    margin-left: 33.3333333333%;
  }
  .offset-xl-5 {
    margin-left: 41.6666666667%;
  }
  .offset-xl-6 {
    margin-left: 50%;
  }
  .offset-xl-7 {
    margin-left: 58.3333333333%;
  }
  .offset-xl-8 {
    margin-left: 66.6666666667%;
  }
  .offset-xl-9 {
    margin-left: 75%;
  }
  .offset-xl-10 {
    margin-left: 83.3333333333%;
  }
  .offset-xl-11 {
    margin-left: 91.6666666667%;
  }
}
@media (min-width: 1600px) {
  .col-xxl {
    flex-basis: 0;
    flex-grow: 1;
    max-width: 100%;
  }
  .col-xxl-auto {
    flex: 0 0 auto;
    width: auto;
    max-width: 100%;
  }
  .col-xxl-1 {
    flex: 0 0 8.3333333333%;
    max-width: 8.3333333333%;
  }
  .col-xxl-2 {
    flex: 0 0 16.6666666667%;
    max-width: 16.6666666667%;
  }
  .col-xxl-3 {
    flex: 0 0 25%;
    max-width: 25%;
  }
  .col-xxl-4 {
    flex: 0 0 33.3333333333%;
    max-width: 33.3333333333%;
  }
  .col-xxl-5 {
    flex: 0 0 41.6666666667%;
    max-width: 41.6666666667%;
  }
  .col-xxl-6 {
    flex: 0 0 50%;
    max-width: 50%;
  }
  .col-xxl-7 {
    flex: 0 0 58.3333333333%;
    max-width: 58.3333333333%;
  }
  .col-xxl-8 {
    flex: 0 0 66.6666666667%;
    max-width: 66.6666666667%;
  }
  .col-xxl-9 {
    flex: 0 0 75%;
    max-width: 75%;
  }
  .col-xxl-10 {
    flex: 0 0 83.3333333333%;
    max-width: 83.3333333333%;
  }
  .col-xxl-11 {
    flex: 0 0 91.6666666667%;
    max-width: 91.6666666667%;
  }
  .col-xxl-12 {
    flex: 0 0 100%;
    max-width: 100%;
  }
  .order-xxl-first {
    order: -1;
  }
  .order-xxl-last {
    order: 13;
  }
  .order-xxl-0 {
    order: 0;
  }
  .order-xxl-1 {
    order: 1;
  }
  .order-xxl-2 {
    order: 2;
  }
  .order-xxl-3 {
    order: 3;
  }
  .order-xxl-4 {
    order: 4;
  }
  .order-xxl-5 {
    order: 5;
  }
  .order-xxl-6 {
    order: 6;
  }
  .order-xxl-7 {
    order: 7;
  }
  .order-xxl-8 {
    order: 8;
  }
  .order-xxl-9 {
    order: 9;
  }
  .order-xxl-10 {
    order: 10;
  }
  .order-xxl-11 {
    order: 11;
  }
  .order-xxl-12 {
    order: 12;
  }
  .offset-xxl-0 {
    margin-left: 0;
  }
  .offset-xxl-1 {
    margin-left: 8.3333333333%;
  }
  .offset-xxl-2 {
    margin-left: 16.6666666667%;
  }
  .offset-xxl-3 {
    margin-left: 25%;
  }
  .offset-xxl-4 {
    margin-left: 33.3333333333%;
  }
  .offset-xxl-5 {
    margin-left: 41.6666666667%;
  }
  .offset-xxl-6 {
    margin-left: 50%;
  }
  .offset-xxl-7 {
    margin-left: 58.3333333333%;
  }
  .offset-xxl-8 {
    margin-left: 66.6666666667%;
  }
  .offset-xxl-9 {
    margin-left: 75%;
  }
  .offset-xxl-10 {
    margin-left: 83.3333333333%;
  }
  .offset-xxl-11 {
    margin-left: 91.6666666667%;
  }
}
.d-none {
  display: none !important;
}

.d-inline {
  display: inline !important;
}

.d-inline-block {
  display: inline-block !important;
}

.d-block {
  display: block !important;
}

.d-table {
  display: table !important;
}

.d-table-row {
  display: table-row !important;
}

.d-table-cell {
  display: table-cell !important;
}

.d-flex {
  display: flex !important;
}

.d-inline-flex {
  display: inline-flex !important;
}

@media (min-width: 375px) {
  .d-xxs-none {
    display: none !important;
  }
  .d-xxs-inline {
    display: inline !important;
  }
  .d-xxs-inline-block {
    display: inline-block !important;
  }
  .d-xxs-block {
    display: block !important;
  }
  .d-xxs-table {
    display: table !important;
  }
  .d-xxs-table-row {
    display: table-row !important;
  }
  .d-xxs-table-cell {
    display: table-cell !important;
  }
  .d-xxs-flex {
    display: flex !important;
  }
  .d-xxs-inline-flex {
    display: inline-flex !important;
  }
}
@media (min-width: 490px) {
  .d-xs-none {
    display: none !important;
  }
  .d-xs-inline {
    display: inline !important;
  }
  .d-xs-inline-block {
    display: inline-block !important;
  }
  .d-xs-block {
    display: block !important;
  }
  .d-xs-table {
    display: table !important;
  }
  .d-xs-table-row {
    display: table-row !important;
  }
  .d-xs-table-cell {
    display: table-cell !important;
  }
  .d-xs-flex {
    display: flex !important;
  }
  .d-xs-inline-flex {
    display: inline-flex !important;
  }
}
@media (min-width: 605px) {
  .d-custom-sm-none {
    display: none !important;
  }
  .d-custom-sm-inline {
    display: inline !important;
  }
  .d-custom-sm-inline-block {
    display: inline-block !important;
  }
  .d-custom-sm-block {
    display: block !important;
  }
  .d-custom-sm-table {
    display: table !important;
  }
  .d-custom-sm-table-row {
    display: table-row !important;
  }
  .d-custom-sm-table-cell {
    display: table-cell !important;
  }
  .d-custom-sm-flex {
    display: flex !important;
  }
  .d-custom-sm-inline-flex {
    display: inline-flex !important;
  }
}
@media (min-width: 790px) {
  .d-sm-none {
    display: none !important;
  }
  .d-sm-inline {
    display: inline !important;
  }
  .d-sm-inline-block {
    display: inline-block !important;
  }
  .d-sm-block {
    display: block !important;
  }
  .d-sm-table {
    display: table !important;
  }
  .d-sm-table-row {
    display: table-row !important;
  }
  .d-sm-table-cell {
    display: table-cell !important;
  }
  .d-sm-flex {
    display: flex !important;
  }
  .d-sm-inline-flex {
    display: inline-flex !important;
  }
}
@media (min-width: 992px) {
  .d-md-none {
    display: none !important;
  }
  .d-md-inline {
    display: inline !important;
  }
  .d-md-inline-block {
    display: inline-block !important;
  }
  .d-md-block {
    display: block !important;
  }
  .d-md-table {
    display: table !important;
  }
  .d-md-table-row {
    display: table-row !important;
  }
  .d-md-table-cell {
    display: table-cell !important;
  }
  .d-md-flex {
    display: flex !important;
  }
  .d-md-inline-flex {
    display: inline-flex !important;
  }
}
@media (min-width: 1053px) {
  .d-custom-lg-none {
    display: none !important;
  }
  .d-custom-lg-inline {
    display: inline !important;
  }
  .d-custom-lg-inline-block {
    display: inline-block !important;
  }
  .d-custom-lg-block {
    display: block !important;
  }
  .d-custom-lg-table {
    display: table !important;
  }
  .d-custom-lg-table-row {
    display: table-row !important;
  }
  .d-custom-lg-table-cell {
    display: table-cell !important;
  }
  .d-custom-lg-flex {
    display: flex !important;
  }
  .d-custom-lg-inline-flex {
    display: inline-flex !important;
  }
}
@media (min-width: 1280px) {
  .d-lg-none {
    display: none !important;
  }
  .d-lg-inline {
    display: inline !important;
  }
  .d-lg-inline-block {
    display: inline-block !important;
  }
  .d-lg-block {
    display: block !important;
  }
  .d-lg-table {
    display: table !important;
  }
  .d-lg-table-row {
    display: table-row !important;
  }
  .d-lg-table-cell {
    display: table-cell !important;
  }
  .d-lg-flex {
    display: flex !important;
  }
  .d-lg-inline-flex {
    display: inline-flex !important;
  }
}
@media (min-width: 1382px) {
  .d-custom-xl-none {
    display: none !important;
  }
  .d-custom-xl-inline {
    display: inline !important;
  }
  .d-custom-xl-inline-block {
    display: inline-block !important;
  }
  .d-custom-xl-block {
    display: block !important;
  }
  .d-custom-xl-table {
    display: table !important;
  }
  .d-custom-xl-table-row {
    display: table-row !important;
  }
  .d-custom-xl-table-cell {
    display: table-cell !important;
  }
  .d-custom-xl-flex {
    display: flex !important;
  }
  .d-custom-xl-inline-flex {
    display: inline-flex !important;
  }
}
@media (min-width: 1440px) {
  .d-xl-none {
    display: none !important;
  }
  .d-xl-inline {
    display: inline !important;
  }
  .d-xl-inline-block {
    display: inline-block !important;
  }
  .d-xl-block {
    display: block !important;
  }
  .d-xl-table {
    display: table !important;
  }
  .d-xl-table-row {
    display: table-row !important;
  }
  .d-xl-table-cell {
    display: table-cell !important;
  }
  .d-xl-flex {
    display: flex !important;
  }
  .d-xl-inline-flex {
    display: inline-flex !important;
  }
}
@media (min-width: 1600px) {
  .d-xxl-none {
    display: none !important;
  }
  .d-xxl-inline {
    display: inline !important;
  }
  .d-xxl-inline-block {
    display: inline-block !important;
  }
  .d-xxl-block {
    display: block !important;
  }
  .d-xxl-table {
    display: table !important;
  }
  .d-xxl-table-row {
    display: table-row !important;
  }
  .d-xxl-table-cell {
    display: table-cell !important;
  }
  .d-xxl-flex {
    display: flex !important;
  }
  .d-xxl-inline-flex {
    display: inline-flex !important;
  }
}
@media print {
  .d-print-none {
    display: none !important;
  }
  .d-print-inline {
    display: inline !important;
  }
  .d-print-inline-block {
    display: inline-block !important;
  }
  .d-print-block {
    display: block !important;
  }
  .d-print-table {
    display: table !important;
  }
  .d-print-table-row {
    display: table-row !important;
  }
  .d-print-table-cell {
    display: table-cell !important;
  }
  .d-print-flex {
    display: flex !important;
  }
  .d-print-inline-flex {
    display: inline-flex !important;
  }
}
.flex-row {
  flex-direction: row !important;
}

.flex-column {
  flex-direction: column !important;
}

.flex-row-reverse {
  flex-direction: row-reverse !important;
}

.flex-column-reverse {
  flex-direction: column-reverse !important;
}

.flex-wrap {
  flex-wrap: wrap !important;
}

.flex-nowrap {
  flex-wrap: nowrap !important;
}

.flex-wrap-reverse {
  flex-wrap: wrap-reverse !important;
}

.flex-fill {
  flex: 1 1 auto !important;
}

.flex-grow-0 {
  flex-grow: 0 !important;
}

.flex-grow-1 {
  flex-grow: 1 !important;
}

.flex-shrink-0 {
  flex-shrink: 0 !important;
}

.flex-shrink-1 {
  flex-shrink: 1 !important;
}

.justify-content-start {
  justify-content: flex-start !important;
}

.justify-content-end {
  justify-content: flex-end !important;
}

.justify-content-center {
  justify-content: center !important;
}

.justify-content-between {
  justify-content: space-between !important;
}

.justify-content-around {
  justify-content: space-around !important;
}

.align-items-start {
  align-items: flex-start !important;
}

.align-items-end {
  align-items: flex-end !important;
}

.align-items-center {
  align-items: center !important;
}

.align-items-baseline {
  align-items: baseline !important;
}

.align-items-stretch {
  align-items: stretch !important;
}

.align-content-start {
  align-content: flex-start !important;
}

.align-content-end {
  align-content: flex-end !important;
}

.align-content-center {
  align-content: center !important;
}

.align-content-between {
  align-content: space-between !important;
}

.align-content-around {
  align-content: space-around !important;
}

.align-content-stretch {
  align-content: stretch !important;
}

.align-self-auto {
  align-self: auto !important;
}

.align-self-start {
  align-self: flex-start !important;
}

.align-self-end {
  align-self: flex-end !important;
}

.align-self-center {
  align-self: center !important;
}

.align-self-baseline {
  align-self: baseline !important;
}

.align-self-stretch {
  align-self: stretch !important;
}

@media (min-width: 375px) {
  .flex-xxs-row {
    flex-direction: row !important;
  }
  .flex-xxs-column {
    flex-direction: column !important;
  }
  .flex-xxs-row-reverse {
    flex-direction: row-reverse !important;
  }
  .flex-xxs-column-reverse {
    flex-direction: column-reverse !important;
  }
  .flex-xxs-wrap {
    flex-wrap: wrap !important;
  }
  .flex-xxs-nowrap {
    flex-wrap: nowrap !important;
  }
  .flex-xxs-wrap-reverse {
    flex-wrap: wrap-reverse !important;
  }
  .flex-xxs-fill {
    flex: 1 1 auto !important;
  }
  .flex-xxs-grow-0 {
    flex-grow: 0 !important;
  }
  .flex-xxs-grow-1 {
    flex-grow: 1 !important;
  }
  .flex-xxs-shrink-0 {
    flex-shrink: 0 !important;
  }
  .flex-xxs-shrink-1 {
    flex-shrink: 1 !important;
  }
  .justify-content-xxs-start {
    justify-content: flex-start !important;
  }
  .justify-content-xxs-end {
    justify-content: flex-end !important;
  }
  .justify-content-xxs-center {
    justify-content: center !important;
  }
  .justify-content-xxs-between {
    justify-content: space-between !important;
  }
  .justify-content-xxs-around {
    justify-content: space-around !important;
  }
  .align-items-xxs-start {
    align-items: flex-start !important;
  }
  .align-items-xxs-end {
    align-items: flex-end !important;
  }
  .align-items-xxs-center {
    align-items: center !important;
  }
  .align-items-xxs-baseline {
    align-items: baseline !important;
  }
  .align-items-xxs-stretch {
    align-items: stretch !important;
  }
  .align-content-xxs-start {
    align-content: flex-start !important;
  }
  .align-content-xxs-end {
    align-content: flex-end !important;
  }
  .align-content-xxs-center {
    align-content: center !important;
  }
  .align-content-xxs-between {
    align-content: space-between !important;
  }
  .align-content-xxs-around {
    align-content: space-around !important;
  }
  .align-content-xxs-stretch {
    align-content: stretch !important;
  }
  .align-self-xxs-auto {
    align-self: auto !important;
  }
  .align-self-xxs-start {
    align-self: flex-start !important;
  }
  .align-self-xxs-end {
    align-self: flex-end !important;
  }
  .align-self-xxs-center {
    align-self: center !important;
  }
  .align-self-xxs-baseline {
    align-self: baseline !important;
  }
  .align-self-xxs-stretch {
    align-self: stretch !important;
  }
}
@media (min-width: 490px) {
  .flex-xs-row {
    flex-direction: row !important;
  }
  .flex-xs-column {
    flex-direction: column !important;
  }
  .flex-xs-row-reverse {
    flex-direction: row-reverse !important;
  }
  .flex-xs-column-reverse {
    flex-direction: column-reverse !important;
  }
  .flex-xs-wrap {
    flex-wrap: wrap !important;
  }
  .flex-xs-nowrap {
    flex-wrap: nowrap !important;
  }
  .flex-xs-wrap-reverse {
    flex-wrap: wrap-reverse !important;
  }
  .flex-xs-fill {
    flex: 1 1 auto !important;
  }
  .flex-xs-grow-0 {
    flex-grow: 0 !important;
  }
  .flex-xs-grow-1 {
    flex-grow: 1 !important;
  }
  .flex-xs-shrink-0 {
    flex-shrink: 0 !important;
  }
  .flex-xs-shrink-1 {
    flex-shrink: 1 !important;
  }
  .justify-content-xs-start {
    justify-content: flex-start !important;
  }
  .justify-content-xs-end {
    justify-content: flex-end !important;
  }
  .justify-content-xs-center {
    justify-content: center !important;
  }
  .justify-content-xs-between {
    justify-content: space-between !important;
  }
  .justify-content-xs-around {
    justify-content: space-around !important;
  }
  .align-items-xs-start {
    align-items: flex-start !important;
  }
  .align-items-xs-end {
    align-items: flex-end !important;
  }
  .align-items-xs-center {
    align-items: center !important;
  }
  .align-items-xs-baseline {
    align-items: baseline !important;
  }
  .align-items-xs-stretch {
    align-items: stretch !important;
  }
  .align-content-xs-start {
    align-content: flex-start !important;
  }
  .align-content-xs-end {
    align-content: flex-end !important;
  }
  .align-content-xs-center {
    align-content: center !important;
  }
  .align-content-xs-between {
    align-content: space-between !important;
  }
  .align-content-xs-around {
    align-content: space-around !important;
  }
  .align-content-xs-stretch {
    align-content: stretch !important;
  }
  .align-self-xs-auto {
    align-self: auto !important;
  }
  .align-self-xs-start {
    align-self: flex-start !important;
  }
  .align-self-xs-end {
    align-self: flex-end !important;
  }
  .align-self-xs-center {
    align-self: center !important;
  }
  .align-self-xs-baseline {
    align-self: baseline !important;
  }
  .align-self-xs-stretch {
    align-self: stretch !important;
  }
}
@media (min-width: 605px) {
  .flex-custom-sm-row {
    flex-direction: row !important;
  }
  .flex-custom-sm-column {
    flex-direction: column !important;
  }
  .flex-custom-sm-row-reverse {
    flex-direction: row-reverse !important;
  }
  .flex-custom-sm-column-reverse {
    flex-direction: column-reverse !important;
  }
  .flex-custom-sm-wrap {
    flex-wrap: wrap !important;
  }
  .flex-custom-sm-nowrap {
    flex-wrap: nowrap !important;
  }
  .flex-custom-sm-wrap-reverse {
    flex-wrap: wrap-reverse !important;
  }
  .flex-custom-sm-fill {
    flex: 1 1 auto !important;
  }
  .flex-custom-sm-grow-0 {
    flex-grow: 0 !important;
  }
  .flex-custom-sm-grow-1 {
    flex-grow: 1 !important;
  }
  .flex-custom-sm-shrink-0 {
    flex-shrink: 0 !important;
  }
  .flex-custom-sm-shrink-1 {
    flex-shrink: 1 !important;
  }
  .justify-content-custom-sm-start {
    justify-content: flex-start !important;
  }
  .justify-content-custom-sm-end {
    justify-content: flex-end !important;
  }
  .justify-content-custom-sm-center {
    justify-content: center !important;
  }
  .justify-content-custom-sm-between {
    justify-content: space-between !important;
  }
  .justify-content-custom-sm-around {
    justify-content: space-around !important;
  }
  .align-items-custom-sm-start {
    align-items: flex-start !important;
  }
  .align-items-custom-sm-end {
    align-items: flex-end !important;
  }
  .align-items-custom-sm-center {
    align-items: center !important;
  }
  .align-items-custom-sm-baseline {
    align-items: baseline !important;
  }
  .align-items-custom-sm-stretch {
    align-items: stretch !important;
  }
  .align-content-custom-sm-start {
    align-content: flex-start !important;
  }
  .align-content-custom-sm-end {
    align-content: flex-end !important;
  }
  .align-content-custom-sm-center {
    align-content: center !important;
  }
  .align-content-custom-sm-between {
    align-content: space-between !important;
  }
  .align-content-custom-sm-around {
    align-content: space-around !important;
  }
  .align-content-custom-sm-stretch {
    align-content: stretch !important;
  }
  .align-self-custom-sm-auto {
    align-self: auto !important;
  }
  .align-self-custom-sm-start {
    align-self: flex-start !important;
  }
  .align-self-custom-sm-end {
    align-self: flex-end !important;
  }
  .align-self-custom-sm-center {
    align-self: center !important;
  }
  .align-self-custom-sm-baseline {
    align-self: baseline !important;
  }
  .align-self-custom-sm-stretch {
    align-self: stretch !important;
  }
}
@media (min-width: 790px) {
  .flex-sm-row {
    flex-direction: row !important;
  }
  .flex-sm-column {
    flex-direction: column !important;
  }
  .flex-sm-row-reverse {
    flex-direction: row-reverse !important;
  }
  .flex-sm-column-reverse {
    flex-direction: column-reverse !important;
  }
  .flex-sm-wrap {
    flex-wrap: wrap !important;
  }
  .flex-sm-nowrap {
    flex-wrap: nowrap !important;
  }
  .flex-sm-wrap-reverse {
    flex-wrap: wrap-reverse !important;
  }
  .flex-sm-fill {
    flex: 1 1 auto !important;
  }
  .flex-sm-grow-0 {
    flex-grow: 0 !important;
  }
  .flex-sm-grow-1 {
    flex-grow: 1 !important;
  }
  .flex-sm-shrink-0 {
    flex-shrink: 0 !important;
  }
  .flex-sm-shrink-1 {
    flex-shrink: 1 !important;
  }
  .justify-content-sm-start {
    justify-content: flex-start !important;
  }
  .justify-content-sm-end {
    justify-content: flex-end !important;
  }
  .justify-content-sm-center {
    justify-content: center !important;
  }
  .justify-content-sm-between {
    justify-content: space-between !important;
  }
  .justify-content-sm-around {
    justify-content: space-around !important;
  }
  .align-items-sm-start {
    align-items: flex-start !important;
  }
  .align-items-sm-end {
    align-items: flex-end !important;
  }
  .align-items-sm-center {
    align-items: center !important;
  }
  .align-items-sm-baseline {
    align-items: baseline !important;
  }
  .align-items-sm-stretch {
    align-items: stretch !important;
  }
  .align-content-sm-start {
    align-content: flex-start !important;
  }
  .align-content-sm-end {
    align-content: flex-end !important;
  }
  .align-content-sm-center {
    align-content: center !important;
  }
  .align-content-sm-between {
    align-content: space-between !important;
  }
  .align-content-sm-around {
    align-content: space-around !important;
  }
  .align-content-sm-stretch {
    align-content: stretch !important;
  }
  .align-self-sm-auto {
    align-self: auto !important;
  }
  .align-self-sm-start {
    align-self: flex-start !important;
  }
  .align-self-sm-end {
    align-self: flex-end !important;
  }
  .align-self-sm-center {
    align-self: center !important;
  }
  .align-self-sm-baseline {
    align-self: baseline !important;
  }
  .align-self-sm-stretch {
    align-self: stretch !important;
  }
}
@media (min-width: 992px) {
  .flex-md-row {
    flex-direction: row !important;
  }
  .flex-md-column {
    flex-direction: column !important;
  }
  .flex-md-row-reverse {
    flex-direction: row-reverse !important;
  }
  .flex-md-column-reverse {
    flex-direction: column-reverse !important;
  }
  .flex-md-wrap {
    flex-wrap: wrap !important;
  }
  .flex-md-nowrap {
    flex-wrap: nowrap !important;
  }
  .flex-md-wrap-reverse {
    flex-wrap: wrap-reverse !important;
  }
  .flex-md-fill {
    flex: 1 1 auto !important;
  }
  .flex-md-grow-0 {
    flex-grow: 0 !important;
  }
  .flex-md-grow-1 {
    flex-grow: 1 !important;
  }
  .flex-md-shrink-0 {
    flex-shrink: 0 !important;
  }
  .flex-md-shrink-1 {
    flex-shrink: 1 !important;
  }
  .justify-content-md-start {
    justify-content: flex-start !important;
  }
  .justify-content-md-end {
    justify-content: flex-end !important;
  }
  .justify-content-md-center {
    justify-content: center !important;
  }
  .justify-content-md-between {
    justify-content: space-between !important;
  }
  .justify-content-md-around {
    justify-content: space-around !important;
  }
  .align-items-md-start {
    align-items: flex-start !important;
  }
  .align-items-md-end {
    align-items: flex-end !important;
  }
  .align-items-md-center {
    align-items: center !important;
  }
  .align-items-md-baseline {
    align-items: baseline !important;
  }
  .align-items-md-stretch {
    align-items: stretch !important;
  }
  .align-content-md-start {
    align-content: flex-start !important;
  }
  .align-content-md-end {
    align-content: flex-end !important;
  }
  .align-content-md-center {
    align-content: center !important;
  }
  .align-content-md-between {
    align-content: space-between !important;
  }
  .align-content-md-around {
    align-content: space-around !important;
  }
  .align-content-md-stretch {
    align-content: stretch !important;
  }
  .align-self-md-auto {
    align-self: auto !important;
  }
  .align-self-md-start {
    align-self: flex-start !important;
  }
  .align-self-md-end {
    align-self: flex-end !important;
  }
  .align-self-md-center {
    align-self: center !important;
  }
  .align-self-md-baseline {
    align-self: baseline !important;
  }
  .align-self-md-stretch {
    align-self: stretch !important;
  }
}
@media (min-width: 1053px) {
  .flex-custom-lg-row {
    flex-direction: row !important;
  }
  .flex-custom-lg-column {
    flex-direction: column !important;
  }
  .flex-custom-lg-row-reverse {
    flex-direction: row-reverse !important;
  }
  .flex-custom-lg-column-reverse {
    flex-direction: column-reverse !important;
  }
  .flex-custom-lg-wrap {
    flex-wrap: wrap !important;
  }
  .flex-custom-lg-nowrap {
    flex-wrap: nowrap !important;
  }
  .flex-custom-lg-wrap-reverse {
    flex-wrap: wrap-reverse !important;
  }
  .flex-custom-lg-fill {
    flex: 1 1 auto !important;
  }
  .flex-custom-lg-grow-0 {
    flex-grow: 0 !important;
  }
  .flex-custom-lg-grow-1 {
    flex-grow: 1 !important;
  }
  .flex-custom-lg-shrink-0 {
    flex-shrink: 0 !important;
  }
  .flex-custom-lg-shrink-1 {
    flex-shrink: 1 !important;
  }
  .justify-content-custom-lg-start {
    justify-content: flex-start !important;
  }
  .justify-content-custom-lg-end {
    justify-content: flex-end !important;
  }
  .justify-content-custom-lg-center {
    justify-content: center !important;
  }
  .justify-content-custom-lg-between {
    justify-content: space-between !important;
  }
  .justify-content-custom-lg-around {
    justify-content: space-around !important;
  }
  .align-items-custom-lg-start {
    align-items: flex-start !important;
  }
  .align-items-custom-lg-end {
    align-items: flex-end !important;
  }
  .align-items-custom-lg-center {
    align-items: center !important;
  }
  .align-items-custom-lg-baseline {
    align-items: baseline !important;
  }
  .align-items-custom-lg-stretch {
    align-items: stretch !important;
  }
  .align-content-custom-lg-start {
    align-content: flex-start !important;
  }
  .align-content-custom-lg-end {
    align-content: flex-end !important;
  }
  .align-content-custom-lg-center {
    align-content: center !important;
  }
  .align-content-custom-lg-between {
    align-content: space-between !important;
  }
  .align-content-custom-lg-around {
    align-content: space-around !important;
  }
  .align-content-custom-lg-stretch {
    align-content: stretch !important;
  }
  .align-self-custom-lg-auto {
    align-self: auto !important;
  }
  .align-self-custom-lg-start {
    align-self: flex-start !important;
  }
  .align-self-custom-lg-end {
    align-self: flex-end !important;
  }
  .align-self-custom-lg-center {
    align-self: center !important;
  }
  .align-self-custom-lg-baseline {
    align-self: baseline !important;
  }
  .align-self-custom-lg-stretch {
    align-self: stretch !important;
  }
}
@media (min-width: 1280px) {
  .flex-lg-row {
    flex-direction: row !important;
  }
  .flex-lg-column {
    flex-direction: column !important;
  }
  .flex-lg-row-reverse {
    flex-direction: row-reverse !important;
  }
  .flex-lg-column-reverse {
    flex-direction: column-reverse !important;
  }
  .flex-lg-wrap {
    flex-wrap: wrap !important;
  }
  .flex-lg-nowrap {
    flex-wrap: nowrap !important;
  }
  .flex-lg-wrap-reverse {
    flex-wrap: wrap-reverse !important;
  }
  .flex-lg-fill {
    flex: 1 1 auto !important;
  }
  .flex-lg-grow-0 {
    flex-grow: 0 !important;
  }
  .flex-lg-grow-1 {
    flex-grow: 1 !important;
  }
  .flex-lg-shrink-0 {
    flex-shrink: 0 !important;
  }
  .flex-lg-shrink-1 {
    flex-shrink: 1 !important;
  }
  .justify-content-lg-start {
    justify-content: flex-start !important;
  }
  .justify-content-lg-end {
    justify-content: flex-end !important;
  }
  .justify-content-lg-center {
    justify-content: center !important;
  }
  .justify-content-lg-between {
    justify-content: space-between !important;
  }
  .justify-content-lg-around {
    justify-content: space-around !important;
  }
  .align-items-lg-start {
    align-items: flex-start !important;
  }
  .align-items-lg-end {
    align-items: flex-end !important;
  }
  .align-items-lg-center {
    align-items: center !important;
  }
  .align-items-lg-baseline {
    align-items: baseline !important;
  }
  .align-items-lg-stretch {
    align-items: stretch !important;
  }
  .align-content-lg-start {
    align-content: flex-start !important;
  }
  .align-content-lg-end {
    align-content: flex-end !important;
  }
  .align-content-lg-center {
    align-content: center !important;
  }
  .align-content-lg-between {
    align-content: space-between !important;
  }
  .align-content-lg-around {
    align-content: space-around !important;
  }
  .align-content-lg-stretch {
    align-content: stretch !important;
  }
  .align-self-lg-auto {
    align-self: auto !important;
  }
  .align-self-lg-start {
    align-self: flex-start !important;
  }
  .align-self-lg-end {
    align-self: flex-end !important;
  }
  .align-self-lg-center {
    align-self: center !important;
  }
  .align-self-lg-baseline {
    align-self: baseline !important;
  }
  .align-self-lg-stretch {
    align-self: stretch !important;
  }
}
@media (min-width: 1382px) {
  .flex-custom-xl-row {
    flex-direction: row !important;
  }
  .flex-custom-xl-column {
    flex-direction: column !important;
  }
  .flex-custom-xl-row-reverse {
    flex-direction: row-reverse !important;
  }
  .flex-custom-xl-column-reverse {
    flex-direction: column-reverse !important;
  }
  .flex-custom-xl-wrap {
    flex-wrap: wrap !important;
  }
  .flex-custom-xl-nowrap {
    flex-wrap: nowrap !important;
  }
  .flex-custom-xl-wrap-reverse {
    flex-wrap: wrap-reverse !important;
  }
  .flex-custom-xl-fill {
    flex: 1 1 auto !important;
  }
  .flex-custom-xl-grow-0 {
    flex-grow: 0 !important;
  }
  .flex-custom-xl-grow-1 {
    flex-grow: 1 !important;
  }
  .flex-custom-xl-shrink-0 {
    flex-shrink: 0 !important;
  }
  .flex-custom-xl-shrink-1 {
    flex-shrink: 1 !important;
  }
  .justify-content-custom-xl-start {
    justify-content: flex-start !important;
  }
  .justify-content-custom-xl-end {
    justify-content: flex-end !important;
  }
  .justify-content-custom-xl-center {
    justify-content: center !important;
  }
  .justify-content-custom-xl-between {
    justify-content: space-between !important;
  }
  .justify-content-custom-xl-around {
    justify-content: space-around !important;
  }
  .align-items-custom-xl-start {
    align-items: flex-start !important;
  }
  .align-items-custom-xl-end {
    align-items: flex-end !important;
  }
  .align-items-custom-xl-center {
    align-items: center !important;
  }
  .align-items-custom-xl-baseline {
    align-items: baseline !important;
  }
  .align-items-custom-xl-stretch {
    align-items: stretch !important;
  }
  .align-content-custom-xl-start {
    align-content: flex-start !important;
  }
  .align-content-custom-xl-end {
    align-content: flex-end !important;
  }
  .align-content-custom-xl-center {
    align-content: center !important;
  }
  .align-content-custom-xl-between {
    align-content: space-between !important;
  }
  .align-content-custom-xl-around {
    align-content: space-around !important;
  }
  .align-content-custom-xl-stretch {
    align-content: stretch !important;
  }
  .align-self-custom-xl-auto {
    align-self: auto !important;
  }
  .align-self-custom-xl-start {
    align-self: flex-start !important;
  }
  .align-self-custom-xl-end {
    align-self: flex-end !important;
  }
  .align-self-custom-xl-center {
    align-self: center !important;
  }
  .align-self-custom-xl-baseline {
    align-self: baseline !important;
  }
  .align-self-custom-xl-stretch {
    align-self: stretch !important;
  }
}
@media (min-width: 1440px) {
  .flex-xl-row {
    flex-direction: row !important;
  }
  .flex-xl-column {
    flex-direction: column !important;
  }
  .flex-xl-row-reverse {
    flex-direction: row-reverse !important;
  }
  .flex-xl-column-reverse {
    flex-direction: column-reverse !important;
  }
  .flex-xl-wrap {
    flex-wrap: wrap !important;
  }
  .flex-xl-nowrap {
    flex-wrap: nowrap !important;
  }
  .flex-xl-wrap-reverse {
    flex-wrap: wrap-reverse !important;
  }
  .flex-xl-fill {
    flex: 1 1 auto !important;
  }
  .flex-xl-grow-0 {
    flex-grow: 0 !important;
  }
  .flex-xl-grow-1 {
    flex-grow: 1 !important;
  }
  .flex-xl-shrink-0 {
    flex-shrink: 0 !important;
  }
  .flex-xl-shrink-1 {
    flex-shrink: 1 !important;
  }
  .justify-content-xl-start {
    justify-content: flex-start !important;
  }
  .justify-content-xl-end {
    justify-content: flex-end !important;
  }
  .justify-content-xl-center {
    justify-content: center !important;
  }
  .justify-content-xl-between {
    justify-content: space-between !important;
  }
  .justify-content-xl-around {
    justify-content: space-around !important;
  }
  .align-items-xl-start {
    align-items: flex-start !important;
  }
  .align-items-xl-end {
    align-items: flex-end !important;
  }
  .align-items-xl-center {
    align-items: center !important;
  }
  .align-items-xl-baseline {
    align-items: baseline !important;
  }
  .align-items-xl-stretch {
    align-items: stretch !important;
  }
  .align-content-xl-start {
    align-content: flex-start !important;
  }
  .align-content-xl-end {
    align-content: flex-end !important;
  }
  .align-content-xl-center {
    align-content: center !important;
  }
  .align-content-xl-between {
    align-content: space-between !important;
  }
  .align-content-xl-around {
    align-content: space-around !important;
  }
  .align-content-xl-stretch {
    align-content: stretch !important;
  }
  .align-self-xl-auto {
    align-self: auto !important;
  }
  .align-self-xl-start {
    align-self: flex-start !important;
  }
  .align-self-xl-end {
    align-self: flex-end !important;
  }
  .align-self-xl-center {
    align-self: center !important;
  }
  .align-self-xl-baseline {
    align-self: baseline !important;
  }
  .align-self-xl-stretch {
    align-self: stretch !important;
  }
}
@media (min-width: 1600px) {
  .flex-xxl-row {
    flex-direction: row !important;
  }
  .flex-xxl-column {
    flex-direction: column !important;
  }
  .flex-xxl-row-reverse {
    flex-direction: row-reverse !important;
  }
  .flex-xxl-column-reverse {
    flex-direction: column-reverse !important;
  }
  .flex-xxl-wrap {
    flex-wrap: wrap !important;
  }
  .flex-xxl-nowrap {
    flex-wrap: nowrap !important;
  }
  .flex-xxl-wrap-reverse {
    flex-wrap: wrap-reverse !important;
  }
  .flex-xxl-fill {
    flex: 1 1 auto !important;
  }
  .flex-xxl-grow-0 {
    flex-grow: 0 !important;
  }
  .flex-xxl-grow-1 {
    flex-grow: 1 !important;
  }
  .flex-xxl-shrink-0 {
    flex-shrink: 0 !important;
  }
  .flex-xxl-shrink-1 {
    flex-shrink: 1 !important;
  }
  .justify-content-xxl-start {
    justify-content: flex-start !important;
  }
  .justify-content-xxl-end {
    justify-content: flex-end !important;
  }
  .justify-content-xxl-center {
    justify-content: center !important;
  }
  .justify-content-xxl-between {
    justify-content: space-between !important;
  }
  .justify-content-xxl-around {
    justify-content: space-around !important;
  }
  .align-items-xxl-start {
    align-items: flex-start !important;
  }
  .align-items-xxl-end {
    align-items: flex-end !important;
  }
  .align-items-xxl-center {
    align-items: center !important;
  }
  .align-items-xxl-baseline {
    align-items: baseline !important;
  }
  .align-items-xxl-stretch {
    align-items: stretch !important;
  }
  .align-content-xxl-start {
    align-content: flex-start !important;
  }
  .align-content-xxl-end {
    align-content: flex-end !important;
  }
  .align-content-xxl-center {
    align-content: center !important;
  }
  .align-content-xxl-between {
    align-content: space-between !important;
  }
  .align-content-xxl-around {
    align-content: space-around !important;
  }
  .align-content-xxl-stretch {
    align-content: stretch !important;
  }
  .align-self-xxl-auto {
    align-self: auto !important;
  }
  .align-self-xxl-start {
    align-self: flex-start !important;
  }
  .align-self-xxl-end {
    align-self: flex-end !important;
  }
  .align-self-xxl-center {
    align-self: center !important;
  }
  .align-self-xxl-baseline {
    align-self: baseline !important;
  }
  .align-self-xxl-stretch {
    align-self: stretch !important;
  }
}
.m-0 {
  margin: 0 !important;
}

.mt-0,
.my-0 {
  margin-top: 0 !important;
}

.mr-0,
.mx-0 {
  margin-right: 0 !important;
}

.mb-0,
.my-0 {
  margin-bottom: 0 !important;
}

.ml-0,
.mx-0 {
  margin-left: 0 !important;
}

.m-1 {
  margin: 0.25rem !important;
}

.mt-1,
.my-1 {
  margin-top: 0.25rem !important;
}

.mr-1,
.mx-1 {
  margin-right: 0.25rem !important;
}

.mb-1,
.my-1 {
  margin-bottom: 0.25rem !important;
}

.ml-1,
.mx-1 {
  margin-left: 0.25rem !important;
}

.m-2 {
  margin: 0.5rem !important;
}

.mt-2,
.my-2 {
  margin-top: 0.5rem !important;
}

.mr-2,
.mx-2 {
  margin-right: 0.5rem !important;
}

.mb-2,
.my-2 {
  margin-bottom: 0.5rem !important;
}

.ml-2,
.mx-2 {
  margin-left: 0.5rem !important;
}

.m-3 {
  margin: 1rem !important;
}

.mt-3,
.my-3 {
  margin-top: 1rem !important;
}

.mr-3,
.mx-3 {
  margin-right: 1rem !important;
}

.mb-3,
.my-3 {
  margin-bottom: 1rem !important;
}

.ml-3,
.mx-3 {
  margin-left: 1rem !important;
}

.m-4 {
  margin: 1.5rem !important;
}

.mt-4,
.my-4 {
  margin-top: 1.5rem !important;
}

.mr-4,
.mx-4 {
  margin-right: 1.5rem !important;
}

.mb-4,
.my-4 {
  margin-bottom: 1.5rem !important;
}

.ml-4,
.mx-4 {
  margin-left: 1.5rem !important;
}

.m-5 {
  margin: 3rem !important;
}

.mt-5,
.my-5 {
  margin-top: 3rem !important;
}

.mr-5,
.mx-5 {
  margin-right: 3rem !important;
}

.mb-5,
.my-5 {
  margin-bottom: 3rem !important;
}

.ml-5,
.mx-5 {
  margin-left: 3rem !important;
}

.p-0 {
  padding: 0 !important;
}

.pt-0,
.py-0 {
  padding-top: 0 !important;
}

.pr-0,
.px-0 {
  padding-right: 0 !important;
}

.pb-0,
.py-0 {
  padding-bottom: 0 !important;
}

.pl-0,
.px-0 {
  padding-left: 0 !important;
}

.p-1 {
  padding: 0.25rem !important;
}

.pt-1,
.py-1 {
  padding-top: 0.25rem !important;
}

.pr-1,
.px-1 {
  padding-right: 0.25rem !important;
}

.pb-1,
.py-1 {
  padding-bottom: 0.25rem !important;
}

.pl-1,
.px-1 {
  padding-left: 0.25rem !important;
}

.p-2 {
  padding: 0.5rem !important;
}

.pt-2,
.py-2 {
  padding-top: 0.5rem !important;
}

.pr-2,
.px-2 {
  padding-right: 0.5rem !important;
}

.pb-2,
.py-2 {
  padding-bottom: 0.5rem !important;
}

.pl-2,
.px-2 {
  padding-left: 0.5rem !important;
}

.p-3 {
  padding: 1rem !important;
}

.pt-3,
.py-3 {
  padding-top: 1rem !important;
}

.pr-3,
.px-3 {
  padding-right: 1rem !important;
}

.pb-3,
.py-3 {
  padding-bottom: 1rem !important;
}

.pl-3,
.px-3 {
  padding-left: 1rem !important;
}

.p-4 {
  padding: 1.5rem !important;
}

.pt-4,
.py-4 {
  padding-top: 1.5rem !important;
}

.pr-4,
.px-4 {
  padding-right: 1.5rem !important;
}

.pb-4,
.py-4 {
  padding-bottom: 1.5rem !important;
}

.pl-4,
.px-4 {
  padding-left: 1.5rem !important;
}

.p-5 {
  padding: 3rem !important;
}

.pt-5,
.py-5 {
  padding-top: 3rem !important;
}

.pr-5,
.px-5 {
  padding-right: 3rem !important;
}

.pb-5,
.py-5 {
  padding-bottom: 3rem !important;
}

.pl-5,
.px-5 {
  padding-left: 3rem !important;
}

.m-n1 {
  margin: -0.25rem !important;
}

.mt-n1,
.my-n1 {
  margin-top: -0.25rem !important;
}

.mr-n1,
.mx-n1 {
  margin-right: -0.25rem !important;
}

.mb-n1,
.my-n1 {
  margin-bottom: -0.25rem !important;
}

.ml-n1,
.mx-n1 {
  margin-left: -0.25rem !important;
}

.m-n2 {
  margin: -0.5rem !important;
}

.mt-n2,
.my-n2 {
  margin-top: -0.5rem !important;
}

.mr-n2,
.mx-n2 {
  margin-right: -0.5rem !important;
}

.mb-n2,
.my-n2 {
  margin-bottom: -0.5rem !important;
}

.ml-n2,
.mx-n2 {
  margin-left: -0.5rem !important;
}

.m-n3 {
  margin: -1rem !important;
}

.mt-n3,
.my-n3 {
  margin-top: -1rem !important;
}

.mr-n3,
.mx-n3 {
  margin-right: -1rem !important;
}

.mb-n3,
.my-n3 {
  margin-bottom: -1rem !important;
}

.ml-n3,
.mx-n3 {
  margin-left: -1rem !important;
}

.m-n4 {
  margin: -1.5rem !important;
}

.mt-n4,
.my-n4 {
  margin-top: -1.5rem !important;
}

.mr-n4,
.mx-n4 {
  margin-right: -1.5rem !important;
}

.mb-n4,
.my-n4 {
  margin-bottom: -1.5rem !important;
}

.ml-n4,
.mx-n4 {
  margin-left: -1.5rem !important;
}

.m-n5 {
  margin: -3rem !important;
}

.mt-n5,
.my-n5 {
  margin-top: -3rem !important;
}

.mr-n5,
.mx-n5 {
  margin-right: -3rem !important;
}

.mb-n5,
.my-n5 {
  margin-bottom: -3rem !important;
}

.ml-n5,
.mx-n5 {
  margin-left: -3rem !important;
}

.m-auto {
  margin: auto !important;
}

.mt-auto,
.my-auto {
  margin-top: auto !important;
}

.mr-auto,
.mx-auto {
  margin-right: auto !important;
}

.mb-auto,
.my-auto {
  margin-bottom: auto !important;
}

.ml-auto,
.mx-auto {
  margin-left: auto !important;
}

@media (min-width: 375px) {
  .m-xxs-0 {
    margin: 0 !important;
  }
  .mt-xxs-0,
  .my-xxs-0 {
    margin-top: 0 !important;
  }
  .mr-xxs-0,
  .mx-xxs-0 {
    margin-right: 0 !important;
  }
  .mb-xxs-0,
  .my-xxs-0 {
    margin-bottom: 0 !important;
  }
  .ml-xxs-0,
  .mx-xxs-0 {
    margin-left: 0 !important;
  }
  .m-xxs-1 {
    margin: 0.25rem !important;
  }
  .mt-xxs-1,
  .my-xxs-1 {
    margin-top: 0.25rem !important;
  }
  .mr-xxs-1,
  .mx-xxs-1 {
    margin-right: 0.25rem !important;
  }
  .mb-xxs-1,
  .my-xxs-1 {
    margin-bottom: 0.25rem !important;
  }
  .ml-xxs-1,
  .mx-xxs-1 {
    margin-left: 0.25rem !important;
  }
  .m-xxs-2 {
    margin: 0.5rem !important;
  }
  .mt-xxs-2,
  .my-xxs-2 {
    margin-top: 0.5rem !important;
  }
  .mr-xxs-2,
  .mx-xxs-2 {
    margin-right: 0.5rem !important;
  }
  .mb-xxs-2,
  .my-xxs-2 {
    margin-bottom: 0.5rem !important;
  }
  .ml-xxs-2,
  .mx-xxs-2 {
    margin-left: 0.5rem !important;
  }
  .m-xxs-3 {
    margin: 1rem !important;
  }
  .mt-xxs-3,
  .my-xxs-3 {
    margin-top: 1rem !important;
  }
  .mr-xxs-3,
  .mx-xxs-3 {
    margin-right: 1rem !important;
  }
  .mb-xxs-3,
  .my-xxs-3 {
    margin-bottom: 1rem !important;
  }
  .ml-xxs-3,
  .mx-xxs-3 {
    margin-left: 1rem !important;
  }
  .m-xxs-4 {
    margin: 1.5rem !important;
  }
  .mt-xxs-4,
  .my-xxs-4 {
    margin-top: 1.5rem !important;
  }
  .mr-xxs-4,
  .mx-xxs-4 {
    margin-right: 1.5rem !important;
  }
  .mb-xxs-4,
  .my-xxs-4 {
    margin-bottom: 1.5rem !important;
  }
  .ml-xxs-4,
  .mx-xxs-4 {
    margin-left: 1.5rem !important;
  }
  .m-xxs-5 {
    margin: 3rem !important;
  }
  .mt-xxs-5,
  .my-xxs-5 {
    margin-top: 3rem !important;
  }
  .mr-xxs-5,
  .mx-xxs-5 {
    margin-right: 3rem !important;
  }
  .mb-xxs-5,
  .my-xxs-5 {
    margin-bottom: 3rem !important;
  }
  .ml-xxs-5,
  .mx-xxs-5 {
    margin-left: 3rem !important;
  }
  .p-xxs-0 {
    padding: 0 !important;
  }
  .pt-xxs-0,
  .py-xxs-0 {
    padding-top: 0 !important;
  }
  .pr-xxs-0,
  .px-xxs-0 {
    padding-right: 0 !important;
  }
  .pb-xxs-0,
  .py-xxs-0 {
    padding-bottom: 0 !important;
  }
  .pl-xxs-0,
  .px-xxs-0 {
    padding-left: 0 !important;
  }
  .p-xxs-1 {
    padding: 0.25rem !important;
  }
  .pt-xxs-1,
  .py-xxs-1 {
    padding-top: 0.25rem !important;
  }
  .pr-xxs-1,
  .px-xxs-1 {
    padding-right: 0.25rem !important;
  }
  .pb-xxs-1,
  .py-xxs-1 {
    padding-bottom: 0.25rem !important;
  }
  .pl-xxs-1,
  .px-xxs-1 {
    padding-left: 0.25rem !important;
  }
  .p-xxs-2 {
    padding: 0.5rem !important;
  }
  .pt-xxs-2,
  .py-xxs-2 {
    padding-top: 0.5rem !important;
  }
  .pr-xxs-2,
  .px-xxs-2 {
    padding-right: 0.5rem !important;
  }
  .pb-xxs-2,
  .py-xxs-2 {
    padding-bottom: 0.5rem !important;
  }
  .pl-xxs-2,
  .px-xxs-2 {
    padding-left: 0.5rem !important;
  }
  .p-xxs-3 {
    padding: 1rem !important;
  }
  .pt-xxs-3,
  .py-xxs-3 {
    padding-top: 1rem !important;
  }
  .pr-xxs-3,
  .px-xxs-3 {
    padding-right: 1rem !important;
  }
  .pb-xxs-3,
  .py-xxs-3 {
    padding-bottom: 1rem !important;
  }
  .pl-xxs-3,
  .px-xxs-3 {
    padding-left: 1rem !important;
  }
  .p-xxs-4 {
    padding: 1.5rem !important;
  }
  .pt-xxs-4,
  .py-xxs-4 {
    padding-top: 1.5rem !important;
  }
  .pr-xxs-4,
  .px-xxs-4 {
    padding-right: 1.5rem !important;
  }
  .pb-xxs-4,
  .py-xxs-4 {
    padding-bottom: 1.5rem !important;
  }
  .pl-xxs-4,
  .px-xxs-4 {
    padding-left: 1.5rem !important;
  }
  .p-xxs-5 {
    padding: 3rem !important;
  }
  .pt-xxs-5,
  .py-xxs-5 {
    padding-top: 3rem !important;
  }
  .pr-xxs-5,
  .px-xxs-5 {
    padding-right: 3rem !important;
  }
  .pb-xxs-5,
  .py-xxs-5 {
    padding-bottom: 3rem !important;
  }
  .pl-xxs-5,
  .px-xxs-5 {
    padding-left: 3rem !important;
  }
  .m-xxs-n1 {
    margin: -0.25rem !important;
  }
  .mt-xxs-n1,
  .my-xxs-n1 {
    margin-top: -0.25rem !important;
  }
  .mr-xxs-n1,
  .mx-xxs-n1 {
    margin-right: -0.25rem !important;
  }
  .mb-xxs-n1,
  .my-xxs-n1 {
    margin-bottom: -0.25rem !important;
  }
  .ml-xxs-n1,
  .mx-xxs-n1 {
    margin-left: -0.25rem !important;
  }
  .m-xxs-n2 {
    margin: -0.5rem !important;
  }
  .mt-xxs-n2,
  .my-xxs-n2 {
    margin-top: -0.5rem !important;
  }
  .mr-xxs-n2,
  .mx-xxs-n2 {
    margin-right: -0.5rem !important;
  }
  .mb-xxs-n2,
  .my-xxs-n2 {
    margin-bottom: -0.5rem !important;
  }
  .ml-xxs-n2,
  .mx-xxs-n2 {
    margin-left: -0.5rem !important;
  }
  .m-xxs-n3 {
    margin: -1rem !important;
  }
  .mt-xxs-n3,
  .my-xxs-n3 {
    margin-top: -1rem !important;
  }
  .mr-xxs-n3,
  .mx-xxs-n3 {
    margin-right: -1rem !important;
  }
  .mb-xxs-n3,
  .my-xxs-n3 {
    margin-bottom: -1rem !important;
  }
  .ml-xxs-n3,
  .mx-xxs-n3 {
    margin-left: -1rem !important;
  }
  .m-xxs-n4 {
    margin: -1.5rem !important;
  }
  .mt-xxs-n4,
  .my-xxs-n4 {
    margin-top: -1.5rem !important;
  }
  .mr-xxs-n4,
  .mx-xxs-n4 {
    margin-right: -1.5rem !important;
  }
  .mb-xxs-n4,
  .my-xxs-n4 {
    margin-bottom: -1.5rem !important;
  }
  .ml-xxs-n4,
  .mx-xxs-n4 {
    margin-left: -1.5rem !important;
  }
  .m-xxs-n5 {
    margin: -3rem !important;
  }
  .mt-xxs-n5,
  .my-xxs-n5 {
    margin-top: -3rem !important;
  }
  .mr-xxs-n5,
  .mx-xxs-n5 {
    margin-right: -3rem !important;
  }
  .mb-xxs-n5,
  .my-xxs-n5 {
    margin-bottom: -3rem !important;
  }
  .ml-xxs-n5,
  .mx-xxs-n5 {
    margin-left: -3rem !important;
  }
  .m-xxs-auto {
    margin: auto !important;
  }
  .mt-xxs-auto,
  .my-xxs-auto {
    margin-top: auto !important;
  }
  .mr-xxs-auto,
  .mx-xxs-auto {
    margin-right: auto !important;
  }
  .mb-xxs-auto,
  .my-xxs-auto {
    margin-bottom: auto !important;
  }
  .ml-xxs-auto,
  .mx-xxs-auto {
    margin-left: auto !important;
  }
}
@media (min-width: 490px) {
  .m-xs-0 {
    margin: 0 !important;
  }
  .mt-xs-0,
  .my-xs-0 {
    margin-top: 0 !important;
  }
  .mr-xs-0,
  .mx-xs-0 {
    margin-right: 0 !important;
  }
  .mb-xs-0,
  .my-xs-0 {
    margin-bottom: 0 !important;
  }
  .ml-xs-0,
  .mx-xs-0 {
    margin-left: 0 !important;
  }
  .m-xs-1 {
    margin: 0.25rem !important;
  }
  .mt-xs-1,
  .my-xs-1 {
    margin-top: 0.25rem !important;
  }
  .mr-xs-1,
  .mx-xs-1 {
    margin-right: 0.25rem !important;
  }
  .mb-xs-1,
  .my-xs-1 {
    margin-bottom: 0.25rem !important;
  }
  .ml-xs-1,
  .mx-xs-1 {
    margin-left: 0.25rem !important;
  }
  .m-xs-2 {
    margin: 0.5rem !important;
  }
  .mt-xs-2,
  .my-xs-2 {
    margin-top: 0.5rem !important;
  }
  .mr-xs-2,
  .mx-xs-2 {
    margin-right: 0.5rem !important;
  }
  .mb-xs-2,
  .my-xs-2 {
    margin-bottom: 0.5rem !important;
  }
  .ml-xs-2,
  .mx-xs-2 {
    margin-left: 0.5rem !important;
  }
  .m-xs-3 {
    margin: 1rem !important;
  }
  .mt-xs-3,
  .my-xs-3 {
    margin-top: 1rem !important;
  }
  .mr-xs-3,
  .mx-xs-3 {
    margin-right: 1rem !important;
  }
  .mb-xs-3,
  .my-xs-3 {
    margin-bottom: 1rem !important;
  }
  .ml-xs-3,
  .mx-xs-3 {
    margin-left: 1rem !important;
  }
  .m-xs-4 {
    margin: 1.5rem !important;
  }
  .mt-xs-4,
  .my-xs-4 {
    margin-top: 1.5rem !important;
  }
  .mr-xs-4,
  .mx-xs-4 {
    margin-right: 1.5rem !important;
  }
  .mb-xs-4,
  .my-xs-4 {
    margin-bottom: 1.5rem !important;
  }
  .ml-xs-4,
  .mx-xs-4 {
    margin-left: 1.5rem !important;
  }
  .m-xs-5 {
    margin: 3rem !important;
  }
  .mt-xs-5,
  .my-xs-5 {
    margin-top: 3rem !important;
  }
  .mr-xs-5,
  .mx-xs-5 {
    margin-right: 3rem !important;
  }
  .mb-xs-5,
  .my-xs-5 {
    margin-bottom: 3rem !important;
  }
  .ml-xs-5,
  .mx-xs-5 {
    margin-left: 3rem !important;
  }
  .p-xs-0 {
    padding: 0 !important;
  }
  .pt-xs-0,
  .py-xs-0 {
    padding-top: 0 !important;
  }
  .pr-xs-0,
  .px-xs-0 {
    padding-right: 0 !important;
  }
  .pb-xs-0,
  .py-xs-0 {
    padding-bottom: 0 !important;
  }
  .pl-xs-0,
  .px-xs-0 {
    padding-left: 0 !important;
  }
  .p-xs-1 {
    padding: 0.25rem !important;
  }
  .pt-xs-1,
  .py-xs-1 {
    padding-top: 0.25rem !important;
  }
  .pr-xs-1,
  .px-xs-1 {
    padding-right: 0.25rem !important;
  }
  .pb-xs-1,
  .py-xs-1 {
    padding-bottom: 0.25rem !important;
  }
  .pl-xs-1,
  .px-xs-1 {
    padding-left: 0.25rem !important;
  }
  .p-xs-2 {
    padding: 0.5rem !important;
  }
  .pt-xs-2,
  .py-xs-2 {
    padding-top: 0.5rem !important;
  }
  .pr-xs-2,
  .px-xs-2 {
    padding-right: 0.5rem !important;
  }
  .pb-xs-2,
  .py-xs-2 {
    padding-bottom: 0.5rem !important;
  }
  .pl-xs-2,
  .px-xs-2 {
    padding-left: 0.5rem !important;
  }
  .p-xs-3 {
    padding: 1rem !important;
  }
  .pt-xs-3,
  .py-xs-3 {
    padding-top: 1rem !important;
  }
  .pr-xs-3,
  .px-xs-3 {
    padding-right: 1rem !important;
  }
  .pb-xs-3,
  .py-xs-3 {
    padding-bottom: 1rem !important;
  }
  .pl-xs-3,
  .px-xs-3 {
    padding-left: 1rem !important;
  }
  .p-xs-4 {
    padding: 1.5rem !important;
  }
  .pt-xs-4,
  .py-xs-4 {
    padding-top: 1.5rem !important;
  }
  .pr-xs-4,
  .px-xs-4 {
    padding-right: 1.5rem !important;
  }
  .pb-xs-4,
  .py-xs-4 {
    padding-bottom: 1.5rem !important;
  }
  .pl-xs-4,
  .px-xs-4 {
    padding-left: 1.5rem !important;
  }
  .p-xs-5 {
    padding: 3rem !important;
  }
  .pt-xs-5,
  .py-xs-5 {
    padding-top: 3rem !important;
  }
  .pr-xs-5,
  .px-xs-5 {
    padding-right: 3rem !important;
  }
  .pb-xs-5,
  .py-xs-5 {
    padding-bottom: 3rem !important;
  }
  .pl-xs-5,
  .px-xs-5 {
    padding-left: 3rem !important;
  }
  .m-xs-n1 {
    margin: -0.25rem !important;
  }
  .mt-xs-n1,
  .my-xs-n1 {
    margin-top: -0.25rem !important;
  }
  .mr-xs-n1,
  .mx-xs-n1 {
    margin-right: -0.25rem !important;
  }
  .mb-xs-n1,
  .my-xs-n1 {
    margin-bottom: -0.25rem !important;
  }
  .ml-xs-n1,
  .mx-xs-n1 {
    margin-left: -0.25rem !important;
  }
  .m-xs-n2 {
    margin: -0.5rem !important;
  }
  .mt-xs-n2,
  .my-xs-n2 {
    margin-top: -0.5rem !important;
  }
  .mr-xs-n2,
  .mx-xs-n2 {
    margin-right: -0.5rem !important;
  }
  .mb-xs-n2,
  .my-xs-n2 {
    margin-bottom: -0.5rem !important;
  }
  .ml-xs-n2,
  .mx-xs-n2 {
    margin-left: -0.5rem !important;
  }
  .m-xs-n3 {
    margin: -1rem !important;
  }
  .mt-xs-n3,
  .my-xs-n3 {
    margin-top: -1rem !important;
  }
  .mr-xs-n3,
  .mx-xs-n3 {
    margin-right: -1rem !important;
  }
  .mb-xs-n3,
  .my-xs-n3 {
    margin-bottom: -1rem !important;
  }
  .ml-xs-n3,
  .mx-xs-n3 {
    margin-left: -1rem !important;
  }
  .m-xs-n4 {
    margin: -1.5rem !important;
  }
  .mt-xs-n4,
  .my-xs-n4 {
    margin-top: -1.5rem !important;
  }
  .mr-xs-n4,
  .mx-xs-n4 {
    margin-right: -1.5rem !important;
  }
  .mb-xs-n4,
  .my-xs-n4 {
    margin-bottom: -1.5rem !important;
  }
  .ml-xs-n4,
  .mx-xs-n4 {
    margin-left: -1.5rem !important;
  }
  .m-xs-n5 {
    margin: -3rem !important;
  }
  .mt-xs-n5,
  .my-xs-n5 {
    margin-top: -3rem !important;
  }
  .mr-xs-n5,
  .mx-xs-n5 {
    margin-right: -3rem !important;
  }
  .mb-xs-n5,
  .my-xs-n5 {
    margin-bottom: -3rem !important;
  }
  .ml-xs-n5,
  .mx-xs-n5 {
    margin-left: -3rem !important;
  }
  .m-xs-auto {
    margin: auto !important;
  }
  .mt-xs-auto,
  .my-xs-auto {
    margin-top: auto !important;
  }
  .mr-xs-auto,
  .mx-xs-auto {
    margin-right: auto !important;
  }
  .mb-xs-auto,
  .my-xs-auto {
    margin-bottom: auto !important;
  }
  .ml-xs-auto,
  .mx-xs-auto {
    margin-left: auto !important;
  }
}
@media (min-width: 605px) {
  .m-custom-sm-0 {
    margin: 0 !important;
  }
  .mt-custom-sm-0,
  .my-custom-sm-0 {
    margin-top: 0 !important;
  }
  .mr-custom-sm-0,
  .mx-custom-sm-0 {
    margin-right: 0 !important;
  }
  .mb-custom-sm-0,
  .my-custom-sm-0 {
    margin-bottom: 0 !important;
  }
  .ml-custom-sm-0,
  .mx-custom-sm-0 {
    margin-left: 0 !important;
  }
  .m-custom-sm-1 {
    margin: 0.25rem !important;
  }
  .mt-custom-sm-1,
  .my-custom-sm-1 {
    margin-top: 0.25rem !important;
  }
  .mr-custom-sm-1,
  .mx-custom-sm-1 {
    margin-right: 0.25rem !important;
  }
  .mb-custom-sm-1,
  .my-custom-sm-1 {
    margin-bottom: 0.25rem !important;
  }
  .ml-custom-sm-1,
  .mx-custom-sm-1 {
    margin-left: 0.25rem !important;
  }
  .m-custom-sm-2 {
    margin: 0.5rem !important;
  }
  .mt-custom-sm-2,
  .my-custom-sm-2 {
    margin-top: 0.5rem !important;
  }
  .mr-custom-sm-2,
  .mx-custom-sm-2 {
    margin-right: 0.5rem !important;
  }
  .mb-custom-sm-2,
  .my-custom-sm-2 {
    margin-bottom: 0.5rem !important;
  }
  .ml-custom-sm-2,
  .mx-custom-sm-2 {
    margin-left: 0.5rem !important;
  }
  .m-custom-sm-3 {
    margin: 1rem !important;
  }
  .mt-custom-sm-3,
  .my-custom-sm-3 {
    margin-top: 1rem !important;
  }
  .mr-custom-sm-3,
  .mx-custom-sm-3 {
    margin-right: 1rem !important;
  }
  .mb-custom-sm-3,
  .my-custom-sm-3 {
    margin-bottom: 1rem !important;
  }
  .ml-custom-sm-3,
  .mx-custom-sm-3 {
    margin-left: 1rem !important;
  }
  .m-custom-sm-4 {
    margin: 1.5rem !important;
  }
  .mt-custom-sm-4,
  .my-custom-sm-4 {
    margin-top: 1.5rem !important;
  }
  .mr-custom-sm-4,
  .mx-custom-sm-4 {
    margin-right: 1.5rem !important;
  }
  .mb-custom-sm-4,
  .my-custom-sm-4 {
    margin-bottom: 1.5rem !important;
  }
  .ml-custom-sm-4,
  .mx-custom-sm-4 {
    margin-left: 1.5rem !important;
  }
  .m-custom-sm-5 {
    margin: 3rem !important;
  }
  .mt-custom-sm-5,
  .my-custom-sm-5 {
    margin-top: 3rem !important;
  }
  .mr-custom-sm-5,
  .mx-custom-sm-5 {
    margin-right: 3rem !important;
  }
  .mb-custom-sm-5,
  .my-custom-sm-5 {
    margin-bottom: 3rem !important;
  }
  .ml-custom-sm-5,
  .mx-custom-sm-5 {
    margin-left: 3rem !important;
  }
  .p-custom-sm-0 {
    padding: 0 !important;
  }
  .pt-custom-sm-0,
  .py-custom-sm-0 {
    padding-top: 0 !important;
  }
  .pr-custom-sm-0,
  .px-custom-sm-0 {
    padding-right: 0 !important;
  }
  .pb-custom-sm-0,
  .py-custom-sm-0 {
    padding-bottom: 0 !important;
  }
  .pl-custom-sm-0,
  .px-custom-sm-0 {
    padding-left: 0 !important;
  }
  .p-custom-sm-1 {
    padding: 0.25rem !important;
  }
  .pt-custom-sm-1,
  .py-custom-sm-1 {
    padding-top: 0.25rem !important;
  }
  .pr-custom-sm-1,
  .px-custom-sm-1 {
    padding-right: 0.25rem !important;
  }
  .pb-custom-sm-1,
  .py-custom-sm-1 {
    padding-bottom: 0.25rem !important;
  }
  .pl-custom-sm-1,
  .px-custom-sm-1 {
    padding-left: 0.25rem !important;
  }
  .p-custom-sm-2 {
    padding: 0.5rem !important;
  }
  .pt-custom-sm-2,
  .py-custom-sm-2 {
    padding-top: 0.5rem !important;
  }
  .pr-custom-sm-2,
  .px-custom-sm-2 {
    padding-right: 0.5rem !important;
  }
  .pb-custom-sm-2,
  .py-custom-sm-2 {
    padding-bottom: 0.5rem !important;
  }
  .pl-custom-sm-2,
  .px-custom-sm-2 {
    padding-left: 0.5rem !important;
  }
  .p-custom-sm-3 {
    padding: 1rem !important;
  }
  .pt-custom-sm-3,
  .py-custom-sm-3 {
    padding-top: 1rem !important;
  }
  .pr-custom-sm-3,
  .px-custom-sm-3 {
    padding-right: 1rem !important;
  }
  .pb-custom-sm-3,
  .py-custom-sm-3 {
    padding-bottom: 1rem !important;
  }
  .pl-custom-sm-3,
  .px-custom-sm-3 {
    padding-left: 1rem !important;
  }
  .p-custom-sm-4 {
    padding: 1.5rem !important;
  }
  .pt-custom-sm-4,
  .py-custom-sm-4 {
    padding-top: 1.5rem !important;
  }
  .pr-custom-sm-4,
  .px-custom-sm-4 {
    padding-right: 1.5rem !important;
  }
  .pb-custom-sm-4,
  .py-custom-sm-4 {
    padding-bottom: 1.5rem !important;
  }
  .pl-custom-sm-4,
  .px-custom-sm-4 {
    padding-left: 1.5rem !important;
  }
  .p-custom-sm-5 {
    padding: 3rem !important;
  }
  .pt-custom-sm-5,
  .py-custom-sm-5 {
    padding-top: 3rem !important;
  }
  .pr-custom-sm-5,
  .px-custom-sm-5 {
    padding-right: 3rem !important;
  }
  .pb-custom-sm-5,
  .py-custom-sm-5 {
    padding-bottom: 3rem !important;
  }
  .pl-custom-sm-5,
  .px-custom-sm-5 {
    padding-left: 3rem !important;
  }
  .m-custom-sm-n1 {
    margin: -0.25rem !important;
  }
  .mt-custom-sm-n1,
  .my-custom-sm-n1 {
    margin-top: -0.25rem !important;
  }
  .mr-custom-sm-n1,
  .mx-custom-sm-n1 {
    margin-right: -0.25rem !important;
  }
  .mb-custom-sm-n1,
  .my-custom-sm-n1 {
    margin-bottom: -0.25rem !important;
  }
  .ml-custom-sm-n1,
  .mx-custom-sm-n1 {
    margin-left: -0.25rem !important;
  }
  .m-custom-sm-n2 {
    margin: -0.5rem !important;
  }
  .mt-custom-sm-n2,
  .my-custom-sm-n2 {
    margin-top: -0.5rem !important;
  }
  .mr-custom-sm-n2,
  .mx-custom-sm-n2 {
    margin-right: -0.5rem !important;
  }
  .mb-custom-sm-n2,
  .my-custom-sm-n2 {
    margin-bottom: -0.5rem !important;
  }
  .ml-custom-sm-n2,
  .mx-custom-sm-n2 {
    margin-left: -0.5rem !important;
  }
  .m-custom-sm-n3 {
    margin: -1rem !important;
  }
  .mt-custom-sm-n3,
  .my-custom-sm-n3 {
    margin-top: -1rem !important;
  }
  .mr-custom-sm-n3,
  .mx-custom-sm-n3 {
    margin-right: -1rem !important;
  }
  .mb-custom-sm-n3,
  .my-custom-sm-n3 {
    margin-bottom: -1rem !important;
  }
  .ml-custom-sm-n3,
  .mx-custom-sm-n3 {
    margin-left: -1rem !important;
  }
  .m-custom-sm-n4 {
    margin: -1.5rem !important;
  }
  .mt-custom-sm-n4,
  .my-custom-sm-n4 {
    margin-top: -1.5rem !important;
  }
  .mr-custom-sm-n4,
  .mx-custom-sm-n4 {
    margin-right: -1.5rem !important;
  }
  .mb-custom-sm-n4,
  .my-custom-sm-n4 {
    margin-bottom: -1.5rem !important;
  }
  .ml-custom-sm-n4,
  .mx-custom-sm-n4 {
    margin-left: -1.5rem !important;
  }
  .m-custom-sm-n5 {
    margin: -3rem !important;
  }
  .mt-custom-sm-n5,
  .my-custom-sm-n5 {
    margin-top: -3rem !important;
  }
  .mr-custom-sm-n5,
  .mx-custom-sm-n5 {
    margin-right: -3rem !important;
  }
  .mb-custom-sm-n5,
  .my-custom-sm-n5 {
    margin-bottom: -3rem !important;
  }
  .ml-custom-sm-n5,
  .mx-custom-sm-n5 {
    margin-left: -3rem !important;
  }
  .m-custom-sm-auto {
    margin: auto !important;
  }
  .mt-custom-sm-auto,
  .my-custom-sm-auto {
    margin-top: auto !important;
  }
  .mr-custom-sm-auto,
  .mx-custom-sm-auto {
    margin-right: auto !important;
  }
  .mb-custom-sm-auto,
  .my-custom-sm-auto {
    margin-bottom: auto !important;
  }
  .ml-custom-sm-auto,
  .mx-custom-sm-auto {
    margin-left: auto !important;
  }
}
@media (min-width: 790px) {
  .m-sm-0 {
    margin: 0 !important;
  }
  .mt-sm-0,
  .my-sm-0 {
    margin-top: 0 !important;
  }
  .mr-sm-0,
  .mx-sm-0 {
    margin-right: 0 !important;
  }
  .mb-sm-0,
  .my-sm-0 {
    margin-bottom: 0 !important;
  }
  .ml-sm-0,
  .mx-sm-0 {
    margin-left: 0 !important;
  }
  .m-sm-1 {
    margin: 0.25rem !important;
  }
  .mt-sm-1,
  .my-sm-1 {
    margin-top: 0.25rem !important;
  }
  .mr-sm-1,
  .mx-sm-1 {
    margin-right: 0.25rem !important;
  }
  .mb-sm-1,
  .my-sm-1 {
    margin-bottom: 0.25rem !important;
  }
  .ml-sm-1,
  .mx-sm-1 {
    margin-left: 0.25rem !important;
  }
  .m-sm-2 {
    margin: 0.5rem !important;
  }
  .mt-sm-2,
  .my-sm-2 {
    margin-top: 0.5rem !important;
  }
  .mr-sm-2,
  .mx-sm-2 {
    margin-right: 0.5rem !important;
  }
  .mb-sm-2,
  .my-sm-2 {
    margin-bottom: 0.5rem !important;
  }
  .ml-sm-2,
  .mx-sm-2 {
    margin-left: 0.5rem !important;
  }
  .m-sm-3 {
    margin: 1rem !important;
  }
  .mt-sm-3,
  .my-sm-3 {
    margin-top: 1rem !important;
  }
  .mr-sm-3,
  .mx-sm-3 {
    margin-right: 1rem !important;
  }
  .mb-sm-3,
  .my-sm-3 {
    margin-bottom: 1rem !important;
  }
  .ml-sm-3,
  .mx-sm-3 {
    margin-left: 1rem !important;
  }
  .m-sm-4 {
    margin: 1.5rem !important;
  }
  .mt-sm-4,
  .my-sm-4 {
    margin-top: 1.5rem !important;
  }
  .mr-sm-4,
  .mx-sm-4 {
    margin-right: 1.5rem !important;
  }
  .mb-sm-4,
  .my-sm-4 {
    margin-bottom: 1.5rem !important;
  }
  .ml-sm-4,
  .mx-sm-4 {
    margin-left: 1.5rem !important;
  }
  .m-sm-5 {
    margin: 3rem !important;
  }
  .mt-sm-5,
  .my-sm-5 {
    margin-top: 3rem !important;
  }
  .mr-sm-5,
  .mx-sm-5 {
    margin-right: 3rem !important;
  }
  .mb-sm-5,
  .my-sm-5 {
    margin-bottom: 3rem !important;
  }
  .ml-sm-5,
  .mx-sm-5 {
    margin-left: 3rem !important;
  }
  .p-sm-0 {
    padding: 0 !important;
  }
  .pt-sm-0,
  .py-sm-0 {
    padding-top: 0 !important;
  }
  .pr-sm-0,
  .px-sm-0 {
    padding-right: 0 !important;
  }
  .pb-sm-0,
  .py-sm-0 {
    padding-bottom: 0 !important;
  }
  .pl-sm-0,
  .px-sm-0 {
    padding-left: 0 !important;
  }
  .p-sm-1 {
    padding: 0.25rem !important;
  }
  .pt-sm-1,
  .py-sm-1 {
    padding-top: 0.25rem !important;
  }
  .pr-sm-1,
  .px-sm-1 {
    padding-right: 0.25rem !important;
  }
  .pb-sm-1,
  .py-sm-1 {
    padding-bottom: 0.25rem !important;
  }
  .pl-sm-1,
  .px-sm-1 {
    padding-left: 0.25rem !important;
  }
  .p-sm-2 {
    padding: 0.5rem !important;
  }
  .pt-sm-2,
  .py-sm-2 {
    padding-top: 0.5rem !important;
  }
  .pr-sm-2,
  .px-sm-2 {
    padding-right: 0.5rem !important;
  }
  .pb-sm-2,
  .py-sm-2 {
    padding-bottom: 0.5rem !important;
  }
  .pl-sm-2,
  .px-sm-2 {
    padding-left: 0.5rem !important;
  }
  .p-sm-3 {
    padding: 1rem !important;
  }
  .pt-sm-3,
  .py-sm-3 {
    padding-top: 1rem !important;
  }
  .pr-sm-3,
  .px-sm-3 {
    padding-right: 1rem !important;
  }
  .pb-sm-3,
  .py-sm-3 {
    padding-bottom: 1rem !important;
  }
  .pl-sm-3,
  .px-sm-3 {
    padding-left: 1rem !important;
  }
  .p-sm-4 {
    padding: 1.5rem !important;
  }
  .pt-sm-4,
  .py-sm-4 {
    padding-top: 1.5rem !important;
  }
  .pr-sm-4,
  .px-sm-4 {
    padding-right: 1.5rem !important;
  }
  .pb-sm-4,
  .py-sm-4 {
    padding-bottom: 1.5rem !important;
  }
  .pl-sm-4,
  .px-sm-4 {
    padding-left: 1.5rem !important;
  }
  .p-sm-5 {
    padding: 3rem !important;
  }
  .pt-sm-5,
  .py-sm-5 {
    padding-top: 3rem !important;
  }
  .pr-sm-5,
  .px-sm-5 {
    padding-right: 3rem !important;
  }
  .pb-sm-5,
  .py-sm-5 {
    padding-bottom: 3rem !important;
  }
  .pl-sm-5,
  .px-sm-5 {
    padding-left: 3rem !important;
  }
  .m-sm-n1 {
    margin: -0.25rem !important;
  }
  .mt-sm-n1,
  .my-sm-n1 {
    margin-top: -0.25rem !important;
  }
  .mr-sm-n1,
  .mx-sm-n1 {
    margin-right: -0.25rem !important;
  }
  .mb-sm-n1,
  .my-sm-n1 {
    margin-bottom: -0.25rem !important;
  }
  .ml-sm-n1,
  .mx-sm-n1 {
    margin-left: -0.25rem !important;
  }
  .m-sm-n2 {
    margin: -0.5rem !important;
  }
  .mt-sm-n2,
  .my-sm-n2 {
    margin-top: -0.5rem !important;
  }
  .mr-sm-n2,
  .mx-sm-n2 {
    margin-right: -0.5rem !important;
  }
  .mb-sm-n2,
  .my-sm-n2 {
    margin-bottom: -0.5rem !important;
  }
  .ml-sm-n2,
  .mx-sm-n2 {
    margin-left: -0.5rem !important;
  }
  .m-sm-n3 {
    margin: -1rem !important;
  }
  .mt-sm-n3,
  .my-sm-n3 {
    margin-top: -1rem !important;
  }
  .mr-sm-n3,
  .mx-sm-n3 {
    margin-right: -1rem !important;
  }
  .mb-sm-n3,
  .my-sm-n3 {
    margin-bottom: -1rem !important;
  }
  .ml-sm-n3,
  .mx-sm-n3 {
    margin-left: -1rem !important;
  }
  .m-sm-n4 {
    margin: -1.5rem !important;
  }
  .mt-sm-n4,
  .my-sm-n4 {
    margin-top: -1.5rem !important;
  }
  .mr-sm-n4,
  .mx-sm-n4 {
    margin-right: -1.5rem !important;
  }
  .mb-sm-n4,
  .my-sm-n4 {
    margin-bottom: -1.5rem !important;
  }
  .ml-sm-n4,
  .mx-sm-n4 {
    margin-left: -1.5rem !important;
  }
  .m-sm-n5 {
    margin: -3rem !important;
  }
  .mt-sm-n5,
  .my-sm-n5 {
    margin-top: -3rem !important;
  }
  .mr-sm-n5,
  .mx-sm-n5 {
    margin-right: -3rem !important;
  }
  .mb-sm-n5,
  .my-sm-n5 {
    margin-bottom: -3rem !important;
  }
  .ml-sm-n5,
  .mx-sm-n5 {
    margin-left: -3rem !important;
  }
  .m-sm-auto {
    margin: auto !important;
  }
  .mt-sm-auto,
  .my-sm-auto {
    margin-top: auto !important;
  }
  .mr-sm-auto,
  .mx-sm-auto {
    margin-right: auto !important;
  }
  .mb-sm-auto,
  .my-sm-auto {
    margin-bottom: auto !important;
  }
  .ml-sm-auto,
  .mx-sm-auto {
    margin-left: auto !important;
  }
}
@media (min-width: 992px) {
  .m-md-0 {
    margin: 0 !important;
  }
  .mt-md-0,
  .my-md-0 {
    margin-top: 0 !important;
  }
  .mr-md-0,
  .mx-md-0 {
    margin-right: 0 !important;
  }
  .mb-md-0,
  .my-md-0 {
    margin-bottom: 0 !important;
  }
  .ml-md-0,
  .mx-md-0 {
    margin-left: 0 !important;
  }
  .m-md-1 {
    margin: 0.25rem !important;
  }
  .mt-md-1,
  .my-md-1 {
    margin-top: 0.25rem !important;
  }
  .mr-md-1,
  .mx-md-1 {
    margin-right: 0.25rem !important;
  }
  .mb-md-1,
  .my-md-1 {
    margin-bottom: 0.25rem !important;
  }
  .ml-md-1,
  .mx-md-1 {
    margin-left: 0.25rem !important;
  }
  .m-md-2 {
    margin: 0.5rem !important;
  }
  .mt-md-2,
  .my-md-2 {
    margin-top: 0.5rem !important;
  }
  .mr-md-2,
  .mx-md-2 {
    margin-right: 0.5rem !important;
  }
  .mb-md-2,
  .my-md-2 {
    margin-bottom: 0.5rem !important;
  }
  .ml-md-2,
  .mx-md-2 {
    margin-left: 0.5rem !important;
  }
  .m-md-3 {
    margin: 1rem !important;
  }
  .mt-md-3,
  .my-md-3 {
    margin-top: 1rem !important;
  }
  .mr-md-3,
  .mx-md-3 {
    margin-right: 1rem !important;
  }
  .mb-md-3,
  .my-md-3 {
    margin-bottom: 1rem !important;
  }
  .ml-md-3,
  .mx-md-3 {
    margin-left: 1rem !important;
  }
  .m-md-4 {
    margin: 1.5rem !important;
  }
  .mt-md-4,
  .my-md-4 {
    margin-top: 1.5rem !important;
  }
  .mr-md-4,
  .mx-md-4 {
    margin-right: 1.5rem !important;
  }
  .mb-md-4,
  .my-md-4 {
    margin-bottom: 1.5rem !important;
  }
  .ml-md-4,
  .mx-md-4 {
    margin-left: 1.5rem !important;
  }
  .m-md-5 {
    margin: 3rem !important;
  }
  .mt-md-5,
  .my-md-5 {
    margin-top: 3rem !important;
  }
  .mr-md-5,
  .mx-md-5 {
    margin-right: 3rem !important;
  }
  .mb-md-5,
  .my-md-5 {
    margin-bottom: 3rem !important;
  }
  .ml-md-5,
  .mx-md-5 {
    margin-left: 3rem !important;
  }
  .p-md-0 {
    padding: 0 !important;
  }
  .pt-md-0,
  .py-md-0 {
    padding-top: 0 !important;
  }
  .pr-md-0,
  .px-md-0 {
    padding-right: 0 !important;
  }
  .pb-md-0,
  .py-md-0 {
    padding-bottom: 0 !important;
  }
  .pl-md-0,
  .px-md-0 {
    padding-left: 0 !important;
  }
  .p-md-1 {
    padding: 0.25rem !important;
  }
  .pt-md-1,
  .py-md-1 {
    padding-top: 0.25rem !important;
  }
  .pr-md-1,
  .px-md-1 {
    padding-right: 0.25rem !important;
  }
  .pb-md-1,
  .py-md-1 {
    padding-bottom: 0.25rem !important;
  }
  .pl-md-1,
  .px-md-1 {
    padding-left: 0.25rem !important;
  }
  .p-md-2 {
    padding: 0.5rem !important;
  }
  .pt-md-2,
  .py-md-2 {
    padding-top: 0.5rem !important;
  }
  .pr-md-2,
  .px-md-2 {
    padding-right: 0.5rem !important;
  }
  .pb-md-2,
  .py-md-2 {
    padding-bottom: 0.5rem !important;
  }
  .pl-md-2,
  .px-md-2 {
    padding-left: 0.5rem !important;
  }
  .p-md-3 {
    padding: 1rem !important;
  }
  .pt-md-3,
  .py-md-3 {
    padding-top: 1rem !important;
  }
  .pr-md-3,
  .px-md-3 {
    padding-right: 1rem !important;
  }
  .pb-md-3,
  .py-md-3 {
    padding-bottom: 1rem !important;
  }
  .pl-md-3,
  .px-md-3 {
    padding-left: 1rem !important;
  }
  .p-md-4 {
    padding: 1.5rem !important;
  }
  .pt-md-4,
  .py-md-4 {
    padding-top: 1.5rem !important;
  }
  .pr-md-4,
  .px-md-4 {
    padding-right: 1.5rem !important;
  }
  .pb-md-4,
  .py-md-4 {
    padding-bottom: 1.5rem !important;
  }
  .pl-md-4,
  .px-md-4 {
    padding-left: 1.5rem !important;
  }
  .p-md-5 {
    padding: 3rem !important;
  }
  .pt-md-5,
  .py-md-5 {
    padding-top: 3rem !important;
  }
  .pr-md-5,
  .px-md-5 {
    padding-right: 3rem !important;
  }
  .pb-md-5,
  .py-md-5 {
    padding-bottom: 3rem !important;
  }
  .pl-md-5,
  .px-md-5 {
    padding-left: 3rem !important;
  }
  .m-md-n1 {
    margin: -0.25rem !important;
  }
  .mt-md-n1,
  .my-md-n1 {
    margin-top: -0.25rem !important;
  }
  .mr-md-n1,
  .mx-md-n1 {
    margin-right: -0.25rem !important;
  }
  .mb-md-n1,
  .my-md-n1 {
    margin-bottom: -0.25rem !important;
  }
  .ml-md-n1,
  .mx-md-n1 {
    margin-left: -0.25rem !important;
  }
  .m-md-n2 {
    margin: -0.5rem !important;
  }
  .mt-md-n2,
  .my-md-n2 {
    margin-top: -0.5rem !important;
  }
  .mr-md-n2,
  .mx-md-n2 {
    margin-right: -0.5rem !important;
  }
  .mb-md-n2,
  .my-md-n2 {
    margin-bottom: -0.5rem !important;
  }
  .ml-md-n2,
  .mx-md-n2 {
    margin-left: -0.5rem !important;
  }
  .m-md-n3 {
    margin: -1rem !important;
  }
  .mt-md-n3,
  .my-md-n3 {
    margin-top: -1rem !important;
  }
  .mr-md-n3,
  .mx-md-n3 {
    margin-right: -1rem !important;
  }
  .mb-md-n3,
  .my-md-n3 {
    margin-bottom: -1rem !important;
  }
  .ml-md-n3,
  .mx-md-n3 {
    margin-left: -1rem !important;
  }
  .m-md-n4 {
    margin: -1.5rem !important;
  }
  .mt-md-n4,
  .my-md-n4 {
    margin-top: -1.5rem !important;
  }
  .mr-md-n4,
  .mx-md-n4 {
    margin-right: -1.5rem !important;
  }
  .mb-md-n4,
  .my-md-n4 {
    margin-bottom: -1.5rem !important;
  }
  .ml-md-n4,
  .mx-md-n4 {
    margin-left: -1.5rem !important;
  }
  .m-md-n5 {
    margin: -3rem !important;
  }
  .mt-md-n5,
  .my-md-n5 {
    margin-top: -3rem !important;
  }
  .mr-md-n5,
  .mx-md-n5 {
    margin-right: -3rem !important;
  }
  .mb-md-n5,
  .my-md-n5 {
    margin-bottom: -3rem !important;
  }
  .ml-md-n5,
  .mx-md-n5 {
    margin-left: -3rem !important;
  }
  .m-md-auto {
    margin: auto !important;
  }
  .mt-md-auto,
  .my-md-auto {
    margin-top: auto !important;
  }
  .mr-md-auto,
  .mx-md-auto {
    margin-right: auto !important;
  }
  .mb-md-auto,
  .my-md-auto {
    margin-bottom: auto !important;
  }
  .ml-md-auto,
  .mx-md-auto {
    margin-left: auto !important;
  }
}
@media (min-width: 1053px) {
  .m-custom-lg-0 {
    margin: 0 !important;
  }
  .mt-custom-lg-0,
  .my-custom-lg-0 {
    margin-top: 0 !important;
  }
  .mr-custom-lg-0,
  .mx-custom-lg-0 {
    margin-right: 0 !important;
  }
  .mb-custom-lg-0,
  .my-custom-lg-0 {
    margin-bottom: 0 !important;
  }
  .ml-custom-lg-0,
  .mx-custom-lg-0 {
    margin-left: 0 !important;
  }
  .m-custom-lg-1 {
    margin: 0.25rem !important;
  }
  .mt-custom-lg-1,
  .my-custom-lg-1 {
    margin-top: 0.25rem !important;
  }
  .mr-custom-lg-1,
  .mx-custom-lg-1 {
    margin-right: 0.25rem !important;
  }
  .mb-custom-lg-1,
  .my-custom-lg-1 {
    margin-bottom: 0.25rem !important;
  }
  .ml-custom-lg-1,
  .mx-custom-lg-1 {
    margin-left: 0.25rem !important;
  }
  .m-custom-lg-2 {
    margin: 0.5rem !important;
  }
  .mt-custom-lg-2,
  .my-custom-lg-2 {
    margin-top: 0.5rem !important;
  }
  .mr-custom-lg-2,
  .mx-custom-lg-2 {
    margin-right: 0.5rem !important;
  }
  .mb-custom-lg-2,
  .my-custom-lg-2 {
    margin-bottom: 0.5rem !important;
  }
  .ml-custom-lg-2,
  .mx-custom-lg-2 {
    margin-left: 0.5rem !important;
  }
  .m-custom-lg-3 {
    margin: 1rem !important;
  }
  .mt-custom-lg-3,
  .my-custom-lg-3 {
    margin-top: 1rem !important;
  }
  .mr-custom-lg-3,
  .mx-custom-lg-3 {
    margin-right: 1rem !important;
  }
  .mb-custom-lg-3,
  .my-custom-lg-3 {
    margin-bottom: 1rem !important;
  }
  .ml-custom-lg-3,
  .mx-custom-lg-3 {
    margin-left: 1rem !important;
  }
  .m-custom-lg-4 {
    margin: 1.5rem !important;
  }
  .mt-custom-lg-4,
  .my-custom-lg-4 {
    margin-top: 1.5rem !important;
  }
  .mr-custom-lg-4,
  .mx-custom-lg-4 {
    margin-right: 1.5rem !important;
  }
  .mb-custom-lg-4,
  .my-custom-lg-4 {
    margin-bottom: 1.5rem !important;
  }
  .ml-custom-lg-4,
  .mx-custom-lg-4 {
    margin-left: 1.5rem !important;
  }
  .m-custom-lg-5 {
    margin: 3rem !important;
  }
  .mt-custom-lg-5,
  .my-custom-lg-5 {
    margin-top: 3rem !important;
  }
  .mr-custom-lg-5,
  .mx-custom-lg-5 {
    margin-right: 3rem !important;
  }
  .mb-custom-lg-5,
  .my-custom-lg-5 {
    margin-bottom: 3rem !important;
  }
  .ml-custom-lg-5,
  .mx-custom-lg-5 {
    margin-left: 3rem !important;
  }
  .p-custom-lg-0 {
    padding: 0 !important;
  }
  .pt-custom-lg-0,
  .py-custom-lg-0 {
    padding-top: 0 !important;
  }
  .pr-custom-lg-0,
  .px-custom-lg-0 {
    padding-right: 0 !important;
  }
  .pb-custom-lg-0,
  .py-custom-lg-0 {
    padding-bottom: 0 !important;
  }
  .pl-custom-lg-0,
  .px-custom-lg-0 {
    padding-left: 0 !important;
  }
  .p-custom-lg-1 {
    padding: 0.25rem !important;
  }
  .pt-custom-lg-1,
  .py-custom-lg-1 {
    padding-top: 0.25rem !important;
  }
  .pr-custom-lg-1,
  .px-custom-lg-1 {
    padding-right: 0.25rem !important;
  }
  .pb-custom-lg-1,
  .py-custom-lg-1 {
    padding-bottom: 0.25rem !important;
  }
  .pl-custom-lg-1,
  .px-custom-lg-1 {
    padding-left: 0.25rem !important;
  }
  .p-custom-lg-2 {
    padding: 0.5rem !important;
  }
  .pt-custom-lg-2,
  .py-custom-lg-2 {
    padding-top: 0.5rem !important;
  }
  .pr-custom-lg-2,
  .px-custom-lg-2 {
    padding-right: 0.5rem !important;
  }
  .pb-custom-lg-2,
  .py-custom-lg-2 {
    padding-bottom: 0.5rem !important;
  }
  .pl-custom-lg-2,
  .px-custom-lg-2 {
    padding-left: 0.5rem !important;
  }
  .p-custom-lg-3 {
    padding: 1rem !important;
  }
  .pt-custom-lg-3,
  .py-custom-lg-3 {
    padding-top: 1rem !important;
  }
  .pr-custom-lg-3,
  .px-custom-lg-3 {
    padding-right: 1rem !important;
  }
  .pb-custom-lg-3,
  .py-custom-lg-3 {
    padding-bottom: 1rem !important;
  }
  .pl-custom-lg-3,
  .px-custom-lg-3 {
    padding-left: 1rem !important;
  }
  .p-custom-lg-4 {
    padding: 1.5rem !important;
  }
  .pt-custom-lg-4,
  .py-custom-lg-4 {
    padding-top: 1.5rem !important;
  }
  .pr-custom-lg-4,
  .px-custom-lg-4 {
    padding-right: 1.5rem !important;
  }
  .pb-custom-lg-4,
  .py-custom-lg-4 {
    padding-bottom: 1.5rem !important;
  }
  .pl-custom-lg-4,
  .px-custom-lg-4 {
    padding-left: 1.5rem !important;
  }
  .p-custom-lg-5 {
    padding: 3rem !important;
  }
  .pt-custom-lg-5,
  .py-custom-lg-5 {
    padding-top: 3rem !important;
  }
  .pr-custom-lg-5,
  .px-custom-lg-5 {
    padding-right: 3rem !important;
  }
  .pb-custom-lg-5,
  .py-custom-lg-5 {
    padding-bottom: 3rem !important;
  }
  .pl-custom-lg-5,
  .px-custom-lg-5 {
    padding-left: 3rem !important;
  }
  .m-custom-lg-n1 {
    margin: -0.25rem !important;
  }
  .mt-custom-lg-n1,
  .my-custom-lg-n1 {
    margin-top: -0.25rem !important;
  }
  .mr-custom-lg-n1,
  .mx-custom-lg-n1 {
    margin-right: -0.25rem !important;
  }
  .mb-custom-lg-n1,
  .my-custom-lg-n1 {
    margin-bottom: -0.25rem !important;
  }
  .ml-custom-lg-n1,
  .mx-custom-lg-n1 {
    margin-left: -0.25rem !important;
  }
  .m-custom-lg-n2 {
    margin: -0.5rem !important;
  }
  .mt-custom-lg-n2,
  .my-custom-lg-n2 {
    margin-top: -0.5rem !important;
  }
  .mr-custom-lg-n2,
  .mx-custom-lg-n2 {
    margin-right: -0.5rem !important;
  }
  .mb-custom-lg-n2,
  .my-custom-lg-n2 {
    margin-bottom: -0.5rem !important;
  }
  .ml-custom-lg-n2,
  .mx-custom-lg-n2 {
    margin-left: -0.5rem !important;
  }
  .m-custom-lg-n3 {
    margin: -1rem !important;
  }
  .mt-custom-lg-n3,
  .my-custom-lg-n3 {
    margin-top: -1rem !important;
  }
  .mr-custom-lg-n3,
  .mx-custom-lg-n3 {
    margin-right: -1rem !important;
  }
  .mb-custom-lg-n3,
  .my-custom-lg-n3 {
    margin-bottom: -1rem !important;
  }
  .ml-custom-lg-n3,
  .mx-custom-lg-n3 {
    margin-left: -1rem !important;
  }
  .m-custom-lg-n4 {
    margin: -1.5rem !important;
  }
  .mt-custom-lg-n4,
  .my-custom-lg-n4 {
    margin-top: -1.5rem !important;
  }
  .mr-custom-lg-n4,
  .mx-custom-lg-n4 {
    margin-right: -1.5rem !important;
  }
  .mb-custom-lg-n4,
  .my-custom-lg-n4 {
    margin-bottom: -1.5rem !important;
  }
  .ml-custom-lg-n4,
  .mx-custom-lg-n4 {
    margin-left: -1.5rem !important;
  }
  .m-custom-lg-n5 {
    margin: -3rem !important;
  }
  .mt-custom-lg-n5,
  .my-custom-lg-n5 {
    margin-top: -3rem !important;
  }
  .mr-custom-lg-n5,
  .mx-custom-lg-n5 {
    margin-right: -3rem !important;
  }
  .mb-custom-lg-n5,
  .my-custom-lg-n5 {
    margin-bottom: -3rem !important;
  }
  .ml-custom-lg-n5,
  .mx-custom-lg-n5 {
    margin-left: -3rem !important;
  }
  .m-custom-lg-auto {
    margin: auto !important;
  }
  .mt-custom-lg-auto,
  .my-custom-lg-auto {
    margin-top: auto !important;
  }
  .mr-custom-lg-auto,
  .mx-custom-lg-auto {
    margin-right: auto !important;
  }
  .mb-custom-lg-auto,
  .my-custom-lg-auto {
    margin-bottom: auto !important;
  }
  .ml-custom-lg-auto,
  .mx-custom-lg-auto {
    margin-left: auto !important;
  }
}
@media (min-width: 1280px) {
  .m-lg-0 {
    margin: 0 !important;
  }
  .mt-lg-0,
  .my-lg-0 {
    margin-top: 0 !important;
  }
  .mr-lg-0,
  .mx-lg-0 {
    margin-right: 0 !important;
  }
  .mb-lg-0,
  .my-lg-0 {
    margin-bottom: 0 !important;
  }
  .ml-lg-0,
  .mx-lg-0 {
    margin-left: 0 !important;
  }
  .m-lg-1 {
    margin: 0.25rem !important;
  }
  .mt-lg-1,
  .my-lg-1 {
    margin-top: 0.25rem !important;
  }
  .mr-lg-1,
  .mx-lg-1 {
    margin-right: 0.25rem !important;
  }
  .mb-lg-1,
  .my-lg-1 {
    margin-bottom: 0.25rem !important;
  }
  .ml-lg-1,
  .mx-lg-1 {
    margin-left: 0.25rem !important;
  }
  .m-lg-2 {
    margin: 0.5rem !important;
  }
  .mt-lg-2,
  .my-lg-2 {
    margin-top: 0.5rem !important;
  }
  .mr-lg-2,
  .mx-lg-2 {
    margin-right: 0.5rem !important;
  }
  .mb-lg-2,
  .my-lg-2 {
    margin-bottom: 0.5rem !important;
  }
  .ml-lg-2,
  .mx-lg-2 {
    margin-left: 0.5rem !important;
  }
  .m-lg-3 {
    margin: 1rem !important;
  }
  .mt-lg-3,
  .my-lg-3 {
    margin-top: 1rem !important;
  }
  .mr-lg-3,
  .mx-lg-3 {
    margin-right: 1rem !important;
  }
  .mb-lg-3,
  .my-lg-3 {
    margin-bottom: 1rem !important;
  }
  .ml-lg-3,
  .mx-lg-3 {
    margin-left: 1rem !important;
  }
  .m-lg-4 {
    margin: 1.5rem !important;
  }
  .mt-lg-4,
  .my-lg-4 {
    margin-top: 1.5rem !important;
  }
  .mr-lg-4,
  .mx-lg-4 {
    margin-right: 1.5rem !important;
  }
  .mb-lg-4,
  .my-lg-4 {
    margin-bottom: 1.5rem !important;
  }
  .ml-lg-4,
  .mx-lg-4 {
    margin-left: 1.5rem !important;
  }
  .m-lg-5 {
    margin: 3rem !important;
  }
  .mt-lg-5,
  .my-lg-5 {
    margin-top: 3rem !important;
  }
  .mr-lg-5,
  .mx-lg-5 {
    margin-right: 3rem !important;
  }
  .mb-lg-5,
  .my-lg-5 {
    margin-bottom: 3rem !important;
  }
  .ml-lg-5,
  .mx-lg-5 {
    margin-left: 3rem !important;
  }
  .p-lg-0 {
    padding: 0 !important;
  }
  .pt-lg-0,
  .py-lg-0 {
    padding-top: 0 !important;
  }
  .pr-lg-0,
  .px-lg-0 {
    padding-right: 0 !important;
  }
  .pb-lg-0,
  .py-lg-0 {
    padding-bottom: 0 !important;
  }
  .pl-lg-0,
  .px-lg-0 {
    padding-left: 0 !important;
  }
  .p-lg-1 {
    padding: 0.25rem !important;
  }
  .pt-lg-1,
  .py-lg-1 {
    padding-top: 0.25rem !important;
  }
  .pr-lg-1,
  .px-lg-1 {
    padding-right: 0.25rem !important;
  }
  .pb-lg-1,
  .py-lg-1 {
    padding-bottom: 0.25rem !important;
  }
  .pl-lg-1,
  .px-lg-1 {
    padding-left: 0.25rem !important;
  }
  .p-lg-2 {
    padding: 0.5rem !important;
  }
  .pt-lg-2,
  .py-lg-2 {
    padding-top: 0.5rem !important;
  }
  .pr-lg-2,
  .px-lg-2 {
    padding-right: 0.5rem !important;
  }
  .pb-lg-2,
  .py-lg-2 {
    padding-bottom: 0.5rem !important;
  }
  .pl-lg-2,
  .px-lg-2 {
    padding-left: 0.5rem !important;
  }
  .p-lg-3 {
    padding: 1rem !important;
  }
  .pt-lg-3,
  .py-lg-3 {
    padding-top: 1rem !important;
  }
  .pr-lg-3,
  .px-lg-3 {
    padding-right: 1rem !important;
  }
  .pb-lg-3,
  .py-lg-3 {
    padding-bottom: 1rem !important;
  }
  .pl-lg-3,
  .px-lg-3 {
    padding-left: 1rem !important;
  }
  .p-lg-4 {
    padding: 1.5rem !important;
  }
  .pt-lg-4,
  .py-lg-4 {
    padding-top: 1.5rem !important;
  }
  .pr-lg-4,
  .px-lg-4 {
    padding-right: 1.5rem !important;
  }
  .pb-lg-4,
  .py-lg-4 {
    padding-bottom: 1.5rem !important;
  }
  .pl-lg-4,
  .px-lg-4 {
    padding-left: 1.5rem !important;
  }
  .p-lg-5 {
    padding: 3rem !important;
  }
  .pt-lg-5,
  .py-lg-5 {
    padding-top: 3rem !important;
  }
  .pr-lg-5,
  .px-lg-5 {
    padding-right: 3rem !important;
  }
  .pb-lg-5,
  .py-lg-5 {
    padding-bottom: 3rem !important;
  }
  .pl-lg-5,
  .px-lg-5 {
    padding-left: 3rem !important;
  }
  .m-lg-n1 {
    margin: -0.25rem !important;
  }
  .mt-lg-n1,
  .my-lg-n1 {
    margin-top: -0.25rem !important;
  }
  .mr-lg-n1,
  .mx-lg-n1 {
    margin-right: -0.25rem !important;
  }
  .mb-lg-n1,
  .my-lg-n1 {
    margin-bottom: -0.25rem !important;
  }
  .ml-lg-n1,
  .mx-lg-n1 {
    margin-left: -0.25rem !important;
  }
  .m-lg-n2 {
    margin: -0.5rem !important;
  }
  .mt-lg-n2,
  .my-lg-n2 {
    margin-top: -0.5rem !important;
  }
  .mr-lg-n2,
  .mx-lg-n2 {
    margin-right: -0.5rem !important;
  }
  .mb-lg-n2,
  .my-lg-n2 {
    margin-bottom: -0.5rem !important;
  }
  .ml-lg-n2,
  .mx-lg-n2 {
    margin-left: -0.5rem !important;
  }
  .m-lg-n3 {
    margin: -1rem !important;
  }
  .mt-lg-n3,
  .my-lg-n3 {
    margin-top: -1rem !important;
  }
  .mr-lg-n3,
  .mx-lg-n3 {
    margin-right: -1rem !important;
  }
  .mb-lg-n3,
  .my-lg-n3 {
    margin-bottom: -1rem !important;
  }
  .ml-lg-n3,
  .mx-lg-n3 {
    margin-left: -1rem !important;
  }
  .m-lg-n4 {
    margin: -1.5rem !important;
  }
  .mt-lg-n4,
  .my-lg-n4 {
    margin-top: -1.5rem !important;
  }
  .mr-lg-n4,
  .mx-lg-n4 {
    margin-right: -1.5rem !important;
  }
  .mb-lg-n4,
  .my-lg-n4 {
    margin-bottom: -1.5rem !important;
  }
  .ml-lg-n4,
  .mx-lg-n4 {
    margin-left: -1.5rem !important;
  }
  .m-lg-n5 {
    margin: -3rem !important;
  }
  .mt-lg-n5,
  .my-lg-n5 {
    margin-top: -3rem !important;
  }
  .mr-lg-n5,
  .mx-lg-n5 {
    margin-right: -3rem !important;
  }
  .mb-lg-n5,
  .my-lg-n5 {
    margin-bottom: -3rem !important;
  }
  .ml-lg-n5,
  .mx-lg-n5 {
    margin-left: -3rem !important;
  }
  .m-lg-auto {
    margin: auto !important;
  }
  .mt-lg-auto,
  .my-lg-auto {
    margin-top: auto !important;
  }
  .mr-lg-auto,
  .mx-lg-auto {
    margin-right: auto !important;
  }
  .mb-lg-auto,
  .my-lg-auto {
    margin-bottom: auto !important;
  }
  .ml-lg-auto,
  .mx-lg-auto {
    margin-left: auto !important;
  }
}
@media (min-width: 1382px) {
  .m-custom-xl-0 {
    margin: 0 !important;
  }
  .mt-custom-xl-0,
  .my-custom-xl-0 {
    margin-top: 0 !important;
  }
  .mr-custom-xl-0,
  .mx-custom-xl-0 {
    margin-right: 0 !important;
  }
  .mb-custom-xl-0,
  .my-custom-xl-0 {
    margin-bottom: 0 !important;
  }
  .ml-custom-xl-0,
  .mx-custom-xl-0 {
    margin-left: 0 !important;
  }
  .m-custom-xl-1 {
    margin: 0.25rem !important;
  }
  .mt-custom-xl-1,
  .my-custom-xl-1 {
    margin-top: 0.25rem !important;
  }
  .mr-custom-xl-1,
  .mx-custom-xl-1 {
    margin-right: 0.25rem !important;
  }
  .mb-custom-xl-1,
  .my-custom-xl-1 {
    margin-bottom: 0.25rem !important;
  }
  .ml-custom-xl-1,
  .mx-custom-xl-1 {
    margin-left: 0.25rem !important;
  }
  .m-custom-xl-2 {
    margin: 0.5rem !important;
  }
  .mt-custom-xl-2,
  .my-custom-xl-2 {
    margin-top: 0.5rem !important;
  }
  .mr-custom-xl-2,
  .mx-custom-xl-2 {
    margin-right: 0.5rem !important;
  }
  .mb-custom-xl-2,
  .my-custom-xl-2 {
    margin-bottom: 0.5rem !important;
  }
  .ml-custom-xl-2,
  .mx-custom-xl-2 {
    margin-left: 0.5rem !important;
  }
  .m-custom-xl-3 {
    margin: 1rem !important;
  }
  .mt-custom-xl-3,
  .my-custom-xl-3 {
    margin-top: 1rem !important;
  }
  .mr-custom-xl-3,
  .mx-custom-xl-3 {
    margin-right: 1rem !important;
  }
  .mb-custom-xl-3,
  .my-custom-xl-3 {
    margin-bottom: 1rem !important;
  }
  .ml-custom-xl-3,
  .mx-custom-xl-3 {
    margin-left: 1rem !important;
  }
  .m-custom-xl-4 {
    margin: 1.5rem !important;
  }
  .mt-custom-xl-4,
  .my-custom-xl-4 {
    margin-top: 1.5rem !important;
  }
  .mr-custom-xl-4,
  .mx-custom-xl-4 {
    margin-right: 1.5rem !important;
  }
  .mb-custom-xl-4,
  .my-custom-xl-4 {
    margin-bottom: 1.5rem !important;
  }
  .ml-custom-xl-4,
  .mx-custom-xl-4 {
    margin-left: 1.5rem !important;
  }
  .m-custom-xl-5 {
    margin: 3rem !important;
  }
  .mt-custom-xl-5,
  .my-custom-xl-5 {
    margin-top: 3rem !important;
  }
  .mr-custom-xl-5,
  .mx-custom-xl-5 {
    margin-right: 3rem !important;
  }
  .mb-custom-xl-5,
  .my-custom-xl-5 {
    margin-bottom: 3rem !important;
  }
  .ml-custom-xl-5,
  .mx-custom-xl-5 {
    margin-left: 3rem !important;
  }
  .p-custom-xl-0 {
    padding: 0 !important;
  }
  .pt-custom-xl-0,
  .py-custom-xl-0 {
    padding-top: 0 !important;
  }
  .pr-custom-xl-0,
  .px-custom-xl-0 {
    padding-right: 0 !important;
  }
  .pb-custom-xl-0,
  .py-custom-xl-0 {
    padding-bottom: 0 !important;
  }
  .pl-custom-xl-0,
  .px-custom-xl-0 {
    padding-left: 0 !important;
  }
  .p-custom-xl-1 {
    padding: 0.25rem !important;
  }
  .pt-custom-xl-1,
  .py-custom-xl-1 {
    padding-top: 0.25rem !important;
  }
  .pr-custom-xl-1,
  .px-custom-xl-1 {
    padding-right: 0.25rem !important;
  }
  .pb-custom-xl-1,
  .py-custom-xl-1 {
    padding-bottom: 0.25rem !important;
  }
  .pl-custom-xl-1,
  .px-custom-xl-1 {
    padding-left: 0.25rem !important;
  }
  .p-custom-xl-2 {
    padding: 0.5rem !important;
  }
  .pt-custom-xl-2,
  .py-custom-xl-2 {
    padding-top: 0.5rem !important;
  }
  .pr-custom-xl-2,
  .px-custom-xl-2 {
    padding-right: 0.5rem !important;
  }
  .pb-custom-xl-2,
  .py-custom-xl-2 {
    padding-bottom: 0.5rem !important;
  }
  .pl-custom-xl-2,
  .px-custom-xl-2 {
    padding-left: 0.5rem !important;
  }
  .p-custom-xl-3 {
    padding: 1rem !important;
  }
  .pt-custom-xl-3,
  .py-custom-xl-3 {
    padding-top: 1rem !important;
  }
  .pr-custom-xl-3,
  .px-custom-xl-3 {
    padding-right: 1rem !important;
  }
  .pb-custom-xl-3,
  .py-custom-xl-3 {
    padding-bottom: 1rem !important;
  }
  .pl-custom-xl-3,
  .px-custom-xl-3 {
    padding-left: 1rem !important;
  }
  .p-custom-xl-4 {
    padding: 1.5rem !important;
  }
  .pt-custom-xl-4,
  .py-custom-xl-4 {
    padding-top: 1.5rem !important;
  }
  .pr-custom-xl-4,
  .px-custom-xl-4 {
    padding-right: 1.5rem !important;
  }
  .pb-custom-xl-4,
  .py-custom-xl-4 {
    padding-bottom: 1.5rem !important;
  }
  .pl-custom-xl-4,
  .px-custom-xl-4 {
    padding-left: 1.5rem !important;
  }
  .p-custom-xl-5 {
    padding: 3rem !important;
  }
  .pt-custom-xl-5,
  .py-custom-xl-5 {
    padding-top: 3rem !important;
  }
  .pr-custom-xl-5,
  .px-custom-xl-5 {
    padding-right: 3rem !important;
  }
  .pb-custom-xl-5,
  .py-custom-xl-5 {
    padding-bottom: 3rem !important;
  }
  .pl-custom-xl-5,
  .px-custom-xl-5 {
    padding-left: 3rem !important;
  }
  .m-custom-xl-n1 {
    margin: -0.25rem !important;
  }
  .mt-custom-xl-n1,
  .my-custom-xl-n1 {
    margin-top: -0.25rem !important;
  }
  .mr-custom-xl-n1,
  .mx-custom-xl-n1 {
    margin-right: -0.25rem !important;
  }
  .mb-custom-xl-n1,
  .my-custom-xl-n1 {
    margin-bottom: -0.25rem !important;
  }
  .ml-custom-xl-n1,
  .mx-custom-xl-n1 {
    margin-left: -0.25rem !important;
  }
  .m-custom-xl-n2 {
    margin: -0.5rem !important;
  }
  .mt-custom-xl-n2,
  .my-custom-xl-n2 {
    margin-top: -0.5rem !important;
  }
  .mr-custom-xl-n2,
  .mx-custom-xl-n2 {
    margin-right: -0.5rem !important;
  }
  .mb-custom-xl-n2,
  .my-custom-xl-n2 {
    margin-bottom: -0.5rem !important;
  }
  .ml-custom-xl-n2,
  .mx-custom-xl-n2 {
    margin-left: -0.5rem !important;
  }
  .m-custom-xl-n3 {
    margin: -1rem !important;
  }
  .mt-custom-xl-n3,
  .my-custom-xl-n3 {
    margin-top: -1rem !important;
  }
  .mr-custom-xl-n3,
  .mx-custom-xl-n3 {
    margin-right: -1rem !important;
  }
  .mb-custom-xl-n3,
  .my-custom-xl-n3 {
    margin-bottom: -1rem !important;
  }
  .ml-custom-xl-n3,
  .mx-custom-xl-n3 {
    margin-left: -1rem !important;
  }
  .m-custom-xl-n4 {
    margin: -1.5rem !important;
  }
  .mt-custom-xl-n4,
  .my-custom-xl-n4 {
    margin-top: -1.5rem !important;
  }
  .mr-custom-xl-n4,
  .mx-custom-xl-n4 {
    margin-right: -1.5rem !important;
  }
  .mb-custom-xl-n4,
  .my-custom-xl-n4 {
    margin-bottom: -1.5rem !important;
  }
  .ml-custom-xl-n4,
  .mx-custom-xl-n4 {
    margin-left: -1.5rem !important;
  }
  .m-custom-xl-n5 {
    margin: -3rem !important;
  }
  .mt-custom-xl-n5,
  .my-custom-xl-n5 {
    margin-top: -3rem !important;
  }
  .mr-custom-xl-n5,
  .mx-custom-xl-n5 {
    margin-right: -3rem !important;
  }
  .mb-custom-xl-n5,
  .my-custom-xl-n5 {
    margin-bottom: -3rem !important;
  }
  .ml-custom-xl-n5,
  .mx-custom-xl-n5 {
    margin-left: -3rem !important;
  }
  .m-custom-xl-auto {
    margin: auto !important;
  }
  .mt-custom-xl-auto,
  .my-custom-xl-auto {
    margin-top: auto !important;
  }
  .mr-custom-xl-auto,
  .mx-custom-xl-auto {
    margin-right: auto !important;
  }
  .mb-custom-xl-auto,
  .my-custom-xl-auto {
    margin-bottom: auto !important;
  }
  .ml-custom-xl-auto,
  .mx-custom-xl-auto {
    margin-left: auto !important;
  }
}
@media (min-width: 1440px) {
  .m-xl-0 {
    margin: 0 !important;
  }
  .mt-xl-0,
  .my-xl-0 {
    margin-top: 0 !important;
  }
  .mr-xl-0,
  .mx-xl-0 {
    margin-right: 0 !important;
  }
  .mb-xl-0,
  .my-xl-0 {
    margin-bottom: 0 !important;
  }
  .ml-xl-0,
  .mx-xl-0 {
    margin-left: 0 !important;
  }
  .m-xl-1 {
    margin: 0.25rem !important;
  }
  .mt-xl-1,
  .my-xl-1 {
    margin-top: 0.25rem !important;
  }
  .mr-xl-1,
  .mx-xl-1 {
    margin-right: 0.25rem !important;
  }
  .mb-xl-1,
  .my-xl-1 {
    margin-bottom: 0.25rem !important;
  }
  .ml-xl-1,
  .mx-xl-1 {
    margin-left: 0.25rem !important;
  }
  .m-xl-2 {
    margin: 0.5rem !important;
  }
  .mt-xl-2,
  .my-xl-2 {
    margin-top: 0.5rem !important;
  }
  .mr-xl-2,
  .mx-xl-2 {
    margin-right: 0.5rem !important;
  }
  .mb-xl-2,
  .my-xl-2 {
    margin-bottom: 0.5rem !important;
  }
  .ml-xl-2,
  .mx-xl-2 {
    margin-left: 0.5rem !important;
  }
  .m-xl-3 {
    margin: 1rem !important;
  }
  .mt-xl-3,
  .my-xl-3 {
    margin-top: 1rem !important;
  }
  .mr-xl-3,
  .mx-xl-3 {
    margin-right: 1rem !important;
  }
  .mb-xl-3,
  .my-xl-3 {
    margin-bottom: 1rem !important;
  }
  .ml-xl-3,
  .mx-xl-3 {
    margin-left: 1rem !important;
  }
  .m-xl-4 {
    margin: 1.5rem !important;
  }
  .mt-xl-4,
  .my-xl-4 {
    margin-top: 1.5rem !important;
  }
  .mr-xl-4,
  .mx-xl-4 {
    margin-right: 1.5rem !important;
  }
  .mb-xl-4,
  .my-xl-4 {
    margin-bottom: 1.5rem !important;
  }
  .ml-xl-4,
  .mx-xl-4 {
    margin-left: 1.5rem !important;
  }
  .m-xl-5 {
    margin: 3rem !important;
  }
  .mt-xl-5,
  .my-xl-5 {
    margin-top: 3rem !important;
  }
  .mr-xl-5,
  .mx-xl-5 {
    margin-right: 3rem !important;
  }
  .mb-xl-5,
  .my-xl-5 {
    margin-bottom: 3rem !important;
  }
  .ml-xl-5,
  .mx-xl-5 {
    margin-left: 3rem !important;
  }
  .p-xl-0 {
    padding: 0 !important;
  }
  .pt-xl-0,
  .py-xl-0 {
    padding-top: 0 !important;
  }
  .pr-xl-0,
  .px-xl-0 {
    padding-right: 0 !important;
  }
  .pb-xl-0,
  .py-xl-0 {
    padding-bottom: 0 !important;
  }
  .pl-xl-0,
  .px-xl-0 {
    padding-left: 0 !important;
  }
  .p-xl-1 {
    padding: 0.25rem !important;
  }
  .pt-xl-1,
  .py-xl-1 {
    padding-top: 0.25rem !important;
  }
  .pr-xl-1,
  .px-xl-1 {
    padding-right: 0.25rem !important;
  }
  .pb-xl-1,
  .py-xl-1 {
    padding-bottom: 0.25rem !important;
  }
  .pl-xl-1,
  .px-xl-1 {
    padding-left: 0.25rem !important;
  }
  .p-xl-2 {
    padding: 0.5rem !important;
  }
  .pt-xl-2,
  .py-xl-2 {
    padding-top: 0.5rem !important;
  }
  .pr-xl-2,
  .px-xl-2 {
    padding-right: 0.5rem !important;
  }
  .pb-xl-2,
  .py-xl-2 {
    padding-bottom: 0.5rem !important;
  }
  .pl-xl-2,
  .px-xl-2 {
    padding-left: 0.5rem !important;
  }
  .p-xl-3 {
    padding: 1rem !important;
  }
  .pt-xl-3,
  .py-xl-3 {
    padding-top: 1rem !important;
  }
  .pr-xl-3,
  .px-xl-3 {
    padding-right: 1rem !important;
  }
  .pb-xl-3,
  .py-xl-3 {
    padding-bottom: 1rem !important;
  }
  .pl-xl-3,
  .px-xl-3 {
    padding-left: 1rem !important;
  }
  .p-xl-4 {
    padding: 1.5rem !important;
  }
  .pt-xl-4,
  .py-xl-4 {
    padding-top: 1.5rem !important;
  }
  .pr-xl-4,
  .px-xl-4 {
    padding-right: 1.5rem !important;
  }
  .pb-xl-4,
  .py-xl-4 {
    padding-bottom: 1.5rem !important;
  }
  .pl-xl-4,
  .px-xl-4 {
    padding-left: 1.5rem !important;
  }
  .p-xl-5 {
    padding: 3rem !important;
  }
  .pt-xl-5,
  .py-xl-5 {
    padding-top: 3rem !important;
  }
  .pr-xl-5,
  .px-xl-5 {
    padding-right: 3rem !important;
  }
  .pb-xl-5,
  .py-xl-5 {
    padding-bottom: 3rem !important;
  }
  .pl-xl-5,
  .px-xl-5 {
    padding-left: 3rem !important;
  }
  .m-xl-n1 {
    margin: -0.25rem !important;
  }
  .mt-xl-n1,
  .my-xl-n1 {
    margin-top: -0.25rem !important;
  }
  .mr-xl-n1,
  .mx-xl-n1 {
    margin-right: -0.25rem !important;
  }
  .mb-xl-n1,
  .my-xl-n1 {
    margin-bottom: -0.25rem !important;
  }
  .ml-xl-n1,
  .mx-xl-n1 {
    margin-left: -0.25rem !important;
  }
  .m-xl-n2 {
    margin: -0.5rem !important;
  }
  .mt-xl-n2,
  .my-xl-n2 {
    margin-top: -0.5rem !important;
  }
  .mr-xl-n2,
  .mx-xl-n2 {
    margin-right: -0.5rem !important;
  }
  .mb-xl-n2,
  .my-xl-n2 {
    margin-bottom: -0.5rem !important;
  }
  .ml-xl-n2,
  .mx-xl-n2 {
    margin-left: -0.5rem !important;
  }
  .m-xl-n3 {
    margin: -1rem !important;
  }
  .mt-xl-n3,
  .my-xl-n3 {
    margin-top: -1rem !important;
  }
  .mr-xl-n3,
  .mx-xl-n3 {
    margin-right: -1rem !important;
  }
  .mb-xl-n3,
  .my-xl-n3 {
    margin-bottom: -1rem !important;
  }
  .ml-xl-n3,
  .mx-xl-n3 {
    margin-left: -1rem !important;
  }
  .m-xl-n4 {
    margin: -1.5rem !important;
  }
  .mt-xl-n4,
  .my-xl-n4 {
    margin-top: -1.5rem !important;
  }
  .mr-xl-n4,
  .mx-xl-n4 {
    margin-right: -1.5rem !important;
  }
  .mb-xl-n4,
  .my-xl-n4 {
    margin-bottom: -1.5rem !important;
  }
  .ml-xl-n4,
  .mx-xl-n4 {
    margin-left: -1.5rem !important;
  }
  .m-xl-n5 {
    margin: -3rem !important;
  }
  .mt-xl-n5,
  .my-xl-n5 {
    margin-top: -3rem !important;
  }
  .mr-xl-n5,
  .mx-xl-n5 {
    margin-right: -3rem !important;
  }
  .mb-xl-n5,
  .my-xl-n5 {
    margin-bottom: -3rem !important;
  }
  .ml-xl-n5,
  .mx-xl-n5 {
    margin-left: -3rem !important;
  }
  .m-xl-auto {
    margin: auto !important;
  }
  .mt-xl-auto,
  .my-xl-auto {
    margin-top: auto !important;
  }
  .mr-xl-auto,
  .mx-xl-auto {
    margin-right: auto !important;
  }
  .mb-xl-auto,
  .my-xl-auto {
    margin-bottom: auto !important;
  }
  .ml-xl-auto,
  .mx-xl-auto {
    margin-left: auto !important;
  }
}
@media (min-width: 1600px) {
  .m-xxl-0 {
    margin: 0 !important;
  }
  .mt-xxl-0,
  .my-xxl-0 {
    margin-top: 0 !important;
  }
  .mr-xxl-0,
  .mx-xxl-0 {
    margin-right: 0 !important;
  }
  .mb-xxl-0,
  .my-xxl-0 {
    margin-bottom: 0 !important;
  }
  .ml-xxl-0,
  .mx-xxl-0 {
    margin-left: 0 !important;
  }
  .m-xxl-1 {
    margin: 0.25rem !important;
  }
  .mt-xxl-1,
  .my-xxl-1 {
    margin-top: 0.25rem !important;
  }
  .mr-xxl-1,
  .mx-xxl-1 {
    margin-right: 0.25rem !important;
  }
  .mb-xxl-1,
  .my-xxl-1 {
    margin-bottom: 0.25rem !important;
  }
  .ml-xxl-1,
  .mx-xxl-1 {
    margin-left: 0.25rem !important;
  }
  .m-xxl-2 {
    margin: 0.5rem !important;
  }
  .mt-xxl-2,
  .my-xxl-2 {
    margin-top: 0.5rem !important;
  }
  .mr-xxl-2,
  .mx-xxl-2 {
    margin-right: 0.5rem !important;
  }
  .mb-xxl-2,
  .my-xxl-2 {
    margin-bottom: 0.5rem !important;
  }
  .ml-xxl-2,
  .mx-xxl-2 {
    margin-left: 0.5rem !important;
  }
  .m-xxl-3 {
    margin: 1rem !important;
  }
  .mt-xxl-3,
  .my-xxl-3 {
    margin-top: 1rem !important;
  }
  .mr-xxl-3,
  .mx-xxl-3 {
    margin-right: 1rem !important;
  }
  .mb-xxl-3,
  .my-xxl-3 {
    margin-bottom: 1rem !important;
  }
  .ml-xxl-3,
  .mx-xxl-3 {
    margin-left: 1rem !important;
  }
  .m-xxl-4 {
    margin: 1.5rem !important;
  }
  .mt-xxl-4,
  .my-xxl-4 {
    margin-top: 1.5rem !important;
  }
  .mr-xxl-4,
  .mx-xxl-4 {
    margin-right: 1.5rem !important;
  }
  .mb-xxl-4,
  .my-xxl-4 {
    margin-bottom: 1.5rem !important;
  }
  .ml-xxl-4,
  .mx-xxl-4 {
    margin-left: 1.5rem !important;
  }
  .m-xxl-5 {
    margin: 3rem !important;
  }
  .mt-xxl-5,
  .my-xxl-5 {
    margin-top: 3rem !important;
  }
  .mr-xxl-5,
  .mx-xxl-5 {
    margin-right: 3rem !important;
  }
  .mb-xxl-5,
  .my-xxl-5 {
    margin-bottom: 3rem !important;
  }
  .ml-xxl-5,
  .mx-xxl-5 {
    margin-left: 3rem !important;
  }
  .p-xxl-0 {
    padding: 0 !important;
  }
  .pt-xxl-0,
  .py-xxl-0 {
    padding-top: 0 !important;
  }
  .pr-xxl-0,
  .px-xxl-0 {
    padding-right: 0 !important;
  }
  .pb-xxl-0,
  .py-xxl-0 {
    padding-bottom: 0 !important;
  }
  .pl-xxl-0,
  .px-xxl-0 {
    padding-left: 0 !important;
  }
  .p-xxl-1 {
    padding: 0.25rem !important;
  }
  .pt-xxl-1,
  .py-xxl-1 {
    padding-top: 0.25rem !important;
  }
  .pr-xxl-1,
  .px-xxl-1 {
    padding-right: 0.25rem !important;
  }
  .pb-xxl-1,
  .py-xxl-1 {
    padding-bottom: 0.25rem !important;
  }
  .pl-xxl-1,
  .px-xxl-1 {
    padding-left: 0.25rem !important;
  }
  .p-xxl-2 {
    padding: 0.5rem !important;
  }
  .pt-xxl-2,
  .py-xxl-2 {
    padding-top: 0.5rem !important;
  }
  .pr-xxl-2,
  .px-xxl-2 {
    padding-right: 0.5rem !important;
  }
  .pb-xxl-2,
  .py-xxl-2 {
    padding-bottom: 0.5rem !important;
  }
  .pl-xxl-2,
  .px-xxl-2 {
    padding-left: 0.5rem !important;
  }
  .p-xxl-3 {
    padding: 1rem !important;
  }
  .pt-xxl-3,
  .py-xxl-3 {
    padding-top: 1rem !important;
  }
  .pr-xxl-3,
  .px-xxl-3 {
    padding-right: 1rem !important;
  }
  .pb-xxl-3,
  .py-xxl-3 {
    padding-bottom: 1rem !important;
  }
  .pl-xxl-3,
  .px-xxl-3 {
    padding-left: 1rem !important;
  }
  .p-xxl-4 {
    padding: 1.5rem !important;
  }
  .pt-xxl-4,
  .py-xxl-4 {
    padding-top: 1.5rem !important;
  }
  .pr-xxl-4,
  .px-xxl-4 {
    padding-right: 1.5rem !important;
  }
  .pb-xxl-4,
  .py-xxl-4 {
    padding-bottom: 1.5rem !important;
  }
  .pl-xxl-4,
  .px-xxl-4 {
    padding-left: 1.5rem !important;
  }
  .p-xxl-5 {
    padding: 3rem !important;
  }
  .pt-xxl-5,
  .py-xxl-5 {
    padding-top: 3rem !important;
  }
  .pr-xxl-5,
  .px-xxl-5 {
    padding-right: 3rem !important;
  }
  .pb-xxl-5,
  .py-xxl-5 {
    padding-bottom: 3rem !important;
  }
  .pl-xxl-5,
  .px-xxl-5 {
    padding-left: 3rem !important;
  }
  .m-xxl-n1 {
    margin: -0.25rem !important;
  }
  .mt-xxl-n1,
  .my-xxl-n1 {
    margin-top: -0.25rem !important;
  }
  .mr-xxl-n1,
  .mx-xxl-n1 {
    margin-right: -0.25rem !important;
  }
  .mb-xxl-n1,
  .my-xxl-n1 {
    margin-bottom: -0.25rem !important;
  }
  .ml-xxl-n1,
  .mx-xxl-n1 {
    margin-left: -0.25rem !important;
  }
  .m-xxl-n2 {
    margin: -0.5rem !important;
  }
  .mt-xxl-n2,
  .my-xxl-n2 {
    margin-top: -0.5rem !important;
  }
  .mr-xxl-n2,
  .mx-xxl-n2 {
    margin-right: -0.5rem !important;
  }
  .mb-xxl-n2,
  .my-xxl-n2 {
    margin-bottom: -0.5rem !important;
  }
  .ml-xxl-n2,
  .mx-xxl-n2 {
    margin-left: -0.5rem !important;
  }
  .m-xxl-n3 {
    margin: -1rem !important;
  }
  .mt-xxl-n3,
  .my-xxl-n3 {
    margin-top: -1rem !important;
  }
  .mr-xxl-n3,
  .mx-xxl-n3 {
    margin-right: -1rem !important;
  }
  .mb-xxl-n3,
  .my-xxl-n3 {
    margin-bottom: -1rem !important;
  }
  .ml-xxl-n3,
  .mx-xxl-n3 {
    margin-left: -1rem !important;
  }
  .m-xxl-n4 {
    margin: -1.5rem !important;
  }
  .mt-xxl-n4,
  .my-xxl-n4 {
    margin-top: -1.5rem !important;
  }
  .mr-xxl-n4,
  .mx-xxl-n4 {
    margin-right: -1.5rem !important;
  }
  .mb-xxl-n4,
  .my-xxl-n4 {
    margin-bottom: -1.5rem !important;
  }
  .ml-xxl-n4,
  .mx-xxl-n4 {
    margin-left: -1.5rem !important;
  }
  .m-xxl-n5 {
    margin: -3rem !important;
  }
  .mt-xxl-n5,
  .my-xxl-n5 {
    margin-top: -3rem !important;
  }
  .mr-xxl-n5,
  .mx-xxl-n5 {
    margin-right: -3rem !important;
  }
  .mb-xxl-n5,
  .my-xxl-n5 {
    margin-bottom: -3rem !important;
  }
  .ml-xxl-n5,
  .mx-xxl-n5 {
    margin-left: -3rem !important;
  }
  .m-xxl-auto {
    margin: auto !important;
  }
  .mt-xxl-auto,
  .my-xxl-auto {
    margin-top: auto !important;
  }
  .mr-xxl-auto,
  .mx-xxl-auto {
    margin-right: auto !important;
  }
  .mb-xxl-auto,
  .my-xxl-auto {
    margin-bottom: auto !important;
  }
  .ml-xxl-auto,
  .mx-xxl-auto {
    margin-left: auto !important;
  }
}
@keyframes flash-bar {
  0% {
    max-height: 0vh;
  }
  4% {
    max-height: 0vh;
  }
  12% {
    max-height: 50vh;
  }
  87% {
    max-height: 50vh;
  }
  100% {
    max-height: 0vh;
  }
}
@keyframes persist-bar {
  0% {
    max-height: 0vh;
  }
  50% {
    max-height: 0vh;
  }
  100% {
    max-height: 50vh;
  }
}
.alert-bar {
  position: relative;
  max-height: 0vh;
  transition: max-height 1s ease-in-out;
  text-align: center;
  overflow: hidden;
  z-index: 10000;
}
.alert-bar:not(.persist) {
  animation-name: flash-bar;
  animation-duration: 8s;
}
.alert-bar.hide {
  animation: none;
  max-height: 0vh;
}
.alert-bar.persist {
  animation-name: persist-bar;
  animation-duration: 2s;
  max-height: 50vh;
}
.alert-bar > .close {
  background-image: url("data:image/svg+xml,%3Csvg version='1.1' id='Layer_1' xmlns='http://www.w3.org/2000/svg' xmlns:xlink='http://www.w3.org/1999/xlink' x='0px' y='0px' viewBox='0 0 96 96' enable-background='new 0 0 96 96' xml:space='preserve'%3E%3Cpolygon fill='%23AAAAAB' points='96,14 82,0 48,34 14,0 0,14 34,48 0,82 14,96 48,62 82,96 96,82 62,48 '/%3E%3C/svg%3E%0A");
  display: block;
  width: 1rem;
  height: 1rem;
  top: 1rem;
  right: 1rem;
  position: absolute;
}
.alert-bar > p {
  padding: 2rem 3rem;
  margin: 0;
}
.alert-bar.success {
  background-color: #c6ffc6;
}
.alert-bar.danger, .alert-bar.error {
  background-color: #ffc6c6;
}
.alert-bar.warning {
  background-color: #fff9c6;
}
.alert-bar.info {
  background-color: #e2c6ff;
}

@keyframes page-load {
  0% {
    width: 0;
    left: 0;
    right: auto;
  }
  50% {
    width: 100%;
    left: 0;
    right: auto;
  }
  50.01% {
    width: 100%;
    right: 0;
    left: auto;
  }
  100% {
    width: 0%;
    right: 0;
    left: auto;
  }
}
.page-loading::before {
  content: " ";
  display: block;
  position: fixed;
  z-index: 10;
  height: 5px;
  width: 100%;
  top: 0;
  left: 0;
  background-color: #43347f;
  animation: page-load ease-in-out 2s infinite;
}
.page-loading.bg-default::before {
  background-color: #E91F73;
}

html {
  font-size: 14px;
}
@media (min-width: 490px) {
  html {
    font-size: 16px;
  }
}
@media (min-width: 1600px) {
  html {
    font-size: 18px;
  }
}

body {
  color: #7f7f7f;
}
body.tab {
  max-width: 100%;
  overflow-x: hidden;
}

.bg-default {
  background: linear-gradient(-265deg, #3e0080 0%, #9c10e5 100%) !important;
}

h1, h2, h3, h4, h5, h6, .h1, .h2, .h3, .h4, .h5, .h6 {
  color: #7f7f7f;
}

b {
  font-weight: 900;
}

/* Turn on custom 8px wide scrollbar */
::-webkit-scrollbar {
  width: 24px; /* 1px wider than Lion. */
  background-color: #fff;
  -webkit-border-radius: 0 8px 8px 0;
}

::-webkit-scrollbar-thumb {
  background: #d9d9dd;
  -webkit-box-shadow: none;
  -webkit-border-radius: 100px;
  background-clip: padding-box;
  border: 8px solid transparent;
  border-top-width: 8px;
  min-height: 24px;
}

::webkit-scrollbar-track:hover {
  margin: 40px 0;
}

::-webkit-scrollbar-button {
  width: 0;
  height: 0;
  display: none;
}

::-webkit-scrollbar:horizontal {
  height: 23px;
  -webkit-border-radius: 0 8px 8px 0;
}

nav a:not(.btn):not(.dropdown-item),
.card a:not(.btn):not(.dropdown-item):not(.active) {
  color: #E91F73;
}

.dropdown-item {
  color: #76658a;
}
.dropdown-item > i,
.dropdown-item > svg {
  margin: 0 0.5rem;
}
.dropdown-item.teams-share-button {
  cursor: pointer;
}
.dropdown-item.teams-share-button:after {
  content: attr(data-label);
  padding-left: 0.65rem;
}

.text-purple {
  color: #E91F73 !important;
}

.text-primary,
a.text-primary,
a.text-primary:active,
a.text-primary:visited,
a.text-primary:focus,
a.text-primary:hover {
  color: #E91F73 !important;
}

.text-bold {
  font-weight: 900 !important;
}

.text-caps {
  text-transform: uppercase;
}

.text-grey {
  color: #7f7f7f !important;
}

.text-dark-grey {
  color: #707070 !important;
}

.text-light-grey {
  color: #8f8f8f !important;
}

.text-silver {
  color: #bfbfbf !important;
}

.text-light-silver {
  color: #f1f2f3 !important;
}

.text-bright-green {
  color: #04b720 !important;
}

.text-md {
  font-size: 1rem !important;
}

.text-bg {
  position: relative;
}
.text-bg:after {
  content: "";
  border-radius: 50%;
  width: 80%;
  height: 80%;
  position: absolute;
  top: 10%;
  left: 10%;
  z-index: -1;
}
.text-bg.fill-white:after {
  background-color: #fff;
}

.text-xxl {
  font-size: 2.2rem;
}

.text-3xl {
  font-size: 3rem;
}

.text-5xl {
  font-size: 5rem;
}

[class*=icon-].text-xl {
  vertical-align: -22%;
}

[class*=icon-].text-xxl {
  vertical-align: -22%;
}

[class*=icon-].text-3xl {
  vertical-align: -22%;
}

[class*=icon-].text-5xl {
  vertical-align: -22%;
}

.bg-primary {
  background-color: #E91F73 !important;
}

.alert {
  text-align: center;
}

.disabled:not(.custom-control-input) {
  opacity: 0.5;
  cursor: default;
}
.disabled:not(.custom-control-input):not(.premium-only) {
  pointer-events: none;
}

.alert-success {
  color: #20192f;
}

.navbar-nav:not(:empty) {
  margin: 1rem 0;
}

.navbar-laravel {
  background-color: #fff;
  box-shadow: 0 0 8px 0 rgba(61, 57, 77, 0.19);
}

.navbar-toggler {
  border: none;
}

.premium-promo:not(.btn):not(.dropdown-item) {
  cursor: pointer;
  background-color: #8ADEEB;
  font-size: 1rem;
  font-weight: 600;
  color: #fff;
  margin: 0 -1.5rem;
  padding: 0.5rem 5.5rem 2.25rem 1.5rem;
  background-image: url(/merge/img/premium.svg);
  background-size: 85%;
  background-repeat: no-repeat;
  background-position: 150% bottom;
}

.nav-tabs.object-tabs {
  border-bottom: 0;
}
.nav-tabs.object-tabs .nav-item .nav-link {
  background-color: #f1edf5;
  border: 1px solid #734db2;
  border-left: 0;
  border-bottom: 0;
  border-top-left-radius: 0.375rem;
  border-top-right-radius: 0.375rem;
}
.nav-tabs.object-tabs .nav-item:last-child .nav-link {
  border-right: 0;
}
.nav-tabs.object-tabs .nav-item .nav-link:focus,
.nav-tabs.object-tabs .nav-item .nav-link.active {
  background-color: #fff;
}
.nav-tabs.object-tabs .nav-item .nav-link:hover {
  background-color: #eee6ff;
}
.nav-tabs.object-tabs .nav-item .nav-link.active i {
  color: #E91F73;
}

.nav-pills .nav-item {
  margin-bottom: 1rem;
}
.nav-pills .nav-item a {
  color: #bb72fb;
  text-overflow: ellipsis;
  overflow: hidden;
}

.nav-pills .nav-link.active,
.nav-pills .show > .nav-link {
  color: #fff;
  background-color: #ba72fb;
}

.nav-item.category {
  text-align: left;
  white-space: nowrap;
  margin: 0.25rem 0;
}
@media (max-width: 1052.98px) {
  .nav-item.category {
    flex: 1 1 auto;
  }
}
.nav-item.category .nav-link {
  min-width: 9rem;
  min-height: 4rem;
  box-shadow: 0.15rem 0.15rem 0.35rem rgba(0, 0, 0, 0.1);
  border-radius: 2rem;
  margin: 0.3rem 0;
  display: flex;
  align-items: center;
  padding: 0.5rem 1.5rem;
}
.nav-item.category .nav-link.active, .nav-item.category .nav-link[aria-selected=true] {
  background: #E91F73;
  color: #fff;
}
.nav-item.category .nav-link.completed-count:after {
  content: attr(data-completed);
  background: #0d0;
  color: #fff;
  border-radius: 50%;
  position: absolute;
  right: 2rem;
  width: 2rem;
  height: 2rem;
  text-align: center;
  padding-top: 0.35rem;
}
.nav-item.category .nav-link.completed-count.active:after {
  background: #fff;
  color: #E91F73;
}

img.nav-icon {
  margin-right: 1.25rem;
  width: 1.5rem;
  height: 1.5rem;
}

.dashboard-icon {
  width: 12rem;
  height: 12rem;
}

@media (orientation: landscape) {
  .success-icon {
    max-height: 50vh;
    width: auto !important;
    margin-top: 0 !important;
  }
}

.dashboard-button {
  padding: 4rem;
  width: 100%;
  height: 100%;
  display: block;
}
@media (max-width: 1381.98px) {
  .dashboard-button {
    padding: 2rem;
  }
}
.dashboard-button span {
  display: inline-block;
  width: 70%;
  min-width: 12rem;
  padding: 2rem 0 1rem;
  text-transform: uppercase;
  position: relative;
}
.dashboard-button span:after {
  content: " ";
  display: block;
  width: 80%;
  height: 0.35rem;
  position: absolute;
  bottom: 0;
  left: 10%;
  background: linear-gradient(to right, #ec008b, #6c388a);
  transition: width 0.15s ease-out, left 0.15s ease-out;
}
.dashboard-button:hover span:after {
  left: 0;
  width: 100%;
}
.dashboard-button.object-viewer span:after {
  background: linear-gradient(to right, #3751a2, #00b7dd);
}
.dashboard-button.resources span:after {
  background: linear-gradient(to right, #ef4165, #ffc60b);
}

.btn {
  border-radius: 2rem;
  border: 2px solid transparent;
  padding: 0.5rem 1.5rem 0.75rem;
  font-size: 1rem;
  font-weight: bold;
  margin-bottom: 0.25rem;
}
.btn:hover {
  box-shadow: none;
}

.btn-primary:not(:disabled):not(.disabled).active:focus,
.btn-primary:not(:disabled):not(.disabled):active:focus,
.show > .btn-primary.dropdown-toggle:focus {
  box-shadow: none;
}

.btn > i.fab {
  text-rendering: geometricPrecision;
  font-weight: 100;
}

.btn-icon {
  padding: 0.7rem 0.95rem;
}

.btn-wrapper.text-center .btn {
  margin: 0.25rem;
}

.btn-icon-only,
a.btn-icon-only {
  padding: 0 0.25rem 1rem;
  line-height: 2;
}

.btn-primary {
  color: #fff;
  border: 0;
  background: transparent;
  background-image: linear-gradient(135deg, #FF6666 0%, #E30977 100%);
}
.btn-primary:hover, .btn-primary:active {
  border: 0;
  background-image: linear-gradient(-45deg, #FF6666 0%, #E30977 100%);
}
.btn-primary.disabled, .btn-primary:disabled {
  color: #ccc;
  background-color: none !important;
  background: none !important;
  border: 0;
}

.btn-outline-secondary {
  color: #E91F73;
  border: 2px solid #E91F73;
  padding-top: calc(0.5rem - 2px);
  padding-bottom: calc(0.75rem - 2px);
}
.btn-outline-secondary:hover:not(.dropdown-toggle) {
  color: #fff;
  background: #E91F73;
  border: 2px solid #E91F73;
}
.btn-outline-secondary.dropdown-toggle:hover {
  border: 2px solid #E91F73;
}
.btn-outline-secondary.disabled, .btn-outline-secondary:disabled {
  color: #E91F73;
  opacity: 0.25;
}

.btn.dropdown-toggle {
  border: 0;
}

.btn-outline-secondary.dropdown-toggle {
  margin: 0;
}

.btn-outline-secondary:not(:disabled):not(.disabled):active,
.btn-outline-secondary:not(:disabled):not(.disabled).active,
.show > .btn-outline-secondary.dropdown-toggle {
  color: #E91F73;
  border-color: #E91F73;
}

.show > .btn-outline-secondary.dropdown-toggle:hover {
  color: #fff;
  background: #E91F73;
}

.btn-secondary:not(:disabled):not(.disabled):active,
.btn-secondary:not(:disabled):not(.disabled).active,
.btn-secondary:not(:disabled):not(.disabled):focus,
.show > .btn-secondary.dropdown-toggle {
  background-color: #f1edff;
}

.input-group .btn:hover {
  background: #E91F73;
}

.input-group .btn.btn-neutral {
  background: #eee;
  border: 0;
}
.input-group .btn.btn-neutral :hover {
  background: #dedede;
}

.btn-icon .btn-inner--icon.classlink img {
  width: 36px;
}

#quiz-result .modal-title {
  font-size: 24px;
}

.card {
  border: none;
  border-radius: 0.375rem;
  box-shadow: 0 0 8px 0 rgba(61, 57, 77, 0.19);
}
.card .table th {
  color: #b972fb;
  background: #eae3f7;
  border-top-color: #b972fb !important;
  border-bottom: 1px solid #bababa;
}
.card.quiz-result-section h4 {
  font-size: 20px;
  font-weight: bold;
}
.card.quiz-result-section button.dropdown-toggle {
  font-weight: normal;
  padding: 0.25rem 1rem;
  background: #fff;
  color: #000;
}
.card.quiz-result-section .dropdown-menu {
  max-height: 230px;
  overflow-y: auto;
}
.card.quiz-result-section .dropdown-menu .dropdown-item {
  font-size: 1rem;
}
.card.quiz-result-section .table-responsive {
  border-radius: 0.5rem;
  border: 2px solid #D9D9DD;
  min-height: 150px;
}
.card.quiz-result-section .table {
  background-color: #fff;
  border-collapse: separate;
  border-spacing: 0 0.25rem;
}
.card.quiz-result-section .table th {
  color: #707070;
  font-size: 20px;
  text-transform: capitalize;
  background: #fff;
  border-bottom: 0;
  padding: 0.5rem 1.25rem;
}
.card.quiz-result-section .table td {
  padding: 0.15rem 1.25rem;
  border-top: 0;
  font-weight: bold;
  font-size: 20px;
}
.card.quiz-result-section .table td:first-child {
  border-left-style: solid;
  border-top-left-radius: 1rem;
  border-bottom-left-radius: 1rem;
}
.card.quiz-result-section .table td:last-child {
  border-right-style: solid;
  border-bottom-right-radius: 1rem;
  border-top-right-radius: 1rem;
}
.card.quiz-result-section .table tr:hover td {
  background: #F1F3F4;
}
.card.quiz-result-section .table tr:last-child td:first-child {
  border-bottom-left-radius: 1rem;
}
.card.quiz-result-section .table tr:last-child td:last-child {
  border-bottom-right-radius: 1rem;
}
.card.quiz-result-section .h4 {
  font-weight: bold;
}
.card.quiz-result-section .pagination a {
  font-size: 20px;
  margin: 0.25rem;
}
.card.quiz-result-section .pagination a.text-grey {
  color: #b9b9bb !important;
}
.card.quiz-result-section .pagination p {
  color: #707070;
  font-weight: bold;
  font-size: 20px;
  margin: 0.15rem 1.5rem;
}
.card.quiz-result-section button.btn-primary {
  font-size: 1.25rem;
}

.card.bg-transparent {
  box-shadow: none;
}

.card-header {
  background-color: #ffffff;
}
.card-header > .back {
  position: absolute;
  top: 1rem;
  left: 1rem;
}
.card-header > .back.hide {
  pointer-events: none;
}

.card-header:first-child,
.card-footer:last-child {
  border-radius: 0.75rem;
}

.card-header:first-child {
  border-bottom-left-radius: 0;
  border-bottom-right-radius: 0;
}

.card-footer:last-child {
  border-top-left-radius: 0;
  border-top-right-radius: 0;
}

.card.collapsible .card-header {
  cursor: pointer;
}

.card-header-icon {
  margin-right: 0.5rem;
  vertical-align: middle;
}
.card-header-icon img {
  width: 1.5rem;
  height: 1.5rem;
  vertical-align: top;
}

.navbar-vertical .navbar-brand {
  width: 100%;
  height: 24px;
  background-position: center !important;
}
@media (min-width: 790px) {
  .navbar-vertical .navbar-brand {
    margin-top: 1rem;
  }
}
@media (max-width: 604.98px) {
  .navbar-vertical .navbar-brand {
    width: 60%;
  }
}

.navbar-light .navbar-brand,
.navbar-dark .navbar-brand {
  display: inline-block;
  color: transparent;
  background-size: contain;
  background-position: center;
  background-repeat: no-repeat;
}
.navbar-light .navbar-brand:hover, .navbar-light .navbar-brand:active, .navbar-light .navbar-brand:focus,
.navbar-dark .navbar-brand:hover,
.navbar-dark .navbar-brand:active,
.navbar-dark .navbar-brand:focus {
  color: transparent;
}
.navbar-light span.navbar-brand,
.navbar-dark span.navbar-brand {
  width: 152px;
  pointer-events: none;
}

footer {
  padding: 65px 0 118px 0;
  background: linear-gradient(#351b5f 0%, #3E0080 62%);
}
footer .top a {
  color: #fff;
  line-height: 1.7rem;
  font-size: 1rem;
  font-weight: 600;
  letter-spacing: -0.025em;
}
footer .top ol, footer .top ul {
  list-style: none;
}
footer .bottom {
  padding-top: 120px;
}
footer .bottom .social {
  text-align: right;
}
@media (max-width: 604.98px) {
  footer .bottom .social {
    text-align: left;
  }
}
footer .bottom .social ul {
  padding: 0;
}
footer .bottom .social ul li {
  display: inline-block;
  margin-left: 25px;
  vertical-align: middle;
}
@media (max-width: 604.98px) {
  footer .bottom .social ul li {
    margin-left: 0;
    margin-right: 25px;
  }
}
footer .navbar-brand {
  width: 7.5rem;
  max-width: 100%;
  height: 1.25rem;
  background-repeat: no-repeat;
  background-size: contain;
}

.navbar-horizontal .navbar-brand {
  width: 152px;
  height: 24px;
}

.navbar-light .navbar-brand {
  background-image: url(/merge/img/logo-color.svg);
}

.navbar-dark .navbar-brand,
footer .navbar-brand {
  background-image: url(/merge/img/logo.svg);
}

.form-row {
  margin: 0;
}

.form-control {
  font-size: 1.1rem;
  padding: 0.625rem 1.25rem;
  border: 2px solid #dadce0;
}
.form-control.join-code {
  font-size: 1.35rem;
  text-transform: uppercase;
}

form.reset-class {
  cursor: pointer;
}

@media (min-width: 320px) {
  .form-inline .form-control[type=search] {
    min-width: 252px;
  }
}
@media (min-width: 490px) {
  .form-inline .form-control[type=search] {
    min-width: 330px;
  }
}

.form-control:disabled,
.form-control[readonly] {
  opacity: 1;
  background-color: transparent;
  color: #4d4d4d;
}

.form-control::-moz-placeholder {
  opacity: 0.5;
}

.form-control::placeholder {
  opacity: 0.5;
}

.form-control:focus,
.custom-checkbox .custom-control-input:focus ~ .custom-control-label::before,
.btn:focus,
.form-group.focused .input-group {
  border: 0;
}

.has-danger .form-control:focus {
  border: 2px solid #E91F73;
}

.custom-radio .custom-control-label::before,
.custom-control-input[type=radio]:checked ~ .custom-control-label::before {
  background-color: #fff !important;
  border: solid 2px #dadce0 !important;
}

.custom-control-input[type=checkbox]:checked ~ .custom-control-label::before {
  background-color: #E91F73 !important;
}

.custom-control-alternative .custom-control-input:checked ~ .custom-control-label::before {
  box-shadow: none !important;
}

.custom-radio .custom-control-input:checked ~ .custom-control-label::after {
  background: #E91F73;
  border-radius: 50% !important;
  width: 0.75rem;
  height: 0.75rem;
  top: 0.37rem;
  left: -1.5rem;
}

#trial-signup .custom-control-alternative .custom-control-label::before {
  box-shadow: 0 1px 3px rgba(50, 50, 93, 0.45), 0 1px 0 rgba(0, 0, 0, 0.02);
}
#trial-signup .custom-control-alternative .custom-control-input:active ~ .custom-control-label::before, #trial-signup .custom-control-alternative .custom-control-input:focus ~ .custom-control-label::before {
  box-shadow: 0 1px 3px rgba(50, 50, 93, 0.5), 0 1px 0 rgba(0, 0, 0, 0.02);
}

::-ms-clear {
  display: none;
}

.switch {
  display: inline-block;
  height: 30px;
  position: absolute;
  width: 56px;
  vertical-align: -16px;
  right: 17px;
}

.switch input {
  display: none;
}

.slider {
  background-color: #fff;
  bottom: 0;
  cursor: pointer;
  left: 0;
  position: absolute;
  right: 0;
  top: 0;
  transition: 0.4s;
  border: 1px solid #ddd;
}

.slider:before {
  background-color: #fff;
  bottom: 1px;
  content: "";
  height: 26px;
  left: 2px;
  position: absolute;
  transition: 0.4s;
  width: 26px;
  box-shadow: 0 0 3px rgba(0, 0, 0, 0.15);
}

.slider.grey-slider {
  background: #d9d9dd;
}
.slider.grey-slider:before {
  box-shadow: 1px 0 3px rgba(0, 0, 0, 0.2);
}

input:checked + .slider {
  background-color: #2dec4e;
}
input:checked + .slider.lime-green {
  background-color: #6bd45f;
}

input:checked + .slider:before {
  transform: translateX(25px);
}

.slider.round {
  border-radius: 30px;
}

.slider.round:before {
  border-radius: 50%;
}

.form-control-clear {
  z-index: 10;
  pointer-events: auto;
  cursor: pointer;
  position: absolute;
  right: 1rem;
  top: calc(50% - 0.5rem);
  opacity: 1;
  transition: opacity 0.3s ease-in-out;
}
.form-control-clear i {
  display: block;
  font-size: 1rem;
}
.form-control-clear.hidden {
  opacity: 0;
}

.custom-checkbox .custom-control-label::before,
.custom-control-label::after {
  left: -1.5rem;
}

.custom-control-label {
  /*top:-.125rem;*/
}
.custom-control-label .badge {
  vertical-align: text-bottom;
}

.badge {
  text-transform: none;
  color: #fff;
  border-radius: 1rem;
  background: #dcdcdd;
}

.input-group,
.form-control,
.form-control-alternative {
  border-radius: 0.4375rem;
}

select.form-control-alternative {
  border-radius: 5rem;
  padding-right: 3rem;
  white-space: nowrap;
  overflow: hidden;
  text-overflow: ellipsis;
}

.has-danger .input-group,
.has-danger .form-control,
.has-danger .form-control-alternative {
  border: 2px solid #E91F73;
}
.has-danger:after {
  content: "";
  background-color: transparent;
  color: #fff;
  font-size: 1rem;
}
.has-danger .form-control-label {
  color: #f4613f;
}

.custom-checkbox .custom-control-label::before,
.custom-control-label::after {
  left: -1.5rem;
}

.form-control-label .req {
  color: #f4613f;
}

.input-group .form-control:not(:first-child) {
  padding-left: 0.75rem;
}

.input-group .input-group-prepend + .form-control {
  border-top-right-radius: 0.4375rem;
  border-bottom-right-radius: 0.4375rem;
}

.input-group > .input-group-prepend > .btn,
.input-group > .input-group-prepend > .input-group-text,
.input-group > .input-group-append:not(:last-child) > .btn,
.input-group > .input-group-append:not(:last-child) > .input-group-text,
.input-group > .input-group-append:last-child > .btn:not(:last-child):not(.dropdown-toggle),
.input-group > .input-group-append:last-child > .input-group-text:not(:last-child) {
  border-top-left-radius: 0.4375rem;
  border-bottom-left-radius: 0.4375rem;
}

.input-group .input-group-prepend > .btn.dropdown-toggle {
  border: 2px solid #E91F73;
}

.picker__select--month,
.picker__select--year {
  height: 2.5em;
}
@media (max-width: 604.98px) {
  .picker__select--month,
  .picker__select--year {
    font-size: 13px;
  }
}

.picker__select--year {
  width: 24.5%;
}

.picker__select--month {
  width: 41%;
}

.picker__holder {
  top: 3rem;
}

.picker--opened .picker__holder {
  border: 0;
  margin-bottom: 2rem;
  max-width: 94vw;
  border-radius: 1rem;
}

.badge {
  padding: 0.25rem;
}

.badge-secondary {
  background-color: #a599af;
  margin: 0 0.25em;
}

small, .small {
  font-size: 90%;
}

.custom-select {
  color: #E91F73;
  border: 2px solid #E91F73;
  border-radius: 2rem;
}
.custom-select:focus {
  border: 2px solid #E91F73;
}

.recovery-question:before {
  content: attr(data-question-number) ". ";
  background: #E91F73;
  border-radius: 50%;
  color: #fff;
  width: 1.5rem;
  height: 1.5rem;
  padding-left: 0.1rem;
  text-align: center;
  position: absolute;
  left: -1rem;
}

.invalid-feedback {
  display: block;
}

tr.clickable {
  cursor: pointer;
}
tr.clickable:hover {
  background: #e8d9f7;
}
tr.clickable td {
  max-width: 15rem;
  text-overflow: ellipsis;
  overflow: hidden;
}

.bg-info {
  background-color: #fff5cf !important;
}

.bg-light {
  background-color: #faf4ff !important;
}

.bg-grey {
  background-color: #f1f1f1 !important;
}

.bg-gradient-light {
  background: linear-gradient(87deg, #e4e6ff 0, #e1d0f2 100%) !important;
}

.bg-light-grey {
  background-color: #f7f7f7 !important;
}

.bg-medium-grey {
  background-color: #ddd !important;
}

.bg-dark-grey {
  background-color: #777 !important;
}

.feature-overrides {
  max-height: 210vh;
  overflow: hidden;
  transition: max-height 0.5s ease-in-out;
}
.feature-overrides.hide {
  max-height: 0;
}

.spinner-border {
  margin-right: 0.5rem;
}

label.custom-file-label {
  border-radius: 2rem;
  overflow: hidden;
  border: 0;
  color: #30154b;
  text-overflow: ellipsis;
  overflow: hidden;
  white-space: nowrap;
  padding-right: 6rem;
}
label.custom-file-label::after {
  border-left-color: #edeff5;
  color: #000;
}

input.disabled + label {
  opacity: 0.5;
  cursor: default;
}
input.disabled + label:not(.premium-only) {
  pointer-events: none;
}

select {
  -webkit-appearance: none;
  -moz-appearance: none;
  -o-appearance: none;
  appearance: none;
}

.select-wrap {
  position: relative;
}

.select-wrap > i {
  line-height: 2rem;
  font-size: 1.85rem;
  min-width: 2.5rem;
  position: absolute;
  top: 0.5rem;
  right: 0;
  pointer-events: none;
}

.form-header {
  max-height: 5rem;
  overflow: hidden;
  transition: max-height 0.3s ease-out, padding 0.3s ease-out;
}
.form-header.hide {
  max-height: 0rem;
  padding: 0 1.5rem;
}

.ajax-form {
  max-height: 1000vh;
  overflow: hidden;
  transition: max-height 0.5s ease-out;
}
.ajax-form.hide {
  max-height: 0vh;
}

.ajax-loader {
  display: flex;
  height: 15rem;
  max-height: 0rem;
  overflow: hidden;
  text-align: center;
  justify-content: center;
  align-items: center;
  transition: max-height 0.5s ease-out;
}
.ajax-loader.show {
  max-height: 15rem;
}
.ajax-loader.done {
  max-height: 23rem;
  height: 23rem;
}
@media (max-width: 692px) {
  .ajax-loader.done {
    max-height: 27rem;
    height: 27rem;
  }
}
@media (max-width: 520px) {
  .ajax-loader.done {
    max-height: 34rem;
    height: 34rem;
  }
}
@media (max-width: 374px) {
  .ajax-loader.done {
    max-height: 75vh;
    height: 75vh;
  }
}
@media (max-width: 335px) {
  .ajax-loader.done {
    max-height: 90vh;
    height: 90vh;
  }
}
@media (max-width: 280px) {
  .ajax-loader.done {
    max-height: 120vh;
    height: 120vh;
  }
}
.ajax-loader > .loader-wrap {
  width: 100%;
}
.ajax-loader > .loader-wrap > .status {
  width: 100%;
  padding: 0 0 2rem;
  font-weight: 600;
  font-size: 115%;
  color: #E91F73;
}
.ajax-loader > .loader-wrap > .loading-text {
  position: relative;
  height: 3.5rem;
  display: block;
  width: 100%;
  overflow: hidden;
}
.ajax-loader > .loader-wrap > .loading-text > .phrase {
  top: 100%;
  position: absolute;
  width: 100%;
  height: 1.5rem;
  display: block;
  padding: 1rem;
  font-size: 90%;
}
.ajax-loader > .loader-wrap > .loading-text > .phrase.show {
  top: 0;
  transition: top 0.3s ease-in-out;
}
.ajax-loader > .loader-wrap > .loading-text > .phrase.hide {
  top: -100%;
  transition: top 0.3s ease-in-out;
}

.loader {
  border: 3px solid #f3f3f3;
  border-top: 3px solid #E91F73;
  border-radius: 50%;
  width: 2rem;
  height: 2rem;
  animation: spin 0.6s linear infinite;
  display: inline-block;
  vertical-align: middle;
  margin-right: 1rem;
  top: -0.5rem;
  position: relative;
}
.loader.loader-md {
  width: 3.5rem;
  height: 3.5rem;
  border-width: 5px;
}
.loader.loader-lg {
  width: 5rem;
  height: 5rem;
  border-width: 5px;
}

.loader-overlay {
  position: absolute;
  display: none;
  align-items: center;
  justify-content: center;
  z-index: 1;
  width: 100%;
  height: 100%;
  opacity: 0.7;
  background: #fff;
  border-radius: 0.4375rem;
}
.loader-overlay.show {
  display: flex;
}
.loader-overlay .loader {
  opacity: 1;
}

@keyframes spin {
  0% {
    transform: rotate(0deg);
  }
  100% {
    transform: rotate(360deg);
  }
}
hr {
  border-top: 1px solid rgba(0, 0, 0, 0.1);
}

.card-header,
.card-footer {
  border: 0 !important;
}

.inputfile {
  width: 0.1px;
  height: 0.1px;
  opacity: 0;
  overflow: hidden;
  position: absolute;
  z-index: -1;
}

a[aria-expanded] > i.fa-sort-down {
  vertical-align: text-top;
  transition: all 0.3s ease-out;
  transform-origin: 50% 70%;
}

a[aria-expanded=true] > i.fa-sort-down {
  transform: rotate(180deg);
}

table.table {
  background-color: #f3f3f3;
}

.table th,
.table td,
.card.collapsible .card-footer {
  border-top: 1px solid #bababa;
}

.table-flush thead:first-child tr th,
.table-flush tbody tr:first-child td {
  border-top: 0;
}

.table-responsive {
  border: 1px solid #bababa;
  max-height: 80vh;
}

#groupsTable table {
  width: 100%;
}
#groupsTable table td {
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
}
#groupsTable table td.group-description {
  color: #838390;
}
@media (max-width: 991.98px) {
  #groupsTable table td.group-description {
    display: none;
  }
}
@media (max-width: 991.98px) {
  #groupsTable table td.group-actions {
    width: 10%;
  }
}
#groupsTable table td .subuser-count {
  font-size: 110%;
  font-weight: 600;
  margin-right: 1rem;
}

.table-btn.btn-icon-only {
  background: #fff;
  border-radius: 50%;
  width: 1.5rem;
  height: 1.5rem;
  vertical-align: middle;
  text-align: center;
  display: inline-block;
  padding: 0.15rem;
  color: #EB526F !important;
  box-shadow: 1px 1px 4px rgba(0, 0, 0, 0.2);
}
.table-btn.btn-icon-only:hover {
  background-color: #EB526F;
  color: #fff !important;
}
.table-btn.btn-icon-only:hover i.text-purple {
  color: #fff !important;
}
.table-btn.btn-icon-only.reset-password img, .table-btn.btn-icon-only.reset-code img {
  width: 22px;
  margin-top: -2px;
}
.table-btn.btn-icon-only.reset-password:hover img, .table-btn.btn-icon-only.reset-code:hover img {
  filter: grayscale(1) brightness(4);
}
.table-btn.btn-icon-only.reset-code img {
  margin-top: -10px;
}

tr.subuser > td:first-child > i {
  margin-right: 0.5rem;
}

.subuser-row.hidden,
tr.hidden {
  display: none;
}

tr.select-row {
  cursor: pointer;
}
tr.select-row td:first-child {
  width: 4rem;
}

tr.no-results {
  font-size: 0.9rem;
  padding: 1rem;
  /*display:none;
  &.show {
      display:table-row;
  }*/
}

.no-results > p {
  margin: 1rem;
}

.group-tag:not(:last-child):after {
  content: ", ";
}

.v-center {
  display: flex;
  align-items: center;
}

.vh-center {
  display: flex;
  justify-content: center;
  align-items: center;
}

.fill {
  min-height: 100%;
  height: 100%;
}

.gradient-text {
  background: -webkit-linear-gradient(135deg, #E30977 0%, #FF6666 100%);
  -webkit-background-clip: text;
  -webkit-text-fill-color: transparent;
  /*background-image:linear-gradient(0deg, #0000004f 0%, #6848a700 35%);*/
}
.gradient-text.bg-1 {
  background: linear-gradient(45deg, #00b7dd 0%, #3751a2 100%);
  -webkit-background-clip: text;
  -webkit-text-fill-color: transparent;
}
.gradient-text.bg-2 {
  background: linear-gradient(45deg, #76c157 0%, #27bcb7 100%);
  -webkit-background-clip: text;
  -webkit-text-fill-color: transparent;
}
.gradient-text.bg-3 {
  background: linear-gradient(45deg, #ffc60b 0%, #ef4165 100%);
  -webkit-background-clip: text;
  -webkit-text-fill-color: transparent;
}
.gradient-text.bg-4 {
  background: linear-gradient(45deg, #6c388a 0%, #ec008b 100%);
  -webkit-background-clip: text;
  -webkit-text-fill-color: transparent;
}
.gradient-text.bg-5 {
  background: linear-gradient(45deg, #862985 0%, #482f91 100%);
  -webkit-background-clip: text;
  -webkit-text-fill-color: transparent;
}
.gradient-text.bg-6 {
  background: linear-gradient(45deg, #f9d935 0%, #a5ce3b 100%);
  -webkit-background-clip: text;
  -webkit-text-fill-color: transparent;
}

.fade:not(.show) {
  pointer-events: none;
}

#qr-code-print {
  position: absolute;
  top: -9999px;
}

.collection-add .dropdown-menu {
  width: 100%;
  max-height: 300px;
  overflow-y: auto;
}
.collection-add .dropdown-menu .dropdown-item {
  padding: 0.25rem 1rem;
}
.collection-add .dropdown-menu .form-check-label {
  font-size: 1rem;
  font-weight: 100;
  padding-left: 10px;
  color: #000;
  cursor: pointer;
  overflow: hidden;
  white-space: nowrap;
  text-overflow: ellipsis;
}
.collection-add .dropdown-menu .form-check-input {
  position: absolute;
  z-index: -1;
  opacity: 0;
}
.collection-add .dropdown-menu .form-check-label::before {
  position: absolute;
  top: 0.125rem;
  left: 0;
  display: block;
  width: 1.25rem;
  height: 1.25rem;
  content: "";
  background-color: #fff;
  border: 3px solid #D9D9DD;
  border-radius: 3px;
}
.collection-add .dropdown-menu .form-check-label::after {
  position: absolute;
  top: 0.1rem;
  left: 0;
  display: block;
  width: 1.25rem;
  height: 1.25rem;
  content: "";
  background-repeat: no-repeat;
  background-position: center center;
  background-size: 65% 70%;
}
.collection-add .dropdown-menu .form-check-input:checked ~ .form-check-label::before {
  background-color: #E91F73;
  border-color: #E91F73;
}
.collection-add .dropdown-menu .form-check-input:checked ~ .form-check-label::after {
  background-image: url("data:image/svg+xml;charset=utf8,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 7.75 7'%3E%3Cpath fill='%23fff' d='M 6.844 1.01 l -3.9 3.89 l -1.79 -1.81 L 0.26 4 L 2.97 6.73 L 7.74 1.933z'/%3E%3C/svg%3E");
}
.collection-add .dropdown-toggle {
  padding: 0.35rem 0 0.45rem;
  font-size: 1rem;
}
.collection-add .dropdown-toggle::after {
  border: 0;
}

.bold-checkbox .custom-control-label::before {
  width: 1.25rem;
  height: 1.25rem;
  content: "";
  background-color: #fff;
  border: 3px solid #D9D9DD;
  border-radius: 3px;
  left: -1.5rem;
}
.bold-checkbox .custom-control-label::after {
  background-size: 65% 65%;
}
.bold-checkbox .custom-control-input:checked ~ .custom-control-label::after {
  background-color: #E91F73;
  border-color: #E91F73;
  border-radius: 3px;
  background-image: url("data:image/svg+xml;charset=utf8,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 7.75 7'%3E%3Cpath fill='%23fff' d='M 6.844 1.01 l -3.9 3.89 l -1.79 -1.81 L 0.26 4 L 2.97 6.73 L 7.74 1.933z'/%3E%3C/svg%3E");
}

#schoolTableBody {
  height: 150px;
  overflow-y: auto;
}

.school-list-table table {
  border-collapse: collapse;
  border-spacing: 0;
  width: 100%;
  border: 1px solid #ddd;
  font-size: 18px;
}
.school-list-table th, .school-list-table td {
  text-align: left;
}
.school-list-table th {
  padding: 2px;
  padding: 10px 0 10px 15px;
}
.school-list-table td {
  padding-top: 25px;
}
.school-list-table tr {
  border-bottom: 1px solid lightgrey;
}

.school-owners-col {
  height: 55vh !important;
  overflow-y: auto;
}

.input-container {
  position: relative;
}
.input-container .fa-caret-down {
  position: absolute;
  padding-left: 94%;
}

.reset-password .form-control, .reset-password .form-control:focus, .reset-password .form-group.focused,
.reset-password .valid, .reset-password .focused.valid {
  background-color: transparent;
}
.reset-password .focused .input-group-text, .reset-password .input-group-text, .reset-password .input-group-prepend, .reset-password .form-group.focused .input-group-prepend .input-group-text {
  z-index: 2;
}

.has-search-loader .search-loader {
  display: flex;
  height: 8rem;
  max-height: 0rem;
  overflow: hidden;
  text-align: center;
  justify-content: center;
  position: absolute;
  align-items: center;
  background-size: 100%;
  z-index: 1;
  left: 46%;
}
.has-search-loader .search-loader > .loader-wrap {
  width: 100%;
}
.has-search-loader .search-loader > .loader-wrap > .status {
  width: 100%;
  padding: 0 0 2rem;
  font-weight: 600;
  font-size: 115%;
  color: #E91F73;
}
.has-search-loader .search-loader > .loader-wrap > .loading-text {
  position: relative;
  height: 3.5rem;
  display: block;
  width: 100%;
  overflow: hidden;
}
.has-search-loader .search-loader > .loader-wrap > .loading-text > .phrase {
  top: 100%;
  position: absolute;
  width: 100%;
  height: 1.5rem;
  display: block;
  padding: 1rem;
  font-size: 90%;
}
.has-search-loader .search-loader > .loader-wrap > .loading-text > .phrase.show {
  top: 0;
  transition: top 0.3s ease-in-out;
}
.has-search-loader .search-loader > .loader-wrap > .loading-text > .phrase.hide {
  top: -100%;
  transition: top 0.3s ease-in-out;
}

.has-search-loader.show .search-content {
  opacity: 0.3;
}
.has-search-loader.show .search-loader {
  max-height: 15rem;
}

button.btn-primary:focus, button.btn-primary.focus {
  box-shadow: 0 4px 6px rgba(50, 50, 93, 0.11), 0 6px 8px rgba(0, 0, 0, 0.08), 0 0 0 0 rgba(94, 114, 228, 0.5);
}