.node_modules-react-toastify-dist-ReactToastify-Toastify__toast-container {
  z-index: 9999;
  -webkit-transform: translate3d(0, 0, 9999px);
  position: fixed;
  padding: 4px;
  width: 320px;
  box-sizing: border-box;
  color: #fff;
}
.node_modules-react-toastify-dist-ReactToastify-Toastify__toast-container--top-left {
  top: 1em;
  left: 1em;
}
.node_modules-react-toastify-dist-ReactToastify-Toastify__toast-container--top-center {
  top: 1em;
  left: 50%;
  transform: translateX(-50%);
}
.node_modules-react-toastify-dist-ReactToastify-Toastify__toast-container--top-right {
  top: 1em;
  right: 1em;
}
.node_modules-react-toastify-dist-ReactToastify-Toastify__toast-container--bottom-left {
  bottom: 1em;
  left: 1em;
}
.node_modules-react-toastify-dist-ReactToastify-Toastify__toast-container--bottom-center {
  bottom: 1em;
  left: 50%;
  transform: translateX(-50%);
}
.node_modules-react-toastify-dist-ReactToastify-Toastify__toast-container--bottom-right {
  bottom: 1em;
  right: 1em;
}

@media only screen and (max-width : 480px) {
  .node_modules-react-toastify-dist-ReactToastify-Toastify__toast-container {
    width: 100vw;
    padding: 0;
    left: 0;
    margin: 0;
  }
  .node_modules-react-toastify-dist-ReactToastify-Toastify__toast-container--top-left, .node_modules-react-toastify-dist-ReactToastify-Toastify__toast-container--top-center, .node_modules-react-toastify-dist-ReactToastify-Toastify__toast-container--top-right {
    top: 0;
    transform: translateX(0);
  }
  .node_modules-react-toastify-dist-ReactToastify-Toastify__toast-container--bottom-left, .node_modules-react-toastify-dist-ReactToastify-Toastify__toast-container--bottom-center, .node_modules-react-toastify-dist-ReactToastify-Toastify__toast-container--bottom-right {
    bottom: 0;
    transform: translateX(0);
  }
  .node_modules-react-toastify-dist-ReactToastify-Toastify__toast-container--rtl {
    right: 0;
    left: initial;
  }
}
.node_modules-react-toastify-dist-ReactToastify-Toastify__toast {
  position: relative;
  min-height: 64px;
  box-sizing: border-box;
  margin-bottom: 1rem;
  padding: 8px;
  border-radius: 4px;
  box-shadow: 0 1px 10px 0 rgba(0, 0, 0, 0.1), 0 2px 15px 0 rgba(0, 0, 0, 0.05);
  display: -ms-flexbox;
  display: flex;
  -ms-flex-pack: justify;
      justify-content: space-between;
  max-height: 800px;
  overflow: hidden;
  font-family: sans-serif;
  cursor: pointer;
  direction: ltr;
}
.node_modules-react-toastify-dist-ReactToastify-Toastify__toast--rtl {
  direction: rtl;
}
.node_modules-react-toastify-dist-ReactToastify-Toastify__toast--dark {
  background: #121212;
  color: #fff;
}
.node_modules-react-toastify-dist-ReactToastify-Toastify__toast--default {
  background: #fff;
  color: #aaa;
}
.node_modules-react-toastify-dist-ReactToastify-Toastify__toast--info {
  background: #3498db;
}
.node_modules-react-toastify-dist-ReactToastify-Toastify__toast--success {
  background: #07bc0c;
}
.node_modules-react-toastify-dist-ReactToastify-Toastify__toast--warning {
  background: #f1c40f;
}
.node_modules-react-toastify-dist-ReactToastify-Toastify__toast--error {
  background: #e74c3c;
}
.node_modules-react-toastify-dist-ReactToastify-Toastify__toast-body {
  margin: auto 0;
  -ms-flex: 1 1 auto;
      flex: 1 1 auto;
  padding: 6px;
}

.node_modules-react-toastify-dist-ReactToastify-Toastify--animate {
  animation-fill-mode: both;
  animation-duration: 0.7s;
}

@media only screen and (max-width : 480px) {
  .node_modules-react-toastify-dist-ReactToastify-Toastify__toast {
    margin-bottom: 0;
    border-radius: 0;
  }
}
.node_modules-react-toastify-dist-ReactToastify-Toastify__close-button {
  color: #fff;
  background: transparent;
  outline: none;
  border: none;
  padding: 0;
  cursor: pointer;
  opacity: 0.7;
  transition: 0.3s ease;
  -ms-flex-item-align: start;
      align-self: flex-start;
}
.node_modules-react-toastify-dist-ReactToastify-Toastify__close-button--default {
  color: #000;
  opacity: 0.3;
}
.node_modules-react-toastify-dist-ReactToastify-Toastify__close-button > svg {
  fill: currentColor;
  height: 16px;
  width: 14px;
}
.node_modules-react-toastify-dist-ReactToastify-Toastify__close-button:hover, .node_modules-react-toastify-dist-ReactToastify-Toastify__close-button:focus {
  opacity: 1;
}

@keyframes node_modules-react-toastify-dist-ReactToastify-Toastify__trackProgress {
  0% {
    transform: scaleX(1);
  }
  100% {
    transform: scaleX(0);
  }
}
.node_modules-react-toastify-dist-ReactToastify-Toastify__progress-bar {
  position: absolute;
  bottom: 0;
  left: 0;
  width: 100%;
  height: 5px;
  z-index: 9999;
  opacity: 0.7;
  background-color: rgba(255, 255, 255, 0.7);
  transform-origin: left;
}
.node_modules-react-toastify-dist-ReactToastify-Toastify__progress-bar--animated {
  animation: node_modules-react-toastify-dist-ReactToastify-Toastify__trackProgress linear 1 forwards;
}
.node_modules-react-toastify-dist-ReactToastify-Toastify__progress-bar--controlled {
  transition: transform 0.2s;
}
.node_modules-react-toastify-dist-ReactToastify-Toastify__progress-bar--rtl {
  right: 0;
  left: initial;
  transform-origin: right;
}
.node_modules-react-toastify-dist-ReactToastify-Toastify__progress-bar--default {
  background: linear-gradient(to right, #4cd964, #5ac8fa, #007aff, #34aadc, #5856d6, #ff2d55);
}
.node_modules-react-toastify-dist-ReactToastify-Toastify__progress-bar--dark {
  background: #bb86fc;
}
@keyframes node_modules-react-toastify-dist-ReactToastify-Toastify__bounceInRight {
  from, 60%, 75%, 90%, to {
    animation-timing-function: cubic-bezier(0.215, 0.61, 0.355, 1);
  }
  from {
    opacity: 0;
    transform: translate3d(3000px, 0, 0);
  }
  60% {
    opacity: 1;
    transform: translate3d(-25px, 0, 0);
  }
  75% {
    transform: translate3d(10px, 0, 0);
  }
  90% {
    transform: translate3d(-5px, 0, 0);
  }
  to {
    transform: none;
  }
}
@keyframes node_modules-react-toastify-dist-ReactToastify-Toastify__bounceOutRight {
  20% {
    opacity: 1;
    transform: translate3d(-20px, 0, 0);
  }
  to {
    opacity: 0;
    transform: translate3d(2000px, 0, 0);
  }
}
@keyframes node_modules-react-toastify-dist-ReactToastify-Toastify__bounceInLeft {
  from, 60%, 75%, 90%, to {
    animation-timing-function: cubic-bezier(0.215, 0.61, 0.355, 1);
  }
  0% {
    opacity: 0;
    transform: translate3d(-3000px, 0, 0);
  }
  60% {
    opacity: 1;
    transform: translate3d(25px, 0, 0);
  }
  75% {
    transform: translate3d(-10px, 0, 0);
  }
  90% {
    transform: translate3d(5px, 0, 0);
  }
  to {
    transform: none;
  }
}
@keyframes node_modules-react-toastify-dist-ReactToastify-Toastify__bounceOutLeft {
  20% {
    opacity: 1;
    transform: translate3d(20px, 0, 0);
  }
  to {
    opacity: 0;
    transform: translate3d(-2000px, 0, 0);
  }
}
@keyframes node_modules-react-toastify-dist-ReactToastify-Toastify__bounceInUp {
  from, 60%, 75%, 90%, to {
    animation-timing-function: cubic-bezier(0.215, 0.61, 0.355, 1);
  }
  from {
    opacity: 0;
    transform: translate3d(0, 3000px, 0);
  }
  60% {
    opacity: 1;
    transform: translate3d(0, -20px, 0);
  }
  75% {
    transform: translate3d(0, 10px, 0);
  }
  90% {
    transform: translate3d(0, -5px, 0);
  }
  to {
    transform: translate3d(0, 0, 0);
  }
}
@keyframes node_modules-react-toastify-dist-ReactToastify-Toastify__bounceOutUp {
  20% {
    transform: translate3d(0, -10px, 0);
  }
  40%, 45% {
    opacity: 1;
    transform: translate3d(0, 20px, 0);
  }
  to {
    opacity: 0;
    transform: translate3d(0, -2000px, 0);
  }
}
@keyframes node_modules-react-toastify-dist-ReactToastify-Toastify__bounceInDown {
  from, 60%, 75%, 90%, to {
    animation-timing-function: cubic-bezier(0.215, 0.61, 0.355, 1);
  }
  0% {
    opacity: 0;
    transform: translate3d(0, -3000px, 0);
  }
  60% {
    opacity: 1;
    transform: translate3d(0, 25px, 0);
  }
  75% {
    transform: translate3d(0, -10px, 0);
  }
  90% {
    transform: translate3d(0, 5px, 0);
  }
  to {
    transform: none;
  }
}
@keyframes node_modules-react-toastify-dist-ReactToastify-Toastify__bounceOutDown {
  20% {
    transform: translate3d(0, 10px, 0);
  }
  40%, 45% {
    opacity: 1;
    transform: translate3d(0, -20px, 0);
  }
  to {
    opacity: 0;
    transform: translate3d(0, 2000px, 0);
  }
}
.node_modules-react-toastify-dist-ReactToastify-Toastify__bounce-enter--top-left, .node_modules-react-toastify-dist-ReactToastify-Toastify__bounce-enter--bottom-left {
  animation-name: node_modules-react-toastify-dist-ReactToastify-Toastify__bounceInLeft;
}
.node_modules-react-toastify-dist-ReactToastify-Toastify__bounce-enter--top-right, .node_modules-react-toastify-dist-ReactToastify-Toastify__bounce-enter--bottom-right {
  animation-name: node_modules-react-toastify-dist-ReactToastify-Toastify__bounceInRight;
}
.node_modules-react-toastify-dist-ReactToastify-Toastify__bounce-enter--top-center {
  animation-name: node_modules-react-toastify-dist-ReactToastify-Toastify__bounceInDown;
}
.node_modules-react-toastify-dist-ReactToastify-Toastify__bounce-enter--bottom-center {
  animation-name: node_modules-react-toastify-dist-ReactToastify-Toastify__bounceInUp;
}

.node_modules-react-toastify-dist-ReactToastify-Toastify__bounce-exit--top-left, .node_modules-react-toastify-dist-ReactToastify-Toastify__bounce-exit--bottom-left {
  animation-name: node_modules-react-toastify-dist-ReactToastify-Toastify__bounceOutLeft;
}
.node_modules-react-toastify-dist-ReactToastify-Toastify__bounce-exit--top-right, .node_modules-react-toastify-dist-ReactToastify-Toastify__bounce-exit--bottom-right {
  animation-name: node_modules-react-toastify-dist-ReactToastify-Toastify__bounceOutRight;
}
.node_modules-react-toastify-dist-ReactToastify-Toastify__bounce-exit--top-center {
  animation-name: node_modules-react-toastify-dist-ReactToastify-Toastify__bounceOutUp;
}
.node_modules-react-toastify-dist-ReactToastify-Toastify__bounce-exit--bottom-center {
  animation-name: node_modules-react-toastify-dist-ReactToastify-Toastify__bounceOutDown;
}

@keyframes node_modules-react-toastify-dist-ReactToastify-Toastify__zoomIn {
  from {
    opacity: 0;
    transform: scale3d(0.3, 0.3, 0.3);
  }
  50% {
    opacity: 1;
  }
}
@keyframes node_modules-react-toastify-dist-ReactToastify-Toastify__zoomOut {
  from {
    opacity: 1;
  }
  50% {
    opacity: 0;
    transform: scale3d(0.3, 0.3, 0.3);
  }
  to {
    opacity: 0;
  }
}
.node_modules-react-toastify-dist-ReactToastify-Toastify__zoom-enter {
  animation-name: node_modules-react-toastify-dist-ReactToastify-Toastify__zoomIn;
}

.node_modules-react-toastify-dist-ReactToastify-Toastify__zoom-exit {
  animation-name: node_modules-react-toastify-dist-ReactToastify-Toastify__zoomOut;
}

@keyframes node_modules-react-toastify-dist-ReactToastify-Toastify__flipIn {
  from {
    transform: perspective(400px) rotate3d(1, 0, 0, 90deg);
    animation-timing-function: ease-in;
    opacity: 0;
  }
  40% {
    transform: perspective(400px) rotate3d(1, 0, 0, -20deg);
    animation-timing-function: ease-in;
  }
  60% {
    transform: perspective(400px) rotate3d(1, 0, 0, 10deg);
    opacity: 1;
  }
  80% {
    transform: perspective(400px) rotate3d(1, 0, 0, -5deg);
  }
  to {
    transform: perspective(400px);
  }
}
@keyframes node_modules-react-toastify-dist-ReactToastify-Toastify__flipOut {
  from {
    transform: perspective(400px);
  }
  30% {
    transform: perspective(400px) rotate3d(1, 0, 0, -20deg);
    opacity: 1;
  }
  to {
    transform: perspective(400px) rotate3d(1, 0, 0, 90deg);
    opacity: 0;
  }
}
.node_modules-react-toastify-dist-ReactToastify-Toastify__flip-enter {
  animation-name: node_modules-react-toastify-dist-ReactToastify-Toastify__flipIn;
}

.node_modules-react-toastify-dist-ReactToastify-Toastify__flip-exit {
  animation-name: node_modules-react-toastify-dist-ReactToastify-Toastify__flipOut;
}

@keyframes node_modules-react-toastify-dist-ReactToastify-Toastify__slideInRight {
  from {
    transform: translate3d(110%, 0, 0);
    visibility: visible;
  }
  to {
    transform: translate3d(0, 0, 0);
  }
}
@keyframes node_modules-react-toastify-dist-ReactToastify-Toastify__slideInLeft {
  from {
    transform: translate3d(-110%, 0, 0);
    visibility: visible;
  }
  to {
    transform: translate3d(0, 0, 0);
  }
}
@keyframes node_modules-react-toastify-dist-ReactToastify-Toastify__slideInUp {
  from {
    transform: translate3d(0, 110%, 0);
    visibility: visible;
  }
  to {
    transform: translate3d(0, 0, 0);
  }
}
@keyframes node_modules-react-toastify-dist-ReactToastify-Toastify__slideInDown {
  from {
    transform: translate3d(0, -110%, 0);
    visibility: visible;
  }
  to {
    transform: translate3d(0, 0, 0);
  }
}
@keyframes node_modules-react-toastify-dist-ReactToastify-Toastify__slideOutRight {
  from {
    transform: translate3d(0, 0, 0);
  }
  to {
    visibility: hidden;
    transform: translate3d(110%, 0, 0);
  }
}
@keyframes node_modules-react-toastify-dist-ReactToastify-Toastify__slideOutLeft {
  from {
    transform: translate3d(0, 0, 0);
  }
  to {
    visibility: hidden;
    transform: translate3d(-110%, 0, 0);
  }
}
@keyframes node_modules-react-toastify-dist-ReactToastify-Toastify__slideOutDown {
  from {
    transform: translate3d(0, 0, 0);
  }
  to {
    visibility: hidden;
    transform: translate3d(0, 500px, 0);
  }
}
@keyframes node_modules-react-toastify-dist-ReactToastify-Toastify__slideOutUp {
  from {
    transform: translate3d(0, 0, 0);
  }
  to {
    visibility: hidden;
    transform: translate3d(0, -500px, 0);
  }
}
.node_modules-react-toastify-dist-ReactToastify-Toastify__slide-enter--top-left, .node_modules-react-toastify-dist-ReactToastify-Toastify__slide-enter--bottom-left {
  animation-name: node_modules-react-toastify-dist-ReactToastify-Toastify__slideInLeft;
}
.node_modules-react-toastify-dist-ReactToastify-Toastify__slide-enter--top-right, .node_modules-react-toastify-dist-ReactToastify-Toastify__slide-enter--bottom-right {
  animation-name: node_modules-react-toastify-dist-ReactToastify-Toastify__slideInRight;
}
.node_modules-react-toastify-dist-ReactToastify-Toastify__slide-enter--top-center {
  animation-name: node_modules-react-toastify-dist-ReactToastify-Toastify__slideInDown;
}
.node_modules-react-toastify-dist-ReactToastify-Toastify__slide-enter--bottom-center {
  animation-name: node_modules-react-toastify-dist-ReactToastify-Toastify__slideInUp;
}

.node_modules-react-toastify-dist-ReactToastify-Toastify__slide-exit--top-left, .node_modules-react-toastify-dist-ReactToastify-Toastify__slide-exit--bottom-left {
  animation-name: node_modules-react-toastify-dist-ReactToastify-Toastify__slideOutLeft;
}
.node_modules-react-toastify-dist-ReactToastify-Toastify__slide-exit--top-right, .node_modules-react-toastify-dist-ReactToastify-Toastify__slide-exit--bottom-right {
  animation-name: node_modules-react-toastify-dist-ReactToastify-Toastify__slideOutRight;
}
.node_modules-react-toastify-dist-ReactToastify-Toastify__slide-exit--top-center {
  animation-name: node_modules-react-toastify-dist-ReactToastify-Toastify__slideOutUp;
}
.node_modules-react-toastify-dist-ReactToastify-Toastify__slide-exit--bottom-center {
  animation-name: node_modules-react-toastify-dist-ReactToastify-Toastify__slideOutDown;
}
/* Colors */

/* Easing */

/* Shadows */

.src-shared-Loader-fullscreen {
  align-items: center;
  background: rgba(36, 44, 55, 0.6);
  display: flex;
  height: 100%;
  justify-content: center;
  left: 0;
  position: fixed;
  text-align: center;
  top: 0;
  transform: none;
  width: 100%;
  z-index: 10;
}

.src-shared-Loader-loader {
  height: 160px;
  left: 50%;
  padding: 25px;
  position: absolute;
  text-align: center;
  text-transform: uppercase;
  transform: translateX(-50%);
  width: 160px;
}

.src-shared-Loader-fullscreen .src-shared-Loader-loader {
  margin-top: -140px;
  top: 50%;
}

.src-shared-Loader-small .src-shared-Loader-loader {
  height: auto;
  left: auto;
  padding: 12px;
  position: relative;
  transform: none;
  width: auto;
}

.src-shared-Loader-baby .src-shared-Loader-loader {
  height: auto;
  left: auto;
  padding: 2px;
  position: relative;
  transform: none;
  width: auto;
}

.src-shared-Loader-text {
  color: #666;
  font-size: 18px;
  font-weight: bold;
}

.src-shared-Loader-fullscreen .src-shared-Loader-text {
  color: white;
}

.src-shared-Loader-small .src-shared-Loader-text,
.src-shared-Loader-baby .src-shared-Loader-text {
  display: none;
}

@keyframes src-shared-Loader-spin {
  from {
    transform: rotate(0deg);
  }

  to {
    transform: rotate(359deg);
  }
}

.src-shared-Loader-spinning {
  animation: src-shared-Loader-spin 0.6s infinite linear;
  border-bottom: 6px solid rgba(0, 0, 0, 0.1);
  border-left: 6px solid rgba(0, 0, 0, 0.1);
  border-radius: 64px;
  border-right: 6px solid var(--action);
  border-top: 6px solid var(--action);
  display: block;
  height: 64px;
  margin: 0 auto 24px;
  width: 64px;
}

.src-shared-Loader-fullscreen .src-shared-Loader-spinning {
  border-bottom: 6px solid var(--spinWrapper);
  border-left: 6px solid var(--spinWrapper);
  border-width: 8px;
  height: 80px;
  width: 80px;
}

.src-shared-Loader-small .src-shared-Loader-spinning {
  border-width: 4px;
  height: 32px;
  margin: 0 auto;
  width: 32px;
}

.src-shared-Loader-baby .src-shared-Loader-spinning {
  border-width: 2px;
  height: 16px;
  margin: 0 auto;
  width: 16px;
}

.src-courses-page-Page-View-actions-wrapper {
  padding: 16px;
}

.src-courses-page-Page-View-courses-list {
  margin: 8px 0 10px;
  padding: 0;
}

.src-courses-page-Page-View-sidebar-tabs-wrapper {
  max-height: calc(100vh - 180px);
  overflow-y: auto;
}

.src-courses-page-Page-View-schedule-selector-wrapper {
  padding: 4px 0px 16px;
}

.src-courses-page-Page-View-action-buttons {
  display: flex;
  gap: 10px;
}

.src-courses-page-Page-View-email-contents-wrapper {
  display: grid;
  margin: 0;
  grid-template-columns: 2fr 1fr;
}

.src-courses-page-Page-View-form-input-section {
  padding: 24px;
}

.src-courses-page-Page-View-inputs-wrapper {
  margin-top: 20px;
}

.src-courses-page-Page-View-contact-form-actions {
  padding: 24px;
  background-color: #f1f3f6;
}

.src-courses-page-Page-View-side-help {
  margin-top: 20px;
  line-height: normal;
}

.src-courses-page-Page-View-alert-icon {
  color: #dd8412;
  margin-top: 2px;
}

.src-courses-page-Page-View-contact-warning {
  margin-top: 20px;
  display: flex;
  gap: 8px;
}

.src-courses-page-Page-View-alert-message {
  line-height: normal;
  font-weight: bold;
}
.src-layout-PageHeader-page-header {
  background: var(--main);
  min-height: 90px;
  padding: 16px 24px;
  align-items: center;
  display: flex;
  flex: 100%;
  justify-content: space-between;
}

.src-layout-PageHeader-title {
  color: white;
  font-size: 24px;
  margin: 0;
  text-transform: uppercase;
}

.src-layout-PageHeader-subtitle {
  font-size: 16px;
  font-weight: bold;
  color: rgba(255, 255, 255, 0.8);
  margin: 0 0 4px 0;
  text-transform: uppercase;
}

.src-layout-PageHeader-actions {
  display: flex;
}

@media print {
  .src-layout-PageHeader-page-header {
    display: none;
  }
}

.src-shared-PageTopbar-topbar-wrapper {
  z-index: 3;
  width: 100%;
}

.src-shared-PageTopbar-topbar {
  align-items: center;
  background: var(--mainDark);
  box-shadow: 0 1.5px 3px rgba(34, 44, 56, 0.13), 0 1.5px 3px rgba(34, 44, 56, 0.17);
  color: rgba(255, 255, 255, 0.7);
  display: flex;
  justify-content: space-between;
  min-height: 58px;
  padding: 12px 24px 12px 20px;
}

.src-shared-PageTopbar-unpadded {
  padding: 0 24px 0 0;
}

.src-shared-PageTopbar-topbar h4 {
  align-items: center;
  display: flex;
  font-size: 15px;
}

.src-shared-PageTopbar-topbar button {
  padding: 10px 12px !important;
}

@media print {
  .src-shared-PageTopbar-topbar-wrapper {
    display: none;
  }
}

.src-shared-PageSidebar-sidebar {
  background: var(--neutral300);
  flex: 0 0 270px;
  position: relative;
  z-index: 2;
  flex-wrap: nowrap;
}

.src-shared-PageSidebar-neutral-100 {
  background: var(--neutral100);
}

.src-shared-PageSidebar-neutral-300-left {
  border-left: 1px solid var(--neutral300);
}

@media print {
  .src-shared-PageSidebar-sidebar {
    display: none;
  }
}

.src-layout-PageContent-page-content {
  background: var(--neutral100);
  display: flex;
  flex: 1;
  flex-direction: column;
  min-height: calc(100vh - 114px);
  padding: 0 24px 24px;
  position: relative;
}

.src-layout-PageContent-pane {
  position: relative;
}

.src-layout-PageContent-constrained {
  margin: -66px auto 0;
  width: 1024px;
}

.src-layout-PageContent-no-padding {
  padding: 0;
}

.src-layout-PageContent-no-header {
  min-height: calc(100vh - 100px);
}

.src-layout-PageContent-transparent {
  background: none;
}

.src-layout-PageContent-imports {
  /* 50px (navbar) + 64px (footer) + 90px (import header) + 72px (import step indicator) = 276px */
  min-height: calc(100vh - 276px);
}

@media print {
  .src-layout-PageContent-border-outset {
    display: none;
  }

  .src-layout-PageContent-page-content {
    background: none;
    min-height: auto;
    padding: 0;
  }

  .src-layout-PageContent-pane {
    box-shadow: none;
    margin-top: 0;
  }

  .src-layout-PageContent-constrained {
    width: 100%;
  }
}

.src-shared-Button-wrapper {
}

.src-shared-Button-button {
  background: var(--neutral800);
  border: 0;
  border-radius: 4px;
  box-shadow: 0 0.5px 1.5px rgba(34, 44, 56, 0.09), 0 0.5px 1px rgba(34, 44, 56, 0.18);
  color: white;
  cursor: pointer;
  font-family: 'proxima-nova';
  font-size: 14px;
  font-weight: bold;
  outline: 0;
  padding: 12px 16px;
  position: relative;
  text-transform: uppercase;
  transition: all 0.2s cubic-bezier(.25,.8,.25,1);
  width: 100%;
}

.src-shared-Button-student-message-button {
  text-transform: none;
  font-size: 15px;
  height: 40px;
}

.src-shared-Button-button:hover {
  box-shadow: 0 5px 10px rgba(34, 44, 56, 0.16), 0 3px 3px rgba(34, 44, 56, 0.17);
}

.src-shared-Button-button:active {
  box-shadow: 0 0.5px 1.5px rgba(34, 44, 56, 0.09), 0 0.5px 1px rgba(34, 44, 56, 0.18);
}

.src-shared-Button-button > * + * {
  padding-left: 8px;
}

.src-shared-Button-icon {
  font-size: 16px;
}

/* Disabled Styles */
.src-shared-Button-button:disabled {
  cursor: not-allowed;
  opacity: 0.5;
}

.src-shared-Button-button:disabled:hover {
  box-shadow: 0 0.5px 1.5px rgba(34, 44, 56, 0.09), 0 0.5px 1px rgba(34, 44, 56, 0.18);
}

/* Colors */
.src-shared-Button-action {
  background: var(--action);
}

.src-shared-Button-secondary {
  background: var(--secondary);
}

.src-shared-Button-accent {
  background: var(--accent);
}

.src-shared-Button-main {
  background: var(--main);
}

.src-shared-Button-white {
  background: white;
  color: var(--neutral800);
}

.src-shared-Button-neutral {
  background: var(--neutral);
  color: var(--neutral800);
}

.src-shared-Button-neutral100 {
  background: var(--neutral100);
  color: var(--neutral800);
}

.src-shared-Button-neutral300 {
  background: var(--neutral300);
  color: var(--neutral800);
}

.src-shared-Button-border {
  background: transparent;
  border: 1px solid rgba(255, 255, 255, 0.7);
  color: white;
}

.src-shared-Button-border:hover {
  background: white;
  color: var(--neutral800);
  transition: background 0.2s cubic-bezier(.25,.8,.25,1), color 0.2s cubic-bezier(.25,.8,.25,1);
}

.src-shared-Button-border:disabled:hover {
  background: transparent;
  color: white;
}

.src-shared-Button-darkborder {
  background: transparent;
  box-shadow: 0 0 0 transparent;
  border: 1px solid rgba(52, 64, 80, 0.25);
  color: var(--neutral800);
  padding: 10px 16px;
  transition: border-color 0.2s cubic-bezier(.25,.8,.25,1);
}

.src-shared-Button-darkborder:hover {
  background: rgba(52, 64, 80, 0.1);
  border-color: rgba(52, 64, 80, 0.4);
  box-shadow: 0 0 0 transparent;
  transition: border-color 0.2s cubic-bezier(.25,.8,.25,1), background 0.2s cubic-bezier(.25,.8,.25,1),
    color 0.2s cubic-bezier(.25,.8,.25,1);
}

/* Layout Types */
.src-shared-Button-block {
  display: block;
  flex: 1;
  width: 100%;
}

.src-shared-Button-block + .src-shared-Button-block {
  margin-top: 8px;
}

.src-shared-Button-inline-block {
  display: inline-block;
  width: auto;
}

.src-shared-Button-inline-block + .src-shared-Button-inline-block {
  margin-left: 8px;
}

#src-shared-Button-button-grp-has-enrollments {
  padding: 6px 0px;
}

#src-shared-Button-button-grp-no-enrollments {
  padding: 6px 0px;
}

#src-shared-Button-button-grp-all-enrollments {
  padding: 6px 9px;
}

/* Button Sizes */
.src-shared-Button-baby {
  border-radius: 3px;
  font-size: 11px;
  padding: 6px 8px;
}

.src-shared-Button-baby > * + * {
  padding-left: 4px;
}

.src-shared-Button-small {
  border-radius: 3px;
  font-size: 13px;
  padding: 8px 12px;
}

.src-shared-Button-small > * + * {
  padding-left: 6px;
}

.src-shared-Button-small .src-shared-Button-icon {
  font-size: 14px;
}

.src-shared-Button-modal {
  width: 178px;
}

/* Button Group */
.src-shared-Button-group:first-child > .src-shared-Button-button {
  border-radius: 4px 0 0 4px;
}

.src-shared-Button-group + .src-shared-Button-group > .src-shared-Button-button {
  border-radius: 0;
}

.src-shared-Button-group + .src-shared-Button-group:last-child > .src-shared-Button-button {
  border-radius: 0 4px 4px 0;
}

.src-shared-Button-group + .src-shared-Button-group {
  margin-left: 1px;
}

.src-shared-ButtonGroup-button-group {
  border-radius: 3px;
  display: flex;
}

.src-shared-ButtonGroup-button-group > * {
  flex: auto;
}

.src-shared-ButtonGroup-button-group.src-shared-ButtonGroup-fixed > * {
  flex: 1;
}

.src-shared-ButtonGroup-button-group button {
  border-radius: 0;
}

.src-shared-ButtonGroup-button-group > :first-child button {
  border-bottom-left-radius: 3px;
  border-top-left-radius: 3px;
  border-right: none;
}

.src-shared-ButtonGroup-button-group > :last-child button {
  border-bottom-right-radius: 3px;
  border-top-right-radius: 3px;
}

/* Sidebar Tabs */
.src-shared-SidebarTab-sidebar-tab {
  color: #666;
  cursor: pointer;
  display: flex;
  font-size: 12px;
  font-weight: bold;
  justify-content: space-between;
  padding: 12px 16px;
  position: relative;
  text-decoration: none;
  text-transform: uppercase;
  transition: color 0.2s cubic-bezier(.25,.8,.25,1);
}

.src-shared-SidebarTab-sidebar-tab:not(.src-shared-SidebarTab-disabled):hover {
  color: #333;
  transition: color 0.2s cubic-bezier(.25,.8,.25,1);
}

.src-shared-SidebarTab-sidebar-tab.src-shared-SidebarTab-active {
  background: linear-gradient(to right, white 0%, var(--neutral100) 100%);
  box-shadow: 4px 0 0 var(--action) inset;
  color: #333;
  position: relative;
}

.src-shared-SidebarTab-sidebar-tab.src-shared-SidebarTab-active::after {
  box-shadow: 0 1.5px 3px rgba(34, 44, 56, 0.13), 0 1.5px 3px rgba(34, 44, 56, 0.17);
  bottom: 0;
  content: '';
  display: none;
  height: 1px;
  left: 0;
  margin-top: -1px;
  position: absolute;
  width: 100%;
}

.src-shared-SidebarTab-sidebar-tab.src-shared-SidebarTab-disabled {
  color: #aaa;
  cursor: default;
}

/* Counter Position */
.src-shared-SidebarTab-sidebar-tab > div:last-child {
  margin-right: 0;
  position: absolute;
  right: 16px;
  top: 12px;
}

.src-shared-SidebarTab-sidebar-tab span/*.fa*/ {
  opacity: 0.6;
  padding-left: 10px;
}

.src-shared-Counter-counter {
  background: var(--action);
  border-radius: 200px;
  color: white;
  display: inline-block;
  font-size: 12px;
  font-weight: bold;
  line-height: 1em;
  margin-right: 10px;
  min-width: 36px;
  padding: 4px 10px;
  position: relative;
  text-align: center;
  top: -1px;
}

.src-shared-Counter-shadowed {
  box-shadow: 0 0.5px 1.5px rgba(34, 44, 56, 0.09), 0 0.5px 1px rgba(34, 44, 56, 0.18);
}

.src-shared-Counter-small {
  padding: 3px 6px;
  font-size: 11px;
  min-height: 17px;
}

.src-shared-Counter-neutral {
  background: var(--neutral800);
}

.src-shared-Counter-action {
  background: var(--action);
}

.src-shared-Counter-accent {
  background: var(--accent);
}

.src-shared-Counter-main {
  background: var(--main);
}

.src-shared-Counter-light {
  background: var(--neutral);
  color: rgba(50, 64, 82, 0.8);
}

.src-shared-NewTooltip-wrapper {
  cursor: default;
  display: inline-block;
  position: relative;
}

.src-shared-NewTooltip-dark, .src-shared-NewTooltip-dark:before {
  background-color: #1C1C1C !important;
  color: white !important;
  box-shadow: 0 2px 8px 0 rgba(0, 0, 0, 0.2) !important;
  border-color: transparent transparent black black !important;

}

.src-shared-NewTooltip-tooltip {
  border-radius: 4px;
  bottom: calc(100% + 8px);
  box-shadow: 0 0 0 1px rgba(0, 0, 0, 0.05), 0 5px 10px rgba(34, 44, 56, 0.16), 0 3px 3px rgba(34, 44, 56, 0.17);
  left: 50%;
  margin-left: -112px;
  opacity: 0;
  position: absolute;
  transform-origin: bottom center;
  transform: scale(0);
  transition: opacity 0.2s cubic-bezier(.25,.8,.25,1), transform 0.2s cubic-bezier(.25,.8,.25,1);
  width: 220px;
  z-index: 3;
}

.src-shared-NewTooltip-wider {
  bottom: calc(100% + 15px);
  width: 305px;
}

.src-shared-NewTooltip-wrapper:hover .src-shared-NewTooltip-tooltip {
  opacity: 1;
  transform: scale(1, 1);
}

.src-shared-NewTooltip-header {
  background-color: var(--neutral800);
  border-radius: 4px 4px 0 0;
  box-shadow: 0 -1px 0 rgba(0, 0, 0, 0.1) inset;
  line-height: 1;
  padding: 11px 12px;
}

.src-shared-NewTooltip-header h4 {
  color: white !important;
  font-size: 13px !important;
  font-family: 'proxima-nova', sans-serif !important;
  font-weight: bold !important;
  margin: 0 !important;
  text-align: center !important;
  text-transform: uppercase !important;
}

.src-shared-NewTooltip-content {
  background: white;
  border-radius: 0 0 4px 4px;
  color: black;
  padding: 10px 12px 12px;
  position: relative;
  /* Higher z-index to hide arrow shadow */
  z-index: 2;
}

.src-shared-NewTooltip-content.src-shared-NewTooltip-dark {
  background: var(--nav);
  color: var(--neutral100);
  border-radius: 4px;
}

.src-shared-NewTooltip-content p {
  font-size: 13px;
  font-weight: normal;
  line-height: 1.35em;
  padding-bottom: 10px;
  text-transform: none;
}

.src-shared-NewTooltip-content p:last-child {
  padding-bottom: 0;
}

.src-shared-NewTooltip-content a {
  color: var(--action);
}

.src-shared-NewTooltip-mono-content .src-shared-NewTooltip-content p {
  font-family: 'source-code-pro', monospace;
}

.src-shared-NewTooltip-centered-content .src-shared-NewTooltip-content {
  text-align: center;
}

/* Arrow – Comes before so it's overflow is hidden by content */
.src-shared-NewTooltip-tooltip:before {
  border-color: transparent transparent white white;
  border-style: solid;
  border-width: 6px;
  bottom: -12px;
  box-shadow: 0 0 20px rgba(34, 44, 56, 0.32), 0 0 6px rgba(34, 44, 56, 0.34);
  box-sizing: border-box;
  content: '';
  height: 0;
  left: 50%;
  margin-left: -6px;
  position: absolute;
  transform-origin: 0 0;
  transform: rotate(-45deg);
  width: 0;
  z-index: 1;
}

.src-shared-NewTooltip-tooltip.src-shared-NewTooltip-wider:before {
  border-color: transparent transparent var(--nav) var(--nav);
  left: 29%;
}

/* Block */
.src-shared-NewTooltip-wrapper.src-shared-NewTooltip-full-width {
  display: block;
  width: 100%;
}

.src-shared-NewTooltip-wrapper.src-shared-NewTooltip-absolute {
  position: absolute;
}

/* Positions */
.src-shared-NewTooltip-wrapper.src-shared-NewTooltip-right .src-shared-NewTooltip-tooltip {
  bottom: auto;
  box-shadow: 0 0 0 1px rgba(0, 0, 0, 0.05), 0 5px 10px rgba(34, 44, 56, 0.16), 0 3px 3px rgba(34, 44, 56, 0.17);
  left: auto;
  margin-left: 0;
  right: -254px;
  top: -50px;
  transform-origin: top left;
}

.src-shared-NewTooltip-wrapper.src-shared-NewTooltip-left .src-shared-NewTooltip-tooltip {
  bottom: auto;
  box-shadow: 0 0 0 1px rgba(0, 0, 0, 0.05), 0 5px 10px rgba(34, 44, 56, 0.16), 0 3px 3px rgba(34, 44, 56, 0.17);
  left: -232px;
  margin-left: 0;
  right: auto;
  top: -50px;
  transform-origin: top right;
}

.src-shared-NewTooltip-wrapper.src-shared-NewTooltip-right .src-shared-NewTooltip-tooltip:before {
  bottom: auto;
  left: 0;
  margin-left: 0;
  top: 48px;
  transform: rotate(45deg);
}

.src-shared-NewTooltip-wrapper.src-shared-NewTooltip-left .src-shared-NewTooltip-tooltip:before {
  bottom: auto;
  left: 220px;
  margin-left: 0;
  top: 64px;
  transform: rotate(-135deg);
}

/* Sidebar Tabs */
.src-shared-SidebarHeader-sidebar-header {
  align-items: center;
  background: rgba(0, 0, 0, 0.075);
  color: #666;
  display: flex;
  font-size: 12px;
  font-weight: bold;
  justify-content: space-between;
  padding: 10px 16px;
  text-transform: uppercase;
}

.src-courses-page-Course-View-course {
  background: white;
  border: 1px solid var(--neutral300);
  border-radius: 4px;
  font-weight: bold;
  list-style: none;
  margin-top: 16px;
  text-align: left;
  text-transform: uppercase;
}

.src-courses-page-Course-View-course h3 {
  align-items: center;
  display: flex;
  font-size: 20px;
  line-height: 1em;
  padding: 16px;
}

/* Basic Section Styles */
.src-courses-page-Section-View-section {
  align-items: center;
  border-top: 1px solid var(--neutral);
  display: flex;
  justify-content: space-between;
  line-height: 1em;
  padding: 12px 16px 12px 16px;
  text-align: left;
  transition: background 0.2s cubic-bezier(.25,.8,.25,1);
  width: 100%;
}

.src-courses-page-Section-View-section:last-child {
  border-radius: 0 0 4px 4px;
}

/* Section Header */
.src-courses-page-Section-View-section > h4 {
  align-items: center;
  display: flex;
  flex: 1;
  font-family: 'source-code-pro', monospace;
  font-size: 15px;
  font-weight: normal;
  text-transform: none;
}

/* Section Buttons */
.src-courses-page-Section-View-section > div {
  padding-right: 12px;
}
.src-courses-page-Section-View-section button {
  min-width: 155px;
  margin-left: 10px;
  padding: 10px 12px !important;
  z-index: 1;
}

.src-courses-page-Section-View-hidden-text {
  width:0px;
  height:0px;
  overflow:hidden;
  display:inline-block;
}

/* Matchy Match Styles – Move to Separate Folder and Delete File / Remove from View.jsx */

/* Match Status */
.src-courses-page-MatchLMSDialog-View-match-status {
  background: white;
  border-top: 1px solid var(--neutral300);
  display: flex;
  flex-shrink: 0;
  position: relative;
  width: 100%;
}

.src-courses-page-MatchLMSDialog-View-match-status > div {
  border-left: 1px solid var(--neutral300);
  display: flex;
  flex: 1 1 50%;
  width: 50%;
  flex-direction: column;
  justify-content: flex-start;
  padding: 24px 32px;
  text-align: center;
}

.src-courses-page-MatchLMSDialog-View-match-status > div:first-child {
  border-left: none;
}

.src-courses-page-MatchLMSDialog-View-match-status h5 {
  color: #888;
  font-size: 12px;
  margin-bottom: 6px;
  text-align: center;
}

.src-courses-page-MatchLMSDialog-View-match-status h3 {
  font-family: 'source-code-pro', monospace;
  font-size: 16px;
  font-weight: normal;
  text-align: center;
  text-transform: none;
  word-wrap: break-word;
}

.src-courses-page-MatchLMSDialog-View-match-status h3.src-courses-page-MatchLMSDialog-View-loading {
  color: #888;
}

.src-courses-page-MatchLMSDialog-View-needs-match > div {
  /* fake justify-self */
  margin-top: auto;
  margin-bottom: auto;
}

.src-courses-page-MatchLMSDialog-View-needs-match {
  align-items: center;
  align-self: stretch;
  background: var(--accentLight);
}

.src-courses-page-MatchLMSDialog-View-needs-match h4 {
  /* margin-bottom: 4px; */
}

.src-courses-page-MatchLMSDialog-View-needs-match p {
  font-size: 13px;
  line-height: 1.4em;
}

.src-courses-page-MatchLMSDialog-View-needs-match span {
  color: var(--accent);
  font-size: 96px;
  opacity: 0.075;
  position: absolute;
}

.src-courses-page-MatchLMSDialog-View-match-status .src-courses-page-MatchLMSDialog-View-badges {
  margin-top: -4px;
  text-align: center;
}

.src-courses-page-MatchLMSDialog-View-match-status .src-courses-page-MatchLMSDialog-View-badges > div:last-child {
  margin-right: 0;
}

.src-courses-page-MatchLMSDialog-View-match-buttons {
  align-items: center;
  display: flex;
  justify-content: center;
  margin-top: 11px;
}

.src-courses-page-MatchLMSDialog-View-match-buttons > div:first-child {
  margin-right: 4px;
}

.src-courses-page-MatchLMSDialog-View-match-buttons > div:last-child {
  margin-left: 4px;
}

.src-courses-page-MatchLMSDialog-View-match-buttons button {
  padding: 8px 12px;
  width: 112px;
}

/* Match Badge */
.src-courses-page-MatchLMSDialog-View-match-badge {
  align-items: center;
  background: var(--actionLight);
  border-radius: 200px;
  border: 1px solid var(--action);
  color: var(--action);
  display: flex;
  height: 36px;
  justify-content: center;
  left: 50%;
  margin-left: -18px;
  margin-top: -18px;
  position: absolute;
  top: 50%;
  width: 36px;
}

/* Matching Area */
.src-courses-page-MatchLMSDialog-View-matches-wrapper {
  border-top: 1px solid var(--neutral300);
  overflow-y: auto;
}

.src-courses-page-MatchLMSDialog-View-matches-header {
  display: flex;
  justify-content: space-between;
  position: relative;
}

.src-courses-page-MatchLMSDialog-View-matches-header h4 {
  font-size: 13px;
  position: absolute;
  left: 16px;
  top: 18px;
}

.src-courses-page-MatchLMSDialog-View-matches-header > div:last-child {
  width: 100%;
}

.src-courses-page-MatchLMSDialog-View-matches-header > div:last-child > ul {
  padding-right: 16px !important;
}

.src-courses-page-MatchLMSDialog-View-matches-area {
  background: var(--neutral100);
  padding: 24px;
}

.src-courses-page-MatchLMSDialog-View-matches-area h5 {
  color: #444;
  margin: 24px 0 12px;
}

.src-courses-page-MatchLMSDialog-View-matches-area h5:first-of-type {
  margin-top: 0;
}

.src-courses-page-MatchLMSDialog-View-matches-area h5.src-courses-page-MatchLMSDialog-View-top-match {
  color: var(--action);
}

.src-courses-page-MatchLMSDialog-View-matches-area h5 span {
  margin-right: 8px;
}

.src-courses-page-MatchLMSDialog-View-match-results {
  background: white;
  border-radius: 4px;
  border: 1px solid var(--neutral300);
}

/* Match Results List */
ul.src-courses-page-MatchLMSDialog-View-match-results,
ul.src-courses-page-MatchLMSDialog-View-match-results li {
  list-style: none;
  margin: 0;
  padding: 0;
}

ul.src-courses-page-MatchLMSDialog-View-match-results li {
  align-items: center;
  border-top: 1px solid var(--neutral);
  display: flex;
  justify-content: space-between;
  padding: 16px;
}

ul.src-courses-page-MatchLMSDialog-View-match-results li:first-child {
  border-top: none;
}

ul.src-courses-page-MatchLMSDialog-View-match-results li > div:last-child {
  align-self: flex-start;
  flex-shrink: 0;
  margin-right: 0;
  margin-top: 0;
  width: 180px;
}

ul.src-courses-page-MatchLMSDialog-View-match-results li > div:last-child button {
  margin-right: 0;
  padding: 10px 12px;
}

ul.src-courses-page-MatchLMSDialog-View-match-results .src-courses-page-MatchLMSDialog-View-lms-course {
  font-family: 'source-code-pro';
  font-size: 14px;
}

ul.src-courses-page-MatchLMSDialog-View-match-results .src-courses-page-MatchLMSDialog-View-lms-course > span {
  display: block;
  font-size: 12px;
  margin-top: 6px;
}

ul.src-courses-page-MatchLMSDialog-View-match-results .src-courses-page-MatchLMSDialog-View-lms-course > span:first-child {
  margin-top: 0;
}

/* Search Tab */
ul.src-courses-page-MatchLMSDialog-View-match-results.src-courses-page-MatchLMSDialog-View-search {
  margin-top: 16px;
}

/* Manual Match Tab */
.src-courses-page-MatchLMSDialog-View-manual-match {
  display: flex;

  flex: 1 1 auto;
}

.src-courses-page-MatchLMSDialog-View-manual-match > div:last-child {
  margin-left: 12px;
  width: 180px;
}

.src-courses-page-MatchLMSDialog-View-manual-match button {
  height: 36px;
  top: 2px;
}

/* Badge Wrapper */
.src-shared-Badge-wrapper {
  display: inline-block;
  width: auto;
  margin-top: 12px;
  margin-right: 12px;
}

.src-shared-Badge-wrapper.src-shared-Badge-no-margin {
  margin: 0;
}

/* Badge Content */
.src-shared-Badge-badge,
.src-shared-Badge-badge .src-shared-Badge-label {
  align-items: center;
  display: flex;
  flex-direction: row;
  justify-content: center;
}

.src-shared-Badge-badge {
  background: var(--neutral100);
  border: 1px solid var(--neutral300);
  border-radius: 4px;
  font-size: 13px;
  font-weight: bold;
  overflow: hidden;
  text-transform: uppercase;
  white-space: nowrap;
  width: 100%;
}

.src-shared-Badge-label {
  background: rgba(0, 0, 0, 0.04);
  border-color: var(--neutral300);
  border-radius: 4px 0 0 4px;
  color: rgba(0, 0, 0, 0.8);
  flex-grow: 0;
  flex-shrink: 0;
  font-family: 'proxima-nova', sans-serif;
  font-weight: bold;
  height: 30px;
  min-width: 30px;
  mix-blend-mode: multiply;
  overflow: hidden;
  padding: 8px;
  text-transform: uppercase;
}

.src-shared-Badge-value {
  display: inline-block;
  flex-grow: 1;
  max-width: 400px;
  overflow: hidden;
  padding: 8px;
  text-align: center;
  text-overflow: ellipsis;
  white-space: nowrap;
}

.src-shared-Badge-mono {
  color: #333;
  font-family: 'source-code-pro', monospace;
  font-weight: normal;
  letter-spacing: -0.03em;
  text-transform: none;
}

.src-shared-Badge-label + .src-shared-Badge-value {
  border-radius: 0 4px 4px 0;
}

/* Color Properties */
.src-shared-Badge-accent {
  background: var(--accentLight);
  border-color: var(--accent);
  color: var(--accent);
}

.src-shared-Badge-action {
  background: var(--actionLight);
  border-color: var(--action);
  color: var(--action);
}

.src-shared-Badge-action .src-shared-Badge-mono {
  color: var(--action);
}

.src-shared-Badge-secondary {
  background: var(--secondaryLight);
  border-color: var(--main);
  color: var(--main);
}

.src-shared-Badge-light-dashed {
  background: transparent;
  border-color: rgba(255, 255, 255, 0.7);
  border-style: dashed;
  color: rgba(255, 255, 255, 0.7);
}

.src-shared-Badge-dark-dashed {
  background: transparent;
  border-color: var(--neutral800);
  border-style: dashed;
  color: var(--neutral800);
  opacity: 0.5;
}

/* Size Properties */
.src-shared-Badge-badge.src-shared-Badge-small .src-shared-Badge-label,
.src-shared-Badge-badge.src-shared-Badge-small .src-shared-Badge-value {
  font-size: 12px;
  padding: 6px;
}

.src-shared-Badge-badge.src-shared-Badge-baby .src-shared-Badge-label {
  height: 24px;
  width: 24px;
}

.src-shared-Badge-badge.src-shared-Badge-baby .src-shared-Badge-label,
.src-shared-Badge-badge.src-shared-Badge-baby .src-shared-Badge-value {
  font-size: 11px;
  padding: 6px;
}

.src-shared-Badge-badge .src-shared-Badge-value a {
  text-decoration: none;
  color: inherit;
}

.src-shared-Badge-badge .src-shared-Badge-value a:hover {
  color: var(--secondary);
  transition: color 0.2s -bezier;
} 

/* Display Properties */
.src-shared-Badge-block {
  display: block;
  flex: 1;
  width: 100%;
  margin: 0;
}

.src-shared-Badge-inline-block {
  display: inline-block;
  width: fit-content;
}

.src-shared-Badge-inline-block + .src-shared-Badge-inline-block {
  margin-left: 8px;
}

/* Rounded Badge */
.src-shared-Badge-rounded {
  border-radius: 200px;
}

.src-shared-Badge-rounded .src-shared-Badge-label {
  border-radius: 200px;
  border-style: solid;
  border-width: 0 1px 0 0;
}

.src-shared-Badge-rounded .src-shared-Badge-no-icon-background {
  border-style: none;
  background: none;
}

.src-shared-Badge-rounded .src-shared-Badge-value {
  padding-right: 10px;
}

.src-shared-Badge-rounded .src-shared-Badge-value:first-child {
  padding-left: 10px;
}

.src-shared-Badge-rounded .src-shared-Badge-label.src-shared-Badge-light-dashed {
  border-style: dashed;
  mix-blend-mode: normal;
}

.src-shared-Badge-rounded.src-shared-Badge-badge.src-shared-Badge-small .src-shared-Badge-label,
.src-shared-Badge-rounded.src-shared-Badge-badge.src-shared-Badge-small .src-shared-Badge-value .src-shared-Badge-rounded.src-shared-Badge-badge.src-shared-Badge-baby .src-shared-Badge-label,
.src-shared-Badge-rounded.src-shared-Badge-badge.src-shared-Badge-baby .src-shared-Badge-value {
  padding-right: 10px;
}

.src-shared-EmptyList-wrapper {
  border-radius: 4px;
  border: 4px dashed var(--neutral300);
  margin-top: 24px;
  padding: 70px 32px;
  position: relative;
  text-align: center;
}

.src-shared-EmptyList-wrapper.src-shared-EmptyList-small {
  padding: 36px;
}

.src-shared-EmptyList-wrapper p {
  margin: 12px auto 18px;
  max-width: 800px;
}

.src-shared-EmptyList-wrapper p a {
  color: var(--main);
  font-weight: bold;
  text-decoration: underline;
}

.src-shared-EmptyList-inside-pane {
  border-color: var(--neutral);
  margin: 20px;
}

.src-shared-EmptyList-no-margin {
  margin: 0;
}

.src-shared-EmptyList-dark-border {
  border-color: rgba(0, 0, 0, 0.075);
}

/* Actions Wrapper for Multiple Buttons */
.src-shared-EmptyList-wrapper > div:last-child {
  display: flex;
  justify-content: center;
}

.src-shared-EmptyList-wrapper > div:last-child > div {
  margin-left: 12px;
}

.src-shared-EmptyList-wrapper > div:last-child > div:first-child {
  margin-left: 0;
}

.src-shared-SearchBox-wrapper {
  padding: 16px 16px 0;
  position: relative;
}

.src-shared-SearchBox-wrapper > *:last-child {
  position: absolute;
  right: 18px;
  top: 18px;
}

.src-shared-SearchBox-wrapper > *:last-child button {
  align-items: center;
  border-radius: 0 2px 2px 0;
  box-shadow: none;
  display: flex;
  height: 36px;
  justify-content: center;
  line-height: 1em;
  padding: 0 16px;
}

.src-shared-SearchBox-wrapper.src-shared-SearchBox-noborder > *:last-child button {
  border-radius: 0 4px 4px 0;
  height: 40px;
}

.src-shared-SearchBox-wrapper input {
  -webkit-font-smoothing: antialiased;
  background: white;
  flex: 1;
  padding: 10px 56px 10px 8px;
  z-index: 0;
  border-radius: 4px; /* slightly higher than the button to avoid showing around edges*/
}

/* Unpadded Styles */
.src-shared-SearchBox-wrapper.src-shared-SearchBox-unpadded {
  padding: 0;
}

.src-shared-SearchBox-wrapper.src-shared-SearchBox-unpadded > *:last-child {
  right: 2px;
  top: 2px;
}

.src-shared-SearchBox-wrapper.src-shared-SearchBox-unpadded.src-shared-SearchBox-noborder > *:last-child {
  right: 0px;
  top: 0px;
}

.src-shared-InputField-wrapper {
  display: block;
  position: relative;
  flex: 1;
}

.src-shared-InputField-inline-block {
  display: inline-block;
  width: auto;
}

.src-shared-InputField-block {
  display: block;
  width: 100%;
}

.src-shared-InputField-label {
  display: block;
  font-size: 12px;
  font-weight: bold;
  margin-bottom: 4px;
  text-transform: uppercase;
}

.src-shared-InputField-label > .src-shared-InputField-asterisk {
  color: var(--accent);
  font-size: 11px;
  margin-right: 4px;
}

.src-shared-InputField-inset {
  background: white;
  color: #666;
  left: 6px;
  margin: 0;
  padding: 0 4px;
  position: absolute;
  top: 0;
  z-index: 2;
}

.src-shared-InputField-inset + * {
  margin-top: 8px;
}

.src-shared-InputField-input {
  -moz-osx-font-smoothing: grayscale;
  -webkit-font-smoothing: antialiased;
  background: white;
  border-radius: 3px;
  border: 2px solid var(--neutral300);
  color: #333;
  font-family: 'source-code-pro', monospace;
  font-size: 14px;
  font-weight: normal;
  height: 40px;
  letter-spacing: -0.03em;
  line-height: 1.5em;
  outline: 0;
  /* padding: 8px; */
  padding: 10px 8px 10px 8px;
  position: relative;
  text-transform: none;
  transition: border-color 0.2s cubic-bezier(.25,.8,.25,1), background 0.2s cubic-bezier(.25,.8,.25,1),
    box-shadow 0.2s cubic-bezier(.25,.8,.25,1);
  width: 100%;
  z-index: 1;
}

.src-shared-InputField-input:focus {
  border: 2px solid var(--neutral800);
}

.src-shared-InputField-input:disabled {
  background: var(--neutral100);
  border: 2px solid var(--neutral300);
  cursor: not-allowed;
}

.src-shared-InputField-input.src-shared-InputField-no-border:focus {
  border: 2px solid var(--neutral800);
}

.src-shared-InputField-input.src-shared-InputField-no-border {
  border: none;
}

.src-shared-InputField-input.src-shared-InputField-large {
  padding: 8px;
  font-size: 17px;
}

.src-shared-InputField-input.src-shared-InputField-error {
  border-color: var(--accent);
  color: var(--accent);
}

/* Alternative Colors */
.src-shared-InputField-light {
  color: rgba(255, 255, 255, 0.7);
}

.src-shared-InputField-secondary .src-shared-InputField-inset {
  background: var(--main);
  color: rgba(255, 255, 255, 0.7);
}

.src-shared-InputField-light .src-shared-InputField-input,
.src-shared-InputField-secondary .src-shared-InputField-input {
  background: transparent;
  border-color: rgba(255, 255, 255, 0.5);
  color: white;
}

.src-shared-InputField-light .src-shared-InputField-input:focus,
.src-shared-InputField-secondary .src-shared-InputField-input:focus {
  border-color: white;
}

.src-shared-InputField-light .src-shared-InputField-input::placeholder,
.src-shared-InputField-secondary .src-shared-InputField-input::placeholder {
  color: rgba(255, 255, 255, 0.4);
}

.src-shared-InputField-light .src-shared-InputField-input:disabled,
.src-shared-InputField-secondary .src-shared-InputField-input:disabled {
  background: rgba(255, 255, 255, 0.2);
}

.src-shared-Dialog-dialog-wrapper {
  height: 100%;
  left: 0;
  position: fixed;
  top: 0;
  width: 100%;
  z-index: 10; 
}

.src-shared-Dialog-shade {
  background: rgba(36, 44, 55, 0.8);
  height: 100vh;
  transform: scale(1.2);
  width: 100%;
}

.src-shared-Dialog-dialog {
  border-radius: 4px;
  box-shadow: 0 9.5px 19px rgba(34, 44, 56, 0.27), 0 7.5px 6px rgba(34, 44, 56, 0.15);
  left: 50%;
  overflow: hidden;
  position: absolute;
  top: 72px;
  transform: translateX(-50%);
}

/* Dialog Sizes */
.src-shared-Dialog-small {
  width: 300px;
}

.src-shared-Dialog-medium {
  width: 500px;
}

.src-shared-Dialog-large {
  width: 800px;
}

.src-shared-Dialog-xlarge {
  width: 1000px;
  top: 24px;
  min-height: calc(100vh - 48px);
  height: calc(100vh - 48px);
}

.src-shared-Dialog-mega {
  display: flex;
  flex-direction: column;
  height: calc(100vh - 48px);
  left: 24px;
  top: 24px;
  transform: translateX(0%);
  width: calc(100vw - 48px);
}

/* Dialog Header Styles */
.src-shared-Dialog-header {
  align-items: center;
  background: var(--neutral800);
  border-radius: 4px 4px 0 0;
  display: flex;
  flex-shrink: 0;
  height: 60px;
  justify-content: space-between;
  padding: 0 24px;
  position: relative;
  width: 100%;
}

.src-shared-Dialog-header-inverse {
  background: white;
}

.src-shared-Dialog-header-actions {
  align-items: center;
  display: flex;
}

.src-shared-Dialog-header-meta-inverse h3 {
  color: #1C1C1C;
  font-family: roboto;
  text-transform: none;
  font-size: 20px;
  font-weight: 500;
}
.src-shared-Dialog-header-meta h3 {
  color: white;
  font-size: 17px;
}
.src-shared-Dialog-header-meta-inverse h5 {
  color: rgba(28, 28, 28, 0.75);
}

.src-shared-Dialog-header-meta h5 {
  color: rgba(255, 255, 255, 0.75);
  font-size: 13px;
  margin-top: 3px;
}

.src-shared-Dialog-dialog-wrapper .src-shared-Dialog-close {
  align-items: center;
  background: none;
  border: 1px solid rgba(255, 255, 255, 0.8);
  border-radius: 200px;
  color: white;
  cursor: pointer;
  display: flex;
  font-size: 14px;
  font-weight: bold;
  height: 33px;
  justify-content: center;
  margin-left: 12px;
  outline: 0;
  transition: background 0.2s cubic-bezier(.25,.8,.25,1), border-color 0.2s cubic-bezier(.25,.8,.25,1),
    color 0.2s cubic-bezier(.25,.8,.25,1);
  width: 33px;
  padding: inherit;
}
.src-shared-Dialog-dialog-wrapper .src-shared-Dialog-close-inverse {
  align-items: center;
  background: none;
  border: none;
  color: #1C1C1C;
}

.src-shared-Dialog-close:hover {
  background: white;
  border-color: white;
  color: var(--neutral800);
}
.src-shared-Dialog-close-inverse:hover {
  background: var(--neutral800);
  border-color: var(--neutral800);
  color: white;
}

/* Dialog Content and Actions */
.src-shared-Dialog-wrapper {
  display: flex;
  flex: 1;
  width: 100%;
  height: 100%;
}

.src-shared-Dialog-content {
  background: white;
  display: flex;
  flex-direction: column;
  flex-grow: 1;
  max-height: calc(100vh - 188px);
  overflow: auto;
  overflow-y: auto;
  padding: 24px;
}

.src-shared-Dialog-content.src-shared-Dialog-unpadded {
  padding: 0;
}

.src-shared-Dialog-content.src-shared-Dialog-flex-column {
  display: flex;
  flex-direction: column;
}

.src-shared-Dialog-wrapper.src-shared-Dialog-none {
}

/* Dialog with Footer Actions */
.src-shared-Dialog-wrapper.src-shared-Dialog-footer {
  flex-direction: column;
}

.src-shared-Dialog-wrapper.src-shared-Dialog-footer .src-shared-Dialog-content {
  height: calc(100% - 123px);
}

.src-shared-Dialog-actions.src-shared-Dialog-footer {
  background: var(--neutral300);
  border-radius: 0 0 4px 4px;
  border-top: 1px solid var(--neutral300);
  display: flex;
  flex-shrink: 0;
  justify-content: flex-end;
  padding: 12px;
}

.src-shared-Dialog-actions.src-shared-Dialog-footer > * + * {
  margin-left: 12px;
}

.src-shared-Dialog-actions.src-shared-Dialog-footer.src-shared-Dialog-custom-styles {
  background: var(--neutral100);
  border: none;
  display: flex;
  flex-shrink: 0;
  justify-content: center;
  padding: 0;
}

/* Dialog with Sidebar Actions (Not Footer) */
.src-shared-Dialog-wrapper.src-shared-Dialog-sidebar {
  flex-direction: row;
  max-height: calc(100vh - 188px);
}

.src-shared-Dialog-actions.src-shared-Dialog-sidebar {
  background: var(--neutral100);
  border-left: 1px solid var(--neutral300);
  border-radius: 0 0 4px 0;
  flex: 0 0 240px;
  max-height: calc(100vh - 188px);
  overflow-y: auto;
}

.src-shared-Dialog-is-loading {
  z-index: -1;
}

@media screen and (min-width: 1600px) {
  .src-shared-Dialog-mega {
    left: 50%;
    transform: translateX(-50%);
    width: 1540px;
  }
}

.src-shared-Tabs-tabs {
  background: var(--neutral100);
}

.src-shared-Tabs-tab-labels {
  box-shadow: 0 -1px 0 var(--neutral300) inset;
  margin: 0;
  padding: 0 0 0 24px;
}

.src-shared-Tabs-tab-labels li {
  display: inline-block;
}

.src-shared-Tabs-tab-labels li a {
  color: #666;
  display: block;
  font-family: 'proxima-nova', sans-serif;
  font-size: 14px;
  font-weight: bold;
  padding: 16px 24px;
  text-align: center;
  text-decoration: none;
  text-transform: uppercase;
  transition-property: background, color;
  transition-duration: 0.2s;
  transition-timing-function: cubic-bezier(.25,.8,.25,1);
}

/* For Icons */
.src-shared-Tabs-tab-labels li a > span:first-child {
  margin-right: 8px;
}

.src-shared-Tabs-tab-labels li a {
  transition: background 0.2s cubic-bezier(.25,.8,.25,1), color 0.2s cubic-bezier(.25,.8,.25,1);
}

.src-shared-Tabs-tab-labels li a:hover {
  background: var(--neutral);
  color: #333;
}

.src-shared-Tabs-tab-labels li a.src-shared-Tabs-active {
  background: white;
  box-shadow: 0 4px 0 var(--action) inset, -1px 0 0 var(--neutral300) inset,
    1px 0 0 var(--neutral300) inset;
  color: #333;
}

.src-shared-Tabs-tab-labels li a.src-shared-Tabs-bottom {
  box-shadow: 0 0 0 var(--neutral300) inset;
  transition: box-shadow 0.2s cubic-bezier(.25,.8,.25,1);
}

.src-shared-Tabs-tab-labels li a.src-shared-Tabs-bottom:hover {
  background: none;
  box-shadow: 0 -4px 0 var(--neutral300) inset;
  color: #333;
}

.src-shared-Tabs-tab-labels li a.src-shared-Tabs-active.src-shared-Tabs-bottom {
  box-shadow: 0 -4px 0 var(--action) inset;
}

/* Alternative Styles */
.src-shared-Tabs-tabs.src-shared-Tabs-trans,
.src-shared-Tabs-tabs.src-shared-Tabs-dark,
.src-shared-Tabs-tabs.src-shared-Tabs-trans .src-shared-Tabs-tab-labels li a,
.src-shared-Tabs-tabs.src-shared-Tabs-trans .src-shared-Tabs-tab-labels li a {
  background: none;
}

.src-shared-Tabs-tabs.src-shared-Tabs-white {
  background: white;
}

.src-shared-Tabs-tabs.src-shared-Tabs-dark .src-shared-Tabs-tab-labels {
  background: rgba(42, 52, 65, 0.5);
}

.src-shared-Tabs-tabs.src-shared-Tabs-secondary .src-shared-Tabs-tab-labels {
  background: var(--mainDark);
}

.src-shared-Tabs-tabs.src-shared-Tabs-dark .src-shared-Tabs-tab-labels,
.src-shared-Tabs-tabs.src-shared-Tabs-secondary .src-shared-Tabs-tab-labels {
  box-shadow: 0 -1px 0 rgba(0, 0, 0, 0.25) inset;
}

.src-shared-Tabs-tabs.src-shared-Tabs-dark .src-shared-Tabs-tab-labels li a,
.src-shared-Tabs-tabs.src-shared-Tabs-secondary .src-shared-Tabs-tab-labels li a {
  color: rgba(255, 255, 255, 0.7);
}

.src-shared-Tabs-tabs.src-shared-Tabs-dark .src-shared-Tabs-tab-labels li a:hover,
.src-shared-Tabs-tabs.src-shared-Tabs-secondary .src-shared-Tabs-tab-labels li a:hover {
  background: transparent;
  box-shadow: 0 -4px 0 rgba(255, 255, 255, 0.4) inset;
  color: rgba(255, 255, 255, 0.9);
}

.src-shared-Tabs-tabs.src-shared-Tabs-dark .src-shared-Tabs-tab-labels li a.src-shared-Tabs-active,
.src-shared-Tabs-tabs.src-shared-Tabs-secondary .src-shared-Tabs-tab-labels li a.src-shared-Tabs-active {
  background: transparent;
  box-shadow: 0 -4px 0 var(--action) inset;
  color: white;
}

.src-shared-Tabs-tabs.src-shared-Tabs-centered .src-shared-Tabs-tab-labels {
  display: flex;
  justify-content: center;
  border-top: var(--tabBorderTop);
  padding: 0;
}

.src-shared-Tabs-tabs.src-shared-Tabs-right-aligned .src-shared-Tabs-tab-labels {
  display: flex;
  justify-content: flex-end;
  padding: 0;
}

.src-shared-Tabs-tabs.src-shared-Tabs-page-topbar .src-shared-Tabs-tab-labels a {
  align-items: center;
  display: flex;
  height: 58px;
}

/* Right Icon Tabs */
.src-shared-Tabs-tabs.src-shared-Tabs-right-icons {
  border-top-right-radius: 4px;
  display: flex;
  flex-direction: row-reverse;
}

.src-shared-Tabs-tabs.src-shared-Tabs-right-icons .src-shared-Tabs-tab-labels {
  box-shadow: 0 0 0 transparent;
  display: flex;
  flex: 0 0 42px;
  flex-direction: column;
  position: relative;
  z-index: 1;
}

.src-shared-Tabs-tabs.src-shared-Tabs-right-icons > div:last-child {
  background: white;
  flex-grow: 1;
  padding: 11px 20px;
  position: relative;
}

.src-shared-Tabs-tabs.src-shared-Tabs-right-icons > div:last-child:before {
  background-image: linear-gradient(
    to right,
    rgba(0, 0, 0, 0.075),
    transparent
  );
  content: '';
  height: 100%;
  right: -6px;
  position: absolute;
  top: 0;
  width: 6px;
}

.src-shared-Tabs-tabs.src-shared-Tabs-right-icons .src-shared-Tabs-tab-labels li a {
  border-bottom: 1px solid transparent;
  border-top: 1px solid transparent;
  color: #999;
  padding: 12px 0;
}

.src-shared-Tabs-tabs.src-shared-Tabs-right-icons .src-shared-Tabs-tab-labels li a span {
  margin-right: 0;
}

.src-shared-Tabs-tabs.src-shared-Tabs-right-icons .src-shared-Tabs-tab-labels li a:hover {
  background: inherit;
  box-shadow: 4px 0 0 rgba(0, 0, 0, 0.15);
  color: #666;
}

.src-shared-Tabs-tabs.src-shared-Tabs-right-icons .src-shared-Tabs-tab-labels li a.src-shared-Tabs-active {
  background: white;
  color: #333;
  border-bottom: 1px solid var(--neutral300);
  border-top: 1px solid var(--neutral300);
  box-shadow: 4px 0 0 var(--action);
}

.src-shared-Tabs-tabs.src-shared-Tabs-right-icons .src-shared-Tabs-tab-labels li:first-child a,
.src-shared-Tabs-tabs.src-shared-Tabs-right-icons .src-shared-Tabs-tab-labels li:first-child a.src-shared-Tabs-active {
  border-top: none;
}

.src-shared-Tabs-beta-tag {
	background: var(--actionLight);
	border-radius: 100px;
	border: 1px solid var(--action);
	color: var(--action);
	font-size: 10px;
	line-height: 1em;
	margin-left: 12px;
	padding: 4px 8px;
}

.src-shared-TabPane-dialog {
  max-height: calc(100vh - 232px);
  overflow-y: auto;
}

.src-shared-TabPane-tooltip {
  max-height: calc(100vh - 232px);
}

/* Structure */
.src-courses-page-AssignContactsDialog-AssignSectionContacts-View-assign-input-wrapper {
  background: var(--neutral100);
  box-shadow: 0 0.5px 1.5px rgba(34, 44, 56, 0.09), 0 0.5px 1px rgba(34, 44, 56, 0.18);
  flex: 1 1 auto;
  padding: 16px;
  width: 100%;
  z-index: 1;
}

.src-courses-page-AssignContactsDialog-AssignSectionContacts-View-assign-action-wrapper {
  align-items: center;
  display: flex;
  justify-content: space-between;
}

.src-courses-page-AssignContactsDialog-AssignSectionContacts-View-assign-action-wrapper > div:last-child {
  flex: 0 1 auto;
  padding-left: 12px;
}

.src-courses-page-AssignContactsDialog-AssignSectionContacts-View-assign-action-wrapper button {
  height: 36px;
  padding: 10px 12px;
}

.src-courses-page-AssignContactsDialog-AssignSectionContacts-View-assign-section-list {
  background: white;
  flex: 0 1;
  max-height: 240px;
  height: 100%;
  overflow: auto;
}

.src-courses-page-AssignContactsDialog-AssignSectionContacts-View-all-sections-actions-wrapper {
  padding: 8px 16px;
}

/* Informational copy */
.src-courses-page-AssignContactsDialog-AssignSectionContacts-View-assign-input-wrapper p {
  font-size: 14px;
  padding-bottom: 8px;
}

.src-courses-page-AssignContactsDialog-AssignSectionContacts-View-change-header {
  background: var(--neutral);
  color: #666;
  font-size: 13px;
  font-weight: bold;
  padding: 8px 16px;
  text-transform: uppercase;
}

/* Course styles */
.src-courses-page-AssignContactsDialog-CourseDiff-ContactsCourseDiff-View-sections,
.src-courses-page-AssignContactsDialog-CourseDiff-ContactsCourseDiff-View-section,
.src-courses-page-AssignContactsDialog-CourseDiff-ContactsCourseDiff-View-contacts,
.src-courses-page-AssignContactsDialog-CourseDiff-ContactsCourseDiff-View-contact {
  list-style: none;
  margin: 0;
  padding: 0;
}

.src-courses-page-AssignContactsDialog-CourseDiff-ContactsCourseDiff-View-course {
  border-bottom: 1px solid var(--neutral300);
  padding: 14px 16px 16px;
}

.src-courses-page-AssignContactsDialog-CourseDiff-ContactsCourseDiff-View-course:last-child {
  border-bottom: none;
}

.src-courses-page-AssignContactsDialog-CourseDiff-ContactsCourseDiff-View-course h4 {
  font-size: 18px;
}

.src-courses-page-AssignContactsDialog-CourseDiff-ContactsCourseDiff-View-sections {
  margin-top: 12px;
}

/* Section styles */
.src-courses-page-AssignContactsDialog-CourseDiff-ContactsCourseDiff-View-section {
  border: 1px solid var(--neutral300);
  border-radius: 4px;
  margin-bottom: 16px;
}

.src-courses-page-AssignContactsDialog-CourseDiff-ContactsCourseDiff-View-section:last-child {
  margin-bottom: 0;
}

.src-courses-page-AssignContactsDialog-CourseDiff-ContactsCourseDiff-View-section h5 {
  background: var(--neutral100);
  border-radius: 4px 4px 0 0;
  font-size: 13px;
  padding: 12px;
}

.src-courses-page-AssignContactsDialog-CourseDiff-ContactsCourseDiff-View-section .src-courses-page-AssignContactsDialog-CourseDiff-ContactsCourseDiff-View-change {
  align-items: center;
  display: flex;
  padding-top: 10px;
}

.src-courses-page-AssignContactsDialog-CourseDiff-ContactsCourseDiff-View-section .src-courses-page-AssignContactsDialog-CourseDiff-ContactsCourseDiff-View-change > span {
  color: #999;
  font-size: 18px;
  margin: 0 8px;
}

/* Contact row styles */
.src-courses-page-AssignContactsDialog-CourseDiff-ContactsCourseDiff-View-contacts {
}

.src-courses-page-AssignContactsDialog-CourseDiff-ContactsCourseDiff-View-contact {
  align-items: center;
  border-top: 1px solid var(--neutral300);
  display: flex;
  font-family: 'source-code-pro';
  font-size: 13px;
  justify-content: space-between;
  padding: 12px;
}

.src-courses-page-AssignContactsDialog-CourseDiff-ContactsCourseDiff-View-contact span {
  padding-right: 12px;
  word-break: break-all;
}

.src-courses-page-AssignContactsDialog-CourseDiff-ContactsCourseDiff-View-contact div {
  /* badge or button */
  font-family: 'proxima-nova', sans-serif;
  text-align: center;
  width: 100px;
}

.src-courses-page-AssignContactsDialog-CourseDiff-ContactsCourseDiff-View-no-contact {
  color: #666;
  display: block;
  text-align: left;
  width: 100%;
}

.src-shared-Email-View-email {
  background: white;
  border: 1px solid var(--neutral300);
  border-radius: 3px;
  display: flex;
  flex-direction: column;
  margin-top: 16px;
  position: relative;
}

.src-shared-Email-View-email:first-child {
  margin-top: 0;
}

/* Status and Actions */
.src-shared-Email-View-status-actions {
  border-radius: 3px 3px 0 0;
  border-bottom: 1px solid var(--neutral300);
  display: flex;
  justify-content: space-between;
  padding: 12px 12px 12px 0;
}

.src-shared-Email-View-status-actions button {
  font-size: 12px;
}

/* Status Badge Styles */
.src-shared-Email-View-status {
  align-items: center;
  color: white;
  display: flex;
  font-size: 12px;
  font-weight: bold;
  height: 28px;
  left: -1px;
  padding-left: 16px;
  position: relative;
  text-align: center;
  text-transform: uppercase;
  top: 1px;
  width: 128px;
}

.src-shared-Email-View-status:after {
  border-bottom: 14px solid transparent;
  border-top: 14px solid transparent;
  content: '';
  position: absolute;
  right: -4px;
  top: 0;
  transform: scale(0.5, 1);
}

.src-shared-Email-View-status:before {
  font-family: FontAwesome;
  font-style: normal;
  font-weight: normal;
  margin-right: 6px;
  text-decoration: inherit;
}

/* Email Header */
.src-shared-Email-View-email-header {
  cursor: pointer;
  padding: 16px 12px 14px;
}

.src-shared-Email-View-email-header h4 {
  transition: color 0.2s cubic-bezier(.25,.8,.25,1);
}

.src-shared-Email-View-email-header h5 {
  color: #666;
  margin-bottom: 4px;
}

.src-shared-Email-View-email-content {
  max-height: 0;
  overflow: hidden;
  transition: max-height 0.2s cubic-bezier(.25,.8,.25,1);
  white-space: pre-line;
}

.src-shared-Email-View-email-content.src-shared-Email-View-expanded {
  max-height: 10000px;
  transition: max-height 0.4s ease-in-out;
}

.src-shared-Email-View-email-content p {
  font-family: 'source-code-pro', monotype;
  font-size: 13px;
  line-height: 1.5em;
  padding: 12px 16px 0;
}

.src-shared-Email-View-email-content p:first-child {
  padding-top: 0;
}

.src-shared-Email-View-email-content p:last-child {
  padding-bottom: 16px;
}

/* Delivered Styles */
.src-shared-Email-View-delivered .src-shared-Email-View-status-actions {
  background: var(--actionLight);
}

.src-shared-Email-View-delivered .src-shared-Email-View-status {
  background: var(--action);
}

.src-shared-Email-View-delivered .src-shared-Email-View-status:after {
  border-right: 14px solid var(--actionLight);
}

.src-shared-Email-View-delivered .src-shared-Email-View-status:before {
  content: '\f00c';
}

.src-shared-Email-View-delivered .src-shared-Email-View-email-header:hover h4 {
  color: var(--action);
}

/* Failed Styles */
.src-shared-Email-View-failed .src-shared-Email-View-status-actions {
  background: var(--accentLight);
}

.src-shared-Email-View-failed .src-shared-Email-View-status {
  background: var(--accent);
}

.src-shared-Email-View-failed .src-shared-Email-View-status:after {
  border-right: 14px solid var(--accentLight);
}

.src-shared-Email-View-failed .src-shared-Email-View-status:before {
  content: '\f00d';
}

.src-shared-Email-View-failed .src-shared-Email-View-email-header:hover h4 {
  color: var(--accent);
}

/* Queued Styles */
.src-shared-Email-View-queued .src-shared-Email-View-status-actions {
  background: var(--secondaryLight);
}

.src-shared-Email-View-queued .src-shared-Email-View-status {
  background: var(--main);
}

.src-shared-Email-View-queued .src-shared-Email-View-status:after {
  border-right: 14px solid var(--secondaryLight);
}

.src-shared-Email-View-queued .src-shared-Email-View-status:before {
  content: '\f021';
}

.src-shared-Email-View-queued .src-shared-Email-View-email-header:hover h4 {
  color: var(--main);
}

/* Prepared Styles */
.src-shared-Email-View-prepared .src-shared-Email-View-status-actions {
  background: var(--secondaryLight);
}

.src-shared-Email-View-prepared .src-shared-Email-View-status {
  background: var(--main);
}

.src-shared-Email-View-prepared .src-shared-Email-View-status:after {
  border-right: 14px solid var(--secondaryLight);
}

.src-shared-Email-View-prepared .src-shared-Email-View-status:before {
  content: '\f021';
}

.src-shared-Email-View-prepared .src-shared-Email-View-email-header:hover h4 {
  color: var(--main);
}

.src-courses-page-AssignContactsDialog-SectionContactEmailList-View-emails-wrapper {
  padding: 25px;
  background: var(--neutral100);
}

.src-courses-page-AssignContactsDialog-SectionContactEmailList-View-no-emails-wrapper {
  display: flex;
  justify-content: center;
  padding: 25px;
  background: var(--neutral100);
}
.src-library-ScheduleSelector-View-schedule-selector {
  padding: 12px 16px 0;
}

/* Styles derived from Styled Selects in Global.css */
.src-shared-SelectBox-error {
  border: 2px solid var(--accent) !important;
}

.src-shared-SelectBox-drop-custom {
  align-items: center;
  border-radius: 3px;
  color: #017E89;
  display: flex;
  flex-direction: column;
  font-size: 22px;
  justify-content: space-around;
  position: absolute;
  top: 1px;
  right: 8px;
  height: calc(100% - 6px);
  width: 18px;
  text-align: center;
  transition: background 0.2s cubic-bezier(.25,.8,.25,1);
}

.src-shared-SelectBox-select-wrapper:hover .src-shared-SelectBox-drop-custom {
  background: var(--select-wrapper-drop);
}

.src-shared-SelectBox-select-wrapper .src-shared-SelectBox-select:disabled, .src-shared-SelectBox-select-wrapper .src-shared-SelectBox-select:disabled ~ .src-shared-SelectBox-drop-custom {
  cursor: not-allowed;
  opacity: 0.5;
}

.src-shared-SelectBox-select-wrapper:hover .src-shared-SelectBox-select:disabled ~ .src-shared-SelectBox-drop-custom {
  background: #324052;
}

.src-shared-SelectBox-select-wrapper.src-shared-SelectBox-small .src-shared-SelectBox-drop-custom {
  font-size: 10px;
}

select:focus-visible {
  outline: none;
}

.src-shared-TextArea-wrapper {
  display: block;
  position: relative;
}

.src-shared-TextArea-wrapper + .src-shared-TextArea-wrapper {
  margin-top: 8px;
}

.src-shared-TextArea-inline-block {
  display: inline-block;
  width: auto;
}

.src-shared-TextArea-block {
  display: block;
  width: 100%;
}

.src-shared-TextArea-textarea {
  -moz-osx-font-smoothing: grayscale;
  -webkit-font-smoothing: antialiased;
  background: white;
  border-radius: 3px;
  border: 2px solid var(--neutral300);
  color: #333;
  font-family: 'source-code-pro', monospace;
  font-size: 14px;
  font-weight: normal;
  letter-spacing: -0.03em;
  line-height: 1.4em;
  outline: 0;
  padding: 8px;
  position: relative;
  resize: vertical;
  text-transform: none;
  transition-property: border-color;
  transition-duration: 0.2s;
  transition-timing-function: cubic-bezier(.25,.8,.25,1);
  width: 100%;
  z-index: 1;
}

.src-shared-TextArea-studentmessage {
  padding: 8px 8px 8px 15px;
}

.src-shared-TextArea-textarea:focus {
  border: 2px solid var(--neutral800);
}

.src-shared-TextArea-textarea.src-shared-TextArea-large {
  padding: 12px;
  font-size: 17px;
}

.src-shared-TextArea-textarea.src-shared-TextArea-tall {
  min-height: 200px;
}

.src-shared-TextArea-label {
  display: block;
  font-size: 12px;
  font-weight: bold;
  margin-bottom: 4px;
  text-transform: uppercase;
}

.src-shared-TextArea-label > .src-shared-TextArea-asterisk {
  color: var(--accent);
  font-size: 11px;
  margin-right: 4px;
}

.src-shared-TextArea-inset {
  background: white;
  color: #666;
  left: 6px;
  margin: 0;
  padding: 0 4px;
  position: absolute;
  top: 0;
  z-index: 2;
}

.src-shared-TextArea-inset + * {
  margin-top: 8px;
}

.src-shared-TextArea-textarea.src-shared-TextArea-error {
  border-color: var(--accent);
  color: var(--accent);
}

/* Alternative Colors */
.src-shared-TextArea-light {
  color: rgba(255, 255, 255, 0.7);
}

.src-shared-TextArea-secondary .src-shared-TextArea-inset {
  background: var(--main);
  color: rgba(255, 255, 255, 0.7);
}

.src-shared-TextArea-light .src-shared-TextArea-textarea,
.src-shared-TextArea-secondary .src-shared-TextArea-textarea {
  background: transparent;
  border-color: rgba(255, 255, 255, 0.5);
  color: white;
}

.src-shared-TextArea-light .src-shared-TextArea-textarea:focus,
.src-shared-TextArea-secondary .src-shared-TextArea-textarea:focus {
  border-color: white;
}

.src-shared-TextArea-neutral800 .src-shared-TextArea-textarea::placeholder,
.src-shared-TextArea-secondary .src-shared-TextArea-textarea::placeholder {
  color: rgba(255, 255, 255, 0.6);
}

.src-shared-TextArea-neutral800 .src-shared-TextArea-textarea:disabled,
.src-shared-TextArea-secondary .src-shared-TextArea-textarea:disabled {
  background: rgba(255, 255, 255, 0.2);
}

/* Module styles */
.src-dashboard-page-Page-View-row {
  display: flex;
}

.src-dashboard-page-Page-View-half-row-wrapper {
  display: flex;
  justify-content: space-between;
}

.src-dashboard-page-Page-View-half-row {
  display: flex;
  flex-direction: column;
  flex-grow: 1;
  min-width: calc(50% - 24px);
}

/* Structure */
.src-dashboard-page-Page-View-main-pane {
  display: flex;
  flex-direction: column;
  flex: 1 1 auto;
}

.src-dashboard-page-Page-View-alerts-wrapper {
  background: var(--neutral300);
  overflow-y: auto;
  padding: 24px 24px 4px;
  flex: 0 0 400px;
}

.src-dashboard-page-Page-View-schedules-wrapper {
  align-items: stretch;
  display: flex;
  min-height: calc(100vh - 172px);
}

/* No Alerts */
.src-dashboard-page-Page-View-no-alerts {
  border: 4px dashed rgba(0, 0, 0, 0.075);
  border-radius: 4px;
  margin-bottom: 20px;
  padding: 20px 20px 16px;
  text-align: center;
}

.src-dashboard-page-Page-View-no-alerts p {
  font-size: 13px;
  margin-top: 4px;
}

/* Card Design */
.src-dashboard-page-Page-View-card {
  background: white;
  border-radius: 4px;
  box-shadow: 0 1.5px 3px rgba(34, 44, 56, 0.13), 0 1.5px 3px rgba(34, 44, 56, 0.17);
  margin-bottom: 20px;
  overflow: hidden;
  position: relative;
}

/* Go Button */
.src-dashboard-page-Page-View-go-button {
  align-items: center;
  border-radius: 0 3px 3px 0;
  color: white;
  cursor: pointer;
  display: flex;
  height: 100%;
  justify-content: center;
  position: absolute;
  right: 0;
  transition: background 0.2s cubic-bezier(.25,.8,.25,1), box-shadow 0.2s cubic-bezier(.25,.8,.25,1),
    color 0.2s cubic-bezier(.25,.8,.25,1);
  top: 0;
  width: 36px;
}

.src-dashboard-page-Page-View-go-button.src-dashboard-page-Page-View-action-light {
  background: var(--actionLight);
  box-shadow: 0 0 0 white;
  color: var(--action);
}

/* Confirm and Create Card */
.src-dashboard-page-Page-View-item-summary .src-dashboard-page-Page-View-row {
  justify-content: space-between;
  margin-top: 12px;
}

.src-dashboard-page-Page-View-item-summary-2 .src-dashboard-page-Page-View-row {
  margin-top: 12px;
  display: flex;
  flex-direction: column;
}

.src-dashboard-page-Page-View-item-summary-2 .src-dashboard-page-Page-View-row:first-child , .src-dashboard-page-Page-View-item-summary .src-dashboard-page-Page-View-row:first-child {
  margin-top: none;
}

.src-dashboard-page-Page-View-item-stat {
  border: 1px solid var(--neutral300);
  border-radius: 4px;
  cursor: pointer;
  position: relative;
  transition: background 0.2s cubic-bezier(.25,.8,.25,1), border-color 0.2s cubic-bezier(.25,.8,.25,1);
  width: calc(50% - 6px);
}

.src-dashboard-page-Page-View-item-to-explore-card{
  padding: 20px 15px;
}

.src-dashboard-page-Page-View-item-stat-2 {
  width: 100%;
  margin-bottom: 5px;
}

.src-dashboard-page-Page-View-card-bottom {
  padding: 20px;
  text-align: center;
}

.src-dashboard-page-Page-View-card-bottom-text {
  font-size: 12px;
  
}

.src-dashboard-page-Page-View-item-stat:hover {
  border-color: var(--action);
}

.src-dashboard-page-Page-View-item-stat-2:hover {
  border-color: var(--main);
}

.src-dashboard-page-Page-View-item-stat:hover .src-dashboard-page-Page-View-go-button.src-dashboard-page-Page-View-action-light {
  background: var(--action);
  color: white;
}

.src-dashboard-page-Page-View-item-stat-2:hover .src-dashboard-page-Page-View-secondary-light {
  background: var(--main);
  color: white;
}

.src-dashboard-page-Page-View-explore-button {
  padding: 0px 20px;
  margin-top: 10px;
}

.src-dashboard-page-Page-View-item-stat-body {
  padding: 15px 10px;
  width: calc(100% - 36px);
}

.src-dashboard-page-Page-View-item-stat-text-main {
  color: var(--main);
}

.src-dashboard-page-Page-View-item-stat-text-action {
  color: var(--action);
}

.src-dashboard-page-Page-View-item-stat-helper-text {
  line-height: 1.1em;
  color: var(--neutral800);
  margin-top: 10px;
  font-size: 15px;
}
.src-dashboard-page-Page-View-go-button.src-dashboard-page-Page-View-secondary-light {
  background: var(--secondaryLight);
  box-shadow: 0 0 0 white;
  color: var(--main);
}

.src-dashboard-page-Page-View-item-stat > span:last-child {
  color: #999;
  position: absolute;
  right: 8px;
}

.src-dashboard-page-Page-View-item-stat-2 > a, .src-dashboard-page-Page-View-item-stat > a {
  text-decoration: none;
}

.src-shared-Notice-notice {
  border: 1px solid var(--neutral300);
  border-radius: 4px;
  display: flex;
  font-size: 13px;
  line-height: 1.5em;
}

.src-shared-Notice-notice > * {
  min-width: 64px;
  padding: 16px;
}

/* Icon Wrapper */
.src-shared-Notice-icon {
  align-items: center;
  background: var(--neutral100);
  border-radius: 4px 0 0 4px;
  color: var(--neutral800);
  display: flex;
  font-size: 32px;
  justify-content: center;
}

.src-shared-Notice-icon > span {
  opacity: 0.5;
}

/* Description */
.src-shared-Notice-description {
  background: white;
  border-radius: 0 4px 4px 0;
  flex-grow: 1;
  font-size: 14px;
  line-height: 1.5em;
}

.src-shared-Notice-description p {
  font-size: 14px;
  line-height: 1.5em;
  padding-top: 2px;
}

.src-shared-Notice-description a {
  color: var(--action);
  font-weight: bold;
}

/* Alternate Sizes */
.src-shared-Notice-large > * {
  padding: 20px;
}

.src-shared-Notice-small > *,
.src-shared-Notice-card > * {
  padding: 12px;
}

.src-shared-Notice-small .src-shared-Notice-icon,
.src-shared-Notice-card .src-shared-Notice-icon {
  font-size: 24px;
}

.src-shared-Notice-small .src-shared-Notice-description,
.src-shared-Notice-card .src-shared-Notice-description {
  line-height: 1.35em;
}

/* Card Style */
.src-shared-Notice-card {
  border: none;
}

.src-shared-Notice-card .src-shared-Notice-icon {
  align-items: flex-start;
  font-size: 16px;
  min-width: 36px;
  padding-top: 20px;
  width: 36px;
}

.src-shared-Notice-card .src-shared-Notice-description {
  padding: 16px;
}

.src-shared-Notice-card .src-shared-Notice-description h3 {
  font-size: 15px;
}

.src-shared-Notice-card .src-shared-Notice-description p {
  font-size: 13px;
  line-height: 1.4em;
  padding-top: 6px;
}

.src-shared-Notice-card .src-shared-Notice-description p:nth-child(2) {
  padding-top: 2px;
}

/* Warning Notice */
.src-shared-Notice-warning {
  border-color: #efcbde;
}

.src-shared-Notice-warning .src-shared-Notice-icon {
  background: var(--accentLight);
  color: var(--accent);
}

.src-shared-Notice-warning .src-shared-Notice-icon > span {
  opacity: 1;
}

.src-shared-Notice-warning .src-shared-Notice-description a {
  color: var(--accent);
}

/* Action Notice */
.src-shared-Notice-action .src-shared-Notice-icon {
  background: var(--actionLight);
  color: var(--action);
}

.src-shared-Notice-action .src-shared-Notice-icon > span {
  opacity: 1;
}

/* Accent Notice */
.src-shared-Notice-accent .src-shared-Notice-icon {
  background: var(--secondaryLight);
  color: var(--main);
}

.src-shared-Notice-accent .src-shared-Notice-icon > span {
  opacity: 1;
}

.src-shared-Notice-accent .src-shared-Notice-description a {
  color: var(--main);
}

.src-shared-Stat-stat {
  flex: 1;
  font-weight: bold;
  padding: 16px;
  text-align: center;
  text-transform: uppercase;
}

/* Flex when there is and isn't a loader wrapper creating <span> */
.src-shared-Stat-stat,
.src-shared-Stat-stat > span {
  align-items: center;
  display: flex;
  justify-content: center;
  flex-direction: column;
}

.src-shared-Stat-value {
  color: #333;
  font-size: 24px;
  line-height: 1em;
}

.src-shared-Stat-label {
  color: #666;
  font-size: 12px;
  line-height: 1.3em;
}

/* Light text for dark backgrounds */
.src-shared-Stat-light .src-shared-Stat-value {
  color: white;
}

.src-shared-Stat-light .src-shared-Stat-label {
  color: rgba(255, 255, 255, 0.8);
}

/* Standard label is bottom positioned */
.src-shared-Stat-label {
  margin-top: 4px;
}

.src-shared-Stat-label.src-shared-Stat-top {
  margin-bottom: 4px;
  margin-top: 0;
}

/* Right-Aligned Label Styles */
.src-shared-Stat-label-right {
  padding-left: 0;
}

.src-shared-Stat-label-right > * {
  align-items: center;
  display: flex;
}

.src-shared-Stat-label-right > * .src-shared-Stat-label {
  margin: 0;
  text-align: left;
}

/* size='baby' */
.src-shared-Stat-stat.src-shared-Stat-baby {
  padding: 12px 0;
}

.src-shared-Stat-baby .src-shared-Stat-value {
  font-size: 14px;
}

.src-shared-Stat-baby .src-shared-Stat-label {
  font-size: 9px;
}

/* size='small' */
.src-shared-Stat-stat.src-shared-Stat-small {
  border-top-width: 3px;
  padding: 12px 0;
}

.src-shared-Stat-small .src-shared-Stat-value {
  font-size: 18px;
}

.src-shared-Stat-small .src-shared-Stat-label {
  font-size: 11px;
}

/* color='accent' */
.src-shared-Stat-accent {
  background: var(--accentLight);
}

.src-shared-Stat-accent .src-shared-Stat-value {
  color: var(--accent);
}

.src-shared-Stat-accent .src-shared-Stat-label {
  color: rgba(0, 0, 0, 0.6);
}

/* color='action' */
.src-shared-Stat-action {
  background: var(--actionLight);
}

.src-shared-Stat-action .src-shared-Stat-value {
  color: var(--action);
}

.src-shared-Stat-action .src-shared-Stat-label {
  color: rgba(0, 0, 0, 0.6);
}

/* Polarity */
.src-shared-Stat-negative {
  border-color: var(--accent);
}

.src-shared-Stat-positive {
  border-color: var(--action);
}

.src-shared-Stat-total {
  border-color: var(--main);
}

.src-shared-Stat-neutral {
  border-color: var(--neutral800);
}

/* Border Position */
.src-shared-Stat-stat.src-shared-Stat-top {
  border-top-width: 4px;
  border-top-style: solid;
}

.src-shared-Stat-stat.src-shared-Stat-bottom {
  border-bottom-width: 4px;
  border-bottom-style: solid;
}

.src-shared-Stat-stat.src-shared-Stat-left {
  border-left-width: 4px;
  border-left-style: solid;
}

.src-shared-Stat-stat.src-shared-Stat-right {
  border-right-width: 4px;
  border-right-style: solid;
}

/* Alignment */
.src-shared-Stat-stat.src-shared-Stat-baby.src-shared-Stat-align-left {
  padding: 12px;
}

.src-shared-Stat-stat.src-shared-Stat-align-left,
.src-shared-Stat-stat.src-shared-Stat-align-left > span {
  align-items: flex-start;
}

.src-dashboard-page-DollarStats-View-stats {
  border-bottom: 1px solid var(--neutral300);
  min-height: 102px;
  padding: 16px 0 24px;
  position: relative;
  width: 100%;
  z-index: 2;
}

.src-dashboard-page-DollarStats-View-row {
  display: flex;
  width: 100%;
}

.src-dashboard-page-DollarStats-View-row.src-dashboard-page-DollarStats-View-collapsed {
  display: none;
}

.src-dashboard-page-DollarStats-View-info-column {
  border-left: 1px solid var(--neutral300);
  flex: 1;
  font-size: 12px;
  line-height: 1.35em;
  padding: 0 24px;
  text-align: center;
}

.src-dashboard-page-DollarStats-View-info-column:first-child {
  border-left: none;
}

.src-dashboard-page-DollarStats-View-pull-down {
  align-items: center;
  background: var(--neutral100);
  border: 1px solid var(--neutral300);
  border-radius: 200px;
  bottom: -13px;
  color: #777;
  cursor: pointer;
  display: flex;
  font-size: 10px;
  font-weight: bold;
  height: 26px;
  justify-content: center;
  left: 50%;
  margin-left: -90px;
  padding: 9px 8px 8px;
  position: absolute;
  text-transform: uppercase;
  transition: border-color 0.2s cubic-bezier(.25,.8,.25,1), color 0.2s cubic-bezier(.25,.8,.25,1);
  width: 180px;
}

.src-dashboard-page-DollarStats-View-pull-down:hover {
  background: var(--actionLight);
  border-color: var(--action);
  color: var(--action);
}

.src-dashboard-page-DollarStats-View-pull-down > span {
  margin-right: 8px;
  position: relative;
  top: -2px;
}

.src-dashboard-page-ScheduleStats-View-schedules {
  padding: 0 24px 24px;
  position: relative;
}

.src-dashboard-page-ScheduleStats-View-settings-button {
  position: absolute;
  right: 24px;
  top: 24px;
}

.src-dashboard-page-ScheduleStats-View-settings-button button {
  font-size: 13px;
  padding: 10px 12px;
}

.src-dashboard-page-ScheduleStats-View-loader-wrapper {
  align-items: center;
  display: flex;
  height: 120px;
  padding-top: 24px;
  justify-content: center;
}

.src-dashboard-page-ScheduleStats-View-schedule {
  padding-top: 32px;
}

.src-dashboard-page-ScheduleStats-View-schedule:first-child {
  padding-top: 24px;
}

.src-dashboard-page-ScheduleStats-View-schedule .src-dashboard-page-ScheduleStats-View-row {
  align-items: flex-end;
  display: flex;
  justify-content: space-between;
  padding-bottom: 8px;
}

.src-dashboard-page-ScheduleStats-View-schedule .src-dashboard-page-ScheduleStats-View-student-count {
  align-items: center;
  color: #666;
  display: flex;
  height: 16px;
  font-size: 13px;
  justify-content: flex-start;
  margin: 6px 0 16px;
}

.src-dashboard-page-ScheduleStats-View-schedule .src-dashboard-page-ScheduleStats-View-row h5 {
  font-size: 15px;
}

.src-dashboard-page-ScheduleStats-View-dates {
  display: flex;
  min-height: 82px;
  justify-content: space-around;
}

.src-dashboard-page-ScheduleStats-DateDot-View-schedule-date {
  border-bottom: 1px solid var(--neutral300);
  border-right: 1px solid var(--neutral300);
  border-top: 1px solid var(--neutral300);
  display: flex;
  flex-direction: column;
  min-width: 100px;
  text-align: center;
  width: 100%;
}

.src-dashboard-page-ScheduleStats-DateDot-View-schedule-date > h5 {
  background: var(--secondaryLight);
  color: var(--main);
  font-size: 11px;
  height: 28px;
  line-height: 28px;
}

.src-dashboard-page-ScheduleStats-DateDot-View-schedule-date.src-dashboard-page-ScheduleStats-DateDot-View-accent > h5 {
  background: var(--accentLight);
  color: var(--accent);
}

.src-dashboard-page-ScheduleStats-DateDot-View-schedule-date.src-dashboard-page-ScheduleStats-DateDot-View-action > h5 {
  background: var(--actionLight);
  color: var(--action);
}

.src-dashboard-page-ScheduleStats-DateDot-View-schedule-date:first-child {
  border-left: 1px solid var(--neutral300);
  border-radius: 4px 0 0 4px;
}

.src-dashboard-page-ScheduleStats-DateDot-View-schedule-date:last-child {
  border-radius: 0 4px 4px 0;
}

.src-dashboard-page-ScheduleStats-DateDot-View-schedule-date:first-child > h5 {
  border-top-left-radius: 3px;
}

.src-dashboard-page-ScheduleStats-DateDot-View-schedule-date:last-child > h5 {
  border-top-right-radius: 3px;
}

.src-dashboard-page-ScheduleStats-DateDot-View-schedule-date:first-child .src-dashboard-page-ScheduleStats-DateDot-View-date {
  border-bottom-left-radius: 3px;
}

.src-dashboard-page-ScheduleStats-DateDot-View-schedule-date:last-child .src-dashboard-page-ScheduleStats-DateDot-View-date {
  border-bottom-right-radius: 3px;
}

.src-dashboard-page-ScheduleStats-DateDot-View-date {
  align-items: center;
  background: white;
  display: flex;
  flex-direction: column;
  flex: 1;
  justify-content: center;
  padding: 8px 0;
}

.src-dashboard-page-ScheduleStats-DateDot-View-date h5 {
  color: #666;
}

.src-dashboard-page-ScheduleStats-DateDot-View-date h2 {
  color: #333;
  font-size: 19px;
  margin-top: 3px;
}

.src-dashboard-page-StudentStats-View-students {
}

.src-dashboard-page-StudentStats-View-stat-row {
  align-items: flex-end;
  display: flex;
  min-height: 82px;
  position: relative;
}

/* Left-padded wrapper to center donut */
.src-dashboard-page-StudentStats-View-vis-wrapper {
  padding: 32px 0 24px 20px;
  position: relative;
}

.src-dashboard-page-StudentStats-View-vis-wrapper > * {
  margin: 0 auto;
}

.src-dashboard-page-StudentStats-View-radial-center {
  display: flex;
  flex-direction: column;
  height: 160px;
  justify-content: center;
  left: 50%;
  margin-left: -72px;
  margin-top: -76px;
  position: absolute;
  text-align: center;
  top: 50%;
  width: 160px;
}

.src-dashboard-page-StudentStats-View-radial-center h1 {
  font-size: 48px;
  line-height: 1em;
}

.src-dashboard-page-StudentStats-View-radial-center h4 {
  font-size: 15px;
}

.src-dashboard-page-StudentStats-View-radial-center h5 {
  border-top: 1px solid var(--neutral300);
  color: #666;
  font-size: 12px;
  margin-top: 8px;
  padding-top: 10px;
}

.src-dashboard-page-StudentStats-View-loader-wrapper {
  position: relative;
  top: 120px;
}

.src-dashboard-page-SurveyStats-View-survey-stats {
  min-height: 300px;
  position: relative;
}

.src-dashboard-page-SurveyStats-View-loader-wrapper {
  display: block;
  position: relative;
  margin-top: 120px;
}

.src-dashboard-page-SurveyStats-View-row {
  align-items: center;
  border-bottom: 4px solid var(--neutral300);
  display: flex;
  justify-content: space-between;
  min-height: 82px;
  padding: 16px 24px 16px 16px;
}

.src-dashboard-page-SurveyStats-View-table-wrapper table {
  border-collapse: collapse;
  margin-bottom: 16px;
  width: 100%;
}

.src-dashboard-page-SurveyStats-View-table-wrapper th,
.src-dashboard-page-SurveyStats-View-table-wrapper td {
  border-bottom: 1px solid var(--neutral300);
  font-weight: bold;
  text-align: right;
  text-transform: uppercase;
}

.src-dashboard-page-SurveyStats-View-table-wrapper th {
  color: #666;
  font-size: 12px;
  padding: 12px 16px;
  position: relative;
}

.src-dashboard-page-SurveyStats-View-table-wrapper td {
  font-size: 15px;
  padding: 16px;
}

.src-dashboard-page-SurveyStats-View-table-wrapper th:first-child,
.src-dashboard-page-SurveyStats-View-table-wrapper td:first-child {
  text-align: left;
}

.src-dashboard-page-SurveyStats-View-table-wrapper th:last-child,
.src-dashboard-page-SurveyStats-View-table-wrapper td:last-child {
  padding-right: 24px;
}

.src-dashboard-page-SurveyStats-View-table-wrapper tr:last-child td {
  border-bottom: none;
}

/* Not Enabled */
.src-dashboard-page-SurveyStats-View-not-enabled {
  align-items: center;
  border: 4px dashed var(--neutral);
  border-radius: 4px;
  display: flex;
  flex-direction: column;
  justify-content: center;
  margin: 24px 24px 0 0;
  min-height: 300px;
  padding: 0 24px 24px;
}

.src-dashboard-page-SurveyStats-View-not-enabled > span:first-child {
  color: var(--neutral800);
  font-size: 48px;
  opacity: 0.2;
}

.src-dashboard-page-SurveyStats-View-not-enabled p {
  margin: 16px 0 20px;
  text-align: center;
}

.src-dashboard-page-ItemStats-View-items {
  border-top: 1px solid var(--neutral300);
  width: 100%;
}

.src-dashboard-page-ItemStats-View-row > h5 {
  color: #666;
}

.src-dashboard-page-ItemStats-View-row {
  align-items: center;
  border-bottom: 1px solid var(--neutral300);
  display: flex;
  flex-direction: row;
  justify-content: space-between;
  min-height: 82px;
  padding: 0 24px;
}

.src-dashboard-page-ItemStats-View-row h5 {
  color: #666;
  font-size: 11px;
  margin-top: 4px;
}

.src-dashboard-page-ItemStats-View-vis-wrapper {
  padding: 32px 16px 32px 0;
  position: relative;
}

.src-dashboard-page-ItemStats-View-vis-wrapper > :last-child {
  margin: 0 auto;
}

.src-dashboard-page-ItemStats-View-vis-wrapper > :last-child > * {
  overflow: visible;
}

.src-dashboard-page-ItemStats-View-tooltip-row {
  display: flex;
}

/* Point Key */
.src-dashboard-page-ItemStats-View-point-key {
  align-items: flex-end;
  display: flex;
  justify-content: center;
  margin-bottom: 8px;
}

.src-dashboard-page-ItemStats-View-point {
  background: var(--pointColor);
  border: 1px solid var(--pointBorder);
  border-radius: 200px;
  margin-left: 4px;
}

.src-dashboard-page-ItemStats-View-point:first-child {
  height: 6px;
  margin-left: 0px;
  width: 6px;
}

.src-dashboard-page-ItemStats-View-point:nth-child(2) {
  height: 8px;
  width: 8px;
}

.src-dashboard-page-ItemStats-View-point:nth-child(3) {
  height: 10px;
  width: 10px;
}

.src-dashboard-page-ItemStats-View-point:nth-child(4) {
  height: 12px;
  width: 12px;
}

.src-dashboard-page-ItemStats-View-point:nth-child(5) {
  height: 14px;
  width: 14px;
}

.src-shared-Tooltip-wrapper {
  bottom: 0;
  color: #333;
  display: block;
  left: 50%;
  margin-left: -100px;
  opacity: 1;
  pointer-events: none;
  position: absolute;
  width: 200px;
  z-index: 1;
}

.src-shared-Tooltip-hidden {
  display: none;
}

.src-shared-Tooltip-tooltip {
  border-radius: 4px;
  box-shadow: 0 0 0 1px rgba(0, 0, 0, 0.05), 0 5px 10px rgba(34, 44, 56, 0.16), 0 3px 3px rgba(34, 44, 56, 0.17);
  position: relative;
  width: 100%;
}

.src-shared-Tooltip-arrow {
  color: white;
  font-size: 14px;
  height: 12px;
  line-height: 1;
  position: relative;
  text-align: center;
  text-shadow: 0 -1px 0 white, 0 -2px 0 white, 0 -3px 0 white, 0 -4px 0 white,
    0 -5px 0 white, 0 -6px 0 white, 0 0 1px rgba(0, 0, 0, 0.1), 0 5px 10px rgba(34, 44, 56, 0.16), 0 3px 3px rgba(34, 44, 56, 0.17);
  width: 100%;
}

.src-shared-Tooltip-header {
  background-color: var(--neutral800);
  border-radius: 4px 4px 0 0;
  box-shadow: 0 -1px 0 rgba(0, 0, 0, 0.1) inset;
  line-height: 1;
  padding: 12px;
}

.src-shared-Tooltip-title {
  color: white;
  font-size: 13px;
  text-align: center;
}

.src-shared-Tooltip-content {
  background: white;
  border-radius: 0 0 4px 4px;
  font-size: 14px;
  padding: 12px;
}

.src-shared-Tooltip-unpadded .src-shared-Tooltip-content {
  padding: 0;
}

.src-shared-Tooltip-content b {
  padding-right: 5px;
}

/* Animations */
.src-shared-Tooltip-animated.src-shared-Tooltip-wrapper {
  transform: translateY(0);
  transition: all 0.2s cubic-bezier(.25,.8,.25,1);
}

.src-shared-Tooltip-animated.src-shared-Tooltip-hidden {
  display: block;
  opacity: 0;
  transform: translateY(16px);
  transition: all 0.1s cubic-bezier(.25,.8,.25,1);
}

.src-shared-Tooltip-animated.src-shared-Tooltip-tooltip {
  transform: scale(1);
  transform-origin: bottom center;
  transition: all 0.2s cubic-bezier(.25,.8,.25,1) 0.1s;
}

.src-shared-Tooltip-animated.src-shared-Tooltip-hidden .src-shared-Tooltip-tooltip {
  transform: scale(0);
  transition: all 0.1s cubic-bezier(.25,.8,.25,1);
}

.src-shared-Tooltip-animated.src-shared-Tooltip-arrow {
  transform: scale(2.5, 1);
  transform-origin: top center;
  transition: all 0.2s cubic-bezier(.25,.8,.25,1) 0.1s;
}

.src-shared-Tooltip-animated.src-shared-Tooltip-hidden .src-shared-Tooltip-arrow {
  transform: scale(0, 1);
  transition: all 0.1s cubic-bezier(.25,.8,.25,1);
}

.src-dashboard-page-EmailStats-View-stat-row {
  align-items: center;
  display: flex;
  min-height: 82px;
  position: relative;
}

.src-dashboard-page-EmailStats-View-vis-wrapper {
  min-height: 300px;
  padding: 36px 36px 24px;
}

.src-dashboard-page-EmailStats-View-vis-wrapper > * > * {
  margin: 0 auto;
}

.src-dashboard-page-EmailStats-View-vis-wrapper > * > * > svg {
  overflow: visible;
}

.src-dashboard-page-EmailStats-View-hint-text {
  color: #333;
  text-align: center;
}

.src-dashboard-page-EmailStats-View-hint-text.src-dashboard-page-EmailStats-View-accent {
  color: var(--accent);
}

.src-dashboard-page-EmailStats-View-hint-text.src-dashboard-page-EmailStats-View-action {
  color: var(--action);
}

.src-dashboard-page-EmailStats-View-row {
  display: flex;
}

.src-dashboard-page-EmailStats-View-crosshair {
  position: relative;
  top: -200px;
}

.src-dashboard-page-AccessStats-View-students {
}

.src-dashboard-page-AccessStats-View-stat-row {
  align-items: center;
  display: flex;
  min-height: 82px;
  position: relative;
}

/* Left-padded wrapper to center donut */
.src-dashboard-page-AccessStats-View-vis-wrapper {
  padding: 32px 0 24px 20px;
  position: relative;
}

.src-dashboard-page-AccessStats-View-vis-wrapper > * {
  margin: 0 auto;
}

.src-dashboard-page-AccessStats-View-radial-center {
  display: flex;
  flex-direction: column;
  height: 160px;
  justify-content: center;
  left: 50%;
  margin-left: -72px;
  margin-top: -76px;
  position: absolute;
  text-align: center;
  top: 50%;
  width: 160px;
}

.src-dashboard-page-AccessStats-View-radial-center h1 {
  font-size: 48px;
  line-height: 1em;
}

.src-dashboard-page-AccessStats-View-radial-center h4 {
  font-size: 16px;
}

.src-dashboard-page-AccessStats-View-radial-center h5 {
  border-top: 1px solid var(--neutral300);
  color: #666;
  font-size: 12px;
  margin-top: 8px;
  padding-top: 10px;
}

.src-dashboard-page-AccessStats-View-loader-wrapper {
  display: block;
  position: relative;
  margin-top: 120px;
}

.src-dashboard-page-AccessChart-View-access-chart {
  min-height: 300px;
  position: relative;
}

.src-dashboard-page-AccessChart-View-loader-wrapper {
  display: block;
  position: relative;
  margin-top: 120px;
}

.src-dashboard-page-AccessChart-View-row {
  align-content: space-around;
  border-bottom: 4px solid var(--neutral300);
  display: flex;
  flex-direction: column;
  justify-content: center;
  min-height: 82px;
  padding: 16px 24px 16px 0;
}

.src-dashboard-page-AccessChart-View-row h5 {
  color: #666;
  font-size: 11px;
  margin-top: 4px;
}

.src-dashboard-page-AccessChart-View-chart-wrapper {
  border-bottom: 2px solid var(--neutral300);
  display: flex;
  flex-direction: column;
  position: relative;
  margin: 32px auto 48px;
  min-height: 300px;
  width: 480px;
}

.src-dashboard-page-AccessChart-View-grid {
  position: absolute;
  height: 100%;
  width: 100%;
}

.src-dashboard-page-AccessChart-View-grid-line {
  background: var(--neutral300);
  height: calc(100% + 2px);
  position: absolute;
  width: 1px;
}

.src-dashboard-page-AccessChart-View-grid-line:first-child {
  left: 0;
}

.src-dashboard-page-AccessChart-View-grid-line:nth-child(2) {
  left: 25%;
}

.src-dashboard-page-AccessChart-View-grid-line:nth-child(3) {
  left: 50%;
}

.src-dashboard-page-AccessChart-View-grid-line:nth-child(4) {
  left: 75%;
}

.src-dashboard-page-AccessChart-View-grid-line:last-child {
  left: 100%;
}

.src-dashboard-page-AccessChart-View-grid-label {
  background: var(--neutral100);
  color: #666;
  font-size: 13px;
  font-weight: bold;
  left: -16px;
  padding: 0 4px 6px;
  position: absolute;
  text-align: center;
  top: 0;
  width: 32px;
}

.src-dashboard-page-AccessChart-View-bars {
  display: flex;
  flex-direction: column;
  height: auto;
  justify-content: space-around;
  min-height: 300px;
  padding: 32px 0 8px;
}

.src-dashboard-page-AccessChart-AccessChartBar-View-bar-wrapper {
  background: var(--neutral300);
  height: 16px;
  margin-bottom: 8px;
  display: flex;
  position: relative;
}

.src-dashboard-page-AccessChart-AccessChartBar-View-needs-codes {
  background: var(--accent);
}

.src-dashboard-page-AccessChart-AccessChartBar-View-bar {
  flex: 0 0 auto;
  background: var(--action);
  height: 16px;
  left: 0;
  position: relative;
  top: 0;
}

.src-dashboard-page-AccessChart-AccessChartBar-View-row {
  display: flex;
}

.src-dashboard-page-AccessChart-AccessChartBar-View-tooltip-wrapper {
  width: 1px;
  flex: 0 0 1px;
  overflow: visible;
}

.src-dashboard-page-PublisherStats-View-publisher-stats {
  min-height: 300px;
  position: relative;
}

.src-dashboard-page-PublisherStats-View-loader-wrapper {
  display: block;
  position: relative;
  margin-top: 120px;
}

.src-dashboard-page-PublisherStats-View-row {
  align-items: center;
  border-bottom: 4px solid var(--neutral300);
  display: flex;
  justify-content: space-between;
  min-height: 82px;
  padding: 16px 0 16px 24px;
}

.src-dashboard-page-PublisherStats-View-row h5 {
  color: #666;
  font-size: 11px;
  margin-top: 4px;
}

.src-dashboard-page-PublisherStats-View-table-wrapper table {
  border-collapse: collapse;
  margin-bottom: 36px;
  width: 100%;
}

.src-dashboard-page-PublisherStats-View-table-wrapper th,
.src-dashboard-page-PublisherStats-View-table-wrapper td {
  border-bottom: 1px solid var(--neutral300);
  font-weight: bold;
  text-align: right;
  text-transform: uppercase;
}

.src-dashboard-page-PublisherStats-View-table-wrapper th {
  color: #666;
  font-size: 12px;
  padding: 12px 16px;
  position: relative;
}

.src-dashboard-page-PublisherStats-View-table-wrapper td {
  padding: 20px 16px;
}

.src-dashboard-page-PublisherStats-View-table-wrapper th:first-child,
.src-dashboard-page-PublisherStats-View-table-wrapper td:first-child {
  padding-left: 24px;
  text-align: left;
}

.src-dashboard-page-PublisherStats-View-table-wrapper th:last-child,
.src-dashboard-page-PublisherStats-View-table-wrapper td:last-child {
  padding-right: 24px;
}

.src-dashboard-page-DeliveryStats-View-delivery-stats {
  min-height: 300px;
  position: relative;
}

.src-dashboard-page-DeliveryStats-View-loader-wrapper {
  display: block;
  position: relative;
  margin-top: 120px;
}

.src-dashboard-page-DeliveryStats-View-stat-row {
  align-items: center;
  border-bottom: 4px solid var(--neutral300);
  display: flex;
  min-height: 82px;
  position: relative;
}

.src-dashboard-page-DeliveryStats-View-vis-wrapper {
  padding: 24px;
}

.src-dashboard-page-DeliveryStats-View-vis-wrapper > * {
  margin: 0 auto;
}

.src-dashboard-page-DeliveryStats-View-vis-wrapper > * > svg {
  overflow: visible;
}

.src-dashboard-page-DeliveryStats-View-hint-text {
  color: #333;
  text-align: center;
}

.src-dashboard-page-DeliveryStats-View-hint-text.src-dashboard-page-DeliveryStats-View-accent {
  color: var(--accent);
}

.src-dashboard-page-DeliveryStats-View-hint-text.src-dashboard-page-DeliveryStats-View-action {
  color: var(--action);
}

.src-dashboard-page-DeliveryStats-View-row {
  display: flex;
}

.src-dashboard-page-DeliveryStats-View-crosshair {
  position: relative;
  top: -200px;
}

.src-dashboard-page-Activation-View-activation {
  align-items: flex-end;
  display: flex;
  flex-direction: column;
  width: 100%;
}

.src-dashboard-page-Activation-View-activation-flag {
  width: 100%;
}

.src-shared-Flag-flag-wrapper {
  position: relative;
}

.src-shared-Flag-best-match-flag {
  top: -4px  !important;
  padding: 4px 8px !important;
  width: calc(100% + 8px) !important;
  text-transform: capitalize !important;
 }

 .src-shared-Flag-best-match-flag:after {
  border-bottom: 11px solid transparent;
  border-top: 11px solid transparent;
}

.src-shared-Flag-best-match-flag.src-shared-Flag-to-right.src-shared-Flag-bg-neutral100:after {
  border-right: 16px solid var(--neutral100);
  top: -4px;
}

.src-shared-Flag-flag {
  background: var(--neutral800);
  color: white;
  font-size: 12px;
  font-weight: bold;
  line-height: 1.4em;
  padding: 8px;
  position: relative;
  text-align: left;
  text-transform: uppercase;
  width: calc(100% + 24px);
}

.src-shared-Flag-flag:after {
  border-bottom: 16px solid transparent;
  border-top: 16px solid transparent;
  content: '';
  position: absolute;
  top: 0;
  transform: scale(0.5, 1);
}

/* Icon styles */
.src-shared-Flag-flag > span:first-child {
  margin-right: 6px;
}

/* Color of flag itself */
.src-shared-Flag-flag-action {
  background: var(--action);
}

.src-shared-Flag-flag-accent {
  background: var(--accent);
}

.src-shared-Flag-flag-main {
  background: var(--main);
}

/* Directionality */
.src-shared-Flag-to-right:after {
  right: -4px;
}

.src-shared-Flag-to-left:after {
  left: -4px;
}

.src-shared-Flag-to-left {
  text-align: center;
}

/* Color flag is sitting on */
.src-shared-Flag-to-right.src-shared-Flag-bg-white:after {
  border-right: 16px solid white;
}

.src-shared-Flag-to-left.src-shared-Flag-bg-white:after {
  border-left: 16px solid white;
}

.src-shared-Flag-to-right.src-shared-Flag-bg-actionLight:after {
  border-right: 16px solid var(--actionLight);
}

.src-shared-Flag-to-left.src-shared-Flag-bg-actionLight:after {
  border-left: 16px solid var(--actionLight);
}

.src-shared-Flag-to-right.src-shared-Flag-bg-accentLight:after {
  border-right: 16px solid var(--accentLight);
}

.src-shared-Flag-to-left.src-shared-Flag-bg-accentLight:after {
  border-left: 16px solid var(--accentLight);
}

.src-shared-Flag-to-right.src-shared-Flag-bg-neutral100:after {
  border-right: 16px solid var(--neutral100);
}

.src-shared-Flag-to-left.src-shared-Flag-bg-neutral100:after {
  border-left: 16px solid var(--neutral100);
}

.src-shared-Flag-to-right.src-shared-Flag-bg-main:after {
  border-right: 16px solid var(--main);
}

.src-shared-Flag-to-left.src-shared-Flag-bg-main:after {
  border-left: 16px solid var(--main);
}

.src-shared-Flag-to-right.src-shared-Flag-shift-1 {
  left: -1px;
}

/* Shift 16px */
.src-shared-Flag-shift-16 {
  width: calc(100% + 16px);
}

.src-shared-Flag-to-right.src-shared-Flag-shift-16 {
  left: -16px;
  padding-left: 16px;
}

.src-shared-Flag-to-left.src-shared-Flag-shift-16 {
  padding-right: 16px;
  right: -16px;
}

.src-shared-Flag-shift-up-2 {
  top: -2px;
}

/* Shift 24px */
.src-shared-Flag-shift-24 {
  width: calc(100% + 24px);
}

.src-shared-Flag-to-right.src-shared-Flag-shift-24 {
  left: -24px;
  padding-left: 24px;
}

.src-shared-Flag-to-left.src-shared-Flag-shift-24 {
  padding-right: 24px;
  right: 0;
}

/* Small Size */
.src-shared-Flag-flag.src-shared-Flag-small {
  font-size: 10px;
  height: 22px;
  padding: 4px 8px;
}

.src-shared-Flag-flag.src-shared-Flag-small:after {
  border-bottom: 11px solid transparent;
  border-top: 11px solid transparent;
}

.src-shared-Flag-flag.src-shared-Flag-small.src-shared-Flag-to-right.src-shared-Flag-bg-white:after {
  border-right: 12px solid var(--actionLight);
}

.src-dashboard-page-ActivateCatalogDialog-View-heading {
  font-size: 20px;
  margin-bottom: 8px;
}

.src-dashboard-page-ActivateCatalogDialog-View-list {
  line-height: 1.8em;
}

.src-dashboard-page-PricingCalculator-View-pricing-calculator-wrapper {
  margin: 40px auto;
  width: calc(100% - 80px);
  max-width: 1200px;
  font-family: 'Roboto';
}

.src-dashboard-page-PricingCalculator-View-pricing-calculator-title {
  display: flex;
  margin-bottom: 20px;
}

.src-dashboard-page-PricingCalculator-View-pricing-calculator-title h3 {
  display: inline-flex;
  border-right: 1px solid #ccc;
  padding: 10px 20px 10px 0;
}

.src-dashboard-page-PricingCalculator-View-pricing-calculator-title span {
  padding: 13px 20px;
}

.src-dashboard-page-PricingCalculator-View-pricing-calculator-panel {
  min-height: 40px;
  background: #fff;
  border-radius: 3px;
  box-shadow: 0px 1px 2px #ccc;
  display: flex;
  margin-bottom: 40px;
  overflow: hidden;
}

.src-dashboard-page-PricingCalculator-View-pricing-calculator__funded-wrapper {
  background-color: #eff9fb;
  padding: 40px 50px 40px 30px;
  margin-top: auto;
  font-size: 15px;
}

.src-dashboard-page-PricingCalculator-View-bold {
  font-weight: bold;
}

.src-dashboard-page-PricingCalculator-View-pricing-calculator__adjustments-wrapper {
  display: flex;
  flex-direction: column;
  width: 65%;
}

.src-dashboard-page-PricingCalculator-View-pricing-calculator__adjustments-content {
  padding: 30px 30px 50px 30px;
  width: 100%;
  display: flex;
  flex-direction: column;
}

.src-dashboard-page-PricingCalculator-View-pricing-calculator__section-title {
  display: block;
  font-weight: bold;
  font-size: 20px;
  margin-bottom: 35px;
}

.src-dashboard-page-PricingCalculator-View-pricing-calculator__section-title .src-dashboard-page-PricingCalculator-View-subtext {
  font-size: 14px;
  opacity: 0.7;
  font-weight: 400;
}

.src-dashboard-page-PricingCalculator-View-pricing-calculator__aggs  {
  width: 40%;
  margin-left: auto;
}

.src-dashboard-page-PricingCalculator-View-pricing-calculator__adjustments-columns {
  display: flex;
  column-gap: 35px;
  display: flex;
  flex-direction: row;
}

.src-dashboard-page-PricingCalculator-View-pricing-calculator__adjustments-columns:first-of-type div:first-child {
  width: 50%;
}

.src-dashboard-page-PricingCalculator-View-pricing-calculator__adjustments-column {
  flex: 1;
}

.src-dashboard-page-PricingCalculator-View-pricing-calculator__adjustments-slider {}

.src-dashboard-page-PricingCalculator-View-pricing-calculator__projected-program-price-wrapper {
  border-left: 2px solid #ccc;
  padding: 30px 55px 50px;
  min-width: 455px;
  text-align: center;
  position: relative;
}
.src-dashboard-page-PricingCalculator-View-pricing-calculator__projected-program-price {
  border-bottom: 1px solid #ccc;
  padding: 20px 40px;
  margin-bottom: 20px;
}

.src-dashboard-page-PricingCalculator-View-pricing-calculator__projected-program-price-arrow {
  position: absolute;
  left: -60px;
  bottom: 60px;
  background-image: url(/assets/arrow.svg);
  background-size: contain;
  background-repeat: no-repeat;
  width: 120px;
  height: 60px;
  transform: scaleX(-1) rotate(24deg) translateX(10px);
}

.src-dashboard-page-PricingCalculator-View-icon-wrapper {
  display: inline-block;
  margin-right: 10px;
}

.src-dashboard-page-PricingCalculator-View-icon-wrapper span:before {
  color: #017E89;
}

.src-dashboard-page-PricingCalculator-View-pricing-calculator__projected-program-price-number {
  font-weight: bold;
  font-size: 36px;
  display: block;
  margin-bottom: 10px;
}
.src-dashboard-page-PricingCalculator-View-pricing-calculator__projected-program-price-label {
  font-size: 18px;
}

.src-dashboard-page-PricingCalculator-View-content-breakdown-panel {
  flex-direction: row;
  box-sizing: border-box;
}

.src-dashboard-page-PricingCalculator-View-content-breakdown-panel-content {
  display: flex;
  flex-direction: column;
  height: 325px;
  box-sizing: border-box;
  overflow: auto;
  flex: 1;
  position: relative;
}

.src-dashboard-page-PricingCalculator-View-content-breakdown-panel .src-dashboard-page-PricingCalculator-View-pricing-calculator__section-title {
  padding: 30px 30px 0 30px;
}

.src-dashboard-page-PricingCalculator-View-no-data {
  padding: 15px;
  margin: 10px 0 25px 0;
  border-radius: 4px;
  border: 1px solid rgb(204, 54, 54);
  background:rgb(255, 220, 220);
}

.src-dashboard-page-PricingCalculator-View-title-level-detail-panel {
  flex-direction: column;
}

.src-dashboard-page-PricingCalculator-View-title-level-detail-panel-content {
  min-height: 180px;
}

.src-dashboard-page-PricingCalculator-View-title-level-detail-panel .src-dashboard-page-PricingCalculator-View-pricing-calculator__section-title {
  padding: 20px 20px 0 20px;
  display: flex;
  margin-bottom: 25px;
  align-items: baseline;
}

.src-dashboard-page-PricingCalculator-View-title-level-detail-panel .src-dashboard-page-PricingCalculator-View-pricing-calculator__section-title span{
  padding: 10px
}

.src-dashboard-page-PricingCalculator-View-title-level-detail-panel .src-dashboard-page-PricingCalculator-View-pricing-calculator__section-title span:nth-of-type(2){
  padding-left: 0;
}

.src-dashboard-page-PricingCalculator-View-pricing-calculator__export-button {
  text-decoration: none;
  border-radius: 5px;
  color: #fff;
  background-color: #532E8A;
  padding: 5px 20px 5px 10px;
  font-size: 14px;
  font-weight: bold;
  display: inline-block;
  margin-left: auto;
  border: none;
}

.src-dashboard-page-PricingCalculator-View-no-materials-text {
  font-size: 18px;
  display: block;
  text-align: center;
  margin-top: 55px;
}

.src-dashboard-page-PricingCalculator-PricingCalculatorDropdown-View-pricing-calculator__adjustments-dropdown {
  margin-bottom: 35px;
}
.src-dashboard-page-PricingCalculator-PricingCalculatorDropdown-View-pricing-calculator__adjustments-dropdown label{
  font-weight: 600;
  display: block;
  margin-bottom: 10px;
}
.src-dashboard-page-PricingCalculator-PricingCalculatorDropdown-View-pricing-calculator__adjustments-dropdown select{
  display: block;
  width: 100%;
  height: 40px;
  padding: 0 10px;
  border: 2px solid #bbb;
  border-radius: 5px;
}

.src-dashboard-page-PricingCalculator-PricingCalculatorFilter-View-pricing-calculator__adjustments-filters {}

.src-dashboard-page-PricingCalculator-PricingCalculatorFilter-View-pricing-calculator__adjustments-filters-input-wrapper {
  display: flex;
  align-items: flex-start;
  margin-bottom: 15px;
}

.src-dashboard-page-PricingCalculator-PricingCalculatorFilter-View-pricing-calculator__adjustments-filters-input-wrapper span {
  display: block;
  opacity: 0.7;
  font-size: 13px;
}

.src-dashboard-page-PricingCalculator-PricingCalculatorFilter-View-pricing-calculator__adjustments-filters-input-wrapper .src-dashboard-page-PricingCalculator-PricingCalculatorFilter-View-tooltip-wrapper span {
  font-size: 18px;
  display: inline-block;
  margin-left: 7px;
}

.src-dashboard-page-PricingCalculator-PricingCalculatorFilter-View-pricing-calculator__adjustments-filters > div {
  height: 35px;
}

.src-dashboard-page-PricingCalculator-PricingCalculatorFilter-View-pricing-calculator__adjustments-filters input {
  display: inline-block;
  margin-right: 10px;
  margin-top: 2px;
}

.src-dashboard-page-PricingCalculator-PricingCalculatorFilter-View-fa-info-circle {
  font-size: 16px;
  display: inline-block;
  margin-left: 10px;
}
.src-dashboard-page-PricingCalculator-PricingCalculatorMaths-View-pricing-calculator__projected-program-price-maths-wrapper {

}
.src-dashboard-page-PricingCalculator-PricingCalculatorMaths-View-maths:nth-child(1) {
  margin-bottom: 40px;
}
.src-dashboard-page-PricingCalculator-PricingCalculatorMaths-View-maths-calc {
  display: flex;
  align-items:center;
}
.src-dashboard-page-PricingCalculator-PricingCalculatorMaths-View-maths-calc-labels {
  flex: 1;
  margin-right: 25px;
}
.src-dashboard-page-PricingCalculator-PricingCalculatorMaths-View-maths-calc-numbers {
  flex: 1;
  text-align: right;
  font-weight: bold;
  border-bottom: 1px solid #ddd;
  padding-right: 10px;
  position: relative;
}

.src-dashboard-page-PricingCalculator-PricingCalculatorMaths-View-maths-calc-numbers:before{
  position: absolute;
  top: 27%;
  left: 0;
  font-weight: 100;
}
.src-dashboard-page-PricingCalculator-PricingCalculatorMaths-View-maths-calc-numbers:before{
  content: '\00D7';
}
.src-dashboard-page-PricingCalculator-PricingCalculatorMaths-View-second.src-dashboard-page-PricingCalculator-PricingCalculatorMaths-View-maths-calc-numbers:before{
  content: '-';
}

.src-dashboard-page-PricingCalculator-PricingCalculatorMaths-View-maths-calc span{
  display: block;
  text-align: right;
  font-size: 18px;
  margin-bottom: 10px;
}

.src-dashboard-page-PricingCalculator-PricingCalculatorMaths-View-maths-calc-labels > span {
  font-size: 14px;
}

.src-dashboard-page-PricingCalculator-PricingCalculatorMaths-View-maths-result {
  background: #f6edf8;
  padding: 5px 10px;
  margin: 5px 0;
  display: flex;
  align-items: center;
}

.src-dashboard-page-PricingCalculator-PricingCalculatorMaths-View-maths-result span {
  flex: 1;
}

.src-dashboard-page-PricingCalculator-PricingCalculatorMaths-View-maths-result-label { 
  width: 50%;
  font-size: 14px;
  text-align: right;
  margin-right: 30px;
}
.src-dashboard-page-PricingCalculator-PricingCalculatorMaths-View-maths-result-number {
  text-align: right;
  font-weight: bold;
  font-size: 18px;
}
.src-dashboard-page-PricingCalculator-PricingCalculatorSlider-View-range-slider {
  width: 100%;
  display: block;
  margin: 10px 0 30px 0;
}

.src-dashboard-page-PricingCalculator-PricingCalculatorSlider-View-pricing-calculator__adjustments-slider-label {}

.src-dashboard-page-PricingCalculator-PricingCalculatorSlider-View-pricing-calculator__adjustments-slider-number {
  font-size: 18px;
  font-weight: 600;
  display: inline-block;
  margin-left: 10px;
}

.src-dashboard-page-PricingCalculator-PricingCalculatorTable-View-pricing-calculator__table {
  flex: 1;
}

.src-dashboard-page-PricingCalculator-PricingCalculatorTable-View-content-breakdown-table {
  border-top: 1px solid #ececec;
  border-radius: 5px;
}

.src-dashboard-page-PricingCalculator-PricingCalculatorTable-View-content-breakdown-table table {
	border-collapse: collapse;
	width: 100%;
	padding-left: 10px;
}

.src-dashboard-page-PricingCalculator-PricingCalculatorTable-View-content-breakdown-table table th, .src-dashboard-page-PricingCalculator-PricingCalculatorTable-View-content-breakdown-table  table td {
	font-size: 14px;
	padding: 18px;
	text-align: left;
	position: relative;
}

.src-dashboard-page-PricingCalculator-PricingCalculatorTable-View-content-breakdown-table table th:last-child, table td:last-child {
	padding-right: 30px;
}

.src-dashboard-page-PricingCalculator-PricingCalculatorTable-View-content-breakdown-table table td {
	border-top: 1px solid #E7E7E7;
	color: #2A2A2A;
}

.src-dashboard-page-PricingCalculator-PricingCalculatorAggs-View-pricing-calculator__aggs {
  display: flex;
  height: 40px;
  margin-top: 25px;
}

.src-dashboard-page-PricingCalculator-PricingCalculatorAggs-View-agg {
  border-right: 1px solid #ddd;
  font-size: 14px;
  text-align: center;
  width: 32%;
  padding: 5px 30px;
}

.src-dashboard-page-PricingCalculator-PricingCalculatorAggs-View-agg:last-of-type {
  border-right: 1px solid transparent;
}

.src-dashboard-page-PricingCalculator-PricingCalculatorAggs-View-agg span {
  display: block;
  font-weight: bold;
  margin-bottom: 5px;
}


.src-dashboard-page-PricingCalculator-PricingCalculatorStartConversation-View-pricing-calculator__start-convo-wrapper {
  box-sizing: border-box;
  border-left: 2px solid #ccc;
  width: 455px;
  padding: 40px;
  font-size: 14px;
  text-align: center;
  display: flex;
  flex-direction: column;
  justify-content: center;
  margin-left: auto;
}

.src-dashboard-page-PricingCalculator-PricingCalculatorStartConversation-View-pricing-calculator__start-convo-wrapper a {
  text-decoration: none;
  border-radius: 5px;
  color: #fff;
  background-color: #532E8A;
  padding: 15px 30px;
  margin: 20px auto;
  font-size: 14px;
  font-weight: bold;
  display: inline-block;
  width: 250px;
}

.src-dashboard-page-PricingCalculator-PricingCalculatorStartConversation-View-pricing-calculator__start-convo-wrapper a span:before{
  margin-right: 10px;
}
.src-dashboard-page-ProgramAnalytics-View-wrapper {
  display: flex;
}

.src-dashboard-page-ProgramAnalytics-ProgramAnalyticsContent-View-program-analytics-content {
	display: flex;
	flex-direction: column;
	padding: 32px 48px;
	overflow: auto;
}

h1, h2, h3, h4, h5 {
	line-height: 1.4em;
	font-weight: 700;
	margin: 0;
}

h1 {font-size: 21px;}

p {
	max-width: 1000px;
	padding: 12px 0 0;
}

.src-dashboard-page-ProgramAnalytics-ProgramAnalyticsContent-View-look-wrapper {
	flex: 1;
	height: 600px;
	background: white;
	box-shadow: 0 1px 3px rgba(0,0,0,0.2);
	border-radius: 8px;
	margin-top: 24px;
	overflow: hidden;
	position: relative;
}

.src-dashboard-page-ProgramAnalytics-ProgramAnalyticsContent-View-iframe {
  border:none;
}

li.src-explore-and-create-page-VBID-View-vbid,
li.src-explore-and-create-page-VBID-View-vbid-unmatched {
  background: white;
  list-style: none;
  position: relative;
}

li.src-explore-and-create-page-VBID-View-vbid {
  border-bottom: 1px solid var(--neutral300);
  padding: 24px;
}

.src-explore-and-create-page-VBID-View-vbid:last-child {
  border-bottom: none;
  border-radius: 0 0 4px 4px;
}

.src-explore-and-create-page-VBID-View-vbid-data {
  display: flex;
}

.src-explore-and-create-page-VBID-View-vbid-header {
  flex: 0 0 32%;
  padding-right: 24px;
}

.src-explore-and-create-page-VBID-View-vbid-data > ul {
  flex: 1;
}

/* Unmatched VBID Styles */
li.src-explore-and-create-page-VBID-View-vbid-unmatched {
  border-radius: 4px;
  border: 1px solid var(--neutral300);
  margin-top: 24px;
  padding: 24px;
}

/* Standard Styles */
.src-library-ItemInfo-View-item-info {
  align-items: flex-start;
  display: flex;
  flex: 1;
  padding: 24px;
  position: relative;
}

.src-library-ItemInfo-View-cover {
  background: rgba(0, 0, 0, 0.075);
  border: 3px solid white;
  box-shadow: 0 1.5px 3px rgba(34, 44, 56, 0.13), 0 1.5px 3px rgba(34, 44, 56, 0.17);
  flex: 0 0 72px;
  margin-right: 24px;
  min-height: 72px;
  position: relative;
  word-break: break-all;
}

.src-library-ItemInfo-View-image {
  max-width: 100%;
  position: relative;
  z-index: 1;
}

.src-library-ItemInfo-View-details {
  flex: 1;
}

.src-library-ItemInfo-View-title {
  font-size: 17px;
  margin: 0;
}

.src-library-ItemInfo-View-title a {
  text-decoration: none;
  color: #333;
}

.src-library-ItemInfo-View-title a:hover {
  color: var(--action);
  transition: color 0.2s cubic-bezier(.25,.8,.25,1);
}

.src-library-ItemInfo-View-source-summary {
  margin-top: 8px;
  text-transform: none;
  font-size: 13px;
  color: #777;
}

.src-library-ItemInfo-View-source-summary:first-letter {
  text-transform: uppercase;
}

.src-library-ItemInfo-View-row {
  display: flex;
  font-size: 12px;
  font-weight: bold;
  line-height: 1em;
  margin-top: 10px;
  text-transform: uppercase;
  width: 100%;
}

.src-library-ItemInfo-View-label {
  color: #777;
  flex: 0 0 120px;
}

.src-library-ItemInfo-View-sub-title {
  color: #444;
  flex: 1;
}

/* Line Height for Admin Notes */
.src-library-ItemInfo-View-note .src-library-ItemInfo-View-sub-title {
  line-height: 1.25em;
  position: relative;
  top: -1px;
}

/* Light Styles */
.src-library-ItemInfo-View-light .src-library-ItemInfo-View-title {
  color: white;
}

.src-library-ItemInfo-View-light .src-library-ItemInfo-View-sub-title {
  color: rgba(255, 255, 255, 0.9);
}

.src-library-ItemInfo-View-light .src-library-ItemInfo-View-label {
  color: rgba(255, 255, 255, 0.7);
}

/* Compact Styles */
.src-library-ItemInfo-View-compact {
  padding: 0;
}

.src-library-ItemInfo-View-compact .src-library-ItemInfo-View-cover {
  flex: 0 0 64px;
  margin-right: 16px;
}

.src-library-ItemInfo-View-compact .src-library-ItemInfo-View-title {
  font-size: 16px;
}

.src-library-ItemInfo-View-compact .src-library-ItemInfo-View-row {
  font-size: 12px;
  margin-top: 8px;
  line-height: 1.3em;
}

.src-library-ItemInfo-View-compact .src-library-ItemInfo-View-label {
  flex: 0 0 100px;
}

/* Large Styles */
.src-library-ItemInfo-View-large {
  padding: 24px;
}

.src-library-ItemInfo-View-large .src-library-ItemInfo-View-cover {
  flex: 0 0 96px;
}

.src-library-ItemInfo-View-large .src-library-ItemInfo-View-title {
  font-size: 20px;
  margin-bottom: -4px;
}

.src-library-ItemInfo-View-large .src-library-ItemInfo-View-row {
  font-size: 13px;
  margin-top: 12px;
}

.src-library-ItemInfo-View-large .src-library-ItemInfo-View-label {
  flex: 0 0 200px;
}

.src-library-ItemInfo-View-large .src-library-ItemInfo-View-badges {
  margin-top: 6px;
}

.src-library-ItemInfo-View-large .src-library-ItemInfo-View-note .src-library-ItemInfo-View-sub-title {
  top: -2px;
}

/* FA Styles */

.src-library-ItemInfo-View-fa-large {
  padding: 0;
  font-family: Roboto;
}

.src-library-ItemInfo-View-fa-large .src-library-ItemInfo-View-cover {
  flex: 0 0 96px;
}

.src-library-ItemInfo-View-fa-large .src-library-ItemInfo-View-title {
  font-size: 18px;
  margin-bottom: -4px;
  text-transform: none;
}

.src-library-ItemInfo-View-fa-large .src-library-ItemInfo-View-row {
  font-size: 14px;
  margin-top: 12px;
  text-transform: none;
}

.src-library-ItemInfo-View-fa-large .src-library-ItemInfo-View-label {
  flex: 0 0 200px;
  text-transform: none;
}

.src-library-ItemInfo-View-fa-large .src-library-ItemInfo-View-badges {
  margin-top: 6px;
}

.src-library-ItemInfo-View-fa-large .src-library-ItemInfo-View-note .src-library-ItemInfo-View-sub-title {
  top: -2px;
  text-transform: none;
}

.src-library-ItemInfo-View-no-padding {
  padding: 0;
}

.src-shared-DistributionRights-dist-rights-badge {
  align-items: center;
  border-radius: 24px;
  border-style: solid;
  border-width: 1px;
  display: flex;
  justify-content: center;
}

.src-shared-DistributionRights-small {
  font-size: 12px;
  height: 24px;
  width: 24px;
}

.src-shared-DistributionRights-large {
  height: 30px;
  margin-right: 12px;
  margin-top: 4px;
  width: 30px;
}

.src-shared-DistributionRights-has-rights {
  background: var(--actionLight);
  border-color: var(--action);
  color: var(--action);
}

.src-shared-DistributionRights-has-rights .src-shared-DistributionRights-large {
  font-size: 16px;
}

.src-shared-DistributionRights-no-rights {
  background: var(--accentLight);
  border-color: var(--accent);
  color: var(--accent);
}

.src-shared-DistributionRights-no-rights .src-shared-DistributionRights-large {
  font-size: 15px;
}

.src-shared-DistributionRights-badge {
  background: none;
  border: none;
}

/* Duration Styles */
li.src-explore-and-create-page-SKU-View-duration {
  border: 1px solid var(--neutral300);
  border-bottom: none;
  padding: 0;
}

/* Round Corners */
li.src-explore-and-create-page-SKU-View-duration:first-child {
  border-radius: 4px 4px 0 0;
}

li.src-explore-and-create-page-SKU-View-duration:first-child table.src-explore-and-create-page-SKU-View-prices th:first-child {
  border-top-left-radius: 4px;
}

li.src-explore-and-create-page-SKU-View-duration:first-child table.src-explore-and-create-page-SKU-View-prices th:last-child {
  border-top-right-radius: 4px;
}

li.src-explore-and-create-page-SKU-View-duration:last-child {
  border-bottom: 1px solid var(--neutral300);
  border-bottom-left-radius: 4px;
  border-bottom-right-radius: 4px;
}

li.src-explore-and-create-page-SKU-View-duration:last-child table.src-explore-and-create-page-SKU-View-prices th:first-child {
  border-bottom-left-radius: 4px;
}

/* Prices Table */
.src-explore-and-create-page-SKU-View-prices-wrapper {
}

table.src-explore-and-create-page-SKU-View-prices {
  border-collapse: collapse;
  width: 100%;
}

table.src-explore-and-create-page-SKU-View-prices th,
table.src-explore-and-create-page-SKU-View-prices td {
  font-weight: bold;
  padding: 16px;
  text-align: right;
  text-transform: uppercase;
}

table.src-explore-and-create-page-SKU-View-prices tr > :first-child {
  text-align: left;
}

table.src-explore-and-create-page-SKU-View-prices .src-explore-and-create-page-SKU-View-price-column {
  padding-left: 0;
  padding-right: 32px;
  width: 112px;
}

table.src-explore-and-create-page-SKU-View-prices .src-explore-and-create-page-SKU-View-actions {
  border-right: none;
  padding-left: 0;
  width: 206px;
}

table.src-explore-and-create-page-SKU-View-prices .src-explore-and-create-page-SKU-View-actions button {
  font-size: 12px;
}

/* Header Styles */
table.src-explore-and-create-page-SKU-View-prices th {
  background: var(--neutral100);
  color: #666;
  font-size: 12px;
  padding: 13px 16px 13px 12px;
}

table.src-explore-and-create-page-SKU-View-prices th h4 {
  color: #333;
  font-size: 16px;
  margin-bottom: 2px;
}

/* Body Styles */
table.src-explore-and-create-page-SKU-View-prices td {
  border-top: 1px solid var(--neutral);
  font-size: 15px;
  height: 64px;
  vertical-align: middle;
}

table.src-explore-and-create-page-SKU-View-prices td.src-explore-and-create-page-SKU-View-actions {
  padding-bottom: 12px;
  padding-top: 12px;
}

table.src-explore-and-create-page-SKU-View-prices tr.src-explore-and-create-page-SKU-View-disabled-row {
  pointer-events: none;
  opacity: 0.5;
}

/* Price Status */
.src-explore-and-create-page-SKU-View-price-status {
  color: #666;
  font-size: 12px;
  margin-top: 3px;
}

.src-explore-and-create-page-SKU-View-price-status span {
  margin-right: 6px;
}

.src-explore-and-create-page-SKU-View-sku-meta {
  display: flex;
}

.src-shared-ButtonMenu-button-menu {
  position: relative;
}

.src-shared-ButtonMenu-button-menu button span {
  transform: rotate(-90deg);
  transition: transform 0.2s cubic-bezier(.25,.8,.25,1);
}

.src-shared-ButtonMenu-button-menu:hover button {
  background: rgba(52, 64, 80, 0.1);
}

.src-shared-ButtonMenu-button-menu:hover button span {
  transform: rotate(0deg);
}

/* Menu wrapper */
.src-shared-ButtonMenu-menu-content {
  background: white;
  border-radius: 4px;
  box-shadow: 0 1.5px 3px rgba(34, 44, 56, 0.13), 0 1.5px 3px rgba(34, 44, 56, 0.17);
  min-width: 240px;
  opacity: 0;
  visibility: hidden;
  position: absolute;
  right: 0;
  top: 35px;
  transform: scale(0.8);
  transform-origin: top right;
  transition: opacity 0.2s cubic-bezier(.25,.8,.25,1), transform 0.2s cubic-bezier(.25,.8,.25,1);
  z-index: -1;
}

/* Menu Row Content */
.src-shared-ButtonMenu-menu-content > div {
  border-top: 1px solid var(--neutral300);
  color: #333;
  cursor: pointer;
  font-size: 13px;
  font-weight: bold;
  padding: 12px 16px 12px 44px;
  position: relative;
  text-align: left;
  text-transform: uppercase;
  transition: background 0.2s cubic-bezier(.25,.8,.25,1);
}

.src-shared-ButtonMenu-menu-content > div:first-child {
  border-radius: 4px 4px 0 0;
  border-top: none;
}

.src-shared-ButtonMenu-menu-content > div:last-child {
  border-radius: 0 0 4px 4px;
}

.src-shared-ButtonMenu-menu-content > div:disabled {
  cursor: not-allowed;
  opacity: 0.4;
}

.src-shared-ButtonMenu-menu-content > div span {
  left: 16px;
  font-size: 14px;
  opacity: 0.5;
  position: absolute;
  text-align: center;
  top: 12px;
  transition: color 0.2s cubic-bezier(.25,.8,.25,1), opacity 0.2s cubic-bezier(.25,.8,.25,1);
  width: 16px;
}

.src-shared-ButtonMenu-menu-content > div:hover span {
  color: var(--action);
  opacity: 1;
}

.src-shared-ButtonMenu-menu-content a {
  color: #333;
  text-decoration: none;
}

.src-shared-ButtonMenu-menu-content p {
  color: #333;
  font-size: 12px;
  font-weight: normal;
  line-height: 1.3em;
  margin-top: 2px;
  text-transform: none;
}

/* Expanded Styles */
.src-shared-ButtonMenu-button-menu:hover .src-shared-ButtonMenu-menu-content {
  opacity: 1;
  visibility: visible;
  transform: scale(1, 1);
  z-index: 1;
}

/* Drop-Left */
.src-shared-ButtonMenu-menu-content.src-shared-ButtonMenu-drop-left {
  left: 0;
  right: default;
  transform-origin: top left;
}

/* Dark Drop */
.src-shared-ButtonMenu-menu-content.src-shared-ButtonMenu-dark-drop {
  background: var(--neutral800);
  opacity: 0.95;
}

/* Baby */
.src-shared-ButtonMenu-baby .src-shared-ButtonMenu-menu-content {
  top: 28px;
}

@value "../../shared/Constants.css";

.src-explore-and-create-page-Matches-View-loader-wrapper {
  margin-top: 24px;
}

.src-explore-and-create-page-Matches-View-matches-wrapper {
  background: var(--neutral300);
  padding-right: 24px;
}

.src-explore-and-create-page-Matches-View-matches-wrapper > ul:last-child {
  background: transparent;
  padding-bottom: 20px;
}

.src-explore-and-create-page-Matches-View-matches-wrapper > :nth-child(2) > div {
  box-shadow: none;
}

.src-explore-and-create-page-Matches-View-matches,
.src-explore-and-create-page-Matches-View-matches ul,
.src-explore-and-create-page-Matches-View-matches {
  list-style: none;
  margin: 0;
  padding: 0;
}

.src-explore-and-create-page-Matches-View-matches {
  margin-bottom: 10px;
}

.src-explore-and-create-page-Matches-View-matches ~ ul.src-explore-and-create-page-Matches-View-pagination {
  border-top: none;
}

.src-explore-and-create-v2-page-MatchItem-View-item-match {
  font-family: "Roboto";
  border-radius: 4px;
  position: relative;
  background-color: var(--neutral100);
  margin: 16px 0;
  padding: 24px;
}

.src-explore-and-create-v2-page-MatchItem-View-header {
  display: flex;
}

.src-explore-and-create-v2-page-MatchItem-View-info {
  width: 100%;
}

.src-explore-and-create-v2-page-MatchItem-View-image {
  background-color: white;
  margin-right: 16px;
  height: 120;
  width: 88;
  position: relative;
}

.src-explore-and-create-v2-page-MatchItem-View-title {
  font-weight: 700;
  font-size: 18px;
  padding-bottom: 4px
}

.src-explore-and-create-v2-page-MatchItem-View-author {
  font-weight: 600;
  padding-bottom: 16px;
  font-size: 14px;
}

.src-explore-and-create-v2-page-MatchItem-View-meta {
  display: flex;
  font-weight: 400;
  gap: 32px;
  font-size: 14px;
  padding-bottom:16px;
}

.src-explore-and-create-v2-page-MatchItem-View-controls {
  display: flex; 
}

.src-explore-and-create-v2-page-MatchItem-View-left-controls {
  display: flex;
  justify-content: left; 
  gap: 8px;
  align-items: center; 
}

.src-explore-and-create-v2-page-MatchItem-View-right-controls {
  display: flex;
  margin-left: auto;
}

.src-explore-and-create-v2-page-MatchItem-View-view-in-collect {
  padding: 0 14px
}
.src-explore-and-create-v2-page-VbidPanel-View-container {
  font-family: 'roboto';
  margin: 16px 0;
}

.src-explore-and-create-v2-page-VbidPanel-View-vbid-container {
  display: flex;
  padding: 16px;
  border: 1px solid var(--neutral300);
  background-color: white;
  margin-bottom: 16px;
}

.src-explore-and-create-v2-page-VbidPanel-View-detail-container {
  color: #1C1C1C;
  width: 250px;
  padding-right: 16px;
  line-height: 21px;
}

.src-explore-and-create-v2-page-VbidPanel-View-title-author-container {
  padding-bottom: 32px;
}

.src-explore-and-create-v2-page-VbidPanel-View-title {
  font-size: 20px;
  font-weight: 800;
  line-height: 30px;
}

.src-explore-and-create-v2-page-VbidPanel-View-author {
  font-size: 13px;
  font-weight: 400;
  line-height: 19.5px;
  text-align: left;
}

.src-explore-and-create-v2-page-VbidPanel-View-sku-list {
  flex:1;
}

.src-explore-and-create-v2-page-VbidPanel-View-collapsable-btn {
  justify-content: flex-end;
  display: flex;
}

.src-explore-and-create-v2-page-VbidPanel-View-format-sm {
  color: #1C1C1C;
  font-size: 14px;
  font-weight: 600;
}

.src-explore-and-create-v2-page-VbidPanel-View-format-sm > span {
  padding-left: 7px;
}

.src-explore-and-create-v2-page-VbidPanel-View-format-lg {
  color: #1C1C1C;
  padding-bottom: 24px;
}

.src-explore-and-create-v2-page-VbidPanel-View-format-lg > span {
  padding-left: 8px;
  font-size: 18px;
  font-weight: 700;
}

.src-explore-and-create-v2-page-VbidPanel-View-format-icon {
  position: relative;
  top: 2px;
}

.src-explore-and-create-v2-page-VbidPanel-View-coachme {
  font-size: 13px;
  font-weight: 600;
  color: #1C1C1C;
}

.src-explore-and-create-v2-page-VbidPanel-View-coachme-txt {
  padding-left: 10px;
}

.src-explore-and-create-v2-page-VbidPanel-View-coachme.src-explore-and-create-v2-page-VbidPanel-View-disabled{
  color: #757575;
  font-weight: 400;
}

.src-explore-and-create-v2-page-VbidPanel-View-details {
  font-size: 13px;
  text-overflow: ellipsis;
  overflow: hidden;
  white-space: nowrap;
}

.src-explore-and-create-v2-page-VbidPanel-View-empty-state {
  height: 64px;
  padding-top: 20px;
  font-weight: 300;
  color: var(--neutral700);
  border: 2px dashed var(--neutral300);
  text-align: center;
  background-color: white;
}

ul, ol {
  list-style-type: none;
  padding: 0;
}

.src-explore-and-create-v2-page-SkuGrid-View-container {
  font-family: 'roboto';
  display: flex;
  padding: 8px
}

.src-explore-and-create-v2-page-SkuGrid-View-header {
  display: flex;
  height: 48px;
  padding: 16px;
  margin-bottom: 8px;
  background-color: var(--neutral100);
  vertical-align: middle;
  line-height: 1rem;
  color:#1C1C1C
}

.src-explore-and-create-v2-page-SkuGrid-View-header-left {
  display: flex;
  font-size: 18px;
  flex: 1;
  gap: 8px;

}

.src-explore-and-create-v2-page-SkuGrid-View-header-right {
  display: flex;
  font-size:14px;
  font-weight: 500;
  justify-content: flex-end;
  gap: 8px;
}

.src-explore-and-create-v2-page-SkuGrid-View-header-right > div{
  padding: 0 8px;
  text-align: center;
  min-width: 150px
}

.src-explore-and-create-v2-page-SkuGrid-View-header-right > div:first-child{
  padding: 0 8px;
  text-align: right;
  min-width: 40px
}

.src-explore-and-create-v2-page-SkuGrid-View-table-wrapper {
  padding: 0 16px;
}

.src-explore-and-create-v2-page-SkuGrid-View-action-buttons {
  display: flex;
  justify-content: flex-end;
  gap: 8px;
  margin: 16px 0;
  margin-bottom: 24px;
}

.src-explore-and-create-v2-page-SkuGrid-View-duration {
  font-size: 1.2rem;
  font-weight: 700;
  padding-right: 8px;
}

.src-explore-and-create-v2-page-SkuGrid-View-distro-enabled {
  font-weight: 700;
}
.src-explore-and-create-v2-page-SkuGrid-View-distro-disabled {
  font-weight: 500;
  color: #757575;
}

.src-explore-and-create-v2-page-SkuGrid-View-empty-state {
  height: 64px;
  padding-top: 20px;
  font-weight: 300;
  color: var(--neutral700);
  border: 2px dashed var(--neutral300);
  text-align: center;
}

.src-explore-and-create-v2-page-SkuGrid-View-button-disabled{
  opacity: 0.5;
  pointer-events: none;
}
/* Header Styles */
table {
  width: 100%;
  border-collapse: collapse;
}

thead > tr {
  color: #757575;
  font-size: 13px;
  text-align: left;
  height: 48px;
  font-weight: 500 !important
}

thead > tr {
  text-align: left;
  height: 48px;
}

thead > tr > th {
  color: #757575;
  font-size: 13px;
  font-weight: 500;
}

tbody > tr {
  border-top: 1px solid var(--neutral);
  height: 64px;
  font-weight: 500;
}

tbody > tr td {
  min-width: 144px;
}


tbody:last-child{
  border-bottom: 1px solid var(--neutral);
}
.src-shared-CoursesDropdownButton-View-courses-dropdown {
  position: absolute;
  top: 150px;
  left: 125px;
  background: #fff;
  border: 1px solid #ccc;
  max-height: 237px;
  width: 500px;
  z-index: 1;
  border-radius: 5px;
  overflow-y: auto;
}

.src-shared-CoursesDropdownButton-View-courses-dropdown-item {
  padding: 20px;
  border-bottom: 1px solid #ccc;
}

.src-items-page-Tabs-View-page-tabs {
  align-items: flex-end;
  display: flex;
}

.src-items-page-Tabs-View-tab {
  align-items: center;
  box-shadow: 0 0 0 rgba(255, 255, 255, 0.2) inset;
  color: rgba(255, 255, 255, 0.7);
  display: flex;
  font-size: 14px;
  font-weight: bold;
  height: 58px;
  padding: 0 24px;
  text-decoration: none;
  text-transform: uppercase;
  transition: color 0.2s cubic-bezier(.25,.8,.25,1), box-shadow 0.2s cubic-bezier(.25,.8,.25,1);
}

.src-items-page-Tabs-View-tab:hover {
  box-shadow: 0 -4px 0 rgba(255, 255, 255, 0.4) inset;
  color: white;
}

.src-items-page-Tabs-View-tab.src-items-page-Tabs-View-active,
.src-items-page-Tabs-View-tab.src-items-page-Tabs-View-active:hover {
  box-shadow: 0 -4px 0 var(--action) inset;
  color: white;
}

.src-items-page-Tabs-View-counter {
  background: rgba(255, 255, 255, 0.6);
  border-radius: 200px;
  color: var(--main);
  display: inline-block;
  font-size: 12px;
  font-weight: bold;
  line-height: 1em;
  margin-right: 10px;
  min-width: 36px;
  padding: 4px 10px;
  position: relative;
  text-align: center;
  top: -1px;
}

.src-items-page-Tabs-View-active .src-items-page-Tabs-View-counter {
  background: var(--action);
  color: white;
}

.src-item-page-PricingChart-PriceBar-column {
  display: flex;
  flex-direction: column;
  flex: 1;
  height: 300px;
  justify-content: flex-end;
  max-width: 240px;
  padding-top: 48px;
  z-index: 1;
}

.src-item-page-PricingChart-PriceBar-column.src-item-page-PricingChart-PriceBar-available .src-item-page-PricingChart-PriceBar-price-bar {
  background: var(--action);
}

.src-item-page-PricingChart-PriceBar-column.src-item-page-PricingChart-PriceBar-requested .src-item-page-PricingChart-PriceBar-price-bar {
  background: var(--main);
}

.src-item-page-PricingChart-PriceBar-column.src-item-page-PricingChart-PriceBar-not-a-number .src-item-page-PricingChart-PriceBar-price-bar {
  background: repeating-linear-gradient(
    45deg,
    var(--neutral100),
    var(--neutral100) 10px,
    var(--neutral) 10px,
    var(--neutral) 20px
  );
}

.src-item-page-PricingChart-PriceBar-access-code {
  position: absolute;
  width: 100%;
  bottom: 0;
  left: 0;
  /* currently not visible */
}

.src-item-page-PricingChart-PriceBar-price-wrapper {
  display: flex;
  flex: 1;
  flex-direction: column;
  justify-content: flex-end;
  padding: 0 16px 0;
  height: 100%;
}

.src-item-page-PricingChart-PriceBar-price-bar {
  background: var(--neutral800);
  padding: 8px 12px;
  text-align: center;
  position: relative;
}

.src-item-page-PricingChart-PriceBar-price {
  background: white;
  font-size: 18px;
  font-weight: bold;
  position: relative;
  padding: 0 8px;
  top: -36px;
  width: 100%;
}

.src-item-page-PricingChart-PriceBar-price-title {
  color: #666;
  font-weight: bold;
  height: 32px;
  padding: 8px 0;
  text-align: center;
  text-transform: uppercase;
}

.src-item-page-PricingChart-View-meta-chart-wrapper {
  position: relative;
}

.src-item-page-PricingChart-View-chart-wrapper {
  align-items: center;
  display: flex;
  background-color: white;
}

/* Chart Details */
.src-item-page-PricingChart-View-chart-details {
  align-self: stretch;
  box-shadow: 12px 0 0 var(--neutral300) inset;
  flex: 0 0 200px;
  margin-right: 16px;
  padding: 0 0 12px 24px;
}

.src-item-page-PricingChart-View-toggle-wrapper {
  margin-top: 12px;
}

.src-item-page-PricingChart-View-toggle-wrapper label > :last-child {
  flex: 1 0;
  font-size: 11px;
  line-height: 1.4em;
}

.src-item-page-PricingChart-View-toggle-header {
  align-items: center;
  border-bottom: 1px solid var(--neutral300);
  display: flex;
  font-size: 13px;
  justify-content: space-between;
  margin-bottom: 12px;
  padding-bottom: 8px;
}

/* Chart Styles */
.src-item-page-PricingChart-View-chart {
  display: flex;
  flex: 1;
  justify-content: center;
  position: relative;
  padding: 0;
}

.src-item-page-PricingChart-View-empty {
  color: #999;
  font-weight: bold;
  margin-top: 16px;
  padding: 0 0 32px;
  text-align: center;
  text-transform: uppercase;
  width: 100%;
}

.src-item-page-PricingChart-View-grid {
  bottom: 44px;
  height: calc(100% - 92px);
  left: 24px;
  position: absolute;
  width: calc(100% - 48px);
  z-index: 0;
}

.src-item-page-PricingChart-View-grid-line {
  background: var(--neutral300);
  height: 1px;
  position: absolute;
  width: 100%;
}

.src-item-page-PricingChart-View-grid-line:first-child {
  top: 0;
}

.src-item-page-PricingChart-View-grid-line:nth-child(2) {
  top: 20%;
}

.src-item-page-PricingChart-View-grid-line:nth-child(3) {
  top: 40%;
}

.src-item-page-PricingChart-View-grid-line:nth-child(4) {
  top: 60%;
}

.src-item-page-PricingChart-View-grid-line:nth-child(5) {
  top: 80%;
}

.src-item-page-PricingChart-View-grid-line:last-child {
  bottom: 0;
}

/* Full Height Styles */
.src-item-page-PricingChart-View-full-height {
  flex-grow: 2;
}

.src-item-page-PricingChart-View-full-height > *:first-child {
  height: 100%;
  left: 0;
  padding-top: 16px;
  position: absolute;
  top: 0;
  width: 100%;
}

.src-item-page-PricingChart-View-full-height > :first-child > :last-child {
  height: 100%;
}

.src-item-page-PricingChart-View-full-height > :first-child > :last-child > * {
  height: 100%;
}

.src-item-page-PricingChart-View-full-height > :first-child > :last-child > *:first-child {
  height: calc(100% - 92px);
}

.src-item-page-PricingChart-View-full-height .src-item-page-PricingChart-View-empty {
  align-items: center;
  display: flex;
  justify-content: center;
  margin-top: 0;
  padding: 0 0 16px;
}

.src-shared-CurrencyInput-wrapper {
  position: relative;
}

.src-shared-CurrencyInput-label {
  display: block;
  font-size: 13px;
  font-weight: bold;
  margin-bottom: 4px;
  text-transform: uppercase;
}

.src-shared-CurrencyInput-inset {
  background: white;
  left: 4px;
  margin: 0;
  padding: 0 4px;
  position: absolute;
  top: -8px;
  z-index: 2;
}

.src-shared-CurrencyInput-inset + * {
  margin-top: 8px;
}

.src-shared-CurrencyInput-input {
  -moz-osx-font-smoothing: grayscale;
  -webkit-font-smoothing: antialiased;
  background: white;
  border-radius: 3px;
  border: 2px solid var(--neutral300);
  color: #333;
  font-family: 'source-code-pro', monospace;
  font-size: 14px;
  font-weight: normal;
  letter-spacing: -0.03em;
  outline: 0;
  padding: 8px 12px 8px 24px;
  position: relative;
  text-align: center;
  text-transform: none;
  transition: border-color 0.2s cubic-bezier(.25,.8,.25,1), background 0.2s cubic-bezier(.25,.8,.25,1),
    box-shadow 0.2s cubic-bezier(.25,.8,.25,1);
  width: 100%;
  z-index: 1;
}

.src-shared-CurrencyInput-input:focus {
  border: 2px solid var(--neutral800);
}

.src-shared-CurrencyInput-input:disabled {
  background: var(--neutral100);
  color: #666;
}

.src-shared-CurrencyInput-symbol {
  bottom: 10px;
  color: #999;
  font-family: 'source-code-pro', monospace;
  font-size: 14px;
  font-weight: normal;
  line-height: 1em;
  left: 12px;
  position: absolute;
  z-index: 2;
}

.src-shared-CurrencyInput-block {
  display: block;
  flex: 1;
  width: 100%;
}

.src-shared-CurrencyInput-inline-block {
  display: inline-block;
  width: auto;
}

.src-shared-CurrencyInput-input.src-shared-CurrencyInput-error {
  border-color: var(--accent);
  color: var(--accent);
}

.src-shared-Toggle-wrapper {
  display: flex;
  flex: 0 0 auto;
}

.src-shared-Toggle-padded {
  padding: 12px;
}

.src-shared-Toggle-checkboxWrapper {
  position: relative;
  display: inline-block;
  cursor: pointer;
}

.src-shared-Toggle-checkbox {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  margin: 0;
  padding: 0;
  opacity: 0;
  cursor: pointer;
  z-index: 2;
}

.src-shared-Toggle-toggle {
  background: var(--accent);
  border-radius: 20px;
  border: 3px solid transparent;
  box-shadow: 0 1.5px 3px rgba(34, 44, 56, 0.13), 0 1.5px 3px rgba(34, 44, 56, 0.17);
  display: inline-block;
  height: 20px;
  flex-shrink: 0;
  overflow: hidden;
  position: relative;
  transition: all 0.2s cubic-bezier(.25,.8,.25,1);
  width: 40px;
  z-index: 1;
}

.src-shared-Toggle-switch {
  background: white;
  border-radius: 14px;
  box-shadow: 0 1.5px 3px rgba(34, 44, 56, 0.13), 0 1.5px 3px rgba(34, 44, 56, 0.17);
  height: 14px;
  left: 0;
  position: absolute;
  transition: all 0.2s cubic-bezier(.25,.8,.25,1);
  width: 14px;
}

.src-shared-Toggle-on,
.src-shared-Toggle-off {
  font-size: 13px;
  color: white;
  position: absolute;
  transition: all 0.2s cubic-bezier(.25,.8,.25,1);
}

.src-shared-Toggle-on {
  left: -24px;
}

.src-shared-Toggle-off {
  right: 3px;
}


.src-shared-Toggle-checkbox:checked ~ .src-shared-Toggle-toggle {
  background: var(--action);
}

.src-shared-Toggle-checkbox:checked ~ .src-shared-Toggle-toggle > .src-shared-Toggle-switch {
  left: 20px;
}

.src-shared-Toggle-checkbox:checked ~ .src-shared-Toggle-toggle > .src-shared-Toggle-on {
  left: 3px;
}

.src-shared-Toggle-checkbox:checked ~ .src-shared-Toggle-toggle > .src-shared-Toggle-off {
  right: -24px;
}

.src-shared-Toggle-title {
  align-self: center;
  color: #444;
  font-size: 14px;
  font-weight: bold;
  margin-left: 10px;
  text-transform: uppercase;
  pointer-events: none;
}

/* Disabled State */
.src-shared-Toggle-disabled .src-shared-Toggle-checkbox {
  cursor: not-allowed;
}

.src-shared-Toggle-disabled .src-shared-Toggle-toggle {
  opacity: 0.5;
}

.src-shared-Toggle-disabled .src-shared-Toggle-title {
  color: #666;
}

.src-shared-VerticalBarChart-chart {
  display: flex;
  flex: 1;
  justify-content: center;
  min-height: 200px;
  position: relative;
  padding: 0 24px 12px;
}

.src-shared-VerticalBarChart-grid {
  border-bottom: 1px solid var(--neutral300);
  bottom: 44px;
  height: calc(100% - 92px);
  left: 24px;
  position: absolute;
  width: calc(100% - 48px);
  z-index: 0;
}

.src-shared-VerticalBarChart-grid-line {
  background: var(--neutral300);
  height: 1px;
  position: absolute;
  width: 100%;
}

.src-shared-VerticalBarChart-grid-line:first-child {
  top: 0;
}

.src-shared-VerticalBarChart-grid-line:nth-child(2) {
  top: 20%;
}

.src-shared-VerticalBarChart-grid-line:nth-child(3) {
  top: 40%;
}

.src-shared-VerticalBarChart-grid-line:nth-child(4) {
  top: 60%;
}

.src-shared-VerticalBarChart-grid-line:nth-child(5) {
  top: 80%;
}

.src-shared-VerticalBarChart-grid-line:last-child {
  bottom: 0;
}

.src-item-page-PricingChart-PriceTooltip-View-row {
  display: flex;
  padding: 12px 16px;
  justify-content: space-between;
}

.src-item-page-PricingChart-PriceTooltip-View-row:last-child {
  border-top: 1px solid var(--neutral300);
}

.src-item-page-PricingChart-PriceTooltip-View-label {
  font-weight: bold;
  text-transform: uppercase;
}

.src-item-page-PricingChart-PriceTooltip-View-amount {
  font-family: 'source-code-pro';
}

.src-explore-and-create-page-PriceAnalysisDialog-View-request-columns {
  border-bottom: 1px solid var(--neutral);
  display: flex;
  font-weight: bold;
  text-align: right;
  text-transform: uppercase;
}

.src-explore-and-create-page-PriceAnalysisDialog-View-vbid-info {
  display: flex;
  flex: 1 1 auto;
  padding: 16px;
}

.src-explore-and-create-page-PriceAnalysisDialog-View-vbid-details {
  display: flex;
  flex-direction: column;
  flex: 1;
  text-align: left;
}

.src-explore-and-create-page-PriceAnalysisDialog-View-vbid-details h4 {
  color: #333;
  font-size: 17px;
}

.src-explore-and-create-page-PriceAnalysisDialog-View-vbid-details h5 {
  color: #666;
  font-size: 12px;
  margin-top: 7px;
}

.src-explore-and-create-page-PriceAnalysisDialog-View-request-columns th,
.src-explore-and-create-page-PriceAnalysisDialog-View-request-columns td {
  text-align: center;
  width: 172px;
}

.src-explore-and-create-page-PriceAnalysisDialog-View-request-columns th {
  color: #666;
  font-size: 12px;
  padding-top: 12px;
}

.src-explore-and-create-page-PriceAnalysisDialog-View-request-columns td {
  vertical-align: middle;
  padding: 12px 16px 16px;
}

.src-explore-and-create-page-PriceAnalysisDialog-View-request-columns td.src-explore-and-create-page-PriceAnalysisDialog-View-student-price {
  font-weight: bold;
}

.src-explore-and-create-page-PriceAnalysisDialog-View-request-columns td input {
  text-align: center;
}

.src-explore-and-create-page-PageFrame-View-matches-wrapper {
  background: var(--neutral300);
  min-width: 1360px;
}

.src-shared-SidebarFilterHeader-filter-header-wrapper {
  margin-bottom: 8px;
}

.src-shared-SidebarFilterHeader-filter-header {
  color: #666;
  font-size: 0.83em;
  font-weight: bold;
  text-transform: uppercase;
  margin: 0;
}

.src-explore-and-create-page-Filters-View-search-box-wrapper {
  padding: 0 0 16px;
}

.src-explore-and-create-page-Filters-View-sidebar-wrapper {
  padding: 0 16px;
}

.src-explore-and-create-page-Filters-View-wrapper {
  padding: 12px 16px 0;
}

.src-explore-and-create-page-Filters-View-sidebar-header {
  color: #666;
  font-size: 12px;
  padding: 16px 16px 0 16px;
  margin-bottom: -5px;
}

.src-explore-and-create-page-Filters-View-input-row {
  align-items: center;
  display: flex;
  justify-content: space-between;
  padding-top: 10px;
  position: relative;
}

.src-explore-and-create-page-Filters-View-input-row > *:first-child > :last-child,
.src-explore-and-create-page-Filters-View-input-row > :last-child {
  font-size: 13px;
}

.src-explore-and-create-page-Filters-View-info-circle {
  display: block;
  color: -connectbase;
  opacity: 0.4;
}

.src-explore-and-create-page-Filters-View-filter-wrapper {
  background: var(--neutral100);
  border: 1px solid rgba(0, 0, 0, 0.15);
  border-radius: 4px;
}

.src-explore-and-create-page-Filters-View-filter-section {
  margin-bottom: 18px;
}

.src-explore-and-create-page-Filters-View-filter-wrapper > * {
  border-bottom: 1px solid var(--neutral300);
  font-size: 13px;
}

.src-explore-and-create-page-Filters-View-filter-wrapper > *:last-child {
  border-bottom: none;
}

.src-explore-and-create-page-Filters-View-filter {
  display: flex;
  align-items: center;
}

.src-explore-and-create-page-Filters-View-count-wrapper {
  margin-left: auto;
}

.src-shared-CheckboxInput-checkbox-input-padding {
  width: 100%;
  display: flex;
  padding: 12px 10px 10px;
  font-size: 13px;
  cursor: pointer;
}

.src-shared-CheckboxInput-checkbox-input-no-padding {
  width: 100%;
  display: flex;
  padding: 6px 10px;
  font-size: 13px;
  cursor: pointer;
}

.src-shared-CheckboxInput-disabled .src-shared-CheckboxInput-checkbox-input {
  opacity: 0.5;
}

.src-shared-CheckboxInput-small-checkbox {
  margin-right: 8px;
  position: relative;
}

.src-shared-CheckboxInput-large-checkbox {
  margin-right: 12px;
  position: relative;
  height: 16px;
  accent-color: var(--action);
  width: 16px;
  cursor: pointer;
  top: 2px;
}

.src-shared-CheckboxInput-inline-block {
  display: inline-block;
  width: auto;
}

.src-shared-CheckboxInput-block {
  display: block;
  width: 100%;
  flex: 1;
}

.src-shared-CheckboxInput-bold-upper-case {
  flex: 1;
  font-weight: bold;
  text-transform: uppercase;
  position: relative;
}

.src-shared-CheckboxInput-bold {
  flex: 1;
  font-weight: bold;
  position: relative;
  font-size: 14px;
}

.src-shared-CheckboxInput-normal {
  flex: 1;
  position: relative;
  padding-top: 2px;
  font-size: 14px;
}



.src-explore-and-create-v2-page-Matches-View-loader-wrapper {
  margin-top: 24px;
}

.src-explore-and-create-v2-page-Matches-View-matches-wrapper {
  background: var(--neutral300);
}

.src-explore-and-create-v2-page-Matches-View-matches-wrapper > ul:last-child {
  background: transparent;
  padding-bottom: 20px;
}

.src-explore-and-create-v2-page-Matches-View-matches-wrapper > :nth-child(2) > div {
  box-shadow: none;
}

.src-explore-and-create-v2-page-Matches-View-matches,
.src-explore-and-create-v2-page-Matches-View-matches ul,
.src-explore-and-create-v2-page-Matches-View-matches {
  list-style: none;
  margin: 0;
  padding: 0;
}

.src-explore-and-create-v2-page-Matches-View-matches {
  margin-bottom: 10px;
}

.src-explore-and-create-v2-page-Matches-View-matches ~ ul.src-explore-and-create-v2-page-Matches-View-pagination {
  border-top: none;
}

.src-explore-and-create-v2-page-PageFrame-View-matches-wrapper {
  background: var(--neutral300);
  min-width: 1360px;
}

.src-explore-and-create-v2-page-PageFrame-View-item-metadata {
  padding-top: 37px;
  line-height: 24px;
  color: #333333;
  font-size: 20px;
  display: flex;
  align-items: center;
}

.src-explore-and-create-v2-page-PageFrame-View-item-metadata-header {
  padding-right: 8px;
  font-weight: bold;
}

.src-explore-and-create-v2-page-PageFrame-View-clear-filters-x {
  padding: 4px;
}

.src-explore-and-create-v2-page-PageFrame-View-clear-filters {
  padding: 4px 12px 5px 15px;
  border: 1px solid #A8ADB6;
  border-radius: 18px;
  width: 145px;
  display: flex;
  justify-content: space-between;
  height: 32px;
  font-size: 13px;
  cursor: pointer;
  color: var(--neutral800);
  margin-right: 8px;
  font-weight: 600;
}

.src-explore-and-create-v2-page-PageFrame-View-clear-filters-bulk-create {
  margin-left: auto;
}

.src-explore-and-create-v2-page-PageFrame-View-assign-input-wrapper {
  background: var(--neutral100);
  box-shadow: -shadow1;
  flex: 1 1 auto;
  padding: 16px;
  width: 100%;
  z-index: 1;
}

.src-explore-and-create-v2-page-PageFrame-View-change-header {
  background: var(--neutral);
  color: #666;
  font-size: 13px;
  font-weight: bold;
  padding: 8px 16px;
  text-transform: uppercase;
}

.src-explore-and-create-v2-page-Filters-View-filters-wrapper {
  padding: 10px 0px 10px 16px;;
  border-radius: 4px;
}

.src-explore-and-create-v2-page-Filters-View-header {
  color: #333333;
  font-size: 23px;
  margin-bottom: 6px;
  text-align: left;
}

.src-explore-and-create-v2-page-Filters-View-header-wrapper {
  padding-top: 10px;
}

.src-explore-and-create-v2-page-Filters-View-search-wrapper {
  padding-bottom: 24px;
}

.src-explore-and-create-v2-page-Filters-View-vitalsource-search-wrapper {
  color: var(--action700);
}

.src-explore-and-create-v2-page-Filters-View-sidebar-wrapper {
  padding: 0 16px;
}

.src-explore-and-create-v2-page-Filters-View-wrapper {
  padding: 12px 16px 0;
}

.src-explore-and-create-v2-page-Filters-View-quick-filters-header {
  color: #666;
  line-height: 12px;
  text-align: left;
  padding: 20px 0px 10px 10px;
  text-transform: uppercase;
  display: block;
  font-weight: 700;
}

.src-explore-and-create-v2-page-Filters-View-advanced-filters-main-header {
  color: #666;
  line-height: 12px;
  text-align: left;
  padding: 20px 0px 5px 10px;
  text-transform: uppercase;
  display: block;
  font-weight: 700;
  cursor: pointer;
}

.src-explore-and-create-v2-page-Filters-View-input-row {
  align-items: center;
  justify-content: space-between;
  padding-top: 10px;
  position: relative;
}

.src-explore-and-create-v2-page-Filters-View-input-row > *:first-child > :last-child,
.src-explore-and-create-v2-page-Filters-View-input-row > :last-child {
  font-size: 13px;
}

.src-explore-and-create-v2-page-Filters-View-info-circle {
  height: 12px;
}

.src-explore-and-create-v2-page-Filters-View-quick-filters-wrapper {
  background: var(--neutral100);
  padding: 0px 5px 10px;
  border-bottom: 1px solid #CDCFD1;
  border-top-left-radius: 5px;
  border-top-right-radius: 5px;
}

.src-explore-and-create-v2-page-Filters-View-all-filters-wrapper {
  border: 1px solid #CDCFD1;
  border-radius: 5px;
}

.src-explore-and-create-v2-page-Filters-View-quick-filters-wrapper > * {
  color: #333333;
  line-height: 21px;
  text-align: left;
}

.src-explore-and-create-v2-page-Filters-View-filter {
  display: flex;
  align-items: center;
}

.src-explore-and-create-v2-page-Filters-View-count-wrapper {
  margin-left: auto;
}

.src-explore-and-create-v2-page-Filters-View-advanced-filters-wrapper {
  line-height: 16px;
  text-align: left;
  padding: 0px 5px 15px;
  background: var(--neutral100);
  border-bottom-left-radius: 5px;
  border-bottom-right-radius: 5px
}

.src-explore-and-create-v2-page-Filters-View-advanced-filters {
  display: none;
}

.src-explore-and-create-v2-page-Filters-View-advanced-filters-expanded {
  display: block;
  background-color: #F1F3F6;
}

.src-explore-and-create-v2-page-Filters-View-advanced-filters > select {
  color: #333333;
  font-size: 13px;
  line-height: 21px;
  text-align: left;
}

.src-explore-and-create-v2-page-Filters-View-advanced-filters-section-header {
  padding-bottom: 10px;
}

.src-explore-and-create-v2-page-Filters-View-advanced-filters-header {
  color: #666;
  line-height: 12px;
  text-align: left;
  padding: 20px 0px 8px 10px;
  text-transform: uppercase;
  display: block;
  font-weight: 600;
  font-size: 13px;
}

.src-explore-and-create-v2-page-Filters-View-sort-by-header {
  color: #666;
  line-height: 12px;
  text-align: left;
  padding: 15px 0px 15px 0px;
  text-transform: uppercase;
  display: block;
  font-weight: 600;
  font-size: 13px;
}

.src-explore-and-create-v2-page-Filters-View-advanced-filters-count {
  color: var(--action700);
  padding-right: 25px;
  padding-left: 5px;
}

.src-explore-and-create-v2-page-Filters-View-advanced-filters-color {
  color: #666;
  font-weight: 700;
  font-size: 18px;
}

.src-explore-and-create-v2-page-Filters-View-info-icon {
  color: #666;
  font-weight: 700;
  font-size: 18px;
  margin-left: 10px;
}

.src-explore-and-create-v2-page-Filters-View-sort-by-wrapper {
  display: block;
  margin-top: 24px;
}

.src-explore-and-create-v2-page-Filters-View-sort-by-select {
  background-color: #FFFFFF;
  border: 1px solid #CDCFD1;
  border-radius: 3px;
  height: 38px;
  width: 100%;
  padding: 7px;
  color: #444;
  font-size: 14px;
}

.src-explore-and-create-v2-page-Filters-View-sort-by-select:focus-visible {
  outline: none;
}

.src-explore-and-create-v2-page-Filters-View-catalog-link {
  margin-bottom: 30px;
}

.src-explore-and-create-v2-page-Filters-View-catalog-link-button {
  color: var(--action700);
  font-weight: 700;
  font-size: 12px;
}

.src-explore-and-create-v2-page-Filters-View-tooltip {
  background-color: #000;
  color: #fff;
  border-radius: 50%;
}


.src-invoice-page-Page-View-invoice {
  padding: 48px;
}

.src-invoice-page-Page-View-invoiceNumber {
  margin-left: auto;
}

.src-invoice-page-Page-View-sidebar-actions {
  padding: 16px;
}

.src-invoice-page-Page-View-header {
  align-items: flex-start;
  display: flex;
  justify-content: space-between;
}

.src-invoice-page-Page-View-header > div {
  text-align: right;
}

.src-invoice-page-Page-View-header h1 {
  margin-bottom: 0.05in;
}

.src-invoice-page-Page-View-header h2 {
  font-family: 'source-code-pro', monospace;
  font-size: 0.85em;
  font-weight: normal;
  letter-spacing: -0.03em;
  text-transform: none;
}

.src-invoice-page-Page-View-logo {
  height: 50px;
}

/* Reusable Subheader */
.src-invoice-page-Page-View-subheader {
  display: flex;
}

.src-invoice-page-Page-View-subheader > * {
  flex: 1;
  padding: 0.5in 0 0.25in;
}

.src-invoice-page-Page-View-subheader > *:first-child {
  padding-left: 0;
}

.src-invoice-page-Page-View-subheader > *:last-child {
  padding-right: 0;
  text-align: right;
}

.src-invoice-page-Page-View-subheader > * > * {
  min-width: 1in;
  padding: 0 0.125in;
}

.src-invoice-page-Page-View-subheader > *  > .src-invoice-page-Page-View-bankingBlock {
  padding: 0px;
}

.src-invoice-page-Page-View-subheader > *:last-child > * {
  padding-right: 0.125in;
}

.src-invoice-page-Page-View-subheader h4 {
  border-bottom: 2px solid var(--neutral300);
  margin-bottom: 0.075in;
  padding-bottom: 0.075in;
}

.src-invoice-page-Page-View-subheader > *:last-child h1 {
  margin: 0.15in 0 0.075in;
}

.src-invoice-page-Page-View-subheader p {
  font-family: 'source-code-pro', monotype;
  font-size: 0.85em;
  letter-spacing: -0.03em;
}

.src-invoice-page-Page-View-subheader p.src-invoice-page-Page-View-credit-instructions {
  flex-grow: 2;
}

/* Payment Summary Table */
.src-invoice-page-Page-View-payment-summary {
  padding-left: 0.25in;
  width: 2in;
}

.src-invoice-page-Page-View-payment-summary table {
  border-collapse: collapse;
  width: 100%;
}

.src-invoice-page-Page-View-payment-summary th,
.src-invoice-page-Page-View-payment-summary td {
  border-bottom: 2px solid white;
  font-size: 0.85em;
  font-weight: bold;
  padding: 0.125in;
  text-transform: uppercase;
}

.src-invoice-page-Page-View-payment-summary th {
  background: var(--neutral300);
  text-align: right;
}

.src-invoice-page-Page-View-payment-summary td {
  background: var(--neutral100);
  text-align: left;
}

.src-invoice-page-Page-View-payment-summary tr:last-child th {
  background: var(--main);
  color: white;
}

.src-invoice-page-Page-View-payment-summary tr:last-child td {
  background: var(--secondary);
  color: white;
}

/* Contact Footer */
.src-invoice-page-Page-View-contact {
  border-top: 2px solid var(--neutral);
  color: rgba(50, 64, 82, 0.6);
  font-size: 0.85em;
  font-weight: bold;
  line-height: 1.5em;
  margin-top: 0.125in;
  padding: 0.15in 0 0;
  text-align: center;
  text-transform: uppercase;
}

.src-invoice-page-Page-View-contact a {
  color: var(--main);
}

/* Reports to Deliver */
.src-invoice-page-Page-View-report-row {
  align-items: center;
  border-bottom: 1px solid var(--neutral300);
  display: flex;
  justify-content: space-between;
  padding: 16px;
}

.src-invoice-page-Page-View-report-row:last-child {
  border-bottom: none;
}

.src-invoice-page-Page-View-report-row > :first-child {
  align-items: center;
  display: flex;
  flex-grow: 2;
}

.src-invoice-page-Page-View-report-row h4 {
  color: #666;
  font-size: 12px;
  margin-top: 4px;
}

.src-invoice-page-Page-View-status-badge {
  background: var(--main);
  border-radius: 200px;
  color: white;
  font-size: 14px;
  height: 30px;
  margin-right: 12px;
  padding-top: 8px;
  text-align: center;
  width: 30px;
}

.src-invoice-page-Page-View-status-badge.src-invoice-page-Page-View-delivered {
  background: var(--action);
}

.src-invoice-page-Page-View-status-badge.src-invoice-page-Page-View-prepared {
  background: var(--action);
}

@media print {
  .src-invoice-page-Page-View-invoice {
    flex: 1;
    padding: 0.5in;
    position: relative;
  }

  .src-invoice-page-Page-View-subheader h4 {
    border-color: var(--neutral);
  }

  .src-invoice-page-Page-View-payment-summary th,
  .src-invoice-page-Page-View-payment-summary td {
    background: none;
    border: 2px solid var(--neutral);
  }

  .src-invoice-page-Page-View-payment-summary tr:last-child th,
  .src-invoice-page-Page-View-payment-summary tr:last-child td {
    background: none;
    color: #333;
  }

  .src-invoice-page-Page-View-contact a {
    color: #333;
  }
}

/* Item Summary Table */
.src-invoice-page-InvoiceLinesTable-View-item-summary {
  border-collapse: collapse;
  font-weight: bold;
  text-transform: uppercase;
  width: 100%;
}

.src-invoice-page-InvoiceLinesTable-View-item-summary th,
.src-invoice-page-InvoiceLinesTable-View-item-summary td {
  padding: 0.125in 0.125in 0.125in 0.25in;
  text-align: right;
  vertical-align: top;
}

.src-invoice-page-InvoiceLinesTable-View-item-summary th:first-child,
.src-invoice-page-InvoiceLinesTable-View-item-summary td:first-child {
  padding-left: 0.125in;
  text-align: left;
}

.src-invoice-page-InvoiceLinesTable-View-item-summary th {
  border-bottom: 2px solid var(--neutral300);
}

.src-invoice-page-InvoiceLinesTable-View-item-summary td {
  background: var(--neutral100);
  border-bottom: 2px solid white;
  font-size: 0.9em;
  line-height: 1.5em;
}

@media print {
  .src-invoice-page-InvoiceLinesTable-View-item-summary {
    page-break-inside: auto;
  }

  .src-invoice-page-InvoiceLinesTable-View-item-summary tr {
    page-break-inside: avoid;
    page-break-after: auto;
  }

  .src-invoice-page-InvoiceLinesTable-View-item-summary th {
    border-color: var(--neutral);
  }

  .src-invoice-page-InvoiceLinesTable-View-item-summary td {
    background: none;
    border-bottom: 1px solid var(--neutral);
  }
}

.src-invoices-page-Page-View-sidebar-stat {
  background-image: -webkit-linear-gradient(
    left,
    #faedf4 0%,
    #faedf4 97%,
    #f5ddeb 100%
  );
  align-items: center;
  display: flex;
  justify-content: space-between;
  padding: 16px;
}

.src-invoices-page-Page-View-sidebar-stat h4:last-child {
  color: var(--accent);
}

.src-shared-PaneHeader-pane-header {
  align-items: center;
  background-image: linear-gradient(#6b469a, #623c95);
  border-radius: 3px 3px 0 0;
  border-top: 1px solid rgba(255, 255, 255, 0.125);
  display: flex;
  height: 70px;
  justify-content: space-between;
  padding: 16px;
}

.src-shared-PaneHeader-title {
  color: white;
  font-size: 17px;
}


.src-invoices-page-InvoiceCard-View-invoice {
  border-top: 1px solid var(--neutral300);
  display: flex;
}

.src-invoices-page-InvoiceCard-View-invoice:first-child {
  border-top: none;
}

.src-invoices-page-InvoiceCard-View-summary {
  flex-grow: 1;
  padding: 24px;
}

.src-invoices-page-InvoiceCard-View-header {
  align-items: center;
  display: flex;
  justify-content: space-between;
}

.src-invoices-page-InvoiceCard-View-header h5 {
  color: #666;
  margin-bottom: 2px;
  text-align: right;
}

.src-invoices-page-InvoiceCard-View-header h5:last-child {
  margin-bottom: 0;
}

.src-invoices-page-InvoiceCard-View-dates-wrapper {
  border-top: 1px solid var(--neutral);
  display: flex;
  margin-top: 8px;
  padding: 8px 0;
  align-items: flex-end;
}

.src-invoices-page-InvoiceCard-View-dates-wrapper > *:first-child,
.src-invoices-page-InvoiceCard-View-dates-wrapper > *:last-child {
  opacity: 0.75;
}

.src-invoices-page-InvoiceCard-View-stats-wrapper {
  background: var(--neutral100);
  border-radius: 4px;
  box-shadow: 0 0.5px 1.5px rgba(34, 44, 56, 0.09), 0 0.5px 1px rgba(34, 44, 56, 0.18);
  display: flex;
  overflow: hidden;
  width: 100%;
}

.src-invoices-page-InvoiceCard-View-stats-wrapper > * {
  border-left: 1px solid var(--neutral300);
  position: relative;
}

.src-invoices-page-InvoiceCard-View-stats-wrapper > :first-child {
  border-left: none;
}

.src-invoices-page-InvoiceCard-View-operator {
  background: white;
  border: 1px solid var(--neutral300);
  border-radius: 200px;
  color: var(--main);
  height: 36px;
  margin-top: -18px;
  position: absolute;
  right: -18px;
  top: 50%;
  width: 36px;
  z-index: 1;
}

.src-invoices-page-InvoiceCard-View-operator span {
  line-height: 34px;
}

.src-invoices-page-InvoiceCard-View-operator span.src-invoices-page-InvoiceCard-View-minus {
  line-height: 32px;
}

.src-invoices-page-InvoiceCard-View-actions {
  background: var(--neutral100);
  flex-grow: 0;
  padding: 16px;
}

.src-invoices-page-InvoiceCard-View-actions .src-invoices-page-InvoiceCard-View-block + .src-invoices-page-InvoiceCard-View-block {
  margin-top: 8px;
}

.src-invoices-page-NoInvoices-View-wrapper {
  padding: 80px 40px;
  text-align: center;
}

.src-invoices-page-NoInvoices-View-title {
  font-size: 21px;
  margin: 0 0 24px 0;
  text-align: center;
  text-transform: uppercase;
}

.src-item-page-NonParticipatingSections-View-group {
  border-top: 2px solid var(--neutral300);
  display: flex;
}

.src-item-page-NonParticipatingSections-View-group-info {
  align-items: center;
  justify-content: space-between;
  min-height: 42px;
  flex: 0 0 270px;
  padding-right: 24px;
}

.src-item-page-NonParticipatingSections-View-group-header {
  background: var(--neutral800);
  display: flex;
  align-items: center;
  color: white;
  height: 36px;
  font-size: 14px;
  line-height: 1em;
  max-width: 320px;
  margin-top: 24px;
  padding: 0 12px 0 24px;
  position: relative;
  width: 100%;
}

.src-item-page-NonParticipatingSections-View-group-header:after {
  border-bottom: 18px solid transparent;
  border-right: 18px solid var(--neutral100);
  border-top: 18px solid transparent;
  content: '';
  position: absolute;
  right: -5px;
  top: 0;
  transform: scale(0.5, 1);
}

.src-item-page-CourseList-View-course-list {
  flex: 1;
  min-height: 160px;
  padding: 0 24px 24px 0;
  position: relative;
}

.src-item-page-CourseList-View-empty {
  background: var(--neutral100);
  color: rgba(0, 0, 0, 0.3);
  display: flex;
  flex-direction: column;
  height: 100%;
  justify-content: center;
  left: 0;
  position: absolute;
  text-align: center;
  top: 0;
  width: 100%;
}

.src-item-page-CourseList-View-empty span {
  display: block;
  font-size: 42px;
  margin-bottom: 8px;
}

.src-item-page-CourseList-View-center {
  left: 50%;
  padding-top: 16px;
  position: absolute;
  text-align: center;
  transform: translateX(-50%);
}

/* Basic Section Styles */
.src-item-page-Section-View-section {
  align-items: center;
  background: white;
  border-bottom: 1px solid var(--neutral);
  cursor: pointer;
  display: flex;
  font-size: 14px;
  font-weight: bold;
  height: 58px;
  line-height: 1em;
  list-style: none;
  position: relative;
  text-align: left;
  text-transform: uppercase;
  transition: background 0.2s cubic-bezier(.25,.8,.25,1);
  width: 100%;
}

.src-item-page-Section-View-section:last-child {
  border-bottom: none;
}

/* Checkboxes */
.src-item-page-Section-View-section .src-item-page-Section-View-checkbox-wrapper {
  color: #aaa;
  display: inline-block;
  font-size: 16px;
  text-align: left;
  transition: color 0.2s cubic-bezier(.25,.8,.25,1);
  width: 1em;
}

/* Checkbox and Section Header */
.src-item-page-Section-View-trigger {
  align-items: center;
  display: flex;
  flex-grow: 1;
  padding: 12px 24px 12px 16px;
}

.src-item-page-Section-View-trigger h4 {
  flex: 1;
  font-family: 'source-code-pro', monotype;
  font-weight: normal;
  font-size: 15px;
  letter-spacing: -0.03em;
  padding-left: 12px;
  text-transform: none;
}

/* Hover Styles */
.src-item-page-Section-View-section.src-item-page-Section-View-inactive:hover,
.src-item-page-Section-View-section.src-item-page-Section-View-inactive.src-item-page-Section-View-selected {
  background: var(--accentLight);
}

.src-item-page-Section-View-section.src-item-page-Section-View-active:hover,
.src-item-page-Section-View-section.src-item-page-Section-View-active.src-item-page-Section-View-selected {
  background: var(--actionLight);
}

.src-item-page-Section-View-section.src-item-page-Section-View-active:hover .src-item-page-Section-View-checkbox-wrapper,
.src-item-page-Section-View-section.src-item-page-Section-View-active.src-item-page-Section-View-selected .src-item-page-Section-View-checkbox-wrapper {
  color: var(--action);
  transition: color 0.2s cubic-bezier(.25,.8,.25,1);
}

.src-item-page-Section-View-section.src-item-page-Section-View-inactive:hover .src-item-page-Section-View-checkbox-wrapper,
.src-item-page-Section-View-section.src-item-page-Section-View-inactive.src-item-page-Section-View-selected .src-item-page-Section-View-checkbox-wrapper {
  color: var(--accent);
  transition: color 0.2s cubic-bezier(.25,.8,.25,1);
}

.src-item-page-Section-View-section:hover .src-item-page-Section-View-status-badge,
.src-item-page-Section-View-section.src-item-page-Section-View-seleted .src-item-page-Section-View-status-badge {
  background: rgba(255, 255, 255, 0.25);
  transition: background 0.2s cubic-bezier(.25,.8,.25,1);
}

/* Experimental Badge Expander with Wrapper */
.src-item-page-Section-View-badge-wrapper {
  background-image: linear-gradient(
    to left,
    rgba(255, 255, 255, 1) 0%,
    rgba(255, 255, 255, 1) 80%,
    rgba(255, 255, 255, 0) 100%
  );
  cursor: default;
  display: flex;
  height: 57px;
  justify-content: flex-end;
  padding: 12px 16px;
  z-index: 2;
}

.src-item-page-Section-View-badge-wrapper > div {
  margin: 0 0 0 12px;
}

/* Only show icon unless hovering */
.src-item-page-Section-View-badge-wrapper > div {
  overflow: hidden;
  transition: max-width 0.2s cubic-bezier(.25,.8,.25,1) 0.4s;
  max-width: 32px;
}

.src-item-page-Section-View-badge-wrapper:hover > div {
  max-width: 100%;
}

/* Don't show icon wrapper border unless hovering */
.src-item-page-Section-View-badge-wrapper > div > div > span:first-child {
  border-color: transparent;
  transition: border-color 0.2s cubic-bezier(.25,.8,.25,1) 0.4s;
}

.src-item-page-Section-View-badge-wrapper:hover > div > div > span:first-child {
  border-color: inherit;
}

/* Remove padding to totally zero out value size when contracted */
.src-item-page-Section-View-badge-wrapper > div > div > span:last-child {
  opacity: 0;
  padding: 0;
  transition: opacity 0.2s cubic-bezier(.25,.8,.25,1) 0.6s, padding 0.2s cubic-bezier(.25,.8,.25,1) 0.4s;
}

.src-item-page-Section-View-badge-wrapper:hover > div > div > span:last-child {
  opacity: 1;
  padding: 8px 10px 8px 8px;
}

.src-item-page-Section-View-loader-wrapper {
  padding: 6px
}

.src-item-page-SectionList-View-section-list {
  list-style: none;
  margin: 0;
  padding: 0;
}

.src-item-page-Course-View-course {
  border: 1px solid var(--neutral300);
  border-radius: 4px;
  cursor: pointer;
  font-weight: bold;
  overflow: hidden;
  margin-top: 16px;
  text-align: left;
  text-transform: uppercase;
}

.src-item-page-Course-View-course:first-child {
  margin-top: 24px;
}

.src-item-page-Course-View-course h3 {
  align-items: center;
  background: white;
  border-bottom: 1px solid var(--neutral);
  display: flex;
  font-size: 20px;
  line-height: 1em;
  padding: 16px;
}

.src-item-page-Course-View-course h3:hover {
  background: rgba(255, 255, 255, 0.4);
  transition: background 0.2s cubic-bezier(.25,.8,.25,1);
}

.src-item-page-Course-View-course h3 .src-item-page-Course-View-checkbox-wrapper {
  color: #aaa;
  display: inline-block;
  font-size: 16px;
  margin-right: 12px;
  text-align: left;
  transition: color 0.2s cubic-bezier(.25,.8,.25,1);
  width: 1em;
}

.src-item-page-Course-View-course h3:hover .src-item-page-Course-View-checkbox-wrapper {
  color: var(--neutral800);
}

.src-item-page-Course-View-course h3 .src-item-page-Course-View-checkbox-wrapper.src-item-page-Course-View-all-selected {
  color: var(--neutral800);
}

.src-item-page-Course-View-course h3 a {
  text-decoration: none;
  color: #333;
}

.src-item-page-Course-View-course h3 a:hover {
  color: var(--action);
  transition: color 0.2s cubic-bezier(.25,.8,.25,1);
}
.src-item-page-ItemHeader-View-item-header {
  background: var(--neutral800);
  margin-top: -56px;
  overflow: hidden;
  position: relative;
}

/* ItemForm */

.src-item-page-ItemForm-View-item-form {
  display: flex;
  justify-content: flex-start;
  padding: 56px 0 58px;
  margin-top: 8px;
  position: relative;
}

.src-item-page-ItemForm-View-cover {
  flex: 0 0 156px;
  margin: 24px 24px 36px 24px;
}

.src-item-page-ItemForm-View-image {
  border: 3px solid white;
  box-shadow: 0 1.5px 3px rgba(34, 44, 56, 0.13), 0 1.5px 3px rgba(34, 44, 56, 0.17);
  max-width: 100%;
}

.src-item-page-ItemForm-View-info {
  display: flex;
  flex-direction: column;
  flex-grow: 2;
  margin-top: -6px;
  padding: 24px 24px 36px 0;
}

.src-item-page-ItemForm-View-row {
  display: flex;
}

.src-item-page-ItemForm-View-column {
  flex: 1;
}

.src-item-page-ItemForm-View-column + .src-item-page-ItemForm-View-column {
  padding-left: 24px;
}

.src-item-page-ItemForm-View-column > * {
  margin: 0px 0px 10px 0px;
}

.src-item-page-ItemForm-View-input-group {
  display: flex;
  flex: 1;
  flex-direction: column;
  height: 58px;
  justify-content: space-evenly;
}

.src-item-page-ItemForm-View-label {
  color: rgb(255, 255, 255);
  display: block;
  font-family: 'Roboto';
  font-size: 16px;
  font-weight: 500;
  margin-bottom: 4px;
}

.src-item-page-ItemForm-View-actions {
  flex: 0 0 216px;
  margin: 24px 24px 0 0;
  padding-left: 24px;
}

.src-item-page-ItemForm-View-actions div + div {
  margin-top: 12px !important;
}

.src-item-page-ItemForm-View-actions .src-item-page-ItemForm-View-delete {
  border-top: 1px solid rgba(255, 255, 255, 0.5);
  margin-top: 16px !important;
  padding-top: 16px;
  width: 159px;
}

.src-item-page-ItemForm-View-select {
  -webkit-font-smoothing: antialiased;
  color: #333;
  font-family: 'source-code-pro', monospace;
  font-size: 14px;
  letter-spacing: -0.03em;
  width: 100%;
}



.src-item-page-ItemForm-View-accessCodesInput {
  margin-right: 14px;
  & label div {
    color: white !important;
  }

  & input[type='radio']:after {
    width: 13px;
    height: 13px;
    border-radius: 12px;
    top: -2px;
    left: -2px;
    position: relative;
    background-color: #324052;
    content: '';
    display: inline-block;
    visibility: visible;
    border: 2px solid white;
  }

  & input[type='radio']:checked:after {
    height: 6px;
    width: 6px;
    border-radius: 25px;
    top: -2px;
    left: -2px; 
    position: relative;
    background-color: #017E89;
    content: '';
    display: inline-block;
    visibility: visible;
    border: 5px solid white;
  }

  & input[type='radio'] {
    outline: none;
    box-shadow: none;
  }

  & input[type='radio']:focus:after {
    outline: 4px solid #EFF9FB73;
    outline-offset: 1px;
  }
}

.src-item-page-ItemForm-View-save-button{
  margin-bottom: 10px !important;
  min-width: 159px !important;
  height: 42px !important;
  min-height: 42px !important;
}

.src-item-page-ItemForm-View-cancel-button {
  width: 159px;
  height: 42px !important;
  min-height: 42px !important;
  & > div > div {
    display: flex;
    gap: 8px
  }
}

.src-item-page-ItemForm-View-item-form input:focus {
  outline: 1px solid white;
  color: white;
}

.src-item-page-ItemForm-View-item-form select {
  background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 10 6'%3E%3Cpath fill='white' d='M5 3.586L8.293.293a.999.999 0 1 1 1.414 1.414l-4 4a.999.999 0 0 1-1.414 0l-4-4a.997.997 0 0 1 0-1.414.999.999 0 0 1 1.414 0L5 3.586z' /%3E%3C/svg%3E%0A")
}

.src-item-page-ItemForm-View-item-form select:focus {
  border: 2px solid white;
  color: white;
  background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 10 6'%3E%3Cpath fill='white' d='M5 3.586L8.293.293a.999.999 0 1 1 1.414 1.414l-4 4a.999.999 0 0 1-1.414 0l-4-4a.997.997 0 0 1 0-1.414.999.999 0 0 1 1.414 0L5 3.586z' /%3E%3C/svg%3E%0A")
}

.src-item-page-ItemForm-View-item-form select:disabled {
  background-color: rgba(255, 255, 255, 0.20);
  border-radius: 4px;
  border: 1px solid white;
  background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 10 6'%3E%3Cpath fill='white' d='M5 3.586L8.293.293a.999.999 0 1 1 1.414 1.414l-4 4a.999.999 0 0 1-1.414 0l-4-4a.997.997 0 0 1 0-1.414.999.999 0 0 1 1.414 0L5 3.586z' /%3E%3C/svg%3E%0A")
}

.src-item-page-ItemForm-View-item-form textarea:focus {
  outline: 1px solid white;
  color: white;
}

.src-item-page-ItemForm-View-required::before {
  content: '*';
  color: #E42F84;
  font-family: Roboto;
  font-size: 16px;
  font-style: normal;
  font-weight: 500;
  position: absolute;
}

.src-item-page-ItemForm-View-required label{
  margin: 0 0 7px 10px;
}

.src-item-page-ItemForm-View-delete-button {
  width: 159px;
  height: 42px !important;
  min-height: 42px !important;
  & > div > div {
    display: flex;
    gap: 8px
  }
}

.src-item-page-ItemForm-View-disabled{
 opacity: 0.5;
}
.src-shared-RadioInput-radio-input {
  align-items: center;
  cursor: pointer;
  display: flex;
}

.src-shared-RadioInput-wrapper {
  display: inline-flex;
  width: 100%;
}

input[type="radio"] {
  cursor: pointer;
}

.src-shared-RadioInput-radio {
  margin-right: 8px;
}

.src-shared-RadioInput-radio-input.src-shared-RadioInput-disabled,
.src-shared-RadioInput-radio:disabled {
  cursor: not-allowed;
}

.src-shared-RadioInput-inline-block {
  display: inline-flex;
  width: auto;
}

.src-shared-RadioInput-white {
  color: #fff;
}

.src-shared-RadioInput-black {
  color: #444;
}

.src-shared-RadioInput-block {
  display: block;
  width: 100%;
  flex: 1;
}

.src-shared-RadioInput-label {
  flex: 1;
  font-size: 13px;
  font-weight: bold;
  text-transform: uppercase;
}

.src-shared-RadioInput-bottom-padded {
  padding-bottom: 12px;
}

.src-item-page-ItemForm-PublisherInput-select {
  -webkit-font-smoothing: antialiased;
  color: #333;
  font-family: 'source-code-pro', monospace;
  font-size: 14px;
  letter-spacing: -0.03em;
  width: 100%;
}

.src-shared-ConfirmDialog-View-wrapper {
  width: 100%;
}

.src-shared-ConfirmDialog-View-content {
  padding: 24px;
}

.src-shared-ConfirmDialog-View-actions {
  background: var(--neutral100);
  padding: 16px;
  display: flex;
  justify-content: flex-end;
  border-radius: 0 0 4px 4px;
}

.src-shared-ConfirmDialog-View-info {
  margin-bottom: 16px;
}

.src-shared-ConfirmDialog-View-list-item {
  padding: 4px 0;
}

.src-item-page-ItemDetails-View-item-details {
  display: flex;
  padding: 56px 0 58px;
  position: relative;
}

.src-item-page-ItemDetails-View-actions {
  flex: 0 0 216px;
  margin: 24px 24px 0 0;
  padding-left: 24px;
}

.src-item-page-ItemDetails-View-actions div + div {
  margin-top: 12px !important;
}

.src-item-page-SearchVSTDialog-View-content-wrapper {
  position: relative;
  height: 100%;
}

.src-item-page-SearchVSTDialog-View-search-wrapper,
.src-item-page-SearchVSTDialog-View-matches-header {
  background: var(--neutral100);
}

.src-item-page-SearchVSTDialog-View-search-wrapper {
  border-bottom: 1px solid var(--neutral300);
  left: 0;
  padding-bottom: 16px;
  position: sticky;
  top: 0px;
  width: 100%;
  z-index: 3;
}

.src-item-page-SearchVSTDialog-View-dialog-message {
  background: #f1f3f6;
  color: #666;
  padding: 20px;
  text-align: center;
}

.src-item-page-SearchVSTDialog-View-matches-header {
  display: flex;
  font-weight: bold;
  text-transform: uppercase;
}

.src-item-page-SearchVSTDialog-View-matches-header h5 {
  color: #888;
  font-size: 13px;
}

.src-item-page-SearchVSTDialog-View-matches-header h5:first-child {
  flex-grow: 1;
  padding: 0px 18px 12px;
}

.src-item-page-SearchVSTDialog-View-matches-header h5:last-child {
  padding: 0px 12px 12px 0;
  width: 300px;
}

ul.src-item-page-SearchVSTDialog-View-matches,
ul.src-item-page-SearchVSTDialog-View-matches li {
  list-style: none;
  margin: 0;
}

ul.src-item-page-SearchVSTDialog-View-matches {
  background: white;
  padding: 0;
}

li.src-item-page-SearchVSTDialog-View-match {
  border-top: 1px solid var(--neutral300);
  display: flex;
}

.src-item-page-SearchVSTDialog-View-modal-footer {
  position: fixed;
  bottom: 90px;
  width: 100%;
}

.src-item-page-SearchVSTDialog-View-want-more-results {
  margin: 15px;
}

.src-item-page-SearchVSTDialog-View-want-more-results .src-item-page-SearchVSTDialog-View-button {
  float: right;
  margin: 3px 0 3px 30px;
}

.src-item-page-SearchVSTDialog-View-vbid-header {
  flex: 0 0 32%;
  padding: 24px;
}

li.src-item-page-SearchVSTDialog-View-match > div:nth-child(2) {
  flex-grow: 1;
  padding: 16px;
  padding-left: 0px;
}

/* SKUs* */
ul.src-item-page-SearchVSTDialog-View-skus {
  flex-grow: 1;
  padding: 24px;
}

li.src-item-page-SearchVSTDialog-View-sku {
  align-items: center;
  border-bottom: 1px solid var(--neutral);
  display: flex;
  justify-content: space-between;
  padding: 12px 16px 12px 0;
}

li.src-item-page-SearchVSTDialog-View-sku:last-child {
  border-bottom: none;
  padding-bottom: 24px;
}

li.src-item-page-SearchVSTDialog-View-sku .src-item-page-SearchVSTDialog-View-sku-data {
  flex: 1;
  padding-left: 12px;
}

li.src-item-page-SearchVSTDialog-View-sku h4 {
  font-size: 14px;
}

li.src-item-page-SearchVSTDialog-View-sku h5 {
  color: #666;
  font-size: 13px;
  margin-top: 3px;
}

.src-item-page-SearchVSTDialog-View-flex-bar {
  display: flex;
  flex-direction: column;
  height: 100%;
}

.src-item-page-SearchVSTDialog-View-item-header-wrapper {
  padding: 16px;
  border-bottom: 1px solid var(--neutral300);
}

.src-item-page-SearchVSTDialog-View-fa-item-header-wrapper {
  border-bottom: none;
  padding: 16px 0 16px 0;
}

.src-item-page-SearchVSTDialog-View-fa-content-wrapper {
  padding: 16px;
}

.src-item-page-SearchVSTDialog-View-fa-search-wrapper {
  background: white;
  border-bottom: none;
  padding: 0;
}

/* Summary Styles */
.src-item-page-PricingSummary-Header-View-summary-header {
  align-items: center;
  background: white;
  box-shadow: 0 1.5px 3px rgba(34, 44, 56, 0.13), 0 1.5px 3px rgba(34, 44, 56, 0.17);
  display: flex;
  justify-content: space-between;
  padding: 16px 24px;
}

.src-item-page-PricingSummary-Header-View-total span {
  background: var(--actionLight);
  border: 1px solid var(--action);
  border-radius: 3px;
  color: var(--action);
  margin-left: 8px;
  padding: 6px;
}

.src-item-page-PricingSummary-Header-View-summary-header button {
  padding: 10px 12px !important;
}

/* Summary Styles */
.src-item-page-PricingSummary-PricingInputGroup-View-total span {
  color: var(--action);
}

.src-item-page-PricingSummary-PricingInputGroup-View-wrapper {
  background: white;
  display: flex;
  flex-direction: column;
}

.src-item-page-PricingSummary-PricingInputGroup-View-inputs {
  border-bottom: 1px solid var(--neutral300);
  display: flex;
}

.src-item-page-PricingSummary-PricingInputGroup-View-input-box {
  flex: 1 1;
  padding: 24px;
  position: relative;
  text-align: center;
}

.src-item-page-PricingSummary-PricingInputGroup-View-input-box + .src-item-page-PricingSummary-PricingInputGroup-View-input-box {
  border-left: 1px solid var(--neutral300);
}

.src-item-page-PricingSummary-PricingInputGroup-View-margin-row {
  display: flex;
}

.src-item-page-PricingSummary-PricingInputGroup-View-margin-row > * {
  flex: 1;
}

.src-item-page-PricingSummary-PricingInputGroup-View-margin-row > :first-child {
  border-right: 1px solid var(--neutral300);
  padding-right: 12px;
  text-align: right;
}

.src-item-page-PricingSummary-PricingInputGroup-View-margin-row > :last-child {
  border-left: 1px solid var(--neutral300);
  padding-left: 12px;
  text-align: left;
}

.src-item-page-PricingSummary-PricingInputGroup-View-margin-row > :last-child:first-child {
  border-left: none;
  text-align: center;
}

.src-item-page-PricingSummary-PricingInputGroup-View-sublabel a {
  color: var(--action);
}

.src-item-page-PricingSummary-PricingInputGroup-View-operator {
  background: white;
  color: var(--neutral800);
  border: 1px solid var(--neutral300);
  border-radius: 200px;
  height: 36px;
  margin-top: -20px;
  position: absolute;
  right: -18px;
  top: 50%;
  width: 36px;
  z-index: 1;
}

.src-item-page-PricingSummary-PricingInputGroup-View-operator span {
  line-height: 34px;
  opacity: 0.7;
}

.src-item-page-PricingSummary-PricingInputGroup-View-input-wrapper {
  margin: 0 auto;
  text-align: center;
  width: 100px;
}

.src-item-page-PricingSummary-PricingInputGroup-View-prelabel {
  font-size: 14px;
  font-weight: bold;
  margin-bottom: 8px;
  text-transform: uppercase;
}

.src-item-page-PricingSummary-PricingInputGroup-View-sublabel {
  color: #666;
  font-size: 13px;
  font-weight: bold;
  margin-top: 10px;
  text-transform: uppercase;
}

.src-item-page-PricingSummary-PricingInputGroup-View-sublabel span {
  color: var(--action);
  display: inline-block;
}

.src-item-page-PricingSummary-PricingInputGroup-View-disabled {
  background: var(--neutral100);
  border: 2px solid var(--neutral);
  border-radius: 3px;
  display: inline-block;
  font-family: 'source-code-pro', monospace;
  font-size: 14px;
  font-weight: normal;
  letter-spacing: -0.03em;
  margin: 0 auto;
  padding: 8px 12px;
  position: relative;
  text-transform: none;
  width: 100px;
}

.src-item-page-PricingSummary-View-wrapper {
  display: flex;
  flex-direction: column;
}

/* Summary Styles */
.src-item-page-FaPricingSummary-PricingSetWrapper-Header-View-summary-header {
  align-items: center;
  background: white;
  box-shadow: 0 1.5px 3px rgba(34, 44, 56, 0.13), 0 1.5px 3px rgba(34, 44, 56, 0.17);
  display: flex;
  justify-content: space-between;
  padding: 16px 24px;
}

.src-item-page-FaPricingSummary-PricingSetWrapper-Header-View-total span {
  background: var(--actionLight);
  border: 1px solid var(--action);
  border-radius: 3px;
  color: var(--action);
  margin-left: 8px;
  padding: 6px;
}

.src-item-page-FaPricingSummary-PricingSetWrapper-Header-View-summary-header button {
  padding: 10px 12px !important;
}

/* Summary Styles */
.src-item-page-FaPricingSummary-PricingSetWrapper-PricingInputGroup-View-total span {
  color: var(--action);
}

.src-item-page-FaPricingSummary-PricingSetWrapper-PricingInputGroup-View-wrapper {
  background: white;
  display: flex;
  flex-direction: column;
}

.src-item-page-FaPricingSummary-PricingSetWrapper-PricingInputGroup-View-inputs {
  border-bottom: 1px solid var(--neutral300);
  display: flex;
}

.src-item-page-FaPricingSummary-PricingSetWrapper-PricingInputGroup-View-input-box {
  flex: 1 1;
  padding: 24px;
  position: relative;
  text-align: center;
}

.src-item-page-FaPricingSummary-PricingSetWrapper-PricingInputGroup-View-input-box+.src-item-page-FaPricingSummary-PricingSetWrapper-PricingInputGroup-View-input-box {
  border-left: 1px solid var(--neutral300);
}

.src-item-page-FaPricingSummary-PricingSetWrapper-PricingInputGroup-View-margin-row {
  display: flex;
}

.src-item-page-FaPricingSummary-PricingSetWrapper-PricingInputGroup-View-margin-row>* {
  flex: 1;
}

.src-item-page-FaPricingSummary-PricingSetWrapper-PricingInputGroup-View-margin-row> :first-child {
  border-right: 1px solid var(--neutral300);
  padding-right: 12px;
  text-align: right;
}

.src-item-page-FaPricingSummary-PricingSetWrapper-PricingInputGroup-View-margin-row> :last-child {
  border-left: 1px solid var(--neutral300);
  padding-left: 12px;
  text-align: left;
}

.src-item-page-FaPricingSummary-PricingSetWrapper-PricingInputGroup-View-margin-row> :last-child:first-child {
  border-left: none;
  text-align: center;
}

.src-item-page-FaPricingSummary-PricingSetWrapper-PricingInputGroup-View-sublabel a {
  color: var(--action);
}

.src-item-page-FaPricingSummary-PricingSetWrapper-PricingInputGroup-View-operator {
  background: white;
  color: var(--neutral800);
  border: 1px solid var(--neutral300);
  border-radius: 200px;
  height: 36px;
  margin-top: -20px;
  position: absolute;
  right: -18px;
  top: 50%;
  width: 36px;
  z-index: 1;
}

.src-item-page-FaPricingSummary-PricingSetWrapper-PricingInputGroup-View-operator span {
  line-height: 34px;
  opacity: 0.7;
}

.src-item-page-FaPricingSummary-PricingSetWrapper-PricingInputGroup-View-input-wrapper {
  margin: 0 auto;
  text-align: center;
  width: 100px;
}

.src-item-page-FaPricingSummary-PricingSetWrapper-PricingInputGroup-View-prelabel {
  font-size: 14px;
  font-weight: bold;
  margin-bottom: 8px;
  text-transform: uppercase;
}

.src-item-page-FaPricingSummary-PricingSetWrapper-PricingInputGroup-View-sublabel {
  color: #666;
  font-size: 13px;
  font-weight: bold;
  margin-top: 10px;
  text-transform: uppercase;
}

.src-item-page-FaPricingSummary-PricingSetWrapper-PricingInputGroup-View-sublabel span {
  color: var(--action);
  display: inline-block;
}

.src-item-page-FaPricingSummary-PricingSetWrapper-PricingInputGroup-View-disabled {
  background: var(--neutral100);
  border: 2px solid var(--neutral);
  border-radius: 3px;
  display: inline-block;
  font-family: 'source-code-pro', monospace;
  font-size: 14px;
  font-weight: normal;
  letter-spacing: -0.03em;
  margin: 0 auto;
  padding: 8px 12px;
  position: relative;
  text-transform: none;
  width: 100px;
}

.src-item-page-FaPricingSummary-View-wrapper {
  display: flex;
  flex-direction: column;
}

.src-item-page-FaPricingSummary-View-empty {
  color: #999;
  padding: 48px 0;
  text-align: center;
}

.src-item-page-AddSections-View-columns {
  display: flex;
  flex-grow: 1;
}

.src-item-page-AddSections-View-heading {
  color: #666;
  font-size: 13px;
  padding: 18px 0 12px;
  text-align: center;
}

.src-item-page-AddSections-View-search-wrapper {
  background: var(--neutral100);
  border-bottom: 1px solid var(--neutral300);
  padding-bottom: 16px;
}

.src-item-page-AddSections-View-results,
.src-item-page-AddSections-View-additions {
  align-content: stretch;
  background: var(--neutral100);
  flex: 1 1;
  overflow: auto;
}

.src-item-page-AddSections-View-results {
}

.src-item-page-AddSections-View-additions {
  border-left: 1px solid var(--neutral300);
}

.src-item-page-AddSections-View-wrapper {
  border-radius: 4px;
  box-shadow: 0 1.5px 3px rgba(34, 44, 56, 0.13), 0 1.5px 3px rgba(34, 44, 56, 0.17);
  margin: 16px;
  overflow: hidden;
}

.src-item-page-AddSections-View-wrapper:first-of-type {
  margin-top: 0;
}

.src-item-page-AddSections-View-course,
.src-item-page-AddSections-View-section {
  align-items: stretch;
  display: flex;
  font-size: 13px;
  justify-content: space-between;
}

.src-item-page-AddSections-View-course {
  background: var(--neutral800);
  color: white;
  font-weight: bold;
  text-transform: uppercase;
}

.src-item-page-AddSections-View-noticeWrapper {
  margin: 17px;
}

.src-item-page-AddSections-SectionWithAction-section {
  align-items: stretch;
  background: white;
  box-shadow: 0 -1px 0 rgba(0, 0, 0, 0.15) inset;
  display: flex;
  font-family: 'source-code-pro', monospace;
  font-size: 13px;
  justify-content: space-between;
  letter-spacing: -0.03em;
}

.src-item-page-AddSections-SectionWithAction-section:last-child {
  box-shadow: none;
}

.src-item-page-AddSections-SectionWithAction-section-add-button {
  align-content: flex-start;
  border: none;
  box-shadow: 0 -1px 0 rgba(0, 0, 0, 0.15) inset;
  cursor: pointer;
  display: flex;
  font-size: 14px;
  margin: 0;
  outline: 0;
  padding: 12px;
}

.src-item-page-AddSections-SectionWithAction-section:last-child .src-item-page-AddSections-SectionWithAction-section-add-button {
  box-shadow: none;
}

.src-item-page-AddSections-SectionWithAction-light-add {
  background: var(--actionLight);
  color: var(--action);
}

.src-item-page-AddSections-SectionWithAction-light-remove {
  background: var(--accentLight);
  color: var(--accent);
}

.src-item-page-AddSections-SectionWithAction-name {
  padding: 12px;
}

.src-item-page-AddSections-CourseWithAction-course {
  align-items: stretch;
  background: var(--neutral800);
  color: white;
  display: flex;
  font-size: 13px;
  font-weight: bold;
  justify-content: space-between;
  text-transform: uppercase;
}

.src-item-page-AddSections-CourseWithAction-name {
  padding: 12px;
}

.src-item-page-AddSections-CourseWithAction-section-add-button {
  align-content: flex-start;
  border: none;
  cursor: pointer;
  display: flex;
  margin: 0;
  outline: 0;
  padding: 12px;
}

.src-item-page-AddSections-CourseWithAction-dark-add {
  background: var(--action);
  color: white;
}

.src-item-page-AddSections-CourseWithAction-dark-remove {
  background: var(--accent);
  color: white;
}

.src-item-page-Group-BillingPolicySelect-View-list-item {
  padding: 4px 0;
}
.src-shared-InfoText-View-info-text {
  text-decoration: underline;
}

.src-shared-InfoText-View-info-text:after {
  content: '...';
}

.src-shared-InfoText-View-info-text:hover {
  color: #532e8a;
  cursor: pointer;
}

.src-item-page-Group-InputLabel-View-input-label {
  color: #666;
  display: flex;
  font-size: 12px;
  justify-content: space-between;
  margin: 16px 0 6px;
}

p.src-item-page-ManageContinuationDialog-View-instructions {
  font-size: 14px;
  line-height: 1.6em;
  padding: 16px 16px 14px;
}

ul.src-item-page-ManageContinuationDialog-View-schedules,
li.src-item-page-ManageContinuationDialog-View-schedule {
  list-style: none;
  margin: 0;
  padding: 0;
}

li.src-item-page-ManageContinuationDialog-View-schedule {
  background: transparent;
  border-top: 1px solid var(--neutral300);
  cursor: pointer;
  padding: 16px;
  transition: background 0.2 cubic-bezier(.25,.8,.25,1);
}

li.src-item-page-ManageContinuationDialog-View-schedule > div {
  display: flex;
}

li.src-item-page-ManageContinuationDialog-View-schedule .src-item-page-ManageContinuationDialog-View-checkbox-wrapper {
  color: #aaa;
  display: inline-block;
  margin-right: 8px;
  text-align: left;
  transition: color 0.2s cubic-bezier(.25,.8,.25,1);
  width: 1em;
}

li.src-item-page-ManageContinuationDialog-View-schedule .src-item-page-ManageContinuationDialog-View-checkbox-wrapper > span {
  margin-top: 1px;
}

li.src-item-page-ManageContinuationDialog-View-schedule:hover,
li.src-item-page-ManageContinuationDialog-View-schedule.src-item-page-ManageContinuationDialog-View-selected {
  background: var(--actionLight);
}

li.src-item-page-ManageContinuationDialog-View-schedule:hover .src-item-page-ManageContinuationDialog-View-checkbox-wrapper,
li.src-item-page-ManageContinuationDialog-View-schedule.src-item-page-ManageContinuationDialog-View-selected .src-item-page-ManageContinuationDialog-View-checkbox-wrapper {
  color: var(--action);
}

.src-item-page-ManageContinuationDialog-View-checkbox-disabled {
  color: #aaa !important;
}

/* Continuation Group Setting */
.src-item-page-Group-Continuation-View-continuation h5 {
  margin-bottom: 7px;
}

.src-item-page-Group-Continuation-View-continuation > label > div:last-child {
  font-size: 12px;
  line-height: 1.4em;
}

.src-item-page-Group-Continuation-View-continuation p em {
  font-style: normal;
  text-decoration: underline;
}

/* Continuation Dialog */
.src-item-page-Group-Continuation-View-continuation-dialog {
  font-size: 16px;
}

.src-item-page-Group-Continuation-View-continuation-dialog p {
  line-height: 1.4em;
}

.src-item-page-Group-Continuation-View-continuation-dialog li {
  line-height: 1.4em;
  padding: 4px 0;
}

.src-item-page-Group-Continuation-View-info {
  margin-bottom: 16px;
}

/* Lock Participation Group Setting */
.src-item-page-Group-LockParticipation-View-lock-participation > label > div:last-child {
  font-size: 12px;
  line-height: 1.4em;
}

.src-item-page-Group-View-group {
  border-top: 2px solid var(--neutral300);
  display: flex;
}

.src-item-page-Group-View-group:first-child {
  border-top: none;
}

.src-item-page-Group-View-info {
  margin-bottom: 16px;
}

.src-item-page-Group-View-group-info {
  align-items: center;
  justify-content: space-between;
  min-height: 42px;
  flex: 0 0 270px;
  padding-right: 24px;
}

.src-item-page-Group-View-group-header {
  background: var(--neutral800);
  display: flex;
  align-items: center;
  color: white;
  height: 36px;
  font-size: 14px;
  line-height: 1em;
  max-width: 320px;
  margin-top: 24px;
  padding: 0 12px 0 24px;
  position: relative;
  transition: padding 0.2s cubic-bezier(.25,.8,.25,1);
  width: 100%;
}

.src-item-page-Group-View-group-header.src-item-page-Group-View-has-delete:hover {
  padding-left: 88px;
}

.src-item-page-Group-View-group-header .src-item-page-Group-View-delete {
  align-items: center;
  background: var(--accent);
  color: white;
  cursor: pointer;
  display: flex;
  font-weight: bold;
  left: 0;
  height: 100%;
  justify-content: center;
  font-size: 13px;
  opacity: 0.9;
  overflow: hidden;
  position: absolute;
  text-align: center;
  text-transform: uppercase;
  top: 0;
  transform: scale(0, 1);
  transform-origin: left top;
  transition: opacity 0.2s cubic-bezier(.25,.8,.25,1), transform 0.2s cubic-bezier(.25,.8,.25,1);
  width: 72px;
}

.src-item-page-Group-View-group-header:hover .src-item-page-Group-View-delete {
  transform: scale(1, 1);
}

.src-item-page-Group-View-group-header .src-item-page-Group-View-delete:hover {
  opacity: 1;
}

.src-item-page-Group-View-group-header:after {
  border-bottom: 18px solid transparent;
  border-right: 18px solid var(--neutral100);
  border-top: 18px solid transparent;
  content: '';
  position: absolute;
  right: -5px;
  top: 0;
  transform: scale(0.5, 1);
}

.src-item-page-Group-View-group-options {
  padding-bottom: 24px;
  padding-left: 24px;
}

.src-item-page-Group-View-group-options button {
  margin: 14px 0 -2px;
  padding: 10px 12px;
}

.src-item-page-Group-View-group-options > div:last-child > div:last-child button {
  margin-top: 0;
}

/* Continuation Group Setting */
.src-item-page-Group-View-continuation > label > div:last-child {
  font-size: 11px;
  line-height: 1.4em;
}

.src-item-page-Group-View-continuation p {
  border-top: 1px solid var(--neutral300);
  font-size: 12px;
  line-height: 1.4em;
  margin-top: 8px;
  padding-top: 8px;
}

.src-item-page-Group-View-continuation p em {
  font-style: normal;
  text-decoration: underline;
}

/* Continuation Dialog */
.src-item-page-Group-View-continuation-dialog {
  font-size: 16px;
}

.src-item-page-Group-View-continuation-dialog p {
  line-height: 1.4em;
}

.src-item-page-Group-View-continuation-dialog li {
  line-height: 1.4em;
  padding: 4px 0;
}

.src-item-page-GroupList-View-group-list:last-child .src-item-page-GroupList-View-group {
  border-bottom: none;
}

.src-item-page-GroupsToolbar-View-groups-toolbar {
  align-items: center;
  box-shadow: 0 1.5px 3px rgba(34, 44, 56, 0.13), 0 1.5px 3px rgba(34, 44, 56, 0.17);
  background: white;
  display: flex;
  justify-content: space-between;
  padding: 16px 24px;
}

.src-item-page-GroupsToolbar-View-row {
  align-items: center;
  display: flex;
  position: relative;
}

.src-item-page-GroupsToolbar-View-row:last-child > div {
  margin-left: 8px;
}

.src-item-page-GroupsToolbar-View-info {
  margin-bottom: 16px;
}

.src-item-page-GroupsToolbar-View-list-item {
  padding: 4px 0;
}

.src-item-page-GroupsToolbar-View-groups-toolbar button {
  padding: 10px 12px !important;
}

.src-item-page-AccessCodes-View-empty {
  color: #999;
  padding: 48px 0;
  text-align: center;
}

.src-item-page-AccessCodes-View-stat-row {
  align-items: center;
  background: white;
  display: flex;
  min-height: 80px;
  position: relative;
}

.src-item-page-AccessCodes-View-stat-row > * {
  border-width: 0 0 4px 0;
}

/* Left-padded wrapper to center donut */
.src-item-page-AccessCodes-View-vis-wrapper {
  padding: 32px 0 24px 20px;
  position: relative;
}

.src-item-page-AccessCodes-View-vis-wrapper > * {
  margin: 0 auto;
}

.src-item-page-AccessCodes-View-radial-center {
  display: flex;
  flex-direction: column;
  height: 160px;
  justify-content: center;
  left: 50%;
  margin-left: -72px;
  margin-top: -76px;
  position: absolute;
  text-align: center;
  top: 50%;
  width: 160px;
}

.src-item-page-AccessCodes-View-radial-center h1 {
  font-size: 48px;
  line-height: 1em;
}

.src-item-page-AccessCodes-View-radial-center h4 {
  font-size: 16px;
}

.src-item-page-AccessCodes-View-radial-center h5 {
  border-top: 1px solid var(--neutral300);
  color: #666;
  font-size: 12px;
  margin-top: 8px;
  padding-top: 10px;
}

.src-item-page-Page-View-groups-wrapper {
  display: flex;
}

.src-item-page-Page-View-groups {
  border-radius: 0 0 4px 4px;
  flex: 1;
}

/* Group Toolbar z-index */
.src-item-page-Page-View-groups:first-child > div > div:first-child {
  z-index: 2;
}

.src-item-page-Page-View-groups > :last-child {
  border-bottom: none;
  margin-bottom: -1px;
  position: relative;
  top: -1px;
}

.src-item-page-Page-View-item-content {
  margin-bottom: -58px;
  position: relative;
  top: -58px;
}

.src-item-page-StudentMessage-View-wrapper {
  display: flex;
  justify-content: center;
  align-items: flex-end;
  margin-left: 20px;
}

.src-item-page-StudentMessage-View-message {
  max-width: 935px;
  flex: 1;
  padding: 15px 0px 0px 8px;
}

.src-item-page-StudentMessage-View-actions {
  align-items: stretch;
  flex: 0 0 172px;
  padding-left: 15px;
}

.src-item-page-StudentMessage-View-head-wrapper{
  margin: 30px 265px 0px;
  font-family: roboto;
}

.src-item-page-StudentMessage-View-head-wrapper > p{
  padding: 12px 60px 0px 0px;
}

.src-item-page-Attachments-View-wrapper {
  padding: 32px;
}

.src-item-page-Attachments-View-wrapper > p {
  padding: 8px 12px 12px 0;
}

.src-item-page-Attachments-View-files-container {
  background: white;
  border-radius: 4px;
  box-shadow: 0 0.5px 1.5px rgba(34, 44, 56, 0.09), 0 0.5px 1px rgba(34, 44, 56, 0.18);
  margin-bottom: 20px;
}

.src-item-page-Attachments-View-files-container > h2 {
  color: #666;
  padding: 16px;
}

.src-item-page-Attachments-View-files-container > ul {
  list-style: none;
  margin: 0;
  padding: 0;
}

/* File Row */
.src-item-page-Attachments-View-file {
  align-items: center;
  border-top: 1px solid var(--neutral300);
  display: flex;
  padding: 12px 12px 12px 16px;
}

.src-item-page-Attachments-View-file:first-child {
  border-top: none;
}

.src-item-page-Attachments-View-file h4 {
  align-items: center;
  display: flex;
  flex: 2;
  font-family: 'source-code-pro', mono;
  font-size: 16px;
  font-weight: normal;
  text-transform: none;
}

.src-item-page-Attachments-View-file h4 > span {
  color: var(--neutral800);
  font-size: 22px;
  margin-right: 10px;
  opacity: 0.4;
}

.src-item-page-Attachments-View-file > :last-child {
  flex: 0 0 auto;
  padding-left: 16px;
  width: 290px;
}

.src-item-page-Attachments-View-file button {
  padding: 10px 12px !important;
}

/* Drop Area */
.src-item-page-Attachments-View-drop-area {
  display: flex;
  margin-top: 4px;
}

.src-item-page-Attachments-View-drop-area > :first-child {
  flex: 1;
}

.src-item-page-Attachments-View-drop-area > :last-child {
  flex: 0 0 167px;
  padding: 0 12px 0 16px;
}

.src-item-page-Attachments-View-drop-area > :last-child > button {
  padding: 10px 12px;
}

/* Drop Content */
.src-item-page-Attachments-View-drop-content {
  cursor: pointer;
  display: flex;
  flex-direction: column;
}

.src-item-page-Attachments-View-drop-content h3,
.src-item-page-Attachments-View-drop-icon {
  color: rgba(0, 0, 0, 0.3);
}

.src-item-page-Attachments-View-drop-icon {
  font-size: 36px;
  margin-bottom: 8px;
}

.src-item-page-Attachments-View-drop-content h3.src-item-page-Attachments-View-active-file {
  color: #333;
  font-family: 'source-code-pro';
  font-weight: normal;
  opacity: 1;
  text-transform: none;
}

/* Loader Styles */
.src-item-page-Attachments-View-loader-wrapper {
  align-items: center;
  border: 4px dashed var(--neutral300);
  border-radius: 4px;
  display: flex;
  height: 121px;
  justify-content: center;
  width: calc(100% - 168px);
}

.src-item-page-Attachments-View-loader-wrapper > * {
  display: block;
}

.src-item-page-NextPreviousItemHeader-View-next-previous-header {
  align-items: center;
  background: rgba(42, 52, 65, 0.5);
  color: rgba(255, 255, 255, 0.8);
  display: flex;
  font-size: 14px;
  font-weight: bold;
  justify-content: space-between;
  padding: 12px 24px;
  position: relative;
  text-transform: uppercase;
  z-index: 1;
}

.src-item-page-NextPreviousItemHeader-View-viewing span {
  margin: 0 8px;
}

.src-item-page-NextPreviousItemHeader-View-viewing a {
  color: rgba(255, 255, 255, 0.8);
  text-decoration: underline;
  transition: color 0.2s cubic-bezier(.25,.8,.25,1);
}

.src-item-page-NextPreviousItemHeader-View-viewing a:hover {
  color: white;
}

.src-item-page-NextPreviousItemHeader-View-next-previous-actions {
  flex: 0 0 216px;
  padding-left: 24px;
}

.src-library-ItemSectionSummary-View-section-summary {
  border-top: 1px solid var(--neutral300);
  color: var(--neutral800);
  display: flex;
  position: relative;
  overflow: hidden;
  width: 100%;
}

div.src-library-ItemSectionSummary-View-fix-height {
  min-height: 61px;
}

.src-library-ItemSectionSummary-View-loading-wrapper {
  align-items: center;
  border-top: 1px solid var(--neutral300);
  display: flex;
  height: 61px;
  color: #999;
  font-size: 16px;
  font-weight: bold;
  justify-content: center;
  text-transform: uppercase;
}

.src-library-ItemSectionSummary-View-section-summary.src-library-ItemSectionSummary-View-expanded,
.src-library-ItemSectionSummary-View-section-summary.src-library-ItemSectionSummary-View-collapsed {
  cursor: pointer;
}

.src-library-ItemSectionSummary-View-section-list {
  flex-grow: 1;
  list-style: none;
  margin: 0;
  padding: 0;
}

/* Summary Header */
.src-library-ItemSectionSummary-View-summary-header {
  color: var(--neutral800);
  display: flex;
}

.src-library-ItemSectionSummary-View-summary-header > div + div {
  border-left: 1px solid var(--neutral300);
}

/* Course List Collapse */
.src-library-ItemSectionSummary-View-collapsed .src-library-ItemSectionSummary-View-courses {
  max-height: 0;
}

.src-library-ItemSectionSummary-View-expanded .src-library-ItemSectionSummary-View-courses {
  max-height: 10000px;
}

/* Toggle States */
.src-library-ItemSectionSummary-View-toggle {
  background: var(--actionLight);
  border-bottom-left-radius: 4px;
  color: var(--action);
  font-size: 20px;
  padding-top: 20px;
  text-align: center;
  width: 48px;
}

.src-library-ItemSectionSummary-View-toggle.src-library-ItemSectionSummary-View-disabled,
.src-library-ItemSectionSummary-View-toggle.src-library-ItemSectionSummary-View-warning {
  background: var(--neutral100);
  opacity: 0.7;
}

.src-library-ItemSectionSummary-View-toggle.src-library-ItemSectionSummary-View-disabled span,
.src-library-ItemSectionSummary-View-toggle.src-library-ItemSectionSummary-View-warning span {
  color: #aaa;
}

.src-library-ItemSectionSummary-View-toggle span {
  display: inline-block;
}

/* Course Row Styles */
.src-library-ItemSectionSummary-View-course {
  align-items: center;
  border-top: 1px solid var(--neutral300);
  display: flex;
}

.src-library-ItemSectionSummary-View-stat {
  flex: 1;
  font-size: 15px;
  font-weight: bold;
  padding: 8px 12px;
  text-align: center;
  text-transform: uppercase;
}

.src-library-ItemSectionSummary-View-number {
  font-size: 18px;
}

.src-library-ItemSectionSummary-View-accent {
  color: var(--accent);
}

.src-library-ItemSectionSummary-View-secondary {
  color: var(--main);
}

.src-library-ItemSectionSummary-View-action {
  color: var(--action);
}

/* Single Course Header Styles */
.src-library-ItemSectionSummary-View-courses.src-library-ItemSectionSummary-View-single > div > div {
  border-left: 1px solid var(--neutral300);
}

.src-library-ItemSectionSummary-View-courses.src-library-ItemSectionSummary-View-single > div > div:first-child {
  border-left: none;
}

.src-library-ItemSectionSummary-View-courses.src-library-ItemSectionSummary-View-single .src-library-ItemSectionSummary-View-course {
  border-top: none;
}

/* No Section Assignments Styles */
.src-library-ItemSectionSummary-View-no-assignments {
  align-items: center;
  color: #999;
  display: flex;
  flex-grow: 1;
  font-weight: bold;
  height: 60px;
  justify-content: center;
  text-transform: uppercase;
}


.src-shared-Status-status {
  align-items: center;
  background: var(--action);
  border-radius: 28px;
  box-shadow: 0 0.5px 1.5px rgba(34, 44, 56, 0.09), 0 0.5px 1px rgba(34, 44, 56, 0.18);
  color: white;
  display: inline-block;
  font-size: 14px;
  height: 28px;
  max-width: 28px;
  overflow: hidden;
  transition: max-width 0.2s cubic-bezier(0, 1, 0, 1);
  white-space: nowrap;
  width: auto;
}

.src-shared-Status-status:hover {
  max-width: 300px;
  transition: max-width 0.2s ease-in-out;
}

.src-shared-Status-icon {
  display: inline-block;
  height: 28px;
  padding-top: 7px;
  text-align: center;
  width: 28px;
}

.src-shared-Status-label {
  color: white;
  display: inline-block;
  font-size: 13px;
  font-weight: bold;
  padding-right: 12px;
  position: relative;
  top: -1px;
  text-transform: uppercase;
  white-space: nowrap;
}

.src-shared-Status-accent {
  background: var(--accent);
}

.src-shared-Status-action {
  background: var(--action);
}

.src-shared-Status-info {
  background: var(--info);
}

.src-shared-Status-secondary {
  background: var(--secondary);
}

.src-shared-Status-accentLight {
  background: var(--accentLight);
  box-shadow: 0 0 0 1px var(--accent) inset, 0 0.5px 1.5px rgba(34, 44, 56, 0.09), 0 0.5px 1px rgba(34, 44, 56, 0.18);
  color: var(--accent);
}

.src-shared-Status-accentLight .src-shared-Status-label {
  color: var(--accent);
}

.src-shared-Status-actionLight {
  background: var(--actionLight);
  box-shadow: 0 0 0 1px var(--action) inset, 0 0.5px 1.5px rgba(34, 44, 56, 0.09), 0 0.5px 1px rgba(34, 44, 56, 0.18);
  color: var(--action);
}

.src-shared-Status-neutral .src-shared-Status-label {
  color: var(--neutral800);
}

.src-shared-Status-neutral {
  background: white;
  box-shadow: 0 0 0 1px var(--neutral800) inset;
  color: var(--neutral800);
  opacity: 0.4;
}

.src-shared-Status-actionLight .src-shared-Status-label {
  color: var(--neutral800);
}

.src-shared-Status-secondaryLight {
  background: var(--secondaryLight);
  box-shadow: 0 0 0 1px var(--secondary) inset, 0 0.5px 1.5px rgba(34, 44, 56, 0.09), 0 0.5px 1px rgba(34, 44, 56, 0.18);
  color: var(--secondary);
}

.src-shared-Status-secondaryLight .src-shared-Status-label {
  color: var(--secondary);
}

.src-items-page-ItemCard-View-items-wrapper {
  padding-top: 8px;
}

.src-items-page-ItemCard-View-item {
  background: white;
  border: 1px solid var(--neutral300);
  border-radius: 4px;
  display: flex;
  margin-top: 16px;
  min-height: 262px;
}

.src-items-page-ItemCard-View-item-main {
  flex-grow: 1;
  position: relative;
  width: auto;
}

.src-items-page-ItemCard-View-item-main > div:first-child {
  min-height: 199px;
}

.src-items-page-ItemCard-View-corner {
  position: absolute;
  left: 12px;
  top: 12px;
  z-index: 1;
}

.src-items-page-ItemCard-View-actions {
  border-left: 1px solid var(--neutral300);
  flex: 0 0 208px;
}

.src-items-page-ItemCard-View-actions > div:first-child {
  padding: 16px;
}

/* Participation Stats */
.src-items-page-ItemCard-View-participation {
  padding: 0 16px 16px;
}

.src-items-page-ItemCard-View-header {
  color: #333;
  font-size: 15px;
  line-height: 1em;
  padding: 0 8px 12px;
  text-align: center;
}

.src-items-page-ItemCard-View-stats {
  display: flex;
  justify-content: space-between;
  position: relative;
  top: -1px;
}

.src-items-page-ItemCard-View-stats > div {
  border-top-width: 2px !important;
  flex: 0 0 calc(50% - 4px);
  padding: 8px 0 6px !important;
}

.src-items-page-ItemCard-View-chart {
  align-items: flex-end;
  display: flex;
  height: 98px;
  padding: 0 8px;
  position: relative;
}

.src-items-page-ItemCard-View-grid {
  bottom: 0;
  height: 100%;
  left: 0;
  position: absolute;
  width: 100%;
  z-index: 1;
}

.src-items-page-ItemCard-View-grid-line {
  background: var(--neutral300);
  height: 1px;
  left: 0;
  position: absolute;
  width: 100%;
}

.src-items-page-ItemCard-View-grid-line:first-child {
  bottom: 0;
  height: 2px;
}

.src-items-page-ItemCard-View-grid-line:nth-child(2) {
  bottom: 20%;
}

.src-items-page-ItemCard-View-grid-line:nth-child(3) {
  bottom: 40%;
}

.src-items-page-ItemCard-View-grid-line:nth-child(4) {
  bottom: 60%;
}

.src-items-page-ItemCard-View-grid-line:nth-child(5) {
  bottom: 80%;
}

.src-items-page-ItemCard-View-grid-line:nth-child(6) {
  bottom: 100%;
}

.src-items-page-ItemCard-View-bar {
  position: relative;
  width: calc(50% - 12px);
  z-index: 2;
}

.src-items-page-ItemCard-View-bar.src-items-page-ItemCard-View-opt-in {
  background: var(--action);
  margin-right: 12px;
}

.src-items-page-ItemCard-View-bar.src-items-page-ItemCard-View-opt-out {
  background: var(--accent);
  margin-left: 12px;
}

.src-items-page-ItemCard-View-students-loader {
  display: flex;
  align-content: stretch;
  min-height: 134px;
  min-width: 175px;
  background: no-repeat url('/item-stats.png');
}

.src-items-page-CurrentItems-View-items-wrapper {
  padding-top: 8px;
}

.src-items-page-CurrentItems-View-item {
  background: white;
  border: 1px solid var(--neutral300);
  display: flex;
  margin-top: 16px;
  overflow: hidden;
  min-height: 227px;
}

.src-items-page-CurrentItems-View-item-main {
  flex-grow: 1;
  position: relative;
  width: auto;
}

.src-items-page-CurrentItems-View-item-main > div:first-child {
  min-height: 164px;
}

.src-items-page-CurrentItems-View-corner {
  position: absolute;
  left: 12px;
  top: 12px;
  z-index: 1;
}

.src-items-page-CurrentItems-View-actions {
  border-left: 1px solid var(--neutral300);
  flex: 0 0 208px;
}

.src-items-page-CurrentItems-View-actions > div:first-child {
  padding: 16px;
}

/* Participation Stats */
.src-items-page-CurrentItems-View-participation {
  padding: 0 16px 16px;
}

.src-items-page-CurrentItems-View-header {
  color: #333;
  font-size: 15px;
  line-height: 1em;
  padding: 0 8px 12px;
  text-align: center;
}

.src-items-page-CurrentItems-View-stats {
  display: flex;
  justify-content: space-between;
  position: relative;
  top: -1px;
}

.src-items-page-CurrentItems-View-stats > div {
  border-top-width: 2px !important;
  flex: 0 0 calc(50% - 4px);
  padding: 8px 0 6px !important;
}

.src-items-page-CurrentItems-View-chart {
  align-items: flex-end;
  display: flex;
  height: 60px;
  padding: 0 8px;
  position: relative;
}

.src-items-page-CurrentItems-View-grid {
  bottom: 0;
  height: 100%;
  left: 0;
  position: absolute;
  width: 100%;
  z-index: 1;
}

.src-items-page-CurrentItems-View-grid-line {
  background: var(--neutral300);
  height: 1px;
  left: 0;
  position: absolute;
  width: 100%;
}

.src-items-page-CurrentItems-View-grid-line:first-child {
  bottom: 0;
  height: 2px;
}

.src-items-page-CurrentItems-View-grid-line:nth-child(2) {
  bottom: 20%;
}

.src-items-page-CurrentItems-View-grid-line:nth-child(3) {
  bottom: 40%;
}

.src-items-page-CurrentItems-View-grid-line:nth-child(4) {
  bottom: 60%;
}

.src-items-page-CurrentItems-View-grid-line:nth-child(5) {
  bottom: 80%;
}

.src-items-page-CurrentItems-View-grid-line:nth-child(6) {
  bottom: 100%;
}

.src-items-page-CurrentItems-View-bar {
  position: relative;
  width: calc(50% - 12px);
  z-index: 2;
}

.src-items-page-CurrentItems-View-bar.src-items-page-CurrentItems-View-opt-in {
  background: var(--action);
  margin-right: 12px;
}

.src-items-page-CurrentItems-View-bar.src-items-page-CurrentItems-View-opt-out {
  background: var(--accent);
  margin-left: 12px;
}

.src-items-page-CurrentItems-View-students-loader {
  display: flex;
  align-content: stretch;
  min-height: 134px;
  min-width: 175px;
  background: no-repeat url('/item-stats.png');
}



.src-items-page-Layout-View-align-right {
  justify-content: flex-end;
  flex: 0 1 400px;
}

/* Sidebar Wrapper */
.src-items-page-Layout-View-wrapper {
  padding: 16px 16px 0;
}

.src-items-page-Layout-View-divider {
  background: var(--neutral800);
  height: 3px;
  margin: 16px auto 0;
  opacity: 0.2;
  width: 33%;
}

.src-library-SectionsFilterDialog-View-bulk-actions {
  box-shadow: 0 0.5px 1.5px rgba(34, 44, 56, 0.09), 0 0.5px 1px rgba(34, 44, 56, 0.18);
  padding: 12px 16px;
  position: relative;
  z-index: 2;
}

.src-library-SectionsFilter-View-filter-group {
  background: var(--neutral100);
  font-weight: bold;
  max-height: calc(100vh - 315px);
  overflow-y: auto;
  padding: 8px 16px 16px;
  text-transform: uppercase;
}

.src-library-SectionsFilter-View-course-wrapper {
  background: white;
  border: 1px solid var(--neutral300);
  border-radius: 3px;
  margin-top: 8px;
  overflow: hidden;
}

/* Course Styles */
.src-library-SectionsFilter-View-course {
  display: flex;
}

.src-library-SectionsFilter-View-course > div {
  align-items: center;
  display: flex;
}

.src-library-SectionsFilter-View-course label {
  font-size: 15px;
}

/* Section Styles */
.src-library-SectionsFilter-View-sections {
  background: #f9fafb;
}

.src-library-SectionsFilter-View-sections:last-child {
  border-radius: 0 0 3px 3px;
}

.src-library-SectionsFilter-View-sections > * {
  border-top: 1px solid var(--neutral300);
}

.src-library-SectionsFilter-View-sections label {
  font-size: 13px;
}

/* Section Expander */
.src-library-SectionsFilter-View-expander {
  align-items: center;
  cursor: pointer;
  display: flex;
  font-size: 12px;
  justify-content: center;
  transition: all 0.2s cubic-bezier(.25,.8,.25,1);
  width: 124px;
}

.src-library-SectionsFilter-View-expander > span {
  margin-right: 4px;
}

.src-library-SectionsFilter-View-expander.src-library-SectionsFilter-View-expand {
  background: var(--actionLight);
  color: var(--action);
  margin-left: auto;
}

.src-library-SectionsFilter-View-expander.src-library-SectionsFilter-View-contract {
  background: var(--accentLight);
  color: var(--accent);
  margin-left: auto;
}

.src-library-SectionsFilter-View-expander.src-library-SectionsFilter-View-expand:hover {
  background: var(--action);
}

.src-library-SectionsFilter-View-expander.src-library-SectionsFilter-View-contract:hover {
  background: var(--accent);
}

.src-library-SectionsFilter-View-expander:hover {
  color: white;
}

.src-library-SectionsFilterSummary-View-section-filter {
  box-shadow: 0 -1px 0 rgba(0, 0, 0, 0.1) inset;
  padding: 12px 16px 8px;
}

.src-library-SectionsFilterSummary-View-section-filter p {
  color: #666;
  font-size: 12px;
  font-weight: bold;
  padding-top: 6px;
  text-align: center;
  text-transform: uppercase;
}

.src-library-PublishersFilterDialog-View-bulk-actions {
  box-shadow: 0 0.5px 1.5px rgba(34, 44, 56, 0.09), 0 0.5px 1px rgba(34, 44, 56, 0.18);
  padding: 12px 16px;
  position: relative;
  z-index: 2;
}

.src-library-PublishersFilter-View-filter-group {
  background: var(--neutral100);
  font-weight: bold;
  max-height: calc(100vh - 315px);
  overflow-y: auto;
  padding: 8px 16px 16px;
  text-transform: uppercase;
}

.src-library-PublishersFilter-View-course-wrapper {
  background: white;
  border: 1px solid var(--neutral300);
  border-radius: 3px;
  margin-top: 8px;
  overflow: hidden;
}

/* Course Styles */
.src-library-PublishersFilter-View-course {
  display: flex;
}

.src-library-PublishersFilter-View-course > div {
  align-items: center;
  display: flex;
}

.src-library-PublishersFilter-View-course label {
  font-size: 15px;
}

/* Section Styles */
.src-library-PublishersFilter-View-sections {
  background: #f9fafb;
}

.src-library-PublishersFilter-View-sections:last-child {
  border-radius: 0 0 3px 3px;
}

.src-library-PublishersFilter-View-sections > * {
  border-top: 1px solid var(--neutral300);
}

.src-library-PublishersFilter-View-sections label {
  font-size: 13px;
}

/* Section Expander */
.src-library-PublishersFilter-View-expander {
  align-items: center;
  cursor: pointer;
  display: flex;
  font-size: 12px;
  justify-content: center;
  transition: all 0.2s cubic-bezier(.25,.8,.25,1);
  width: 124px;
}

.src-library-PublishersFilter-View-expander > span {
  margin-right: 4px;
}

.src-library-PublishersFilter-View-expander.src-library-PublishersFilter-View-expand {
  background: var(--actionLight);
  color: var(--action);
  margin-left: auto;
}

.src-library-PublishersFilter-View-expander.src-library-PublishersFilter-View-contract {
  background: var(--accentLight);
  color: var(--accent);
  margin-left: auto;
}

.src-library-PublishersFilter-View-expander.src-library-PublishersFilter-View-expand:hover {
  background: var(--action);
}

.src-library-PublishersFilter-View-expander.src-library-PublishersFilter-View-contract:hover {
  background: var(--accent);
}

.src-library-PublishersFilter-View-expander:hover {
  color: white;
}

.src-library-PublishersFilterSummary-View-section-filter {
  box-shadow: 0 -1px 0 rgba(0, 0, 0, 0.1) inset;
  padding: 12px 16px 8px;
}

.src-library-PublishersFilterSummary-View-section-filter p {
  color: #666;
  font-size: 12px;
  font-weight: bold;
  padding-top: 6px;
  text-align: center;
  text-transform: uppercase;
}

.src-items-page-Page-View-align-right {
  justify-content: flex-end;
  flex: 0 1 400px;
}

.src-items-page-Page-View-wrapper {
  padding: 12px 16px 0;
}

.src-layout-MainLayout-main-layout {
  box-shadow: 0 7px 14px rgba(34, 44, 56, 0.22), 0 5px 5px rgba(34, 44, 56, 0.15);
  display: flex;
  flex-wrap: wrap;
  margin: 0 auto;
  max-width: 1600px;
  min-width: 1200px;
  padding-top: 50px;
}

.src-layout-MainLayout-main-layout > * + * {
  display: flex;
  flex-wrap: wrap;
  width: 100%;
}

@media print {
  .src-layout-MainLayout-main-layout {
    box-shadow: none;
    padding-top: 0;
  }
}

.src-layout-CategorySelector-View-catalog-selector {
  align-items: center;
  display: flex;
}

.src-layout-CategorySelector-View-catalog-actions {
  cursor: normal;
  padding: 12px;
}

.src-layout-CategorySelector-View-helper-text {
  padding-bottom: 15px;
}

.src-layout-NavDropdown-nav-dropdown {
  cursor: pointer;
  max-width: 182px;
  position: relative;
}

/* Hover Link */
.src-layout-NavDropdown-link {
  -webkit-font-smoothing: antialiased;
  align-items: center;
  display: flex;
  height: 50px;
  padding: 0 16px;
  position: relative;
  text-decoration: none;
  transition: all 0.2s;
}

.src-layout-NavDropdown-link > span:first-child {
  color: rgba(255, 255, 255, 0.5);
  padding-right: 8px;
  font-size: 14px;
}

.src-layout-NavDropdown-link .src-layout-NavDropdown-icon {
  color: rgba(255, 255, 255, 0.8);
  font-size: 20px;
}

.src-layout-NavDropdown-link > .src-layout-NavDropdown-label {
  color: rgba(255, 255, 255, 0.8);
  font-family: 'proxima-nova', sans-serif;
  font-size: 14px;
  font-weight: bold;
  text-transform: uppercase;
  white-space: nowrap;
  max-width: 166px;
  overflow: hidden;
  text-overflow: ellipsis;
  line-break: strict;
}

/* Hover and Active Link State Styles */
.src-layout-NavDropdown-nav-dropdown:hover .src-layout-NavDropdown-link {
  color: white;
  box-shadow: 0 -4px 0 rgba(255, 255, 255, 0.2) inset;
}

.src-layout-NavDropdown-nav-dropdown.src-layout-NavDropdown-active .src-layout-NavDropdown-link {
  box-shadow: 0 -4px 0 var(--secondary) inset;
}

.src-layout-NavDropdown-nav-dropdown:hover .src-layout-NavDropdown-label,
.src-layout-NavDropdown-nav-dropdown.src-layout-NavDropdown-active .src-layout-NavDropdown-label,
.src-layout-NavDropdown-nav-dropdown:hover .src-layout-NavDropdown-icon,
.src-layout-NavDropdown-nav-dropdown.src-layout-NavDropdown-active .src-layout-NavDropdown-icon {
  color: white;
  transition: color 0.2s cubic-bezier(.25,.8,.25,1);
}

/* Dropdown Wrapper */
.src-layout-NavDropdown-nav-dropdown:hover .src-layout-NavDropdown-dropdown-wrapper.src-layout-NavDropdown-hover-open,
.src-layout-NavDropdown-dropdown-wrapper.src-layout-NavDropdown-open {
  max-height: 10000px;
  opacity: 1;
  top: 50px;
  transform: scale(1);
  transition: opacity 0.2s cubic-bezier(.25,.8,.25,1), transform 0.2s cubic-bezier(.25,.8,.25,1);
  z-index: 2;
}

.src-layout-NavDropdown-dropdown-wrapper {
  background: rgba(255, 255, 255, 0.7);
  border-radius: 0 0 3px 3px;
  box-shadow: 0 1.5px 3px rgba(0, 0, 0, 0.13), 0 1.5px 3px rgba(0, 0, 0, 0.17);
  max-height: 0;
  opacity: 0;
  position: absolute;
  top: -100vh;
  transform: scale(0.8);
  transition: transform 0.2s cubic-bezier(.25,.8,.25,1), opacity 0.2s cubic-bezier(.25,.8,.25,1),
    max-height 0s cubic-bezier(.25,.8,.25,1) 0.2s, z-index 0s cubic-bezier(.25,.8,.25,1) 0.2s;
  width: 250px;
  z-index: -1;
}

/* Positioning */
.src-layout-NavDropdown-dropdown-wrapper.src-layout-NavDropdown-left {
  left: -8px;
  transform-origin: top left;
}

.src-layout-NavDropdown-dropdown-wrapper.src-layout-NavDropdown-right {
  right: -8px;
  transform-origin: top right;
}

.src-layout-NavDropdown-dropdown {
  border-radius: 0 0 3px 3px;
  background: var(--dropdown);
  color: white;
  margin: 0 8 8px;
  max-height: calc(100vh - 120px);
  overflow-y: auto;
}

.src-layout-NavDropdown-dropdown > * {
  border-top: 1px solid rgba(0, 0, 0, 0.4);
  color: rgba(255, 255, 255, 0.8);
  cursor: pointer;
  display: block;
  font-weight: bold;
  text-decoration: none;
  text-transform: uppercase;
  line-height: 1;
  font-size: 13px;
  padding: 16px 12px;
  transition: background 0.2s cubic-bezier(.25,.8,.25,1), color 0.2s cubic-bezier(.25,.8,.25,1);
}

.src-layout-NavDropdown-dropdown > a:hover {
  background: rgba(255, 255, 255, 0.1);
  color: white;
}

/* Size */
.src-layout-NavDropdown-mega .src-layout-NavDropdown-dropdown-wrapper {
  border-radius: 0;
  height: calc(100vh - 50px);
  padding: 0 8px 8px 8px;
  position: fixed;
  right: 0;
  width: 100%;
}

.src-layout-NavDropdown-mega .src-layout-NavDropdown-dropdown-wrapper .src-layout-NavDropdown-dropdown {
  height: calc(100vh - 58px);
  margin: 0;
  max-height: calc(100vh - 58px);
}

.src-layout-NavDropdown-mega .src-layout-NavDropdown-dropdown-wrapper .src-layout-NavDropdown-dropdown,
.src-layout-NavDropdown-mega .src-layout-NavDropdown-dropdown-wrapper .src-layout-NavDropdown-dropdown > * {
  cursor: default;
}

@media screen and (min-width: 1600px) {
  .src-layout-NavDropdown-mega .src-layout-NavDropdown-dropdown-wrapper {
    left: 50%;
    margin-left: -800px;
    width: 1600px;
  }
}

/* Unpadded */
.src-layout-NavDropdown-unpadded .src-layout-NavDropdown-dropdown > * {
  padding: 0;
}

.src-layout-UserSelector-View-user-info {
  padding: 12px;
  background: rgba(0, 0, 0, 0.1);
}

/* Superadmin Status */
.src-layout-UserSelector-View-superadmin-status {
  position: relative;
  padding-left: 28px;
}

.src-layout-UserSelector-View-superadmin-active,
.src-layout-UserSelector-View-superadmin-inactive {
  display: inline-block;
  position: absolute;
  top: 16px;
  left: 12px;
}

.src-layout-UserSelector-View-superadmin-active {
  color: var(--action);
}

.src-layout-UserSelector-View-superadmin-inactive {
  color: var(--accent);
}

/* User-Actions */
.src-layout-UserSelector-View-user-actions {
  cursor: initial;
  padding: 12px;
}

.src-layout-UserSelector-View-user-actions button {
  font-size: 12px;
}

.src-layout-VideoSelector-View-header-row {
  align-items: center;
  display: flex;
  justify-content: space-between;
  padding: 24px 24px 0;
}

.src-layout-VideoSelector-View-header-row h3 {
  font-size: 19px;
}

.src-layout-VideoSelector-View-header-row h3:before {
  background: var(--action);
  content: '';
  display: block;
  margin-bottom: 16px;
  height: 4px;
  width: 60px;
}

.src-layout-VideoSelector-View-video-list {
  display: flex;
  flex-wrap: wrap;
  padding: 0 36px 36px 0 !important;
}

.src-layout-VideoSelector-Video-View-video-wrapper {
  display: flex;
  margin: 36px 0 0 36px;
  flex: 1 0 calc(50% - 36px);
  min-width: 400px;
}

.src-layout-VideoSelector-Video-View-video {
  flex: 0 0 200px;
}

/* Shadow on thumbnail rather than flex container */
.src-layout-VideoSelector-Video-View-video > div {
  box-shadow: 0 5px 10px rgba(34, 44, 56, 0.16), 0 3px 3px rgba(34, 44, 56, 0.17);
}

.src-layout-VideoSelector-Video-View-title {
  flex-grow: 1;
  padding: 12px 24px 8px;
}

.src-layout-VideoSelector-Video-View-title h4 {
  color: white;
  font-size: 19px;
  margin-bottom: 8px;
}

.src-layout-VideoSelector-Video-View-title p {
  font-size: 15px;
  font-weight: normal;
  line-height: 1.3em;
  padding-bottom: 16px;
  text-transform: none;
}

nav {
  background: var(--nav);
  box-shadow: 0 1.5px 3px rgba(0, 0, 0, 0.13), 0 1.5px 3px rgba(0, 0, 0, 0.17);
  display: flex;
  height: 50px;
  justify-content: space-between;
  margin: 0;
  max-width: 1600px;
  min-width: 1200px;
  padding: 0;
  position: fixed;
  top: 0;
  width: 100%;
  z-index: 4;
}

nav * {
  margin: 0;
  padding: 0;
  box-sizing: border-box;
}

.src-layout-NavBar-View-left,
.src-layout-NavBar-View-right {
  align-items: stretch;
  align-content: center;
  display: flex;
}

/* General items in the Navbar */
.src-layout-NavBar-View-menu-link {
  box-shadow: 0 0 0 rgba(255, 255, 255, 0.2) inset;
  color: rgba(255, 255, 255, 0.8);
  cursor: pointer;
  font-family: 'proxima-nova', sans-serif;
  font-size: 14px;
  font-weight: bold;
  line-height: 50px;
  padding: 0 16px;
  position: relative;
  text-decoration: none;
  text-transform: uppercase;
  transition: color 0.2s cubic-bezier(0.25, 0.8, 0.25, 1),
    box-shadow 0.2s cubic-bezier(0.25, 0.8, 0.25, 1);
}

.src-layout-NavBar-View-menu-link:hover {
  box-shadow: 0 -4px 0 rgba(255, 255, 255, 0.2) inset;
  color: white;
}

.src-layout-NavBar-View-menu-link.src-layout-NavBar-View-active {
  -webkit-box-shadow: 0 -4px 0px var(--secondary) inset;
  -moz-box-shadow: 0 -4px 0px var(--secondary) inset;
  box-shadow: 0 -4px 0px var(--secondary) inset;
  color: white;
}

/* Specific Items */
.src-layout-NavBar-View-logo-wrapper {
  background: var(--secondary);
  display: block;
  height: 50px;
  width: 50px;
  padding: 10px;
}

.src-layout-NavBar-View-logo-wrapper > img {
  display: block;
  height: 100%;
  margin: 0 auto;
}

.src-layout-NavBar-View-get-help-button {
  background: var(--secondary);
  color: white;
  padding: 0 12px;
}

@media print {
  nav {
    display: none;
  }
}

.src-layout-NavBar-View-warning-bunne-color-mode {
  background-color: limegreen;
}

.src-layout-EnvironmentName-environment-name {
  box-shadow: 0 0 0 rgba(255, 255, 255, 0.2) inset;
  color: rgba(255, 255, 255, 0.8);
  font-family: 'proxima-nova', sans-serif;
  font-size: 14px;
  font-weight: bold;
  line-height: 50px;
  padding: 0 16px;
  position: relative;
  text-decoration: none;
  text-transform: uppercase;
}

.src-layout-EnvironmentName-environment-name.src-layout-EnvironmentName-non-prod {
  background-color: limegreen;
}

.src-layout-EnvironmentName-environment-name.src-layout-EnvironmentName-prod {
  background-color: red;
}


.src-layout-Footer-footer {
  align-items: center;
  background: white;
  border-top: 1px solid var(--neutral300);
  color: #666;
  display: flex;
  font-size: 13px;
  font-weight: bold;
  height: 64px;
  justify-content: space-between;
  padding: 16px;
  text-transform: uppercase;
}

.src-layout-Footer-footer a {
  border-bottom: 2px solid var(--neutral300);
  color: #666;
  cursor: pointer;
  padding-bottom: 3px;
  text-decoration: none;
  transition: border-color 0.2s cubic-bezier(.25,.8,.25,1);
}

.src-layout-Footer-footer a:hover {
  border-color: var(--secondary);
}

@media print {
  .src-layout-Footer-footer {
    display: none;
  }
}

.src-items-import-page-Page-View-instructions {
  padding: 24px 0 36px;
}

.src-items-import-page-Page-View-instructions a {
  color: var(--action);
  cursor: pointer;
  text-decoration: underline;
}

.src-items-import-page-Page-View-instructions-wrapper {
  display: flex;
}

.src-items-import-page-Page-View-sidebar-actions-wrapper {
  padding: 24px;
}

.src-items-import-page-Page-View-sidebar-actions-wrapper > div {
  margin-bottom: 16px;
}

.src-items-import-page-Page-View-publisher-list {
  background: white;
  font-family: 'source-code-pro', monospace;
  margin: 0;
}

.src-items-import-page-Page-View-publisher-list > div {
  margin: 16px;
}

.src-items-import-page-Page-View-publisher-list > ul {
  border-top: 1px solid var(--neutral300);
  list-style-type: none;
  margin-bottom: 0;
  max-height: calc(100vh - 256px);
  overflow: scroll;
  padding: 16px;
}

/* Import Tracker */
.src-items-import-page-Page-View-import-tracker {
  background: var(--main);
  padding: 0 24px 32px;
  width: 100%;
}

.src-items-import-page-Page-View-steps-wrapper {
  background: var(--mainDark);
  border-radius: 200px;
  display: flex;
}

.src-items-import-page-Page-View-step {
  align-items: center;
  border: 2px solid transparent;
  color: rgba(255, 255, 255, 0.6);
  display: flex;
  flex: 1 1 auto;
  font-size: 12px;
  font-weight: bold;
  justify-content: center;
  padding: 10px 0;
  text-transform: uppercase;
}

.src-items-import-page-Page-View-step:first-child {
  border-top-left-radius: 200px;
  border-bottom-left-radius: 200px;
}

.src-items-import-page-Page-View-step:last-child {
  border-top-right-radius: 200px;
  border-bottom-right-radius: 200px;
}

.src-items-import-page-Page-View-current {
  background: var(--main);
  border-radius: 200px;
  border-color: rgba(255, 255, 255, 0.1);
  box-shadow: 0 1.5px 3px rgba(34, 44, 56, 0.13), 0 1.5px 3px rgba(34, 44, 56, 0.17);
  color: white;
  font-size: 13px;
  margin: -2px;
}

.src-items-import-page-Page-View-step-count {
  align-items: center;
  background: rgba(255, 255, 255, 0.4);
  border-radius: 200px;
  color: var(--mainDark);
  display: flex;
  font-size: 10px;
  height: 16px;
  justify-content: center;
  margin-right: 8px;
  padding-top: 1px;
  width: 16px;
}

.src-items-import-page-Page-View-current .src-items-import-page-Page-View-step-count {
  background: rgba(255, 255, 255, 0.6);
  color: var(--main);
  font-size: 11px;
  height: 17px;
  margin-right: 9px;
  width: 17px;
}

/* Dropzone */
.src-items-import-page-Page-View-dropzone-wrapper {
}

.src-items-import-page-Page-View-drop-content {
  cursor: pointer;
  display: flex;
  flex-direction: column;
}

.src-items-import-page-Page-View-drop-content h3,
.src-items-import-page-Page-View-drop-icon {
  color: var(--neutral800);
  opacity: 0.3;
}

.src-items-import-page-Page-View-drop-icon {
  font-size: 36px;
  margin-bottom: 16px;
}

.src-items-import-page-Page-View-drop-content h3.src-items-import-page-Page-View-active-file {
  color: #333;
  font-family: 'source-code-pro';
  font-weight: normal;
  opacity: 1;
  text-transform: none;
}

/* Stat Selectors */
.src-items-import-page-Page-View-stat-selectors {
  display: flex;
  padding: 24px 24px 0;
  justify-content: space-between;
}

.src-items-import-page-Page-View-stat-selector {
  align-items: center;
  border: 1px solid var(--neutral300);
  border-radius: 4px;
  cursor: pointer;
  display: flex;
  flex-direction: column;
  justify-content: center;
  padding: 20px;
  position: relative;
  transition: border 0.4s cubic-bezier(.25,.8,.25,1), box-shadow 0.4s cubic-bezier(.25,.8,.25,1);
  width: calc(25% - 18px);
}

.src-items-import-page-Page-View-stat-selector h2 {
  color: var(--neutral800);
}

.src-items-import-page-Page-View-stat-selector h4 {
  color: var(--neutral800);
  font-size: 14px;
  margin-top: 8px;
  text-align: center;
  width: 100%;
}

.src-items-import-page-Page-View-stat-selector h4 > span {
  margin-right: 8px;
}

.src-items-import-page-Page-View-stat-selector.src-items-import-page-Page-View-selected:after {
  content: '';
  position: absolute;
  bottom: -12px;
  left: calc(50% - 12px);
  width: 0;
  height: 0;
  border-left: 12px solid transparent;
  border-right: 12px solid transparent;
  border-top: 12px solid var(--neutral800);
}

.src-items-import-page-Page-View-stat-selector.src-items-import-page-Page-View-selected,
.src-items-import-page-Page-View-stat-selector:hover {
  border-color: var(--neutral800);
  border-style: solid;
  border-width: 2px;
  box-shadow: 0 1.5px 3px rgba(34, 44, 56, 0.13), 0 1.5px 3px rgba(34, 44, 56, 0.17);
}

/* Stat Selector Colors */
.src-items-import-page-Page-View-stat-selector.src-items-import-page-Page-View-successful {
  background: var(--actionLight);
}

.src-items-import-page-Page-View-stat-selector.src-items-import-page-Page-View-successful h4 {
  color: var(--action);
}

.src-items-import-page-Page-View-stat-selector.src-items-import-page-Page-View-successful:hover,
.src-items-import-page-Page-View-stat-selector.src-items-import-page-Page-View-successful.src-items-import-page-Page-View-selected {
  border-color: var(--action);
}

.src-items-import-page-Page-View-stat-selector.src-items-import-page-Page-View-successful.src-items-import-page-Page-View-selected:after {
  border-top: 12px solid var(--action);
}

.src-items-import-page-Page-View-stat-selector.src-items-import-page-Page-View-warning {
  background: var(--secondaryLight);
}

.src-items-import-page-Page-View-stat-selector.src-items-import-page-Page-View-warning h4 {
  color: var(--main);
}

.src-items-import-page-Page-View-stat-selector.src-items-import-page-Page-View-warning:hover,
.src-items-import-page-Page-View-stat-selector.src-items-import-page-Page-View-warning.src-items-import-page-Page-View-selected {
  border-color: var(--main);
}

.src-items-import-page-Page-View-stat-selector.src-items-import-page-Page-View-warning.src-items-import-page-Page-View-selected:after {
  border-top: 12px solid var(--main);
}

.src-items-import-page-Page-View-stat-selector.src-items-import-page-Page-View-failed {
  background: var(--accentLight);
}

.src-items-import-page-Page-View-stat-selector.src-items-import-page-Page-View-failed h4 {
  color: var(--accent);
}

.src-items-import-page-Page-View-stat-selector.src-items-import-page-Page-View-failed:hover,
.src-items-import-page-Page-View-stat-selector.src-items-import-page-Page-View-failed.src-items-import-page-Page-View-selected {
  border-color: var(--accent);
}

.src-items-import-page-Page-View-stat-selector.src-items-import-page-Page-View-failed.src-items-import-page-Page-View-selected:after {
  border-top: 12px solid var(--accent);
}

/* Validation Table */
.src-items-import-page-Page-View-table-wrapper {
  border-radius: 4px;
  box-shadow: 0 1.5px 3px rgba(34, 44, 56, 0.13), 0 1.5px 3px rgba(34, 44, 56, 0.17);
  margin: 24px;
  min-width: 95%;
  overflow: scroll;
  width: 450px;
}

.src-items-import-page-Page-View-table-wrapper table {
  border-collapse: collapse;
}

.src-items-import-page-Page-View-table-wrapper th,
.src-items-import-page-Page-View-table-wrapper td {
  background: white;
  padding: 12px;
  text-align: left;
}

.src-items-import-page-Page-View-table-wrapper th.src-items-import-page-Page-View-centered,
.src-items-import-page-Page-View-table-wrapper td.src-items-import-page-Page-View-centered {
  text-align: center;
}

.src-items-import-page-Page-View-table-wrapper th {
  border-left: 1px solid white;
  color: var(--neutral700);
  font-size: 10px;
  position: relative;
  text-transform: uppercase;
  vertical-align: bottom;
}

.src-items-import-page-Page-View-table-wrapper th:after {
  border-left: 1px solid var(--neutral300);
  bottom: 0;
  content: '';
  height: 12px;
  left: -1;
  position: absolute;
}

.src-items-import-page-Page-View-table-wrapper th:first-child {
  border-left: none;
  position: sticky;
  left: 0;
  z-index: 2;
}

.src-items-import-page-Page-View-table-wrapper th:first-child:after {
  display: none;
}

.src-items-import-page-Page-View-table-wrapper td {
  border-left: 1px solid var(--neutral300);
  border-top: 1px solid var(--neutral300);
  color: var(--neutral800);
  font-family: 'source-code-pro', monospace;
  font-size: 12px;
  letter-spacing: -0.02em;
  vertical-align: top;
}

.src-items-import-page-Page-View-table-wrapper td:first-child {
  border-left: none;
  position: sticky;
  left: 0;
}

.src-items-import-page-Page-View-table-wrapper td.src-items-import-page-Page-View-status {
  font-size: 16px;
  padding-top: 14px;
  position: sticky;
  left: 46;
}

.src-items-import-page-Page-View-table-wrapper th.src-items-import-page-Page-View-status {
  position: sticky;
  left: 46;
  z-index: 2;
}

.src-items-import-page-Page-View-table-wrapper td.src-items-import-page-Page-View-successful {
  background: var(--actionLight);
  color: var(--action);
}

.src-items-import-page-Page-View-table-wrapper td.src-items-import-page-Page-View-warning {
  background: var(--secondaryLight);
  color: var(--main);
}

.src-items-import-page-Page-View-table-wrapper td.src-items-import-page-Page-View-failed {
  background: var(--accentLight);
  color: var(--accent);
}

.src-items-import-page-Page-View-sticky-menu {
  top: 67;
  position: sticky
}

.src-shared-PageTabs-page-title {
  color: var(--nav);
  font-size: 24px;
  padding: 24px 16px;
}

.src-shared-PageTabs-tabs-wrapper {
  display: flex;
  width: 100%;
}

.src-shared-PageTabs-tabs-wrapper > :last-child {
  max-width: calc(100vw - 270px);
}

.src-shared-PageTabs-tab {
  color: #666;
  cursor: pointer;
  font-size: 12px;
  font-weight: bold;
  padding: 12px 16px;
  text-transform: uppercase;
  transition: color 0.2s cubic-bezier(.25,.8,.25,1);
  position: relative;
  display: block;
  text-decoration: none;
}

.src-shared-PageTabs-tab:hover {
  color: var(--neutral800);
}

.src-shared-PageTabs-active {
  background: var(--neutral100);
  box-shadow: 4px 0 0 var(--action) inset;
  color: var(--neutral800);
  position: relative;
}

.src-shared-PageTabs-active::after {
  box-shadow: 0 1.5px 3px rgba(34, 44, 56, 0.13), 0 1.5px 3px rgba(34, 44, 56, 0.17);
  bottom: 0;
  content: '';
  display: none;
  height: 1px;
  left: 0;
  margin-top: -1px;
  position: absolute;
  width: 100%;
}

.src-shared-PageTabs-super-admin {
  color: #999;
  display: block;
  position: absolute;
  right: 20px;
  text-align: right;
  top: 12px;
  width: 20px;
}

.src-shared-PageTabs-sticky-menu {
  top: 50;
  position: sticky;
}

.src-reports-page-VendorReports-View-invoice-selector {
  align-items: center;
  border-bottom: 1px solid var(--neutral300);
  color: #666;
  display: flex;
  height: 70px;
  justify-content: flex-start;
  padding: 16px 24px;
}

.src-reports-page-VendorReports-View-invoice-selector h4 {
  margin-right: 8px;
}

.src-reports-page-VendorReports-View-wrapper {
  margin: 20px;
}

.src-reports-page-ReportActions-View-report-actions {
  padding-left: 24px;
  flex: 0 0 248px;
}

.src-reports-page-Report-View-report {
  display: flex;
  padding: 24px;
  width: 100%;
}

.src-reports-page-Report-View-report-details {
  flex-grow: 1;
}

.src-reports-page-Report-View-report + .src-reports-page-Report-View-report {
  border-top: 1px solid var(--neutral300);
}

.src-reports-page-Report-View-description {
  margin: 8px 0 16px;
}

.src-reports-page-Report-View-description a {
  color: var(--action);
}

.src-reports-page-Report-View-description:last-child {
  margin-bottom: 0px;
}

.src-reports-page-Report-View-date-range {
  align-items: center;
  display: flex;
}

.src-reports-page-Report-View-date-range h5 {
  margin: 0 12px;
}

/* Radio Input Styles */
.src-reports-page-Report-View-report-radios {
  padding-bottom: 6px;
}

.src-reports-page-Report-View-report-radios input {
  margin-top: -4px;
}

.src-reports-page-Report-View-option-wrapper {
  padding-bottom: 12px;
}

.src-shared-DateField-wrapper {
  display: block;
}

.src-shared-DateField-wrapper input {
  background: white;
  border-radius: 3px;
  border: 2px solid var(--neutral300);
  color: #333;
  font-family: 'source-code-pro', monospace;
  font-size: 14px;
  font-weight: normal;
  letter-spacing: -0.03em;
  outline: 0;
  padding: 8px;
  position: relative;
  text-transform: none;
  transition: border-color 0.2s cubic-bezier(.25,.8,.25,1), background 0.2s cubic-bezier(.25,.8,.25,1);
  width: 100%;
  z-index: 1;
}

.src-shared-DateField-wrapper input:focus {
  border: 2px solid var(--neutral800);
}

.src-shared-DateField-wrapper .src-shared-DateField-disabled,
.src-shared-DateField-wrapper input:disabled {
  pointer-events: none;
  background: var(--neutral100);
  border: 2px solid var(--neutral300);
}

.src-shared-DateField-error input {
  border-color: var(--accent) !important;
}

.src-shared-DateField-label {
  display: block;
  font-size: 12px;
  font-weight: bold;
  margin-bottom: 4px;
  text-transform: uppercase;
}

.react-datepicker-popper[data-placement^="bottom"] .react-datepicker__triangle, .react-datepicker-popper[data-placement^="top"] .react-datepicker__triangle, .react-datepicker__year-read-view--down-arrow, .react-datepicker__month-read-view--down-arrow, .react-datepicker__month-year-read-view--down-arrow {
  margin-left: -8px;
  position: absolute;
}

.react-datepicker-popper[data-placement^="bottom"] .react-datepicker__triangle, .react-datepicker-popper[data-placement^="top"] .react-datepicker__triangle, .react-datepicker__year-read-view--down-arrow, .react-datepicker__month-read-view--down-arrow, .react-datepicker__month-year-read-view--down-arrow, .react-datepicker-popper[data-placement^="bottom"] .react-datepicker__triangle::before, .react-datepicker-popper[data-placement^="top"] .react-datepicker__triangle::before, .react-datepicker__year-read-view--down-arrow::before, .react-datepicker__month-read-view--down-arrow::before, .react-datepicker__month-year-read-view--down-arrow::before {
  box-sizing: content-box;
  position: absolute;
  border: 8px solid transparent;
  height: 0;
  width: 1px;
}

.react-datepicker-popper[data-placement^="bottom"] .react-datepicker__triangle::before, .react-datepicker-popper[data-placement^="top"] .react-datepicker__triangle::before, .react-datepicker__year-read-view--down-arrow::before, .react-datepicker__month-read-view--down-arrow::before, .react-datepicker__month-year-read-view--down-arrow::before {
  content: "";
  z-index: -1;
  border-width: 8px;
  left: -8px;
  border-bottom-color: #aeaeae;
}

.react-datepicker-popper[data-placement^="bottom"] .react-datepicker__triangle {
  top: 0;
  margin-top: -8px;
}

.react-datepicker-popper[data-placement^="bottom"] .react-datepicker__triangle, .react-datepicker-popper[data-placement^="bottom"] .react-datepicker__triangle::before {
  border-top: none;
  border-bottom-color: #f0f0f0;
}

.react-datepicker-popper[data-placement^="bottom"] .react-datepicker__triangle::before {
  top: -1px;
  border-bottom-color: #aeaeae;
}

.react-datepicker-popper[data-placement^="top"] .react-datepicker__triangle, .react-datepicker__year-read-view--down-arrow, .react-datepicker__month-read-view--down-arrow, .react-datepicker__month-year-read-view--down-arrow {
  bottom: 0;
  margin-bottom: -8px;
}

.react-datepicker-popper[data-placement^="top"] .react-datepicker__triangle, .react-datepicker__year-read-view--down-arrow, .react-datepicker__month-read-view--down-arrow, .react-datepicker__month-year-read-view--down-arrow, .react-datepicker-popper[data-placement^="top"] .react-datepicker__triangle::before, .react-datepicker__year-read-view--down-arrow::before, .react-datepicker__month-read-view--down-arrow::before, .react-datepicker__month-year-read-view--down-arrow::before {
  border-bottom: none;
  border-top-color: #fff;
}

.react-datepicker-popper[data-placement^="top"] .react-datepicker__triangle::before, .react-datepicker__year-read-view--down-arrow::before, .react-datepicker__month-read-view--down-arrow::before, .react-datepicker__month-year-read-view--down-arrow::before {
  bottom: -1px;
  border-top-color: #aeaeae;
}

.react-datepicker-wrapper {
  display: inline-block;
}

.react-datepicker {
  font-family: "Helvetica Neue", Helvetica, Arial, sans-serif;
  font-size: 0.8rem;
  background-color: #fff;
  color: #000;
  border: 1px solid #aeaeae;
  border-radius: 0.3rem;
  display: inline-block;
  position: relative;
}

.react-datepicker--time-only .react-datepicker__triangle {
  left: 35px;
}

.react-datepicker--time-only .react-datepicker__time-container {
  border-left: 0;
}

.react-datepicker--time-only .react-datepicker__time {
  border-radius: 0.3rem;
}

.react-datepicker--time-only .react-datepicker__time-box {
  border-radius: 0.3rem;
}

.react-datepicker__triangle {
  position: absolute;
  left: 50px;
}

.react-datepicker-popper {
  z-index: 1;
}

.react-datepicker-popper[data-placement^="bottom"] {
  margin-top: 10px;
}

.react-datepicker-popper[data-placement^="top"] {
  margin-bottom: 10px;
}

.react-datepicker-popper[data-placement^="right"] {
  margin-left: 8px;
}

.react-datepicker-popper[data-placement^="right"] .react-datepicker__triangle {
  left: auto;
  right: 42px;
}

.react-datepicker-popper[data-placement^="left"] {
  margin-right: 8px;
}

.react-datepicker-popper[data-placement^="left"] .react-datepicker__triangle {
  left: 42px;
  right: auto;
}

.react-datepicker__header {
  text-align: center;
  background-color: #f0f0f0;
  border-bottom: 1px solid #aeaeae;
  border-top-left-radius: 0.3rem;
  border-top-right-radius: 0.3rem;
  padding-top: 8px;
  position: relative;
}

.react-datepicker__header--time {
  padding-bottom: 8px;
  padding-left: 5px;
  padding-right: 5px;
}

.react-datepicker__year-dropdown-container--select, .react-datepicker__month-dropdown-container--select, .react-datepicker__month-year-dropdown-container--select, .react-datepicker__year-dropdown-container--scroll, .react-datepicker__month-dropdown-container--scroll, .react-datepicker__month-year-dropdown-container--scroll {
  display: inline-block;
  margin: 0 2px;
}

.react-datepicker__current-month, .react-datepicker-time__header {
  margin-top: 0;
  color: #000;
  font-weight: bold;
  font-size: 0.944rem;
}

.react-datepicker-time__header {
  text-overflow: ellipsis;
  white-space: nowrap;
  overflow: hidden;
}

.react-datepicker__navigation {
  background: none;
  line-height: 1.7rem;
  text-align: center;
  cursor: pointer;
  position: absolute;
  top: 10px;
  width: 0;
  padding: 0;
  border: 0.45rem solid transparent;
  z-index: 1;
  height: 10px;
  width: 10px;
  text-indent: -999em;
  overflow: hidden;
}

.react-datepicker__navigation--previous {
  left: 10px;
  border-right-color: #ccc;
}

.react-datepicker__navigation--previous:hover {
  border-right-color: #b3b3b3;
}

.react-datepicker__navigation--previous--disabled, .react-datepicker__navigation--previous--disabled:hover {
  border-right-color: #e6e6e6;
  cursor: default;
}

.react-datepicker__navigation--next {
  right: 10px;
  border-left-color: #ccc;
}

.react-datepicker__navigation--next--with-time:not(.react-datepicker__navigation--next--with-today-button) {
  right: 80px;
}

.react-datepicker__navigation--next:hover {
  border-left-color: #b3b3b3;
}

.react-datepicker__navigation--next--disabled, .react-datepicker__navigation--next--disabled:hover {
  border-left-color: #e6e6e6;
  cursor: default;
}

.react-datepicker__navigation--years {
  position: relative;
  top: 0;
  display: block;
  margin-left: auto;
  margin-right: auto;
}

.react-datepicker__navigation--years-previous {
  top: 4px;
  border-top-color: #ccc;
}

.react-datepicker__navigation--years-previous:hover {
  border-top-color: #b3b3b3;
}

.react-datepicker__navigation--years-upcoming {
  top: -4px;
  border-bottom-color: #ccc;
}

.react-datepicker__navigation--years-upcoming:hover {
  border-bottom-color: #b3b3b3;
}

.react-datepicker__month-container {
  float: left;
}

.react-datepicker__month {
  margin: 0.4rem;
  text-align: center;
}

.react-datepicker__time-container {
  float: right;
  border-left: 1px solid #aeaeae;
  width: 70px;
}

.react-datepicker__time-container--with-today-button {
  display: inline;
  border: 1px solid #aeaeae;
  border-radius: 0.3rem;
  position: absolute;
  right: -72px;
  top: 0;
}

.react-datepicker__time-container .react-datepicker__time {
  position: relative;
  background: white;
}

.react-datepicker__time-container .react-datepicker__time .react-datepicker__time-box {
  width: 70px;
  overflow-x: hidden;
  margin: 0 auto;
  text-align: center;
}

.react-datepicker__time-container .react-datepicker__time .react-datepicker__time-box ul.react-datepicker__time-list {
  list-style: none;
  margin: 0;
  height: calc(195px + (1.7rem / 2));
  overflow-y: scroll;
  padding-right: 0px;
  padding-left: 0px;
  width: 100%;
  box-sizing: content-box;
}

.react-datepicker__time-container .react-datepicker__time .react-datepicker__time-box ul.react-datepicker__time-list li.react-datepicker__time-list-item {
  height: 30px;
  padding: 5px 10px;
}

.react-datepicker__time-container .react-datepicker__time .react-datepicker__time-box ul.react-datepicker__time-list li.react-datepicker__time-list-item:hover {
  cursor: pointer;
  background-color: #f0f0f0;
}

.react-datepicker__time-container .react-datepicker__time .react-datepicker__time-box ul.react-datepicker__time-list li.react-datepicker__time-list-item--selected {
  background-color: #216ba5;
  color: white;
  font-weight: bold;
}

.react-datepicker__time-container .react-datepicker__time .react-datepicker__time-box ul.react-datepicker__time-list li.react-datepicker__time-list-item--selected:hover {
  background-color: #216ba5;
}

.react-datepicker__time-container .react-datepicker__time .react-datepicker__time-box ul.react-datepicker__time-list li.react-datepicker__time-list-item--disabled {
  color: #ccc;
}

.react-datepicker__time-container .react-datepicker__time .react-datepicker__time-box ul.react-datepicker__time-list li.react-datepicker__time-list-item--disabled:hover {
  cursor: default;
  background-color: transparent;
}

.react-datepicker__week-number {
  color: #ccc;
  display: inline-block;
  width: 1.7rem;
  line-height: 1.7rem;
  text-align: center;
  margin: 0.166rem;
}

.react-datepicker__week-number.react-datepicker__week-number--clickable {
  cursor: pointer;
}

.react-datepicker__week-number.react-datepicker__week-number--clickable:hover {
  border-radius: 0.3rem;
  background-color: #f0f0f0;
}

.react-datepicker__day-names, .react-datepicker__week {
  white-space: nowrap;
}

.react-datepicker__day-name, .react-datepicker__day, .react-datepicker__time-name {
  color: #000;
  display: inline-block;
  width: 1.7rem;
  line-height: 1.7rem;
  text-align: center;
  margin: 0.166rem;
}

.react-datepicker__day {
  cursor: pointer;
}

.react-datepicker__day:hover {
  border-radius: 0.3rem;
  background-color: #f0f0f0;
}

.react-datepicker__day--today {
  font-weight: bold;
}

.react-datepicker__day--highlighted {
  border-radius: 0.3rem;
  background-color: #3dcc4a;
  color: #fff;
}

.react-datepicker__day--highlighted:hover {
  background-color: #32be3f;
}

.react-datepicker__day--highlighted-custom-1 {
  color: magenta;
}

.react-datepicker__day--highlighted-custom-2 {
  color: green;
}

.react-datepicker__day--selected, .react-datepicker__day--in-selecting-range, .react-datepicker__day--in-range {
  border-radius: 0.3rem;
  background-color: #216ba5;
  color: #fff;
}

.react-datepicker__day--selected:hover, .react-datepicker__day--in-selecting-range:hover, .react-datepicker__day--in-range:hover {
  background-color: #1d5d90;
}

.react-datepicker__day--keyboard-selected {
  border-radius: 0.3rem;
  background-color: #2a87d0;
  color: #fff;
}

.react-datepicker__day--keyboard-selected:hover {
  background-color: #1d5d90;
}

.react-datepicker__day--in-selecting-range:not(.react-datepicker__day--in-range) {
  background-color: rgba(33, 107, 165, 0.5);
}

.node_modules-react-datepicker-dist-react-datepicker-cssmodules-react-datepicker__month--selecting-range .react-datepicker__day--in-range:not(.react-datepicker__day--in-selecting-range) {
  background-color: #f0f0f0;
  color: #000;
}

.react-datepicker__day--disabled {
  cursor: default;
  color: #ccc;
}

.react-datepicker__day--disabled:hover {
  background-color: transparent;
}

.react-datepicker__input-container {
  position: relative;
  display: inline-block;
}

.react-datepicker__year-read-view, .react-datepicker__month-read-view, .react-datepicker__month-year-read-view {
  border: 1px solid transparent;
  border-radius: 0.3rem;
}

.react-datepicker__year-read-view:hover, .react-datepicker__month-read-view:hover, .react-datepicker__month-year-read-view:hover {
  cursor: pointer;
}

.react-datepicker__year-read-view:hover .react-datepicker__year-read-view--down-arrow, .react-datepicker__year-read-view:hover .react-datepicker__month-read-view--down-arrow, .react-datepicker__month-read-view:hover .react-datepicker__year-read-view--down-arrow, .react-datepicker__month-read-view:hover .react-datepicker__month-read-view--down-arrow, .react-datepicker__month-year-read-view:hover .react-datepicker__year-read-view--down-arrow, .react-datepicker__month-year-read-view:hover .react-datepicker__month-read-view--down-arrow {
  border-top-color: #b3b3b3;
}

.react-datepicker__year-read-view--down-arrow, .react-datepicker__month-read-view--down-arrow, .react-datepicker__month-year-read-view--down-arrow {
  border-top-color: #ccc;
  float: right;
  margin-left: 20px;
  top: 8px;
  position: relative;
  border-width: 0.45rem;
}

.react-datepicker__year-dropdown, .react-datepicker__month-dropdown, .react-datepicker__month-year-dropdown {
  background-color: #f0f0f0;
  position: absolute;
  width: 50%;
  left: 25%;
  top: 30px;
  z-index: 1;
  text-align: center;
  border-radius: 0.3rem;
  border: 1px solid #aeaeae;
}

.react-datepicker__year-dropdown:hover, .react-datepicker__month-dropdown:hover, .react-datepicker__month-year-dropdown:hover {
  cursor: pointer;
}

.react-datepicker__year-dropdown--scrollable, .react-datepicker__month-dropdown--scrollable, .react-datepicker__month-year-dropdown--scrollable {
  height: 150px;
  overflow-y: scroll;
}

.react-datepicker__year-option, .react-datepicker__month-option, .react-datepicker__month-year-option {
  line-height: 20px;
  width: 100%;
  display: block;
  margin-left: auto;
  margin-right: auto;
}

.react-datepicker__year-option:first-of-type, .react-datepicker__month-option:first-of-type, .react-datepicker__month-year-option:first-of-type {
  border-top-left-radius: 0.3rem;
  border-top-right-radius: 0.3rem;
}

.react-datepicker__year-option:last-of-type, .react-datepicker__month-option:last-of-type, .react-datepicker__month-year-option:last-of-type {
  -webkit-user-select: none;
  -moz-user-select: none;
  -ms-user-select: none;
  user-select: none;
  border-bottom-left-radius: 0.3rem;
  border-bottom-right-radius: 0.3rem;
}

.react-datepicker__year-option:hover, .react-datepicker__month-option:hover, .react-datepicker__month-year-option:hover {
  background-color: #ccc;
}

.react-datepicker__year-option:hover .react-datepicker__navigation--years-upcoming, .react-datepicker__month-option:hover .react-datepicker__navigation--years-upcoming, .react-datepicker__month-year-option:hover .react-datepicker__navigation--years-upcoming {
  border-bottom-color: #b3b3b3;
}

.react-datepicker__year-option:hover .react-datepicker__navigation--years-previous, .react-datepicker__month-option:hover .react-datepicker__navigation--years-previous, .react-datepicker__month-year-option:hover .react-datepicker__navigation--years-previous {
  border-top-color: #b3b3b3;
}

.react-datepicker__year-option--selected, .react-datepicker__month-option--selected, .react-datepicker__month-year-option--selected {
  position: absolute;
  left: 15px;
}

.react-datepicker__close-icon {
  background-color: transparent;
  border: 0;
  cursor: pointer;
  outline: 0;
  padding: 0;
  vertical-align: middle;
  position: absolute;
  height: 16px;
  width: 16px;
  top: 25%;
  right: 7px;
}

.react-datepicker__close-icon::after {
  background-color: #216ba5;
  border-radius: 50%;
  bottom: 0;
  box-sizing: border-box;
  color: #fff;
  content: "\00d7";
  cursor: pointer;
  font-size: 12px;
  height: 16px;
  width: 16px;
  line-height: 1;
  margin: -8px auto 0;
  padding: 2px;
  position: absolute;
  right: 0px;
  text-align: center;
}

.react-datepicker__today-button {
  background: #f0f0f0;
  border-top: 1px solid #aeaeae;
  cursor: pointer;
  text-align: center;
  font-weight: bold;
  padding: 5px 0;
  clear: left;
}

.react-datepicker__portal {
  position: fixed;
  width: 100vw;
  height: 100vh;
  background-color: rgba(0, 0, 0, 0.8);
  left: 0;
  top: 0;
  justify-content: center;
  align-items: center;
  display: flex;
  z-index: 2147483647;
}

.react-datepicker__portal .react-datepicker__day-name, .react-datepicker__portal .react-datepicker__day, .react-datepicker__portal .react-datepicker__time-name {
  width: 3rem;
  line-height: 3rem;
}

@media (max-width: 400px), (max-height: 550px) {
  .react-datepicker__portal .react-datepicker__day-name, .react-datepicker__portal .react-datepicker__day, .react-datepicker__portal .react-datepicker__time-name {
    width: 2rem;
    line-height: 2rem;
  }
}

.react-datepicker__portal .react-datepicker__current-month, .react-datepicker__portal .react-datepicker-time__header {
  font-size: 1.44rem;
}

.react-datepicker__portal .react-datepicker__navigation {
  border: 0.81rem solid transparent;
}

.react-datepicker__portal .react-datepicker__navigation--previous {
  border-right-color: #ccc;
}

.react-datepicker__portal .react-datepicker__navigation--previous:hover {
  border-right-color: #b3b3b3;
}

.react-datepicker__portal .react-datepicker__navigation--previous--disabled, .react-datepicker__portal .react-datepicker__navigation--previous--disabled:hover {
  border-right-color: #e6e6e6;
  cursor: default;
}

.react-datepicker__portal .react-datepicker__navigation--next {
  border-left-color: #ccc;
}

.react-datepicker__portal .react-datepicker__navigation--next:hover {
  border-left-color: #b3b3b3;
}

.react-datepicker__portal .react-datepicker__navigation--next--disabled, .react-datepicker__portal .react-datepicker__navigation--next--disabled:hover {
  border-left-color: #e6e6e6;
  cursor: default;
}


.src-settings-page-PricingSettings-View-flex {
  display: flex;
  width: 100%;
}

.src-settings-page-PricingSettings-View-settings-list {
  flex: 1;
  min-height: calc(100vh - 50px);
}

.src-settings-page-PricingSettings-View-actions {
  align-items: stretch;
  padding: 24px;
  flex: 0 0 240px;
  border-left: 1px solid var(--neutral300);
}

/* Pricing Setting Wrapper */
.src-settings-page-PricingSettings-View-pricing-setting-wrapper {
  border: 1px solid var(--neutral300);
  border-radius: 4px;
  margin-bottom: 24px;
  overflow: hidden;
}

.src-settings-page-PricingSettings-View-pricing-setting-wrapper:last-child {
  margin-bottom: 0px;
}

.src-settings-page-PricingSettings-View-pricing-setting-header {
  background: var(--neutral);
  border-bottom: 1px solid var(--neutral300);
  color: #333;
  font-size: 14px;
  padding: 12px 16px;
  font-weight: bold;
  text-transform: uppercase;
}

.src-settings-page-PricingSettings-View-pricing-setting-header > span {
  display: block;
  font-size: 12px;
  font-weight: normal;
  margin-top: 4px;
  text-transform: none;
}

/* Comparison Price Type */
.src-settings-page-PricingSettings-View-comparison-radio {
  background: white;
  border-left: 1px solid var(--neutral300);
  cursor: pointer;
  display: flex;
  flex: 1 0 50%;
  padding: 16px;
}

.src-settings-page-PricingSettings-View-comparison-radio > span {
  color: var(--neutral300);
  flex: 0 0 32px;
  font-size: 20px;
  transition: color 0.2s cubic-bezier(.25,.8,.25,1);
}

.src-settings-page-PricingSettings-View-comparison-radio h4 {
  font-size: 16px;
  margin-bottom: 4px;
}

.src-settings-page-PricingSettings-View-comparison-radio p {
  font-size: 12px;
  line-height: 1.35em;
}

.src-settings-page-PricingSettings-View-comparison-radio:hover > span {
  color: var(--action);
}

.src-settings-page-PricingSettings-View-comparison-radio.src-settings-page-PricingSettings-View-selected {
  background: var(--actionLight);
}

.src-settings-page-PricingSettings-View-comparison-radio.src-settings-page-PricingSettings-View-selected > span {
  color: var(--action);
}

.src-settings-page-PricingSettings-View-comparison-radio:first-child {
  border-left: none;
}

.src-settings-page-PricingSettings-View-row {
  background: white;
  display: flex;
  justify-content: space-between;
  padding: 16px 16px 0;
}

.src-settings-page-PricingSettings-View-row:last-child {
  padding-bottom: 16px;
}

.src-settings-page-PricingSettings-View-flex.src-settings-page-PricingSettings-View-row > div:first-child {
  margin-right: 8px;
}

.src-settings-page-PricingSettings-View-flex.src-settings-page-PricingSettings-View-row > div:last-child {
  margin-left: 8px;
}

/* Marketplace Pricing Toggles */
.src-settings-page-PricingSettings-View-toggle-row {
  justify-content: space-between;
}

.src-settings-page-PricingSettings-View-toggle-wrapper {
  background: white;
  border-radius: 4px;
  border: 1px solid var(--neutral300);
  margin-bottom: 24px;
  padding: 10px 8px;
  width: calc(25% - 12px);
}

/* Extended savings radios */
.src-settings-page-PricingSettings-View-extended-savings-radios {
  background: var(--neutral100);
  padding-bottom: 6px;
}

.src-settings-page-PricingSettings-View-description {
  margin: -5px 20px 20px;
}

.src-settings-page-Setting-View-setting {
  color: #333;
  padding: 24px;
  position: relative;
}

.src-settings-page-Setting-View-setting + .src-settings-page-Setting-View-setting {
  border-top: 1px solid var(--neutral300);
}

.src-settings-page-Setting-View-description {
  margin: 8px 0 16px;
}

.src-settings-page-Setting-View-description a {
  color: var(--action);
}

.src-settings-page-Setting-View-description:last-child {
  margin-bottom: 0px;
}

.src-settings-page-Setting-View-super-admin {
  position: absolute;
  right: 20px;
  top: 25px;
  display: block;
  width: 20px;
  text-align: right;
  color: var(--neutral800);
  opacity: 0.5;
}

.src-settings-page-Setting-View-styled-title-wrapper {
  display: flex;
}

.src-settings-page-Setting-View-styled-sub-header {
  color: grey;
  margin-left: 10px;
}

.src-settings-page-GeneralSettings-View-flex {
  display: flex;
  width: 100%;
}

.src-settings-page-GeneralSettings-View-settings-list {
  flex: 1;
}

.src-settings-page-GeneralSettings-View-actions {
  align-items: stretch;
  padding: 24px;
  flex: 0 0 240px;
  border-left: 1px solid var(--neutral300);
}

.src-settings-page-GeneralSettings-View-flex-inputs {
  display: flex;
}

.src-settings-page-GeneralSettings-View-flex-inputs > * {
  flex: 1 1;
  padding-right: 16px;
}

.src-settings-page-GeneralSettings-View-flex-inputs > *:last-child {
  padding-right: 0;
}

.src-settings-page-GeneralSettings-View-flex-container {
  display: flex;
  flex-wrap: wrap;
}

.src-settings-page-GeneralSettings-View-publisher-integration-item {
  width: 100%;
  padding: 5px;
}

.src-settings-page-GeneralSettings-View-flex-container > div {
  flex: 50%;
}

/* Charge Export Settings */
.src-settings-page-GeneralSettings-View-charges {
  align-items: center;
  border: 1px solid var(--neutral300);
  border-radius: 4px;
  margin-top: 12px;
  justify-content: space-between;
}

.src-settings-page-GeneralSettings-View-charges.src-settings-page-GeneralSettings-View-enabled {
  background: var(--actionLight);
}
.src-settings-page-GeneralSettings-View-charges.src-settings-page-GeneralSettings-View-disabled {
  background: var(--accentLight);
}

.src-settings-page-GeneralSettings-View-charge-export-header {
  align-items: center;
  display: flex;
  justify-content: space-between;
  padding: 12px 12px 12px 16px;
}

.src-settings-page-GeneralSettings-View-charge-export-header > :first-child {
  flex: 0 0 auto;
  padding-right: 16px;
}

.src-settings-page-GeneralSettings-View-charge-facts {
  border-top: 1px solid var(--neutral300);
  display: flex;
  flex: 1 0 auto;
}

.src-settings-page-GeneralSettings-View-charge-facts > * {
  background: white;
  border-left: 1px solid var(--neutral300);
  min-width: 100px;
}

.src-settings-page-GeneralSettings-View-charge-facts > *:first-child {
  border-left: none;
  border-bottom-left-radius: 4px;
}

.src-settings-page-GeneralSettings-View-charge-facts > *:last-child {
  border-bottom-right-radius: 4px;
}

.src-settings-page-GeneralSettings-View-charge-facts-actions {
  padding: 15px 0;
  display: flex;
  justify-content: flex-end;
}

.src-settings-page-SchedulesSettings-View-settings-list {
  padding: 24px;
}

.src-settings-page-SchedulesSettings-View-flex {
  display: flex;
  width: 100%;
}

.src-settings-page-SchedulesSettings-View-description {
  margin-top: 8px;
}

.src-settings-page-SchedulesSettings-View-actions {
  align-items: stretch;
  padding: 0 0 24px 24px;
  flex: 0 0 216px;
}

.src-Schedule-View-schedule {
  padding-top: 20px;
}

.src-Schedule-View-schedule:nth-child(2) {
  padding-top: 8px;
}

.src-Schedule-View-content {
  flex: 1;
}

.src-Schedule-View-content > :first-child {
  position: relative;
  z-index: 2;
}

/* Sticky Schedule header and actions */
.src-Schedule-View-header {
  align-items: center;
  background-image: linear-gradient(
    to bottom,
    var(--neutral100) 0%,
    var(--neutral100) 75%,
    rgba(255, 255, 255, 0) 100%
  );
  display: flex;
  padding: 12px 0 20px;
  width: 100%;
}

.src-Schedule-View-header > :first-child {
  flex: 1;
}

.src-Schedule-View-actions {
  padding-left: 12px;
}

/* Main Schedule settings and content */
.src-Schedule-View-list {
  border: 1px solid var(--neutral300);
  border-top: none;
  border-radius: 3px;
  overflow: hidden;
}

.src-Schedule-View-date-group {
  background: var(--neutral100);
  border-top: 1px solid var(--neutral300);
  padding: 16px;
}

.src-Schedule-View-welcome-emails-wrapper .src-Schedule-View-info {
  margin: 8px 0 0;
}

.src-Schedule-View-welcome-emails-wrapper > label > :last-child {
  font-size: 15px;
}

.src-Schedule-View-welcome-emails-wrapper .src-Schedule-View-welcome-email {
  padding-top: 18px;
}

.src-Schedule-View-label {
  display: block;
  font-size: 14px;
  text-transform: uppercase;
  font-weight: bold;
  margin-bottom: 4px;
}

.src-Schedule-View-info {
  font-size: 15px;
  line-height: 1.4em;
  margin-bottom: 8px;
}

ul.src-Schedule-View-info {
  margin-top: -4px;
  margin-bottom: 12px;
}

.src-Schedule-View-not-enabled {
  background: var(--accentLight);
  border-radius: 4px;
  border: 2px solid var(--accent);
  color: var(--accent);
  display: inline-block;
  font-family: 'source-code-pro', monospace;
  font-size: 14px;
  letter-spacing: -0.03em;
  margin-top: 8px;
  padding: 8px 12px;
}

.src-Schedule-View-calculated-date {
  background: var(--actionLight);
  border-radius: 4px;
  border: 2px solid var(--action);
  color: var(--action);
  display: inline-block;
  font-family: 'source-code-pro', monospace;
  font-size: 14px;
  letter-spacing: -0.03em;
  margin-top: 8px;
  padding: 8px 12px;
}

.src-Schedule-View-need-start-dates {
  background: var(--accentLight);
  border-radius: 4px;
  border: 2px solid var(--accent);
  color: var(--accent);
  font-family: 'source-code-pro', monospace;
  font-size: 14px;
  letter-spacing: -0.03em;
  margin-top: 20px;
  padding: 8px 12px;
}

.src-Schedule-View-need-start-dates * {
  margin-right: 8px;
}

.src-Schedule-View-has-start-dates {
  background: var(--actionLight);
  border-radius: 4px;
  border: 2px solid var(--action);
  color: var(--action);
  font-family: 'source-code-pro', monospace;
  font-size: 14px;
  letter-spacing: -0.03em;
  margin-top: 20px;
  padding: 8px 12px;
}

.src-Schedule-View-has-start-dates * {
  margin-right: 8px;
}

.src-new-schedule-View-schedule {
  padding-top: 20px;
}

.src-new-schedule-View-schedule:nth-child(2) {
  padding-top: 8px;
}

.src-new-schedule-View-content {
  flex: 1;
}

.src-new-schedule-View-content > :first-child {
  position: relative;
  z-index: 2;
}

/* Sticky Schedule header and actions */
.src-new-schedule-View-header {
  align-items: center;
  background-image: linear-gradient(
    to bottom,
    var(--neutral100) 0%,
    var(--neutral100) 75%,
    rgba(255, 255, 255, 0) 100%
  );
  display: flex;
  padding: 12px 0 20px;
  width: 100%;
}

.src-new-schedule-View-header > :first-child {
  flex: 1;
}

.src-new-schedule-View-actions {
  padding-left: 12px;
}

/* Main Schedule settings and content */
.src-new-schedule-View-list {
  border: 1px solid var(--neutral300);
  border-top: none;
  border-radius: 3px;
  overflow: hidden;
}

.src-new-schedule-View-date-group {
  background: var(--neutral100);
  border-top: 1px solid var(--neutral300);
  padding: 16px;
}

.src-new-schedule-View-welcome-emails-wrapper .src-new-schedule-View-info {
  margin: 8px 0 0;
}

.src-new-schedule-View-welcome-emails-wrapper > label > :last-child {
  font-size: 15px;
}

.src-new-schedule-View-welcome-emails-wrapper .src-new-schedule-View-welcome-email {
  padding-top: 18px;
}

.src-new-schedule-View-label {
  display: block;
  font-size: 14px;
  text-transform: uppercase;
  font-weight: bold;
  margin-bottom: 4px;
}

.src-new-schedule-View-info {
  font-size: 15px;
  line-height: 1.4em;
  margin-bottom: 8px;
}

ul.src-new-schedule-View-info {
  margin-top: -4px;
  margin-bottom: 12px;
}

.src-new-schedule-View-not-enabled {
  background: var(--accentLight);
  border-radius: 4px;
  border: 2px solid var(--accent);
  color: var(--accent);
  display: inline-block;
  font-family: 'source-code-pro', monospace;
  font-size: 14px;
  letter-spacing: -0.03em;
  margin-top: 8px;
  padding: 8px 12px;
}

.src-new-schedule-View-calculated-date {
  background: var(--actionLight);
  border-radius: 4px;
  border: 2px solid var(--action);
  color: var(--action);
  display: inline-block;
  font-family: 'source-code-pro', monospace;
  font-size: 14px;
  letter-spacing: -0.03em;
  margin-top: 8px;
  padding: 8px 12px;
}

.src-new-schedule-View-need-start-dates {
  background: var(--accentLight);
  border-radius: 4px;
  border: 2px solid var(--accent);
  color: var(--accent);
  font-family: 'source-code-pro', monospace;
  font-size: 14px;
  letter-spacing: -0.03em;
  margin-top: 20px;
  padding: 8px 12px;
}

.src-new-schedule-View-need-start-dates * {
  margin-right: 8px;
}

.src-new-schedule-View-has-start-dates {
  background: var(--actionLight);
  border-radius: 4px;
  border: 2px solid var(--action);
  color: var(--action);
  font-family: 'source-code-pro', monospace;
  font-size: 14px;
  letter-spacing: -0.03em;
  margin-top: 20px;
  padding: 8px 12px;
}

.src-new-schedule-View-has-start-dates * {
  margin-right: 8px;
}

.src-settings-page-StudentTypeSettings-View-settings-list {
  min-width: 930px;
  padding: 24px;
}

.src-settings-page-StudentTypeSettings-View-flex {
  display: flex;
  width: 100%;
}

.src-settings-page-StudentTypeSettings-View-flex > div:first-child {
  flex-grow: 1;
  height: 100%;
}

.src-settings-page-StudentTypeSettings-View-description {
  margin-top: 8px;
}

.src-settings-page-StudentTypeSettings-View-description span {
  font-family: 'source-code-pro', mono;
  letter-spacing: -0.02em;
}

.src-settings-page-StudentTypeSettings-View-actions {
  display: flex;
  flex: 0 0 auto;
  padding-left: 16px;
}

.src-settings-page-StudentTypeSettings-View-types {
  margin-top: -8px;
}

.src-settings-page-StudentTypeSettings-View-card {
  border: 1px solid var(--neutral300);
  border-radius: 4px;
  margin-top: 24px;
}

/* Card Top */
.src-settings-page-StudentTypeSettings-View-card-top {
  display: flex;
  padding: 0;
  justify-content: space-between;
  padding: 16px 16px 0;
}

.src-settings-page-StudentTypeSettings-View-card-top > :first-child {
  flex-grow: 1;
}

.src-settings-page-StudentTypeSettings-View-card-top .src-settings-page-StudentTypeSettings-View-actions {
  padding-left: 8px;
  position: relative;
  top: 1px;
}

.src-settings-page-StudentTypeSettings-View-card-top .src-settings-page-StudentTypeSettings-View-actions > div {
  margin-left: 8px;
}

.src-settings-page-StudentTypeSettings-View-card-top .src-settings-page-StudentTypeSettings-View-actions button {
  height: 38px;
}

/* Card Bottom */
.src-settings-page-StudentTypeSettings-View-card-bottom {
  padding: 0 0 16px 16px;
}

.src-settings-page-StudentTypeSettings-View-card-bottom > div {
  margin-right: 16px;
  width: calc(50% - 16px);
}

.src-settings-page-StudentTypeSettings-View-card-bottom > div:first-child {
  border-bottom: 1px solid var(--neutral300);
  padding-bottom: 0;
}

.src-settings-page-StudentTypeSettings-View-card-bottom label > div {
  font-size: 12px;
}

.src-settings-page-StudentTypeSettings-View-inputs {
  background: white;
  border: 1px solid var(--neutral300);
  border-radius: 4px;
  margin-top: 16px;
}

.src-settings-page-StudentTypeSettings-View-input-row {
  display: flex;
  align-items: center;
  border-top: 1px solid var(--neutral300);
  min-height: 44px;
  padding: 0 12px;
}

.src-settings-page-StudentTypeSettings-View-input-row:first-child {
  border-top: none;
}

.src-settings-page-StudentFacingSettings-View-flex {
  display: flex;
  width: 100%;
}

.src-settings-page-StudentFacingSettings-View-settings-list {
  flex: 1;
}

.src-settings-page-StudentFacingSettings-View-actions {
  align-items: stretch;
  padding: 24px;
  flex: 0 0 240px;
  border-left: 1px solid var(--neutral300);
}

.src-settings-page-StudentFacingSettings-View-branding-wrapper {
  display: flex;
}

.src-settings-page-StudentFacingSettings-View-branding-wrapper > * {
  width: 50%;
}

.src-settings-page-StudentFacingSettings-View-colorpickers {
  display: flex;
  justify-content: center;
}

.src-settings-page-StudentFacingSettings-View-colorpickers > * {
  flex: 0 1;
  min-width: 120px;
}

.src-settings-page-StudentFacingSettings-View-colorpickers > *:nth-child(2) {
  padding: 0 16px /**/;
}

.src-settings-page-StudentFacingSettings-View-colorpicker-wrapper {
  align-content: center;
  display: flex;
  flex-direction: column;
  justify-content: center;
  text-align: center;
}

.src-settings-page-StudentFacingSettings-View-colorpicker-wrapper:first-child {
  margin-top: 0;
}

.src-settings-page-StudentFacingSettings-View-colorpicker-wrapper h5 {
  margin-bottom: 4px;
}

.src-settings-page-StudentFacingSettings-View-logopicker {
  align-items: center;
  border: 2px dashed var(--neutral300);
  border-radius: 3px;
  display: flex;
  flex-direction: column;
  justify-content: center;
  padding: 24px 16px;
}

.src-settings-page-StudentFacingSettings-View-logopicker > img {
  height: 48px;
}

.src-settings-page-StudentFacingSettings-View-logopicker > h3 {
  color: var(--neutral800);
  margin-top: 16px;
  opacity: 0.3;
  text-align: center;
}

/* Survey Preview */
.src-settings-page-StudentFacingSettings-View-survey-preview {
  background: var(--neutral100);
  border: 1px solid var(--neutral300);
  border-radius: 3px;
  margin-top: 20px;
}

.src-settings-page-StudentFacingSettings-View-survey-preview table {
  border-collapse: collapse;
  width: 100%;
}

.src-settings-page-StudentFacingSettings-View-survey-preview tr:first-child > * {
  border-bottom: 1px solid var(--neutral300);
}

.src-settings-page-StudentFacingSettings-View-survey-preview th,
.src-settings-page-StudentFacingSettings-View-survey-preview td {
  vertical-align: top;
}

.src-settings-page-StudentFacingSettings-View-survey-preview th {
  background: var(--neutral);
  color: #666;
  font-weight: bold;
  padding: 16px 8px;
  text-align: center;
}

.src-settings-page-StudentFacingSettings-View-survey-preview td {
  font-family: 'source-code-pro', monospace;
  font-size: 14px;
  padding: 16px;
}

.src-settings-page-StudentFacingSettings-View-survey-preview ul {
  padding-left: 18px;
  margin: 0;
}

.src-settings-page-StudentFacingSettings-View-comparisonToggleSpacing {
  margin-bottom: 10px;
}

.src-settings-page-CommunicationsSettings-View-flex {
  display: flex;
  width: 100%;
}

.src-settings-page-CommunicationsSettings-View-settings-list {
  flex: 1;
  min-height: calc(100vh - 50px);
}

.src-settings-page-CommunicationsSettings-View-actions {
  align-items: stretch;
  padding: 24px;
  flex: 0 0 240px;
  border-left: 1px solid var(--neutral300);
}

.src-settings-page-CommunicationsSettings-View-input-wrapper {
  align-items: center;
  background: var(--neutral100);
  border-radius: 3px;
  display: flex;
}

.src-settings-page-CommunicationsSettings-View-input-wrapper > span {
  font-family: 'source-code-pro';
  font-size: 13px;
  letter-spacing: -0.03em;
  padding: 0 12px;
}

.src-settings-page-CommunicationsSettings-View-prepend-text-wrapper textarea {
  border-radius: 0 0 4px 4px;
}

.src-settings-page-CommunicationsSettings-View-prepend {
  background: var(-neutral100);
  border: 2px dashed var(--neutral300);
  border-bottom: none;
  border-radius: 4px 4px 0 0;
  font-family: 'source-code-pro', monospace;
  font-size: 14px;
  letter-spacing: -0.03em;
  padding: 8px;
  line-height: 1.4em;
}

.src-settings-page-CommunicationsSettings-View-prepend > span {
  display: block;
  height: 8px;
  width: 100%;
}

.src-shared-Importer-View-flex {
  display: flex;
  width: 100%;
}

.src-shared-Importer-View-settings-list {
  flex: 1;
  overflow: auto;
}

.src-shared-Importer-View-loader-wrapper {
  text-align: center;
  padding: 24px 0;
}

.src-shared-Importer-View-loader-wrapper > * {
  display: inline-block;
}

.src-shared-Importer-View-table-wrapper {
  border-radius: 2px;
  box-shadow: 0 0.5px 1.5px rgba(34, 44, 56, 0.09), 0 0.5px 1px rgba(34, 44, 56, 0.18);
  margin-bottom: 20px;
  overflow-x: scroll;
}

.src-shared-Importer-View-example {
  border-collapse: collapse;
  width: 100%;
}

.src-shared-Importer-View-example th,
.src-shared-Importer-View-example td {
  padding: 12px;
  text-align: left;
}

.src-shared-Importer-View-example th {
  background: var(--neutral);
  color: #666;
  font-size: 12px;
  font-weight: bold;
  text-transform: uppercase;
}

.src-shared-Importer-View-example td {
  border-right: 1px solid var(--neutral);
  font-family: 'source-code-pro', monospace;
  font-size: 13px;
  vertical-align: top;
}

.src-shared-Importer-View-example td:last-child {
  border-right: none;
}

.src-shared-Importer-View-example td.src-shared-Importer-View-valid,
.src-shared-Importer-View-example td.src-shared-Importer-View-error {
  font-family: 'proxima-nova', sans-serif;
  font-weight: bold;
  text-transform: uppercase;
}

.src-shared-Importer-View-example td.src-shared-Importer-View-error {
  background: var(--accentLight);
  color: var(--accent);
}

.src-shared-Importer-View-example td.src-shared-Importer-View-error span {
  white-space: nowrap;
  display: block;
  margin-bottom: 5px;
}

.src-shared-Importer-View-example td.src-shared-Importer-View-valid {
  background: var(--actionLight);
  color: var(--action);
}

.src-shared-Importer-View-drop-content {
  cursor: pointer;
  display: flex;
  flex-direction: column;
}

.src-shared-Importer-View-drop-content h3,
.src-shared-Importer-View-drop-icon {
  color: var(--neutral800);
  opacity: 0.3;
}

.src-shared-Importer-View-drop-icon {
  font-size: 36px;
  margin-bottom: 8px;
}

.src-shared-Importer-View-drop-content h3.src-shared-Importer-View-active-file {
  color: #333;
  font-family: 'source-code-pro';
  font-weight: normal;
  opacity: 1;
  text-transform: none;
}

.src-shared-Importer-View-actions {
  align-items: stretch;
  padding: 24px;
  flex: 0 0 240px;
  border-left: 1px solid var(--neutral300);
}

.src-shared-Setting-View-setting {
  color: #333;
  padding: 24px;
}

.src-shared-Setting-View-setting + .src-shared-Setting-View-setting {
  border-top: 1px solid var(--neutral300);
}

.src-shared-Setting-View-description {
  margin: 8px 0 16px;
}

.src-shared-Setting-View-description a {
  color: var(--action);
}

.src-shared-Setting-View-description:last-child {
  margin-bottom: 0px;
}

.src-settings-page-CatalogSettings-View-flex {
  display: flex;
  width: 100%;
}

.src-settings-page-CatalogSettings-View-settings-list {
  flex: 1;
  overflow: auto;
}

.src-settings-page-CatalogSettings-View-actions {
  align-items: stretch;
  padding: 24px;
  flex: 0 0 240px;
  border-left: 1px solid var(--neutral300);
}

.src-settings-page-CatalogSettings-View-notice-wrapper {
  margin-top: 16px;
}

.src-settings-page-ChargeAndEnrollmentSetup-View-flex {
  display: flex;
  width: 100%;
}

.src-settings-page-ChargeAndEnrollmentSetup-View-settings-list {
  flex: 1;
}

.src-settings-page-ChargeAndEnrollmentSetup-View-actions {
  align-items: stretch;
  padding: 24px;
  flex: 0 0 240px;
  border-left: 1px solid var(--neutral300);
}

.src-settings-page-ChargeAndEnrollmentSetup-View-charge-export-header {
  align-items: center;
  display: flex;
  flex-wrap: wrap;
  justify-content: space-between;
  margin: -8px 0;
}

.src-settings-page-ChargeAndEnrollmentSetup-View-charge-export-header > :first-child {
  flex: 0 0 auto;
}

.src-settings-page-ChargeAndEnrollmentSetup-View-notice-wrapper {
  padding-top: 24px;
}

.src-settings-page-ChargeAndEnrollmentSetup-View-notice-wrapper.src-settings-page-ChargeAndEnrollmentSetup-View-padded {
  padding: 24px 24px 0;
}

.src-settings-page-ChargeAndEnrollmentSetup-View-email-sample-button {
  height: 36px;
  margin: 8px 0 16px;
}

.src-settings-page-ChargeAndEnrollmentSetup-View-enrollment-settings {
  border-collapse: collapse;
  width: 100%;
}

.src-settings-page-ChargeAndEnrollmentSetup-View-enrollment-settings th,
.src-settings-page-ChargeAndEnrollmentSetup-View-enrollment-settings td {
  padding: 12px;
  text-align: left;
}

.src-settings-page-ChargeAndEnrollmentSetup-View-enrollment-settings th {
  background: var(--neutral);
  color: #666;
  font-size: 12px;
  font-weight: bold;
  text-transform: uppercase;
}

.src-settings-page-ChargeAndEnrollmentSetup-View-enrollment-settings td {
  border-bottom: 1px solid var(--neutral);
  font-family: 'source-code-pro', monospace;
  font-size: 13px;
  vertical-align: middle;
}

.src-settings-page-ChargeAndEnrollmentSetup-View-enrollment-settings tr:last-child td {
  border-bottom: none;
}

.src-settings-page-ChargeAndEnrollmentSetup-View-enrollment-settings td.src-settings-page-ChargeAndEnrollmentSetup-View-label {
  font-family: 'proxima-nova', sans-serif;
  font-weight: bold;
  padding-right: 0px;
  text-transform: uppercase;
  width: 186px;
}

.src-settings-page-ChargeAndEnrollmentSetup-View-table-wrapper {
  border-radius: 2px;
  box-shadow: 0 0.5px 1.5px rgba(34, 44, 56, 0.09), 0 0.5px 1px rgba(34, 44, 56, 0.18);
  margin-bottom: 20px;
  overflow-x: scroll;
}

.src-settings-page-LmsCourseMatchImport-View-flex {
  display: flex;
  width: 100%;
}

.src-settings-page-LmsCourseMatchImport-View-settings-list {
  flex: 1;
  overflow: auto;
}

.src-settings-page-LmsCourseMatchImport-View-loader-wrapper {
  text-align: center;
  padding: 24px 0;
}

.src-settings-page-LmsCourseMatchImport-View-loader-wrapper > * {
  display: inline-block;
}

.src-settings-page-LmsCourseMatchImport-View-table-wrapper {
  border-radius: 2px;
  box-shadow: 0 0.5px 1.5px rgba(34, 44, 56, 0.09), 0 0.5px 1px rgba(34, 44, 56, 0.18);
  margin-bottom: 20px;
  overflow-x: scroll;
}

.src-settings-page-LmsCourseMatchImport-View-example {
  border-collapse: collapse;
  width: 100%;
}

.src-settings-page-LmsCourseMatchImport-View-example th,
.src-settings-page-LmsCourseMatchImport-View-example td {
  padding: 12px;
  text-align: left;
}

.src-settings-page-LmsCourseMatchImport-View-example th {
  background: var(--neutral);
  color: #666;
  font-size: 12px;
  font-weight: bold;
  text-transform: uppercase;
}

.src-settings-page-LmsCourseMatchImport-View-example td {
  border-right: 1px solid var(--neutral);
  border-top: 1px solid var(--neutral);
  font-family: 'source-code-pro', monospace;
  font-size: 13px;
  vertical-align: top;
  max-width: 20ex;
  overflow: hidden;
}

.src-settings-page-LmsCourseMatchImport-View-example td.src-settings-page-LmsCourseMatchImport-View-row-num {
  color: #777;
  text-align: right;
}

tr.src-settings-page-LmsCourseMatchImport-View-valid td.src-settings-page-LmsCourseMatchImport-View-row-num:after {
  font-family: FontAwesome;
  padding-left: 5px;
  content: '\f00c';
  color: var(--action);
}

tr.src-settings-page-LmsCourseMatchImport-View-valid td {
  /* successful rows can be more compact */
  white-space: nowrap;
}

tr.src-settings-page-LmsCourseMatchImport-View-warning > td.src-settings-page-LmsCourseMatchImport-View-row-num:after {
  font-family: FontAwesome;
  padding-left: 5px;
  content: '\f127';
  color: var(--secondary);
}

tr.src-settings-page-LmsCourseMatchImport-View-error > td.src-settings-page-LmsCourseMatchImport-View-row-num:after {
  font-family: FontAwesome;
  padding-left: 5px;
  content: '\f071';
  color: var(--accent);
}

.src-settings-page-LmsCourseMatchImport-View-example tr {
  max-height: 40px;
  overflow: hidden;
}

.src-settings-page-LmsCourseMatchImport-View-example tr td:nth-child(5),
.src-settings-page-LmsCourseMatchImport-View-example tr td:nth-child(6) {
  max-width: 20ex;
}

.src-settings-page-LmsCourseMatchImport-View-example td:last-child {
  border-right: none;
}

.src-settings-page-LmsCourseMatchImport-View-example tr td.src-settings-page-LmsCourseMatchImport-View-status {
  color: var(--secondary);
  font-size: 14px;
  font-family: source-code-pro;
  font-weight: normal;
}

.src-settings-page-LmsCourseMatchImport-View-example tr.src-settings-page-LmsCourseMatchImport-View-error .src-settings-page-LmsCourseMatchImport-View-status {
  background: var(--accentLight);
  color: var(--accent);
  border-color: var(--accent);
  background-image: linear-gradient(#fff, var(--accentLight));
}

.src-settings-page-LmsCourseMatchImport-View-example tr.src-settings-page-LmsCourseMatchImport-View-warning .src-settings-page-LmsCourseMatchImport-View-status {
  background: var(--secondaryLight);
  color: var(--secondary);
  border-color: var(--secondary);
  background-image: linear-gradient(#fff, var(--secondaryLight));
}

.src-settings-page-LmsCourseMatchImport-View-example tr.src-settings-page-LmsCourseMatchImport-View-valid .src-settings-page-LmsCourseMatchImport-View-status {
  background: var(--actionLight);
  color: var(--action);
}

.src-settings-page-LmsCourseMatchImport-View-status span {
  display: block;
}

.src-settings-page-LmsCourseMatchImport-View-drop-content {
  cursor: pointer;
  display: flex;
  flex-direction: column;
}

.src-settings-page-LmsCourseMatchImport-View-drop-content h3,
.src-settings-page-LmsCourseMatchImport-View-drop-icon {
  color: var(--neutral800);
  opacity: 0.3;
}

.src-settings-page-LmsCourseMatchImport-View-drop-icon {
  font-size: 36px;
  margin-bottom: 8px;
}

.src-settings-page-LmsCourseMatchImport-View-drop-content h3.src-settings-page-LmsCourseMatchImport-View-active-file {
  color: #333;
  font-family: 'source-code-pro';
  font-weight: normal;
  opacity: 1;
  text-transform: none;
}

.src-settings-page-LmsCourseMatchImport-View-actions {
  align-items: stretch;
  padding: 24px;
  flex: 0 0 240px;
  border-left: 1px solid var(--neutral300);
}

.src-settings-page-FirstDaySettings-View-flex {
  display: flex;
  width: 100%;
}

.src-settings-page-FirstDaySettings-View-settings-list {
  flex: 1;
}

.src-settings-page-FirstDaySettings-View-actions {
  align-items: stretch;
  padding: 24px;
  flex: 0 0 240px;
  border-left: 1px solid var(--neutral300);
}

.src-settings-page-FirstDaySettings-View-flex-inputs {
  display: flex;
}

.src-settings-page-FirstDaySettings-View-flex-inputs > * {
  flex: 1 1;
  padding-right: 16px;
}

.src-settings-page-FirstDaySettings-View-flex-inputs > *:last-child {
  padding-right: 0;
}

/* Charge Export Settings */
.src-settings-page-FirstDaySettings-View-charges {
  align-items: center;
  border: 1px solid var(--neutral300);
  border-radius: 4px;
  margin-top: 12px;
  justify-content: space-between;
}

.src-settings-page-FirstDaySettings-View-charges.src-settings-page-FirstDaySettings-View-enabled {
  background: var(--actionLight);
}
.src-settings-page-FirstDaySettings-View-charges.src-settings-page-FirstDaySettings-View-disabled {
  background: var(--accentLight);
}

.src-settings-page-FirstDaySettings-View-charge-export-header {
  align-items: center;
  display: flex;
  justify-content: space-between;
  padding: 12px 12px 12px 16px;
}

.src-settings-page-FirstDaySettings-View-charge-export-header > :first-child {
  flex: 0 0 auto;
  padding-right: 16px;
}

.src-settings-page-FirstDaySettings-View-charge-facts {
  border-top: 1px solid var(--neutral300);
  display: flex;
  flex: 1 0 auto;
}

.src-settings-page-FirstDaySettings-View-charge-facts > * {
  background: white;
  border-left: 1px solid var(--neutral300);
  min-width: 100px;
}

.src-settings-page-FirstDaySettings-View-charge-facts > *:first-child {
  border-left: none;
  border-bottom-left-radius: 4px;
}

.src-settings-page-FirstDaySettings-View-charge-facts > *:last-child {
  border-bottom-right-radius: 4px;
}

.src-settings-page-FirstDaySettings-View-charge-facts-actions {
  padding: 15px 0;
  display: flex;
  justify-content: flex-end;
}

.src-settings-page-FirstDaySettings-View-notice-wrapper {
  margin-top: 16px;
}

.src-settings-page-FirstDaySettings-View-email-sample-button {
  height: 36px;
  margin: 8px 0 16px;
}

.src-settings-page-FirstDaySettings-View-publisher-integration-item {
  width: 100%;
  padding: 5px;
}

.src-settings-page-FirstDaySettings-View-flex-container {
  display: flex;
  flex-wrap: wrap;
}

.src-settings-page-FirstDaySettings-View-flex-container > div {
  flex: 50%;
}

/* Schedule List */
.src-statements-page-StatementList-View-schedule-list,
.src-statements-page-StatementList-View-schedule {
  margin: 0;
  padding: 0;
}

.src-statements-page-StatementList-View-schedule-list {
  list-style: none;
}

/* Schedule List */
.src-statements-page-Schedule-View-schedule-list,
.src-statements-page-Schedule-View-schedule {
  margin: 0;
  padding: 0;
}

.src-statements-page-Schedule-View-schedule-list {
  list-style: none;
}

.src-statements-page-Schedule-View-schedule {
  background: white;
  border: 1px solid var(--neutral300);
  border-radius: 4px;
  margin-top: 16px;
}

.src-statements-page-Schedule-View-schedule:first-child {
  margin-top: 24px;
}

.src-statements-page-Schedule-View-schedule:last-child {
  margin-bottom: 0;
}

.src-statements-page-Schedule-View-schedule-header {
  align-items: center;
  display: flex;
  justify-content: space-between;
  min-height: 80px;
}

.src-statements-page-Schedule-View-schedule-header h3 {
  padding: 22px;
}

/* Statement List */
.src-statements-page-Schedule-View-statement-list {
  list-style: none;
  padding: 0;
}

.src-statements-page-Schedule-View-loading-pending,
.src-statements-page-Schedule-View-no-pending {
  align-items: center;
  display: flex;
  flex: 0 0 230px;
  justify-content: center;
  text-align: center;
}

.src-statements-page-Schedule-View-loading-pending > div > div {
  padding: 0;
}

.src-statements-page-Schedule-View-no-pending {
  padding: 16px;
}

.src-statements-page-Schedule-View-no-pending h4 {
  color: #777;
  display: inline;
  font-size: 14px;
}

.src-statements-page-Schedule-View-no-pending h4 span {
  color: #aaa;
  display: block;
  font-size: 26px;
  margin-bottom: 6px;
}

/* General Statement Styles – To Componentize */
.src-statements-page-PendingQueue-View-statement {
  border-top: 4px solid var(--neutral300);
  display: flex;
  padding-left: 24px;
  position: relative;
  width: 100%;
}

.src-statements-page-PendingQueue-View-statement:nth-last-child(2) {
  /* nth-last-child(2) instead of last since potential invoices/credits below create an empty <div> */
  border-radius: 0 0 4px 4px;
}

.src-statements-page-PendingQueue-View-statement:last-child .src-statements-page-PendingQueue-View-statement-actions {
  border-radius: 0 0 4px 0;
}

.src-statements-page-PendingQueue-View-statement-data {
  background: white;
  display: flex;
  flex-direction: column;
  flex-grow: 1;
}

.src-statements-page-PendingQueue-View-statement-summary {
  display: flex;
  flex-grow: 1;
}

.src-statements-page-PendingQueue-View-statement-summary > div:last-child {
  margin-bottom: -4px;
  top: -4px;
}

.src-statements-page-PendingQueue-View-statement-meta {
  display: flex;
  flex-direction: column;
  flex-grow: 2;
  justify-content: center;
  min-height: 120px;
  padding: 16px;
}

/* Statement Badge – To Componentize */
.src-statements-page-PendingQueue-View-statement-badge {
  display: flex;
  align-items: center;
  color: white;
  height: 36px;
  font-size: 15px;
  left: -40px;
  max-width: 320px;
  margin-bottom: 6px;
  padding: 0 12px 0 20px;
  position: relative;
  width: calc(100% + 40px);
}

.src-statements-page-PendingQueue-View-statement-badge > span {
  margin-right: 8px;
  color: white;
}

.src-statements-page-PendingQueue-View-statement-badge:after {
  border-bottom: 18px solid transparent;
  border-right: 18px solid white;
  border-top: 18px solid transparent;
  content: '';
  position: absolute;
  right: -5px;
  top: 0;
  transform: scale(0.5, 1);
}

/* Statement Actions – To Componentize */
.src-statements-page-PendingQueue-View-statement-actions {
  flex: 0 0 230px;
  padding: 16px;
}

.src-statements-page-PendingQueue-View-statement-actions .src-statements-page-PendingQueue-View-issue-message {
  color: #777;
  font-size: 12px;
  font-weight: bold;
  line-height: 1.5em;
  padding-top: 12px;
  text-align: center;
  text-transform: uppercase;
}

.src-statements-page-PendingQueue-View-statement-actions .src-statements-page-PendingQueue-View-issue-message .src-statements-page-PendingQueue-View-help-link {
  cursor: pointer;
  display: block;
  text-decoration: underline;
  transition: color -0.2s cubic-bezier(.25,.8,.25,1);
}

.src-statements-page-PendingQueue-View-statement-actions .src-statements-page-PendingQueue-View-issue-message .src-statements-page-PendingQueue-View-help-link:hover {
  color: var(--main);
}

/* Statement Details – Currently Pending Queue Only */
.src-statements-page-PendingQueue-View-statement-details {
  max-height: 0;
  overflow: hidden;
}

.src-statements-page-PendingQueue-View-statement-details.src-statements-page-PendingQueue-View-expanded {
  max-height: 100000px;
}

/* Pending-Specific Styles */
.src-statements-page-PendingQueue-View-statement.src-statements-page-PendingQueue-View-pending {
  background: var(--secondaryLight);
}

.src-statements-page-PendingQueue-View-statement.src-statements-page-PendingQueue-View-pending .src-statements-page-PendingQueue-View-statement-badge {
  background: var(--main);
}

.src-statements-page-PendingQueue-View-statement.src-statements-page-PendingQueue-View-pending .src-statements-page-PendingQueue-View-statement-actions {
  background: var(--secondaryLight);
}

.src-statements-page-PendingItemList-View-statement-items {
  list-style: none;
  padding: 0;
}

/* Statement Item */
.src-statements-page-PendingItem-View-statement-item {
  border-top: 2px solid var(--neutral);
  display: flex;
  flex-wrap: wrap;
  padding-bottom: 8px;
}

.src-statements-page-PendingItem-View-statement-item > div:first-child {
  align-items: flex-start;
  display: flex;
  flex: 0 0 50%;
  padding: 16px;
}

.src-statements-page-PendingItem-View-statement-item > div:first-child {
  padding: 16px;
}

.src-statements-page-PendingItem-View-statement-item > div:last-child {
  top: -2px;
}

.src-statements-page-PendingItem-View-statement-item > div:last-child > div {
  border-width: 2px;
}

.src-statements-page-TopLevelStats-View-top-level-stats {
  display: flex;
  flex: 0 0 50%;
  position: relative;
}

.src-statements-page-TopLevelStats-View-top-level-stats > div {
  align-items: center;
  display: flex;
  flex: 1 0 calc(100% / 3);
  justify-content: center;
}

/* Top stats get same height regardless of whether they have breakdown */
.src-statements-page-TopLevelStats-View-top-level-stats > div > span {
  padding-bottom: 16px;
  position: relative;
  width: 120px;
}

.src-statements-page-TopLevelStats-View-breakdown {
  border-radius: 3px;
  bottom: 0;
  color: #666;
  font-size: 12px;
  height: 12px;
  left: -10px;
  line-height: 1em;
  position: absolute;
  width: 140px;
}

.src-statements-page-TopLevelStats-View-breakdown > span {
  display: inline-block;
  width: 60px;
}

.src-statements-page-TopLevelStats-View-breakdown span.src-statements-page-TopLevelStats-View-separator {
  color: #aaa;
  text-align: center;
  width: 20px;
}

.src-statements-page-TopLevelStats-View-breakdown > div:first-child > span {
  text-align: right;
}

.src-statements-page-TopLevelStats-View-breakdown > div:first-child > span {
  text-align: left;
}

.src-statements-page-TopLevelStats-View-breakdown > div > span > span {
  font-size: 10px;
  margin-right: 4px;
}

.src-statements-page-TopLevelStats-View-breakdown > div:first-child > span > span {
  color: var(--action);
}

.src-statements-page-TopLevelStats-View-breakdown > div:last-child > span > span {
  color: var(--main);
}



/* General Statement Styles – To Componentize */
.src-statements-page-IssuedCredit-View-statement {
  border-top: 4px solid var(--neutral300);
  display: flex;
  padding-left: 24px;
  position: relative;
  width: 100%;
}

.src-statements-page-IssuedCredit-View-statement:last-child {
  border-radius: 0 0 4px 4px;
}

.src-statements-page-IssuedCredit-View-statement:last-child .src-statements-page-IssuedCredit-View-statement-actions {
  border-radius: 0 0 4px 0;
}

.src-statements-page-IssuedCredit-View-statement-data {
  background: white;
  flex-grow: 1;
}

.src-statements-page-IssuedCredit-View-statement-summary {
  display: flex;
  flex-grow: 1;
}

.src-statements-page-IssuedCredit-View-statement-summary > div:last-child {
  top: -4px;
}

.src-statements-page-IssuedCredit-View-statement-meta {
  display: flex;
  flex-direction: column;
  flex-grow: 2;
  justify-content: center;
  min-height: 120px;
  padding: 16px;
}

/* Statement Badge – To Componentize */
.src-statements-page-IssuedCredit-View-statement-badge {
  display: flex;
  align-items: center;
  color: white;
  height: 36px;
  font-size: 15px;
  left: -40px;
  max-width: 320px;
  margin-bottom: 6px;
  padding: 0 12px 0 20px;
  position: relative;
  width: calc(100% + 40px);
}

.src-statements-page-IssuedCredit-View-statement-badge > span {
  margin-right: 8px;
  color: white;
}

.src-statements-page-IssuedCredit-View-statement-badge:after {
  border-bottom: 18px solid transparent;
  border-right: 18px solid white;
  border-top: 18px solid transparent;
  content: '';
  position: absolute;
  right: -5px;
  top: 0;
  transform: scale(0.5, 1);
}

/* Statement Actions – To Componentize */
.src-statements-page-IssuedCredit-View-statement-actions {
  flex: 0 0 230px;
  padding: 16px;
}

/* IssuedInvoice-Specific Styles */
.src-statements-page-IssuedCredit-View-statement.src-statements-page-IssuedCredit-View-credit {
  background: var(--accentLight);
}

.src-statements-page-IssuedCredit-View-statement.src-statements-page-IssuedCredit-View-credit .src-statements-page-IssuedCredit-View-statement-badge {
  background: var(--accent);
}

.src-statements-page-IssuedCredit-View-statement.src-statements-page-IssuedCredit-View-credit .src-statements-page-IssuedCredit-View-statement-actions {
  background: var(--accentLight);
}

/* Top-Level Stats */
.src-statements-page-IssuedCredit-View-top-level-stats {
  display: flex;
  flex: 0 0 50%;
  position: relative;
  top: -4px;
}

.src-statements-page-IssuedCredit-View-top-level-stats > div {
  align-items: center;
  display: flex;
  flex: 1 0 calc(100% / 3);
  justify-content: center;
}

/* General Statement Styles – To Componentize */
.src-statements-page-IssuedInvoice-View-statement {
  border-top: 4px solid var(--neutral300);
  display: flex;
  padding-left: 24px;
  position: relative;
  width: 100%;
}

.src-statements-page-IssuedInvoice-View-statement:last-child {
  border-radius: 0 0 4px 4px;
}

.src-statements-page-IssuedInvoice-View-statement:last-child .src-statements-page-IssuedInvoice-View-statement-actions {
  border-radius: 0 0 4px 0;
}

.src-statements-page-IssuedInvoice-View-statement-data {
  background: white;
  flex-grow: 1;
}

.src-statements-page-IssuedInvoice-View-statement-summary {
  display: flex;
  flex-grow: 1;
}

.src-statements-page-IssuedInvoice-View-statement-summary > div:last-child {
  top: -4px;
}

.src-statements-page-IssuedInvoice-View-statement-meta {
  display: flex;
  flex-direction: column;
  flex-grow: 2;
  justify-content: center;
  min-height: 120px;
  padding: 16px;
}

/* Statement Badge – To Componentize */
.src-statements-page-IssuedInvoice-View-statement-badge {
  display: flex;
  align-items: center;
  color: white;
  height: 36px;
  font-size: 15px;
  left: -40px;
  max-width: 320px;
  margin-bottom: 6px;
  padding: 0 12px 0 20px;
  position: relative;
  width: calc(100% + 40px);
}

.src-statements-page-IssuedInvoice-View-statement-badge > span {
  margin-right: 8px;
  color: white;
}

.src-statements-page-IssuedInvoice-View-statement-badge:after {
  border-bottom: 18px solid transparent;
  border-right: 18px solid white;
  border-top: 18px solid transparent;
  content: '';
  position: absolute;
  right: -5px;
  top: 0;
  transform: scale(0.5, 1);
}

/* Statement Actions – To Componentize */
.src-statements-page-IssuedInvoice-View-statement-actions {
  flex: 0 0 230px;
  padding: 16px;
}

/* IssuedInvoice-Specific Styles */
.src-statements-page-IssuedInvoice-View-statement.src-statements-page-IssuedInvoice-View-invoice {
  background: var(--actionLight);
}

.src-statements-page-IssuedInvoice-View-statement.src-statements-page-IssuedInvoice-View-invoice .src-statements-page-IssuedInvoice-View-statement-badge {
  background: var(--action);
}

.src-statements-page-IssuedInvoice-View-statement.src-statements-page-IssuedInvoice-View-invoice .src-statements-page-IssuedInvoice-View-statement-actions {
  background: var(--actionLight);
}

/* Top-Level Stats */
.src-statements-page-IssuedInvoice-View-top-level-stats {
  display: flex;
  flex: 0 0 50%;
  position: relative;
  top: -4px;
}

.src-statements-page-IssuedInvoice-View-top-level-stats > div {
  align-items: center;
  display: flex;
  flex: 1 0 calc(100% / 3);
  justify-content: center;
}






.src-students-page-StudentsList-View-students {
  margin: 8px 0 12px;
}


.src-students-page-StudentInfo-View-student {
  background: white;
  border: 1px solid var(--neutral300);
  border-radius: 4px;
  display: flex;
  margin-top: 16px;
}

.src-students-page-StudentInfo-View-student-data {
  flex: 1 1 auto;
  padding: 16px;
}

.src-students-page-StudentInfo-View-student-data h3 {
  cursor: pointer;
}

.src-students-page-StudentInfo-View-student-data h3:hover {
  color: var(--action);
  transition: color 0.2s cubic-bezier(.25,.8,.25,1);
}

.src-students-page-StudentInfo-View-student-actions {
  flex: 0 0 202px;
  padding: 16px;
}

.src-students-page-StudentInfo-View-student-actions button {
  width: 170px;
}

.src-students-page-StudentInfo-View-portal-icon {
  display: inline-block;
  height: 15px;
  margin: -1px 6px -2px 0;
  position: relative;
  top: 2px;
  width: auto;
}

.src-students-page-StudentsList-NoStudentsFound-View-wrapper {
  padding: 80px 40px;
  text-align: center;
}

.src-students-page-StudentsList-NoStudentsFound-View-title {
  font-size: 21px;
  margin: 0 0 24px 0;
  text-align: center;
  text-transform: uppercase;
}

.src-students-page-StudentsList-DefaultStudentPage-View-wrapper {
  padding: 80px 40px;
  text-align: center;
}

.src-students-page-StudentsList-DefaultStudentPage-View-title {
  font-size: 21px;
  margin: 0 0 24px 0;
  text-align: center;
  text-transform: uppercase;
}

.src-students-page-EmailDialog-View-form {
  flex: 1;
  padding: 20px;
}

.src-students-page-EmailDialog-View-form .src-students-page-EmailDialog-View-info {
  font-size: 15px;
  line-height: 1.4em;
  margin-bottom: 16px;
}

.src-students-page-EmailDialog-View-button-wrapper {
  position: fixed;
  width: 239px;
  padding: 16px;
  z-index: 1;
  border-bottom: 1px solid var(--neutral300);
  background: var(--neutral100);
}

.src-students-page-EmailDialog-View-info-wrapper {
  width: 100%;
  font-size: 14px;
  line-height: 1.35em;
  flex-direction: column;
  flex: 0 0 240px;
  padding-top: 72px;
  position: relative;
}

.src-students-page-EmailDialog-View-info-wrapper .src-students-page-EmailDialog-View-text {
  padding: 12px 16px;
}

.src-students-page-EmailDialog-View-course {
  border-top: 1px solid var(--neutral300);
  font-size: 13px;
  font-weight: bold;
  padding: 10px 16px 10px;
}

.src-students-page-EmailDialog-View-course:last-child {
  border-bottom: 1px solid var(--neutral300);
  margin-bottom: 20px;
}

.src-students-page-StudentDialog-View-student {
  background: var(--neutral100);
  width: 100%;
}

.src-students-page-StudentDialog-View-student > * > *:first-child {
  padding-left: 16px;
}

.src-students-page-StudentForm-View-data {
  padding: 16px;
}

.src-students-page-StudentForm-View-badges {
  margin-top: 6px;
}

.src-students-page-StudentForm-View-row {
  display: flex;
  align-items: center;
}

.src-students-page-StudentForm-View-wrapper {
  margin-right: 16px;
  display: flex;
  width: 100%;
}

.src-students-page-StudentForm-View-column {
  flex: 1;
}

.src-students-page-StudentForm-View-column + .src-students-page-StudentForm-View-column {
 padding-left: 24px;
}

.src-students-page-StudentForm-View-column > * {
 margin-top: 12px;
}

.src-students-page-StudentForm-View-id-wrapper > * {
  margin: 0;
}

/* Note */
.src-students-page-StudentForm-View-description {
  border-radius: 4px;
  border: 1px solid var(--neutral300);
  display: flex;
  font-size: 13px;
  line-height: 1.5em;
  margin-top: 16px;
  background: var(--neutral300, #D9DEE6);
}

.src-students-page-StudentForm-View-description > * {
  min-width: 64px;
  margin-top: 16px;
  justify-content: center;
  display: flex;
}

.src-students-page-StudentForm-View-icon {
  align-items: center;
  background: var(--neutral100);
  border-radius: 4px 0 0 4px;
  color: var(--neutral800);
  display: flex;
  font-size: 32px;
  justify-content: center;
}

.src-students-page-StudentForm-View-icon > span {
  opacity: 0.5;
}

.src-students-page-StudentForm-View-description p {
  margin-top: -16px;
  font-size: 14px;
  line-height: 1.5em;
  margin-bottom: 16px;
  font-family: Roboto;
  color: #000000;
}

.src-students-page-StudentForm-View-spacer {
  min-height:40px;
  min-width: 40px;
}

.src-students-page-StudentLicense-View-section + .src-students-page-StudentLicense-View-section {
  border-top: 1px solid var(--neutral300);
}

.src-students-page-StudentLicense-View-section-header {
  font-size: 15px;
  padding: 16px;
}

.src-students-page-StudentLicense-StudentItemCard-Charge-View-charge,
.src-students-page-StudentLicense-StudentItemCard-Charge-View-refund {
  border-left: 1px solid var(--neutral300);
  font-weight: bold;
  margin-left: 12px;
  padding-bottom: 12px;
  padding-left: 24px;
  position: relative;
  text-transform: uppercase;
}

.src-students-page-StudentLicense-StudentItemCard-Charge-View-charge:last-child,
.src-students-page-StudentLicense-StudentItemCard-Charge-View-refund:last-child {
  border-left: none;
  padding-bottom: 0px;
}

.src-students-page-StudentLicense-StudentItemCard-Charge-View-charge span,
.src-students-page-StudentLicense-StudentItemCard-Charge-View-refund span {
  color: #666;
  display: block;
  font-size: 11px;
  margin-top: 4px;
}

.src-students-page-StudentLicense-StudentItemCard-Charge-View-node {
  border-width: 1px;
  border-style: solid;
  border-radius: 200px;
  color: white;
  font-size: 11px;
  height: 24px;
  left: -12px;
  line-height: 24px;
  position: absolute;
  text-align: center;
  top: 0;
  width: 24px;
}

.src-students-page-StudentLicense-StudentItemCard-Charge-View-charge .src-students-page-StudentLicense-StudentItemCard-Charge-View-node {
  background: var(--actionLight);
  border-color: var(--action);
  color: var(--action);
}

.src-students-page-StudentLicense-StudentItemCard-Charge-View-charge .src-students-page-StudentLicense-StudentItemCard-Charge-View-node:before {
  content: '\f067';
  font-family: FontAwesome;
}

.src-students-page-StudentLicense-StudentItemCard-Charge-View-refund .src-students-page-StudentLicense-StudentItemCard-Charge-View-node {
  background: var(--accentLight);
  border-color: var(--accent);
  color: var(--accent);
}

.src-students-page-StudentLicense-StudentItemCard-Charge-View-refund .src-students-page-StudentLicense-StudentItemCard-Charge-View-node:before {
  content: '\f068';
  font-family: FontAwesome;
}

.src-students-page-StudentLicense-StudentItemCard-View-item {
  background-color: white;
  border-radius: 4px;
  box-shadow: 0 1px 3px 0 rgba(0, 0, 0, 0.2);
  display: flex;
  margin: 16px;
}

.src-students-page-StudentLicense-StudentItemCard-View-item-disabled {
  opacity: 0.5;
}

/* Item Data Styles */
.src-students-page-StudentLicense-StudentItemCard-View-data {
  flex-grow: 1;
  padding: 16px;
}

.src-students-page-StudentLicense-StudentItemCard-View-data > div:last-child {
  padding: 0;
}

/* Reduce 24px margin on standard item cover */
.src-students-page-StudentLicense-StudentItemCard-View-data > div:last-child > div:first-child {
  margin-right: 16px;
}

/* Item Action/Charges Column Styles */
.src-students-page-StudentLicense-StudentItemCard-View-actions {
  display: flex;
  flex-direction: column;
  gap: 16px;
  flex: 0 0 208px;
  padding: 16px;
}

.src-students-page-StudentLicense-StudentItemCard-View-right-col{
  flex: 0 0 208px;
}

.src-students-page-StudentLicense-StudentItemCard-View-ea-actions {
  flex: 0 0 208px;
  padding: 16px;
}

.src-students-page-StudentLicense-StudentItemCard-View-fa-actions {
  flex: 0 0 208px;
  padding: 16px;
}

.src-students-page-StudentLicense-StudentItemCard-View-actions button {
  padding: 12px 10px;
}

.src-students-page-StudentLicense-StudentItemCard-View-ea-actions .src-students-page-StudentLicense-StudentItemCard-View-action-text {
  color: #666666;
  font-size: 12px;
  font-weight: bold;
  line-height: 18px;
  text-align: center;
  width: 133px;
  margin: auto;
  padding-top: 8px;
}

.src-students-page-StudentLicense-StudentItemCard-View-ea-actions a {
  color: #017E89;
  font-size: 12px;
  line-height: 18px;
  text-align: center;
}

.src-students-page-StudentLicense-StudentItemCard-View-helper-text {
  font-size: 14px;
  margin-bottom: 16px;
  text-align: center;
}

.src-students-page-StudentLicense-StudentItemCard-View-actions .src-students-page-StudentLicense-StudentItemCard-View-charges {
  padding-top: 4px;
}

/* Continuation Styles */
.src-students-page-StudentLicense-StudentItemCard-View-continuation p {
  font-size: 13px;
  line-height: 1.3em;
  margin-bottom: 8px;
}

.src-students-page-StudentLicense-StudentItemCard-View-continuation p strong {
  font-weight: normal;
  text-decoration: underline;
}

.src-students-page-StudentLicense-StudentItemCard-View-continuation button {
  font-size: 12px;
  padding: 10px 0;
}

.src-students-page-StudentLicense-StudentItemCard-View-continuation:last-child button {
  margin-bottom: 0;
}

/* Subdata Rows */
.src-students-page-StudentLicense-StudentItemCard-View-sub-data {
  border: 1px solid var(--neutral300);
  border-radius: 4px;
  margin-top: 16px;
}

.src-students-page-StudentLicense-StudentItemCard-View-row {
  display: flex;
}

.src-students-page-StudentLicense-StudentItemCard-View-row-label,
.src-students-page-StudentLicense-StudentItemCard-View-row-value {
  padding: 8px;
}

.src-students-page-StudentLicense-StudentItemCard-View-row-label {
  background: var(--neutral100);
  color: #666;
  font-size: 11px;
  font-weight: bold;
  padding-top: 10px;
  text-transform: uppercase;
  vertical-align: top;
  width: 80px;
}

.src-students-page-StudentLicense-StudentItemCard-View-row-value {
  font-family: 'source-code-pro', monospace;
  font-size: 13px;
  word-break: break-word;
  width: 100%;
}

.src-students-page-StudentLicense-StudentItemCard-View-row.src-students-page-StudentLicense-StudentItemCard-View-sections .src-students-page-StudentLicense-StudentItemCard-View-row-value div {
  padding-top: 4px;
}

.src-students-page-StudentLicense-StudentItemCard-View-row.src-students-page-StudentLicense-StudentItemCard-View-sections .src-students-page-StudentLicense-StudentItemCard-View-row-value div:first-child {
  padding-top: 0;
}

.src-students-page-StudentLicense-StudentItemCard-View-row:first-child .src-students-page-StudentLicense-StudentItemCard-View-row-label {
  border-top-left-radius: 4px;
}

.src-students-page-StudentLicense-StudentItemCard-View-row:last-child .src-students-page-StudentLicense-StudentItemCard-View-row-label {
  border-bottom-left-radius: 4px;
}

.src-students-page-StudentLicense-StudentItemCard-View-access-codes .src-students-page-StudentLicense-StudentItemCard-View-row {
  border-top: 1px solid var(--neutral300);
}

.src-students-page-StudentLicense-StudentItemCard-View-flag-wrapper {
  width: max-content;
}

.src-students-page-StudentLicense-StudentItemCard-View-not-issued {
  border-left: 5px solid var(--action);
  padding-left: 10px;
}

.src-students-page-StudentLicense-StudentItemCard-View-not-returned {
  border-left: 5px solid var(--secondary);
  padding-left: 10px;
}

.src-students-page-StudentLicense-StudentItemCard-View-fa-switch-wrapper {
  display: flex;
  justify-content: center;
  align-items: center;
  gap: 8px;
}

.src-students-page-StudentLicense-StudentItemCard-View-fa-switch-wrapper .src-students-page-StudentLicense-StudentItemCard-View-label {
  align-self: center;
  color: #444;
  font-size: 18px;
  font-weight: 700;
  padding: 0
}

.src-students-page-StudentLicense-StudentItemCard-View-right-col:not(:has(:first-child)) {
  display: none;
}
.src-students-page-StudentLicense-StudentItemCard-PDT-View-badge-wrapper {
  margin-bottom: 19px;
}

.src-students-page-StudentLicense-StudentItemCard-PDT-View-ea-actions-wrapper a {
  color: #017E89;
  font-size: 12px;
  line-height: 18px;
  text-align: center;
}

.src-students-page-StudentLicense-StudentItemCard-PDT-View-ea-actions-wrapper .src-students-page-StudentLicense-StudentItemCard-PDT-View-action-text {
  color: #666666;
  font-size: 12px;
  font-weight: bold;
  line-height: 18px;
  text-align: center;
  width: 133px;
  margin: auto;
  padding-top: 8px;
}

.src-students-page-StudentLicense-StudentItemCard-PDT-View-fa-actions-wrapper .src-students-page-StudentLicense-StudentItemCard-PDT-View-action-text {
  color: #666666;
  font-size: 14px;
  font-weight: 700;

  text-align: center;
  margin: auto;
  font-family: Roboto;
}

.src-students-page-StudentLicense-StudentItemCard-PDT-View-fa-actions-wrapper {
  display: flex;
  flex-direction: column;
  align-items: center;
  gap: 8px;
  height: auto;
}

.src-students-page-StudentLicense-StudentItemCard-PDT-View-opt-in-toggle {
  display: flex;
  justify-content: center;
  align-items: center;
  gap: 8px;
}

.src-students-page-StudentLicense-StudentItemCard-PDT-View-opt-in-toggle .src-students-page-StudentLicense-StudentItemCard-PDT-View-label {
  align-self: center;
  color: #444;
  font-size: 18px;
  font-weight: 700;
  padding: 0
}

.src-students-page-StudentLicense-StudentItemCard-PDT-View-fa-actions-wrapper .src-students-page-StudentLicense-StudentItemCard-PDT-View-action-buttons {
  display: flex;
  flex-direction: column;
  align-items: center;
}

.src-students-page-StudentLicenseList-View-wrapper {
  background: var(--neutral100);
}

.src-students-page-StudentLicenseList-View-wrapper h4 {
  color: var(--neutral700);
  padding-left: 16px;
}

.src-students-page-StudentLicenseList-View-wrapper h4:first-of-type {
  padding-top: 16px;
}

.src-students-page-StudentLicenseList-View-center {
  background: var(--neutral100);
  border-top: 1px solid var(--neutral300);
  display: flex;
  justify-content: center;
  padding: 24px;
}

.src-students-page-StudentLicenseList-View-license-list-wrapper {
  max-height: calc(100vh - 304px);
  overflow-y: auto;
}

.src-students-page-StudentLicenseList-View-ea-participation {
  align-items: center;
  box-shadow: 0 -1px 0 var(--neutral300) inset;
  display: flex;
  justify-content: space-between;
  padding: 16px 32px 16px 16px;
}

.src-students-page-StudentLicenseList-View-opt-out-end-on {
  font-size: 12px;
  font-weight: bold;
  text-transform: uppercase;
  box-shadow: 0 -1px 0 var(--neutral300) inset;
  display: flex;
  padding: 0px 32px 16px 17px;
  margin-top: -17px;
}

.src-students-page-StudentLicenseList-View-ea-participation .src-students-page-StudentLicenseList-View-opt-out-status {
  font-size: 17px;
  font-weight: bold;
  text-transform: uppercase;
}

.src-students-page-StudentLicenseList-View-ea-participation .src-students-page-StudentLicenseList-View-button-wrapper {
  align-items: center;
  display: flex;
}

.src-students-page-StudentLicenseList-View-no-sections {
  background: var(--neutral100);
  color: #777;
  display: flex;
  font-size: 16px;
  font-weight: bold;
  justify-content: center;
  padding: 24px;
  text-transform: uppercase;
}

.src-FlexibleAccess-StudentProgramDecision-View-wrapper {
  background: var(--neutral100);
}

.src-FlexibleAccess-StudentProgramDecision-View-wrapper h4 {
  color: var(--neutral700);
  padding-left: 16px;
}

.src-FlexibleAccess-StudentProgramDecision-View-wrapper h4:first-of-type {
  padding-top: 16px;
}

.src-FlexibleAccess-StudentProgramDecision-View-center {
  background: var(--neutral100);
  border-top: 1px solid var(--neutral300);
  display: flex;
  justify-content: center;
  padding: 24px;
}

.src-FlexibleAccess-StudentProgramDecision-View-license-list-wrapper {
  max-height: calc(100vh - 304px);
  overflow-y: auto;
}

.src-FlexibleAccess-StudentProgramDecision-View-ea-participation {
  align-items: center;
  box-shadow: 0 -1px 0 var(--neutral300) inset;
  display: flex;
  justify-content: space-between;
  padding: 16px 32px 16px 16px;
}

.src-FlexibleAccess-StudentProgramDecision-View-no-border {
  box-shadow: 0 0px 0 var(--neutral300) inset;
}

.src-FlexibleAccess-StudentProgramDecision-View-ea-participation .src-FlexibleAccess-StudentProgramDecision-View-opt-out-status {
  font-size: 17px;
  font-weight: bold;
  text-transform: uppercase;
}


.src-FlexibleAccess-StudentProgramDecision-View-ea-participation .src-FlexibleAccess-StudentProgramDecision-View-button-wrapper {
  align-items: center;
  display: flex;
  margin-left: -100px;
}

.src-FlexibleAccess-StudentProgramDecision-View-no-sections {
  background: var(--neutral100);
  color: #777;
  display: flex;
  font-size: 16px;
  font-weight: bold;
  justify-content: center;
  padding: 24px;
  text-transform: uppercase;
}

.src-students-page-Enrollments-View-center {
  background: var(--neutral100);
  border-top: 1px solid var(--neutral300);
  display: flex;
  justify-content: center;
  padding: 24px;
}

.src-students-page-Enrollments-View-enrollment-list {
  background: var(--neutral100);
  padding: 24px;
}

.src-students-page-SectionAdoptions-View-center {
  background: white;
  border: 1px solid var(--neutral300);
  border-radius: 4px;
  display: flex;
  justify-content: center;
  margin-bottom: 24px;
  padding: 16px;
}

.src-students-page-SectionAdoptions-View-section {
  background: white;
  border: 1px solid var(--neutral300);
  border-radius: 4px;
  display: block;
  margin-bottom: 24px;
}

.src-students-page-SectionAdoptions-View-section:last-child {
  margin-bottom: 0;
}

.src-students-page-SectionAdoptions-View-section.src-students-page-SectionAdoptions-View-dropped {
  text-decoration: line-through;
  opacity: 0.5;
}

.src-students-page-SectionAdoptions-View-section-header {
  padding: 14px 16px 12px;
}

.src-students-page-SectionAdoptions-View-section-header h2 {
  font-size: 18px;
  margin-top: 2px;
}

.src-students-page-SectionAdoptions-View-section-header h5 {
  color: #777;
}

.src-students-page-SectionAdoptions-View-section > ul,
.src-students-page-SectionAdoptions-View-section > ul > li {
  list-style: none;
  margin: 0;
  padding: 0;
}

.src-students-page-SectionAdoptions-View-section ul > li {
  border-top: 1px solid var(--neutral300);
  display: flex;
  padding: 16px;
  position: relative;
}

.src-students-page-SectionAdoptions-View-section ul > li > div:first-child {
  flex: 1;
  padding-right: 16px;
}

.src-students-page-SectionAdoptions-View-section ul > li > div:last-child {
  flex: 0 0 120px;
}

.src-students-page-SectionAdoptions-View-ntr {
  border-top: 1px solid var(--neutral300);
  color: #999;
  font-weight: bold;
  padding: 16px;
  text-align: center;
  text-transform: uppercase;
}

.src-students-page-SectionAdoptions-View-notice-wrapper {
  padding: 0 16px 16px;
}

.src-students-page-EmailsList-View-emails-list {
  background: var(--neutral100);
  padding: 16px;
}

.src-students-page-EmailsList-View-center {
  background: var(--neutral100);
  border-top: 1px solid var(--neutral300);
  display: flex;
  justify-content: center;
  padding: 24px;
}

.src-students-page-EmailsList-View-no-emails {
  background: var(--neutral100);
  color: #777;
  display: flex;
  font-size: 16px;
  font-weight: bold;
  justify-content: center;
  padding: 12px;
  text-transform: uppercase;
}

.src-shared-JSONView-JSONView-scroller {
  overflow-y: auto;
}

.src-shared-JSONView-JSONView-scroller pre {
  font-family: 'source-code-pro', monospace;
}

.src-shared-JSONView-JSONView-center {
  background: var(--neutral100);
  border-top: 1px solid var(--neutral300);
  display: flex;
  justify-content: center;
  padding: 24px;
}

.src-students-page-Page-View-wrapper {
  padding: 16px 16px 0;
  position: relative;
}

.src-students-page-Page-View-wrapper-bottom {
  padding: 7px 16px 5px;
  position: relative;
}

.src-students-page-Page-View-quick-filters-wrapper {
  background: var(--neutral100);
  padding: 5px;
  border-radius: 5px;
}

.src-students-page-Page-View-all-filters-wrapper {
  padding: 12px 16px 5px;
}

.src-students-page-Page-View-quick-filters-wrapper > * {
  color: #333333;
  line-height: 21px;
  text-align: left;
}

.src-students-page-Page-View-filter {
  display: flex;
  align-items: center;
}

.src-shared-ErrorMessage-error-header {
  background-image: linear-gradient(#e66465, #e76468);
  border-radius: 3px 3px 0 0;
  border-top: 1px solid rgba(255, 255, 255, 0.125);
  display: flex;
  flex-direction: column;
  justify-content: left;
  padding: 16px;
}

.src-shared-ErrorMessage-title {
  color: white;
  font-size: 17px;
}

.src-ea-print-distribution-page-Page-View-user-info {
  padding: 12px;
  background: var(--main);
}

.src-ea-print-distribution-page-Page-View-sign-out {
  align-self: center;
}

.src-ea-print-distribution-page-Page-View-center-text {
  display: flex;
  align-items: center;
  padding-top: 50px;
  flex-direction: column;
  text-align: center;
}

.src-ea-print-distribution-page-Page-View-margin-bottom {
  margin-bottom: 8px;
  color: #1C1C1C;
  font-family: Roboto;
  font-size: 24px;
  font-weight: bold;
  line-height: 36px;
  text-align: center;
}

.src-ea-print-distribution-page-Page-View-sub-heading {
  margin-bottom: 32px;
  color: #1C1C1C;
  font-family: Roboto;
  font-size: 18px;
  line-height: 27px;
  text-align: center;
}

.src-ea-print-distribution-page-Page-View-search-box {
  position: relative;
  min-width: 35%;
  max-width: 50%;
  height: 48px;
  margin-bottom: 32px;
}

.src-ea-print-distribution-page-EaPrintDistributionStudentsList-View-students {
  margin: 8px 0 12px;
  min-width: 65%;
}

.src-ea-print-distribution-page-EaPrintDistributionStudentsList-View-result-count {
  color: #646464;
  font-size: 16px;
  line-height: 24px;
  text-align: left;
  margin-left: 8px;
}

.src-ea-print-distribution-page-EaPrintDistributionStudentInfo-View-student {
  background-color: #FFFFFF;
  border-radius: 4px;
  box-shadow: 0 1px 3px 0 rgba(0, 0, 0, 0.2);
  width: auto;
  height: 92px;
  margin: 8px;
  cursor: pointer;
  
}

.src-ea-print-distribution-page-EaPrintDistributionStudentInfo-View-student:hover {
  box-shadow: 0 5px 10px rgba(34, 44, 56, 0.16), 0 3px 3px rgba(34, 44, 56, 0.17);
}

.src-ea-print-distribution-page-EaPrintDistributionStudentInfo-View-student-name {
  position: relative;
  width: 50%;
  float:left;
  padding-left: 24px;
  padding-top: 24px;
}

.src-ea-print-distribution-page-EaPrintDistributionStudentInfo-View-student-name h3 {
  cursor: pointer;
  color: #1C1C1C;
  font-size: 18px;
  line-height: 19px;
  text-align: left;
}

.src-ea-print-distribution-page-EaPrintDistributionStudentInfo-View-student-name h3:hover {
  color: var(--action);
  transition: color 0.2s cubic-bezier(.25,.8,.25,1);
}

.src-ea-print-distribution-page-EaPrintDistributionStudentInfo-View-student-attrs {
  position: relative;
  width: 50%;
  float:right;
  line-height: 21px;
  font-size: 14px;
  padding-top: 24px;
}

.src-ea-print-distribution-page-EaPrintDistributionStudentInfo-View-student-attrs .src-ea-print-distribution-page-EaPrintDistributionStudentInfo-View-heading {
  color: #757575;
  width: 30%;
  float:left;
  padding-right: 20px;
  text-align: right;
}

.src-ea-print-distribution-page-EaPrintDistributionStudentInfo-View-student-attrs .src-ea-print-distribution-page-EaPrintDistributionStudentInfo-View-value {
  color: #444444;
  font-weight: bold;
  width: 70%;
  float:left;
  text-align: left;
  padding-left: 0px
}

.src-ea-print-distribution-page-NoEaPrintDistributionStudentsFound-View-wrapper {
  padding: 80px 40px;
  text-align: center;
}

.src-ea-print-distribution-page-NoEaPrintDistributionStudentsFound-View-title {
  font-size: 21px;
  margin: 0 0 24px 0;
  text-align: center;
  text-transform: uppercase;
}

.src-ea-print-distribution-page-EaPrintDistributionStudentDetail-View-back-link, .src-ea-print-distribution-page-EaPrintDistributionStudentDetail-View-back-link:visited {
  color: #017E89;
  font-size: 15px;
  line-height: 18px;
  font-weight: bold;
  text-decoration: none;
  text-transform: uppercase;
}

.src-ea-print-distribution-page-EaPrintDistributionStudentDetail-View-header {
  padding-top: 30px;
}

.src-ea-print-distribution-page-EaPrintDistributionStudentDetail-View-student-container {
  max-width: 768px;
  margin: 50px auto;
}

.src-ea-print-distribution-page-EaPrintDistributionStudentDetail-View-student-name h3 {
  color: #1C1C1C;
  font-size: 24px;
  line-height: 36px;
}

.src-ea-print-distribution-page-EaPrintDistributionStudentDetail-View-student-attrs {
  width: 100%;
  display: inline-block;
  line-height: 21px;
  font-size: 14px;
}

.src-ea-print-distribution-page-EaPrintDistributionStudentDetail-View-student-attrs .src-ea-print-distribution-page-EaPrintDistributionStudentDetail-View-heading {
  color: #757575;
  width: 128px;
  float: left;
  text-overflow: ellipsis;
  white-space: nowrap;
  overflow: hidden;
}

.src-ea-print-distribution-page-EaPrintDistributionStudentDetail-View-student-attrs .src-ea-print-distribution-page-EaPrintDistributionStudentDetail-View-value {
  color: #444444;
  font-weight: bold;
  float:left;
  text-align: left;
  padding-left: 0px;
}

.src-ea-print-distribution-page-EaPrintDistributionStudentDetail-View-dropdowns {
  display: flex;
  margin-top: 24px;
}

.src-ea-print-distribution-page-EaPrintDistributionStudentDetail-View-dropdowns .src-ea-print-distribution-page-EaPrintDistributionStudentDetail-View-label{
  color: #1C1C1C;
  font-size: 16px;
  line-height: 24px;
  text-align: left;
  margin-bottom: 4px;
  font-weight: bold;
}

.src-ea-print-distribution-page-EaPrintDistributionStudentDetail-View-dropdowns .src-ea-print-distribution-page-EaPrintDistributionStudentDetail-View-left {
  width: 50%;
}

.src-ea-print-distribution-page-EaPrintDistributionStudentDetail-View-dropdowns .src-ea-print-distribution-page-EaPrintDistributionStudentDetail-View-middle {
  width: 35%;
  margin-left: 16px;
}

.src-ea-print-distribution-page-EaPrintDistributionStudentDetail-View-dropdowns .src-ea-print-distribution-page-EaPrintDistributionStudentDetail-View-right {
  width: 42%;
  margin-left: 65px;
}

.src-ea-print-distribution-page-EaPrintDistributionStudentDetail-View-dropdown {
  border: 1px solid rgba(0, 0, 0, 0.43);
  border-radius: 3px;
}

.src-ea-print-distribution-page-EaPrintDistributionStudentDetail-View-ea-participation {
  float: right;
  padding: 12px;
  margin-top: -55px;
  background-color: var(--neutral300);
  font-size: 16px;
  font-weight: bold;
  text-transform: uppercase;
}

.src-ea-print-distribution-page-EaPrintDistributionStudentLicense-EaPrintDistributionStudentItemCard-View-item {
  background-color: white;
  border-radius: 4px;
  box-shadow: 0 1px 3px 0 rgba(0, 0, 0, 0.2);
  display: flex;
  margin-top: 16px;
}

/* Item Data Styles */
.src-ea-print-distribution-page-EaPrintDistributionStudentLicense-EaPrintDistributionStudentItemCard-View-data {
  flex-grow: 1;
  padding-top: 16px;
}

.src-ea-print-distribution-page-EaPrintDistributionStudentLicense-EaPrintDistributionStudentItemCard-View-item-data {
  float: left;
}

.src-ea-print-distribution-page-EaPrintDistributionStudentLicense-EaPrintDistributionStudentItemCard-View-ea-actions {
  background-color: white;
  flex: 0 0 208px;
  float: right;
  padding-top: 16px;
  padding-right: 24px;
  gap: 8px;
}

.src-ea-print-distribution-page-EaPrintDistributionStudentLicense-EaPrintDistributionStudentItemCard-View-ea-actions .src-ea-print-distribution-page-EaPrintDistributionStudentLicense-EaPrintDistributionStudentItemCard-View-action-text {
  color: #666666;
  font-size: 15px;
  font-weight: 700;
  text-align: center;
  margin: auto;
  display: flex;
  flex-direction: column;
  align-items: center;
  font-family: Roboto;
}

.src-ea-print-distribution-page-EaPrintDistributionStudentLicense-EaPrintDistributionStudentItemCard-View-ea-actions a {
  background-color: transparent;
  font-size: 14px;
  line-height: 18px;
  text-align: center;
  padding: 0;
  font-weight: 700;
  align-self: center;
}

/* Subdata Rows */
.src-ea-print-distribution-page-EaPrintDistributionStudentLicense-EaPrintDistributionStudentItemCard-View-sub-data {
  border: 1px solid var(--neutral300);
  border-radius: 4px;
  margin-top: 16px;
}

.src-ea-print-distribution-page-EaPrintDistributionStudentLicense-EaPrintDistributionStudentItemCard-View-row {
  display: flex;
}

.src-ea-print-distribution-page-EaPrintDistributionStudentLicense-EaPrintDistributionStudentItemCard-View-row-label,
.src-ea-print-distribution-page-EaPrintDistributionStudentLicense-EaPrintDistributionStudentItemCard-View-row-value {
  padding: 8px;
}

.src-ea-print-distribution-page-EaPrintDistributionStudentLicense-EaPrintDistributionStudentItemCard-View-row-label {
  background: var(--neutral100);
  color: #666;
  font-size: 11px;
  font-weight: bold;
  padding-top: 10px;
  text-transform: uppercase;
  vertical-align: top;
  width: 80px;
}

.src-ea-print-distribution-page-EaPrintDistributionStudentLicense-EaPrintDistributionStudentItemCard-View-row-value {
  font-family: 'source-code-pro', monospace;
  font-size: 13px;
  word-break: break-word;
  width: 100%;
}

.src-ea-print-distribution-page-EaPrintDistributionStudentLicense-EaPrintDistributionStudentItemCard-View-row.src-ea-print-distribution-page-EaPrintDistributionStudentLicense-EaPrintDistributionStudentItemCard-View-sections .src-ea-print-distribution-page-EaPrintDistributionStudentLicense-EaPrintDistributionStudentItemCard-View-row-value div {
  padding-top: 4px;
}

.src-ea-print-distribution-page-EaPrintDistributionStudentLicense-EaPrintDistributionStudentItemCard-View-row.src-ea-print-distribution-page-EaPrintDistributionStudentLicense-EaPrintDistributionStudentItemCard-View-sections .src-ea-print-distribution-page-EaPrintDistributionStudentLicense-EaPrintDistributionStudentItemCard-View-row-value div:first-child {
  padding-top: 0;
}

.src-ea-print-distribution-page-EaPrintDistributionStudentLicense-EaPrintDistributionStudentItemCard-View-row:first-child .src-ea-print-distribution-page-EaPrintDistributionStudentLicense-EaPrintDistributionStudentItemCard-View-row-label {
  border-top-left-radius: 4px;
}

.src-ea-print-distribution-page-EaPrintDistributionStudentLicense-EaPrintDistributionStudentItemCard-View-row:last-child .src-ea-print-distribution-page-EaPrintDistributionStudentLicense-EaPrintDistributionStudentItemCard-View-row-label {
  border-bottom-left-radius: 4px;
}

.src-ea-print-distribution-page-EaPrintDistributionStudentLicense-EaPrintDistributionStudentItemCard-View-flag-wrapper {
  width: max-content;
}

.src-ea-print-distribution-page-EaPrintDistributionStudentLicense-EaPrintDistributionStudentItemCard-View-badge-wrapper {
  padding-left: 24px;
  float: left;
}

.src-ea-print-distribution-page-EaPrintDistributionStudentLicense-EaPrintDistributionStudentItemCard-View-label {
  align-self: center;
  color: #444;
  font-size: 18px;
  font-weight: 700;
  padding: 0
}

.src-ea-print-distribution-page-EaPrintDistributionStudentLicense-EaPrintDistributionStudentItemCard-View-pdt-actions {
  display: flex;
  justify-content: center;
  align-items: center;
  gap: 8px;
}

.src-ea-print-distribution-page-EaPrintDistributionStudentLicense-EaPrintDistributionStudentItemCard-View-action-buttons {
  display: flex;
  flex-direction: column;
  align-items: center;
}
.src-ea-print-distribution-page-EaPrintDistributionStudentLicense-EaPrintDistributionStudentItemCard-View-fa-action-wrapper {
  display: flex;
  flex-direction: column;
  gap: 8px;
  height: auto;
  align-items: center;
}


.src-ea-print-distribution-page-EaPrintDistributionStudentLicenseList-View-wrapper {
  background: var(--neutral100);
}

.src-ea-print-distribution-page-EaPrintDistributionStudentLicenseList-View-wrapper h4 {
  color: var(--neutral700);
  padding-left: 16px;
}

.src-ea-print-distribution-page-EaPrintDistributionStudentLicenseList-View-center {
  background: var(--neutral100);
  border-top: 1px solid var(--neutral300);
  display: flex;
  justify-content: center;
  padding: 24px;
}

.src-analytics-report-center-Page-View-user-info {
  padding: 12px;
  background: var(--main);
}

.src-analytics-report-center-Page-View-sign-out {
  align-self: center;
}

.src-analytics-report-center-Page-View-page-content {
  background: #f6f6f6;
}

.src-analytics-report-center-Page-View-error-content {
  padding: 20px;
  text-align: center;
}

.src-layout-Flash-View-base {
  border-radius: 4px;
  border-style: solid;
  border-width: 1px;
  box-shadow: 0 5px 10px rgba(34, 44, 56, 0.16), 0 3px 3px rgba(34, 44, 56, 0.17);
  display: block;
  font-size: 14px;
  font-weight: bold;
  padding: 12px 48px;
  position: relative;
  text-align: left;
  text-transform: uppercase;
  width: 100%;
}

.src-layout-Flash-View-base a {
  text-decoration: underline;
}

.src-layout-Flash-View-icon {
  color: white;
  font-size: 15px;
  left: 0;
  height: 100%;
  padding-top: 12px;
  position: absolute;
  text-align: center;
  top: 0;
  width: 36px;
}

.src-layout-Flash-View-close {
  background: none;
  border: none;
  color: inherit;
  cursor: pointer;
  font-size: 15px;
  height: 40px;
  opacity: 0.8;
  outline: 0;
  position: absolute;
  right: 0;
  top: 0;
  transition: opacity 0.2s cubic-bezier(.25,.8,.25,1);
  width: 40px;
}

.src-layout-Flash-View-close:hover {
  opacity: 1;
}

.src-layout-Flash-View-confirm {
  background-color: var(--actionLight);
  border-color: var(--action);
  color: var(--action);
}

.src-layout-Flash-View-confirm .src-layout-Flash-View-icon {
  background: var(--action);
}

.src-layout-Flash-View-warn {
  background-color: var(--accentLight);
  border-color: var(--accent);
  color: var(--accent);
}

.src-layout-Flash-View-warn .src-layout-Flash-View-icon {
  background: var(--accent);
}

.src-layout-Flash-View-fatalError,
.src-layout-Flash-View-systemError {
  background-color: #D71930;
  color: white;
}

.src-layout-Flash-View-inform {
  background-color: var(--actionLight);
  padding: 7px 12px;
  border-color: var(--action);
  color: var(--action);
}