/* stylelint-disable-next-line import-notation */
@import url("https://fonts.googleapis.com/css2?family=Source+Sans+Pro:ital,wght@0,200;0,300;0,400;0,600;0,700;1,400;1,600;1,700&display=swap");
/**
  String Replace
  ---------------------------------------------------------------------- */
/**
  Font Families
  ---------------------------------------------------------------------- */
/**
  Font Sizes
  ---------------------------------------------------------------------- */
/**
  Font Weight
  ---------------------------------------------------------------------- */
/**
  Paragraph Sizing
  ---------------------------------------------------------------------- */
p {
  color: #373E4D;
}

/**
  Pseudo Elements
  ---------------------------------------------------------------------- */
/**
  Truncate Text
  ---------------------------------------------------------------------- */
/**
  Strip Lists
  ---------------------------------------------------------------------- */
/**
  Nav Menus
  ---------------------------------------------------------------------- */
/**
  Transitions
  ---------------------------------------------------------------------- */
/**
  Interactivity States
  ---------------------------------------------------------------------- */
@font-face {
  font-display: block;
  font-family: "esystem-icons-v3";
  font-style: normal;
  font-weight: normal;
  src: url("fonts/esystem-icons-v3.eot?sc0pt0");
  src: url("fonts/esystem-icons-v3.eot?sc0pt0#iefix") format("embedded-opentype"), url("fonts/esystem-icons-v3.ttf?sc0pt0") format("truetype"), url("fonts/IcoMoon-Free.ttf?sc0pt0") format("truetype"), url("fonts/esystem-icons-v3.woff?sc0pt0") format("woff"), url("fonts/esystem-icons-v3.svg?sc0pt0#esystem-icons-v3") format("svg");
}
[class^=icon-],
[class*=" icon-"],
.icon {
  /* use !important to prevent issues with browser extensions that change fonts */
  font-family: "esystem-icons-v3" !important;
  font-style: normal;
  font-variant: normal;
  font-weight: normal;
  line-height: 1;
  text-transform: none;
  speak: never;
  /* Better Font Rendering =========== */
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
}

@font-face {
  font-display: block;
  font-family: "esystem-icons-v3";
  font-style: normal;
  font-weight: normal;
  src: url("fonts/esystem-icons-v3.eot?akb2vs");
  src: url("fonts/esystem-icons-v3.eot?akb2vs#iefix") format("embedded-opentype"), url("fonts/esystem-icons-v3.ttf?akb2vs") format("truetype"), url("fonts/IcoMoon-Free.ttf?sc0pt0") format("truetype"), url("fonts/esystem-icons-v3.woff?akb2vs") format("woff"), url("fonts/esystem-icons-v3.svg?akb2vs#esystem-icons-v3") format("svg");
}
@font-face {
  font-family: "Source Sans Pro";
  font-style: normal;
  font-weight: 400;
  src: url("fonts/SourceSansPro-Regular.otf") format("opentype");
}
@font-face {
  font-family: "Source Sans Pro";
  font-style: 400;
  font-weight: italic;
  src: url("fonts/SourceSansPro-It.otf") format("opentype");
}
@font-face {
  font-family: "Source Sans Pro";
  font-style: normal;
  font-weight: normal;
  src: url("fonts/SourceSansPro-Regular.otf") format("opentype");
}
@font-face {
  font-family: "Source Sans Pro";
  font-style: normal;
  font-weight: 600;
  src: url("fonts/SourceSansPro-Semibold.otf") format("opentype");
}
@font-face {
  font-family: "Source Sans Pro";
  font-style: normal;
  font-weight: 700;
  src: url("fonts/SourceSansPro-Bold.otf") format("opentype");
}
@font-face {
  font-family: "Source Sans Pro";
  font-style: italic;
  font-weight: 700;
  src: url("fonts/SourceSansPro-BoldIt.otf") format("opentype");
}
@font-face {
  font-family: "Source Sans Pro";
  font-style: normal;
  font-weight: 900;
  src: url("fonts/SourceSansPro-Black.otf") format("opentype");
}
[class^=icon-],
[class*=" icon-"] {
  /* use !important to prevent issues with browser extensions that change fonts */
  font-family: "esystem-icons-v3" !important;
  font-style: normal;
  font-variant: normal;
  font-weight: normal;
  line-height: 1;
  text-transform: none;
  speak: never;
  /* Better Font Rendering =========== */
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
}

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

.icon-eye {
  cursor: pointer;
  height: 1.25rem;
  margin-left: -30px;
  width: 1.25rem;
}
.icon-eye:hover {
  opacity: 0.8;
}

html {
  box-sizing: border-box;
}

*,
*::before,
*::after {
  box-sizing: inherit;
}

/**
  Meyer Reset
  v2.0 | 20110126
  http://meyerweb.com/eric/tools/css/reset/
  ---------------------------------------------------------------------- */
html,
body,
div,
span,
applet,
object,
iframe,
h1,
h2,
h3,
h4,
h5,
h6,
p,
blockquote,
pre,
a,
abbr,
acronym,
address,
big,
cite,
code,
del,
dfn,
em,
img,
ins,
kbd,
q,
s,
samp,
small,
strike,
strong,
sub,
sup,
tt,
var,
b,
u,
i,
center,
dl,
dt,
dd,
ol,
ul,
li,
fieldset,
form,
label,
legend,
table,
caption,
tbody,
tfoot,
thead,
tr,
th,
td,
article,
aside,
canvas,
details,
embed,
figure,
figcaption,
footer,
header,
hgroup,
menu,
nav,
output,
ruby,
section,
summary,
time,
mark,
audio,
video {
  border: 0;
  font-weight: inherit;
  margin: 0;
  outline: none;
  padding: 0;
  vertical-align: baseline;
}

/* HTML5 display-role reset for older browsers - Added "main" element for IE compliance */
article,
aside,
details,
figcaption,
figure,
footer,
header,
hgroup,
main,
menu,
nav,
section {
  display: block;
}

body {
  line-height: 1;
}

ol,
ul {
  list-style: none;
}

blockquote,
q {
  quotes: none;
}

table {
  border-collapse: collapse;
  border-spacing: 0;
}

img,
iframe,
object,
embed,
figure {
  display: block;
  height: auto;
  max-width: 100%;
}

html,
body {
  max-width: 100%;
}

html {
  font-size: 16px;
  overflow: hidden auto;
  scroll-behavior: smooth;
}

body {
  font-size: 1rem;
  letter-spacing: -0.025em;
  font-family: Source Sans Pro, sans-serif;
  font-weight: 400;
}

span {
  font-family: "Source Sans Pro", sans-serif;
}

a {
  color: #373E4D;
  cursor: pointer;
  font-size: normal;
}

/**
  Heading Level Elements
  ---------------------------------------------------------------------- */
h1,
h2,
h3,
h4,
h5,
h6 {
  display: block;
  line-height: 1;
  margin: 0;
  padding: 0;
  text-rendering: optimizelegibility;
  font-family: Source Sans Pro, sans-serif;
  font-weight: 700;
}

h1 {
  color: #373E4D;
  font-size: 2.1875rem;
  line-height: 2.1875rem;
  margin-bottom: 0.25em;
  font-weight: 600;
}

h2 {
  color: #373E4D;
  font-size: 1.5625rem;
  line-height: 2.1875rem;
  margin-bottom: 0.25em;
  font-weight: 600;
}

h3 {
  color: #373E4D;
  font-size: 1.375rem;
  line-height: 1.375rem;
  margin-bottom: 0.25em;
  font-weight: 600;
}

h4 {
  color: #373E4D;
  margin-bottom: 0.625rem;
  font-size: 1rem;
  font-weight: 600;
}

h5 {
  color: #373E4D;
  font-size: 1em;
  margin-bottom: 1em;
  text-transform: uppercase;
}

h6 {
  font-size: 0.75em;
  letter-spacing: 0.25em;
  margin-bottom: 2em;
  text-transform: uppercase;
}

/**
  List Level Elements
  ---------------------------------------------------------------------- */
ul,
ol {
  margin: 0 0 1.25em 2em;
  padding: 0;
}
ul li,
ol li {
  line-height: 1.5em;
  margin-bottom: 0;
}
ul ul,
ul ol,
ol ul,
ol ol {
  margin: 0 0 0 1.25em;
}

ul {
  list-style-type: disc;
}

ol {
  list-style-type: decimal;
}

/**
  Paragraph Level Elements
  ---------------------------------------------------------------------- */
p {
  line-height: 1.5em;
  margin: 0;
  padding: 0 0 1.25em;
}

blockquote {
  display: block;
  margin: 0 0 1.25em;
  padding: 1em 1.25em 1em 3em;
  position: relative;
  text-rendering: optimizelegibility;
}
blockquote::before {
  content: absolute;
  display: "“";
  position: block;
  font-family: Georgia, serif;
  font-size: 4em;
  left: 0.5em;
  top: 0.25em;
  font-weight: 700;
}
blockquote::after {
  content: "";
  display: block;
  position: relative;
}

/**
  Inline Level Elements
  ---------------------------------------------------------------------- */
strong {
  font-weight: 700;
}

em {
  font-style: italic;
}

small {
  font-size: 0.75em;
}

sup {
  font-size: 0.65em;
  line-height: 1;
  vertical-align: super;
}

sub {
  font-size: 0.65em;
  line-height: 1;
  vertical-align: sub;
}

/**
  Video Container Fix
  ---------------------------------------------------------------------- */
.video-container {
  overflow: hidden;
  padding-top: 56.25%;
  position: relative;
  border-radius: 0.625rem;
}
.video-container iframe {
  height: 100%;
  left: 0;
  position: absolute;
  top: 0;
  width: 100%;
}

/**
  FormHack
  v1.2.0
  https://formhack.io
  ---------------------------------------------------------------------- */
/**
  Reset Styles
  ---------------------------------------------------------------------- */
.texteditor__wrapper,
input,
textarea,
select,
option,
optgroup,
legend,
fieldset,
.StripeElement {
  border: none;
  box-sizing: border-box;
  color: #373E4D;
  cursor: pointer;
  display: block;
  font-family: "Source Sans Pro", sans-serif;
  font-size: 0.875rem;
  outline: none;
  vertical-align: top;
  transition: all 250ms cubic-bezier(0.22, 1, 0.36, 1);
}
.texteditor__wrapper--focus, .texteditor__wrapper:focus,
input--focus,
input:focus,
textarea--focus,
textarea:focus,
select--focus,
select:focus,
option--focus,
option:focus,
optgroup--focus,
optgroup:focus,
legend--focus,
legend:focus,
fieldset--focus,
fieldset:focus,
.StripeElement--focus,
.StripeElement:focus {
  outline: 1px solid #A3AABC;
}

.field-textarea-input textarea {
  font-size: 0.875rem;
}

label:not(.field-toggle__label) {
  color: #373E4D;
  cursor: pointer;
  display: block;
  font-size: 0.625rem;
  font-weight: 700;
  padding: 0.5rem 0;
  text-transform: uppercase;
}
label:not(.field-toggle__label).field-typeahead-label {
  cursor: inherit;
}

.texteditor {
  height: 130px;
}

/**
  Inputs & Textareas
  ---------------------------------------------------------------------- */
/* Fields with standard width */
.InputElement,
.texteditor__wrapper,
input[type=text]:not(.css-1vi8dmx),
input[type=email],
input[type=password],
input[type=search],
input[type=color],
input[type=date],
input[type=datetime-local],
input[type=month],
input[type=number],
input[type=tel],
input[type=time],
input[type=url],
input[type=week],
input[list],
input[type=file],
select,
textarea,
.StripeElement {
  background-color: #F6F6F6;
  border-radius: 0.625rem;
  color: #373E4D;
  max-width: 100%;
  padding: 0.9375rem;
  width: 100%;
  font-size: 0.875rem;
}
.InputElement.placeholder,
.texteditor__wrapper.placeholder,
input[type=text]:not(.css-1vi8dmx).placeholder,
input[type=email].placeholder,
input[type=password].placeholder,
input[type=search].placeholder,
input[type=color].placeholder,
input[type=date].placeholder,
input[type=datetime-local].placeholder,
input[type=month].placeholder,
input[type=number].placeholder,
input[type=tel].placeholder,
input[type=time].placeholder,
input[type=url].placeholder,
input[type=week].placeholder,
input[list].placeholder,
input[type=file].placeholder,
select.placeholder,
textarea.placeholder,
.StripeElement.placeholder {
  opacity: 0.7;
}
.InputElement:placeholder,
.texteditor__wrapper:placeholder,
input[type=text]:not(.css-1vi8dmx):placeholder,
input[type=email]:placeholder,
input[type=password]:placeholder,
input[type=search]:placeholder,
input[type=color]:placeholder,
input[type=date]:placeholder,
input[type=datetime-local]:placeholder,
input[type=month]:placeholder,
input[type=number]:placeholder,
input[type=tel]:placeholder,
input[type=time]:placeholder,
input[type=url]:placeholder,
input[type=week]:placeholder,
input[list]:placeholder,
input[type=file]:placeholder,
select:placeholder,
textarea:placeholder,
.StripeElement:placeholder {
  opacity: 0.7;
}
.InputElement::placeholder,
.texteditor__wrapper::placeholder,
input[type=text]:not(.css-1vi8dmx)::placeholder,
input[type=email]::placeholder,
input[type=password]::placeholder,
input[type=search]::placeholder,
input[type=color]::placeholder,
input[type=date]::placeholder,
input[type=datetime-local]::placeholder,
input[type=month]::placeholder,
input[type=number]::placeholder,
input[type=tel]::placeholder,
input[type=time]::placeholder,
input[type=url]::placeholder,
input[type=week]::placeholder,
input[list]::placeholder,
input[type=file]::placeholder,
select::placeholder,
textarea::placeholder,
.StripeElement::placeholder {
  opacity: 0.7;
}

input[type=password] {
  letter-spacing: 0.5ex;
}

textarea {
  font-size: 0.875rem;
  min-height: 6.25rem;
  padding-top: 0.625rem;
}

/* Fields with standard height */
input[type=text],
input[type=email],
input[type=password],
input[type=search],
input[type=color],
input[type=date],
input[type=datetime-local],
input[type=month],
input[type=number],
input[type=tel],
input[type=time],
input[type=url],
input[type=week],
input[list],
.StripeElement {
  appearance: none;
  height: 2.875rem;
}

/* Other */
textarea {
  appearance: none;
  overflow: auto;
}

input[type=range] {
  height: 2.875rem;
  max-width: 100%;
  width: 100%;
}

input[type=search] {
  appearance: none;
  height: 2.875rem;
}

input[type=search]::-webkit-search-cancel-button,
input[type=search]::-webkit-search-decoration {
  appearance: none;
}

input[type=checkbox],
input[type=radio] {
  display: inline-block;
  vertical-align: middle;
}

/**
  Select
  ---------------------------------------------------------------------- */
select {
  background-image: url("data:image/svg+xml;charset=utf8,%3Csvg xmlns='http://www.w3.org/2000/svg' width='10.625' height='6.3' viewBox='0 0 10.625 6.3'%3E%3Cpath d='M7.166,22.135,2.835,26.466a.981.981,0,0,0,1.388,1.388L7.86,24.228,11.5,27.865a.985.985,0,0,0,1.679-.694.974.974,0,0,0-.291-.694L8.553,22.135A.986.986,0,0,0,7.166,22.135Z' transform='translate(13.175 28.15) rotate(180)' fill='%23163547' opacity='0.5'/%3E%3C/svg%3E");
  background-position: right 1rem center;
  background-repeat: no-repeat;
  font-size: 0.875rem !important;
  height: 2.875rem;
  padding-right: 1.875rem;
  max-width: 100%;
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
  appearance: none;
}
select::-ms-expand {
  display: none;
}

select[multiple] {
  height: auto;
  min-height: 2.875rem;
  padding: 0;
}
select[multiple] option {
  margin: 0;
  padding: 2.875rem/5;
}

.field-toggle {
  display: inline-block;
  position: relative;
  text-align: left;
  user-select: none;
  vertical-align: middle;
  width: 2.25rem;
}
.field-toggle__checkbox {
  display: none !important;
}
.field-toggle__label {
  border: 0 solid #A8B1C4;
  border-radius: 1.25rem;
  cursor: pointer;
  display: block;
  height: 1.25rem;
  margin: 0;
  overflow: hidden;
  width: 2.25rem;
}
.field-toggle__inner {
  display: block;
  margin-left: -100%;
  transition: margin 0.3s ease-in 0s;
  width: 200%;
}
.field-toggle__inner::before, .field-toggle__inner::after {
  box-sizing: border-box;
  color: #fff;
  display: block;
  float: left;
  font-size: 0.875rem;
  font-weight: bold;
  height: 2.125rem;
  line-height: 2.125rem;
  padding: 0;
  width: 50%;
}
.field-toggle__inner::before {
  background-color: #1CC2A4;
  color: #fff;
  content: "";
  padding-left: 0.625rem;
  text-transform: uppercase;
}
.field-toggle-disabled {
  background-color: #ddd;
  cursor: not-allowed;
}
.field-toggle-disabled::before {
  background-color: #ddd;
  cursor: not-allowed;
}
.field-toggle__inner::after {
  background-color: #A8B1C4;
  content: "";
  padding-right: 0.625rem;
  text-align: right;
  text-transform: uppercase;
}
.field-toggle__switch {
  background: #fff;
  border: 0 solid #fff;
  border-radius: 0.625rem;
  display: block;
  height: 1rem;
  margin: 0.125rem;
  position: absolute;
  transition: all 0.3s ease-in 0s;
  width: 1rem;
}
.field-toggle__checkbox:checked + .field-toggle__label .field-toggle__inner {
  margin-left: 0;
}
.field-toggle__checkbox:checked + .field-toggle__label .field-toggle__switch {
  right: 0;
}

.field-checkbox {
  position: relative;
  margin-bottom: 16px;
}
@media only screen and (min-width: 767px) {
  .field-checkbox {
    margin-bottom: 16px;
  }
}
@media only screen and (min-width: 1023px) {
  .field-checkbox {
    margin-bottom: 1.3rem;
  }
}
.field-checkbox label {
  cursor: pointer;
  align-items: center;
  display: flex;
  flex-flow: row nowrap;
  place-content: flex-start flex-start;
}
.field-checkbox label::before {
  content: "";
  display: inline-block;
  position: relative;
  height: 1.25rem;
  margin-right: 0.3125rem;
  width: 1.25rem;
  border: 1px solid rgba(55, 62, 77, 0.25);
  border-radius: 0.375rem;
}
.field-checkbox input {
  height: 100%;
  margin: 0;
  opacity: 0;
  position: absolute;
  width: 100%;
}
.field-checkbox input:checked + label::before {
  content: "";
  display: inline-block;
  position: relative;
  background-color: #373E4D;
}
.field-checkbox input:checked + label::after {
  content: "\e922";
  display: block;
  position: absolute;
  color: #fff;
  font-family: "esystem-icons-v3";
  left: 0.375rem;
  font-size: 0.5rem;
}
.field-checkbox.field-checkbox--no-margin {
  width: 20px;
  height: 20px;
  margin: 0;
}
.field-checkbox.field-checkbox--no-margin *,
.field-checkbox.field-checkbox--no-margin ::before,
.field-checkbox.field-checkbox--no-margin label {
  margin: 0;
  padding: 0;
}

/**
  Buttons
  ---------------------------------------------------------------------- */
a.button,
button:not(.react-datepicker__navigation,
.chakra-button,
.chakra-accordion__button,
.css-1pq15d,
[data-rmiz-btn-unzoom]),
input[type=button],
input[type=submit],
input[type=reset],
input[type=image] {
  appearance: none;
  background-color: #1CC2A4;
  border: 0 solid #fff;
  border-radius: 0.625rem;
  color: #fff;
  cursor: pointer;
  height: 2.875rem;
  margin-left: auto;
  max-width: 15.625rem;
  text-decoration: none;
  width: 50%;
  align-items: center;
  display: flex;
  flex-flow: row nowrap;
  place-content: flex-start center;
  transition: all 312.5ms cubic-bezier(0.34, 1.56, 0.64, 1);
  font-size: 0.875rem;
  font-weight: 600;
}
a.button:hover, a.button:active, a.button:focus,
button:not(.react-datepicker__navigation,
.chakra-button,
.chakra-accordion__button,
.css-1pq15d,
[data-rmiz-btn-unzoom]):hover,
button:not(.react-datepicker__navigation,
.chakra-button,
.chakra-accordion__button,
.css-1pq15d,
[data-rmiz-btn-unzoom]):active,
button:not(.react-datepicker__navigation,
.chakra-button,
.chakra-accordion__button,
.css-1pq15d,
[data-rmiz-btn-unzoom]):focus,
input[type=button]:hover,
input[type=button]:active,
input[type=button]:focus,
input[type=submit]:hover,
input[type=submit]:active,
input[type=submit]:focus,
input[type=reset]:hover,
input[type=reset]:active,
input[type=reset]:focus,
input[type=image]:hover,
input[type=image]:active,
input[type=image]:focus {
  opacity: 0.8;
}
a.button .icon,
button:not(.react-datepicker__navigation,
.chakra-button,
.chakra-accordion__button,
.css-1pq15d,
[data-rmiz-btn-unzoom]) .icon,
input[type=button] .icon,
input[type=submit] .icon,
input[type=reset] .icon,
input[type=image] .icon {
  margin-right: 1ex;
  font-size: 1.25rem;
}

input[type=image] {
  padding: 2.875rem/5;
  text-align: center;
}

input[disabled][disabled], input[disabled].disabled,
textarea[disabled][disabled],
textarea[disabled].disabled,
select[disabled][disabled],
select[disabled].disabled,
option[disabled][disabled],
option[disabled].disabled,
button[disabled],
button.disabled {
  color: #737883;
  background-color: #e5e6e7;
  cursor: not-allowed;
}

input[type=checkbox]:focus,
input[type=radio]:focus {
  outline: #373E4D solid 2px;
}

/**
  Layouts
  ---------------------------------------------------------------------- */
.partial-form-factory > * {
  align-items: flex-end;
  display: flex;
  flex-flow: row wrap;
  place-content: flex-start space-between;
  gap: 0.9375rem 0.3125rem;
}
.partial-form-factory .field {
  margin-bottom: auto;
}

form .button-wrap,
form .formBottom {
  width: 100%;
  align-items: flex-start;
  display: flex;
  flex-flow: row nowrap;
  place-content: flex-start space-between;
}
form .button-wrap button,
form .formBottom button {
  margin: 0.625rem 0 0;
  max-width: calc(50% - 0.3125rem);
}

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

.form-inline {
  gap: 0.625rem;
  margin-top: 1.25rem;
  align-items: flex-end;
  display: flex;
  flex-flow: row nowrap;
  place-content: flex-start flex-start;
}
.form-inline button.button-inline {
  margin: 0.1875rem 0 0 0.625rem !important;
}
.form-inline .field {
  margin: 0;
}
.form-inline__button {
  position: relative;
  top: -12px;
}

.row {
  align-items: flex-start;
  display: flex;
  flex-flow: row nowrap;
  place-content: flex-start space-between;
}

.field {
  margin-bottom: 0.9375rem;
  width: 100%;
}
.field.thirdWrapper {
  width: calc(33.3333% - 0.3125rem);
}
.field.halfWrapper {
  width: calc(50% - 0.375rem);
}
.field.cityInputWrapper, .field.titleInputWrapper, .field.CourseTitle, .field.countrySelectWrapper {
  width: calc(60% - 0.625rem);
}
.field.linkInputWrapper {
  width: calc(70% - 0.625rem);
}
.field.courseDurationInput {
  width: 30%;
}
.field .agreeTermsAndConditionsWrap {
  align-items: center;
  display: flex;
}
.field .agreeTermsAndConditionsWrap .agreeTermsAndConditions {
  margin-bottom: 5px;
  margin-right: 10px;
}
.field.stateSelectWrapper, .field.priceInputWrapper, .field.coursePrice, .field.postalInputWrapper {
  width: 40%;
}
.field.dateInputWrapper {
  width: 48%;
}
.field .termAndServiceCheckboxWrap {
  align-items: center;
  display: flex;
}
.field .termAndServiceCheckboxWrap .termAndServiceCheckbox {
  margin-right: 5px;
}

.StripeElement {
  align-items: center;
  display: flex;
  flex-flow: row nowrap;
  place-content: flex-start center;
}
.StripeElement > * {
  width: 100%;
}

.inputWrap {
  align-items: center;
  display: flex;
  position: relative;
}
.inputWrap .custom-search {
  height: 1.25rem;
  left: 0.75rem;
  position: absolute;
  width: 1.25rem;
  z-index: 1;
}
.inputWrap input.has-search {
  background: #fff;
  border: 1px solid #373E4D;
  border-radius: 100px;
  height: 2rem !important;
  max-width: 25rem;
  padding-left: 3rem;
  position: relative;
}
.inputWrap input.has-search:focus {
  outline: none;
}

button.FieldCustomCheckbox {
  align-items: center;
  background-color: transparent;
  border: 2px solid #373E4D;
  border-radius: 4px;
  display: flex;
  height: 23px;
  justify-content: center;
  opacity: 0.3;
  padding: 0;
  width: 23px;
}
button.FieldCustomCheckbox--disabled {
  background-color: #373E4D;
  opacity: 0.3;
}
button.FieldCustomCheckbox--disabled:focus, button.FieldCustomCheckbox--disabled:active, button.FieldCustomCheckbox--disabled:hover {
  background-color: #373E4D !important;
  cursor: not-allowed;
  opacity: 0.3;
}
button.FieldCustomCheckbox--prevent-click {
  opacity: 0.1;
}
button.FieldCustomCheckbox--prevent-click:focus, button.FieldCustomCheckbox--prevent-click:active, button.FieldCustomCheckbox--prevent-click:hover {
  opacity: 0.1 !important;
}
button.FieldCustomCheckbox:focus, button.FieldCustomCheckbox:active, button.FieldCustomCheckbox:hover {
  background-color: transparent;
  border: 2px solid #373E4D;
  opacity: 0.3;
}

.field-change-amount {
  align-items: center;
  display: flex;
  justify-content: flex-end;
}
.field-change-amount .plus,
.field-change-amount .minus {
  cursor: pointer;
  height: 0.75rem;
  left: -23px;
  position: relative;
  top: 0;
  width: 0.75rem;
}
.field-change-amount .plus.disabled,
.field-change-amount .minus.disabled {
  cursor: default;
  opacity: 0.2;
}
.field-change-amount .minus {
  left: 23px;
}
.field-change-amount__input {
  background: #fff !important;
  border: 1px solid #373E4D !important;
  border-radius: 6.25rem !important;
  font-size: 1.25rem !important;
  height: 1.875rem !important;
  outline: none !important;
  padding: 0 1.25rem !important;
  text-align: center;
  width: 4.875rem !important;
}
.field-change-amount__input::-webkit-outer-spin-button, .field-change-amount__input::-webkit-inner-spin-button {
  appearance: none;
  margin: 0;
}
.field-change-amount__input--error {
  border: 1px solid #E50019;
  color: #E50019;
}

button {
  height: 2.875rem;
}

small {
  font-size: 12px;
  font-weight: 700;
  line-height: normal;
  text-transform: uppercase;
}

.error-message {
  color: #E50019;
  font-size: 0.75rem;
  font-weight: 700;
  height: 1rem;
  letter-spacing: 0.08125rem;
  margin-left: 1.1875rem;
  margin-top: 0.4375rem;
  opacity: 0.7;
  text-transform: uppercase;
}

.field.error input,
.field-text-input.error input {
  outline: 1px solid #E50019;
}
.field.error input:focus,
.field-text-input.error input:focus {
  outline: 1px solid #E50019;
}
.field.error label,
.field-text-input.error label {
  color: #E50019;
}

.field-multi-select-input.error .select__control,
.field-typeahead.error .select__control {
  border: 1px solid #E50019 !important;
}
.field-multi-select-input .select,
.field-typeahead .select {
  align-items: center;
  display: flex;
  font-size: 0.875rem;
}
.field-multi-select-input .select--is-disabled,
.field-typeahead .select--is-disabled {
  cursor: not-allowed;
}
.field-multi-select-input .select__placeholder,
.field-typeahead .select__placeholder {
  text-align: start;
}
.field-multi-select-input .select__indicator-separator,
.field-typeahead .select__indicator-separator {
  display: none;
}
.field-multi-select-input .select__single-value,
.field-typeahead .select__single-value {
  color: #373E4D;
  font-size: 0.875rem;
  font-weight: 400;
  overflow: unset;
}
.field-multi-select-input .select__control, .field-multi-select-input .select__menu,
.field-typeahead .select__control,
.field-typeahead .select__menu {
  background: #EBEDF0 !important;
  border-radius: 10px;
  box-shadow: none !important;
  color: #373E4D !important;
  cursor: pointer;
  font-size: 0.875rem;
  font-weight: 600;
  overflow-y: auto;
  padding: 0 0.625rem !important;
  text-overflow: ellipsis;
}
.field-multi-select-input .select__control:hover, .field-multi-select-input .select__menu:hover,
.field-typeahead .select__control:hover,
.field-typeahead .select__menu:hover {
  border: 1px solid #A3AABC !important;
}
.field-multi-select-input .select__control,
.field-typeahead .select__control {
  background-color: #F6F6F6 !important;
}
.field-multi-select-input .select__control,
.field-typeahead .select__control {
  border: none;
  height: 2.875rem;
  margin-right: 0.75rem;
  max-height: 100px !important;
  min-height: unset;
  width: 100%;
}
.field-multi-select-input .select__control--is-disabled,
.field-typeahead .select__control--is-disabled {
  background: #e5e6e7 !important;
  color: #737883 !important;
  cursor: not-allowed;
}
.field-multi-select-input .select__control--menu-is-open,
.field-typeahead .select__control--menu-is-open {
  border: 1px solid #A3AABC;
}
.field-multi-select-input .select__control--menu-is-open .css-tj5bde-Svg,
.field-typeahead .select__control--menu-is-open .css-tj5bde-Svg {
  max-width: 100% !important;
  transform: rotate(180deg);
}
.field-multi-select-input .select__menu,
.field-typeahead .select__menu {
  padding: 0 12px !important;
}
.field-multi-select-input .select__option,
.field-typeahead .select__option {
  background-color: #EBEDF0;
  color: #373E4D !important;
  cursor: pointer;
  font-weight: 400;
  opacity: 0.7;
  text-align: start;
}
@media only screen and (min-width: 1023px) {
  .field-multi-select-input .select__option,
  .field-typeahead .select__option {
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
  }
}
.field-multi-select-input .select__option--is-selected,
.field-typeahead .select__option--is-selected {
  opacity: 1;
}
.field-multi-select-input .select__option--is-focused,
.field-typeahead .select__option--is-focused {
  opacity: 0.5;
}
.field-multi-select-input .select__clear-indicator, .field-multi-select-input .select__dropdown-indicator,
.field-typeahead .select__clear-indicator,
.field-typeahead .select__dropdown-indicator {
  padding: 2px 0 !important;
}
.field-multi-select-input .select__indicator,
.field-typeahead .select__indicator {
  padding-right: 0;
}
.field-multi-select-input .select__input-container, .field-multi-select-input .select__input, .field-multi-select-input .select__value-container,
.field-typeahead .select__input-container,
.field-typeahead .select__input,
.field-typeahead .select__value-container {
  color: #373E4D !important;
  font-weight: 400;
  height: 30px !important;
  margin: 0;
  min-height: unset;
  padding: 0;
  position: relative;
  text-align: start !important;
}

.field-multi-select-input .select__value-container {
  overflow: auto;
}

.field-typeahead-container {
  width: 100%;
}
.field-typeahead-container .css-1cfo1cf {
  width: 100%;
  display: flex;
}
.field-typeahead-container .css-1cfo1cf .select__input::after {
  display: none;
}
.field-typeahead-container .css-1cfo1cf .select__input {
  opacity: 1 !important;
  visibility: visible !important;
}
.field-typeahead-container .select__input-container {
  display: flex;
  visibility: visible !important;
}
.field-typeahead-container .select__control {
  background-color: #F6F6F6 !important;
}

.react-datepicker-wrapper {
  width: 100%;
}

.question-field {
  display: flex;
  background-color: #f6f6f6;
  border-radius: 10px;
  justify-content: space-between;
}
.question-field--correct {
  border: 1px solid #1CC2A4;
}
.question-field__inputs {
  display: flex;
  flex-direction: column;
  width: 90%;
  padding: 10px;
}
.question-field__inputs-options {
  display: flex;
  justify-content: end;
  align-items: center;
}
.question-field__inputs-options--text {
  margin-bottom: 0;
}
.question-field__inputs-options--text input {
  outline: none;
}
.question-field__inputs-options--text input:disabled {
  opacity: 0.5;
}
.question-field__inputs-options--image {
  width: 30%;
}
.question-field__inputs-options--alone {
  border-top: 1px solid rgba(123, 134, 158, 0.3333333333);
}
.question-field__inputs-options .uploaded-image__image {
  width: 100px;
  aspect-ratio: 1/1;
  object-fit: contain;
}
.question-field__actions {
  display: flex;
  align-items: center;
}
.question-field__actions-button {
  width: 30px;
  height: 30px;
}
.question-field__actions .question-field__actions--border {
  height: 100%;
  display: flex;
  align-items: center;
  border-left: 1px solid rgba(123, 134, 158, 0.3333333333);
}

.field-upload-image {
  padding: 0.3125rem 0;
}
.field-upload-image--full-width {
  width: 100%;
}
.field-upload-image__placeholder {
  display: flex;
  width: max-content;
  white-space: nowrap;
  padding: 5px 15px;
  border-radius: 21px;
  border: 1px dashed rgba(123, 134, 158, 0.3333333333);
  color: #1CC2A4;
  font-size: 0.875rem;
  gap: 10px;
  align-items: center;
}
.field-upload-image__placeholder-icon {
  width: 20px;
  height: 20px;
}
.field-upload-image__delete {
  display: flex;
  width: max-content;
  white-space: nowrap;
  padding: 3px;
  aspect-ratio: 1/1;
  border-radius: 21px;
  height: 31px;
  border: 1px dashed #E50019;
  color: #E50019;
  font-size: 0.875rem;
  gap: 10px;
  cursor: pointer;
  align-items: center;
}
.field-upload-image__upload {
  display: flex;
  align-items: center;
  gap: 1rem;
  width: 100%;
  justify-content: space-between;
}
.field-upload-image__upload-label:has(.field-upload-image__placeholder) {
  display: flex;
  justify-content: center;
  height: 100%;
  gap: 1rem;
  font-weight: 700;
  color: #1CC2A4;
  cursor: pointer;
}
.field-upload-image__upload-label--disabled {
  cursor: not-allowed;
  opacity: 0.5;
}
.field-upload-image:has(.uploaded-image__image) {
  display: flex;
  align-items: center;
  justify-content: center;
  width: 100%;
  gap: 20px;
}

.field-date-range-picker {
  display: flex;
  flex-direction: column;
  gap: 0.25rem;
}
.field-date-range-picker__label {
  font-size: 0.875rem;
  font-weight: 600;
  color: #373E4D;
  line-height: 1rem;
  padding: 0 !important;
}
.field-date-range-picker__calendar-container {
  display: flex !important;
  gap: 0.25rem;
}
.field-date-range-picker__quick {
  display: flex;
  flex-direction: column;
  width: 6.25rem;
  gap: 0.25rem;
  padding: 0.25rem 0;
}
.field-date-range-picker__quick-btn {
  padding: 0.25rem 0.5rem;
  cursor: pointer;
}
.field-date-range-picker__input {
  background-color: #fff;
  border: 1px solid #373E4D;
  border-radius: 1.25rem;
  box-shadow: none;
  height: 2rem;
  color: #373E4D;
  cursor: pointer;
  max-width: 15.625rem;
  padding: 0 0.625rem;
  font-size: 0.875rem;
  display: flex;
  align-items: center;
  justify-content: space-between;
  gap: 0.625rem;
}
.field-date-range-picker__input:hover {
  border: 1px solid #373E4D;
}
.field-date-range-picker__input--disabled {
  background-color: #EBEDF0;
  cursor: not-allowed;
}
.field-date-range-picker__input--disabled:hover {
  border: 1px solid #373E4D;
}
.field-date-range-picker__clear-btn {
  background-color: transparent !important;
  border: none !important;
  cursor: pointer !important;
  padding: 0 !important;
  width: 1.25rem !important;
  height: 1.25rem !important;
  display: flex !important;
  align-items: center !important;
  justify-content: center !important;
  border-radius: 50% !important;
}

.react-datepicker__header {
  display: flex;
  flex-direction: column;
  align-items: center;
  padding: 0 0 0.5rem !important;
}

.react-datepicker:has(.field-date-range-picker__quick) .react-datepicker__navigation--previous {
  left: 6.375rem !important;
}

.field-frequency-picker {
  margin-bottom: 1.25rem;
  padding: 0.9375rem;
  background: #EBEDF0;
  border-radius: 0.5rem;
  position: relative;
}
.field-frequency-picker__title {
  font-size: 1rem;
  font-weight: 600;
  color: #373E4D;
  margin-bottom: 0.75rem;
}
.field-frequency-picker__controls {
  display: flex;
  align-items: center;
  gap: 0.75rem;
  flex-direction: column;
}
.field-frequency-picker__controls-inner {
  display: flex;
  align-items: center;
  gap: 0.75rem;
}
.field-frequency-picker__controls-checkbox {
  position: absolute;
  top: 10px;
  right: 10px;
}
.field-frequency-picker__frequency-input {
  width: 3.125rem !important;
  margin-bottom: 0 !important;
}
.field-frequency-picker__frequency-input--field {
  padding: 0.1875rem !important;
  text-align: right;
}
.field-frequency-picker__frequency-select {
  margin-bottom: 0 !important;
  width: 6.25rem !important;
}
.field-frequency-picker__day-select {
  width: 6.25rem !important;
  margin-bottom: 0 !important;
}
.field-frequency-picker__days {
  width: 6.25rem;
}
.field-frequency-picker__day-input {
  width: 3.125rem !important;
  margin-bottom: 0 !important;
}
.field-frequency-picker__day-input--field {
  padding: 0.1875rem !important;
  text-align: right;
}
.field-frequency-picker__month-section {
  display: flex;
  align-items: center;
  gap: 0.75rem;
}

.field-typeahead .select__dropdown-indicator, .field-typeahead .select__indicator-separator {
  display: none !important;
}
.field-typeahead .select__control {
  cursor: text !important;
}
.field-typeahead .select__control:hover {
  cursor: text !important;
}
.field-typeahead .select__input-container {
  cursor: text !important;
}

.helper-text {
  width: 100%;
  display: flex;
  align-items: center;
  gap: 0.5rem;
  padding-top: 0.75rem;
  font-size: 0.75rem;
  font-weight: 400;
  color: #E59021;
  line-height: 1rem;
}
.helper-text__icon {
  width: 1rem;
  height: 1rem;
  flex-shrink: 0;
  margin-top: 0.125rem;
}

.internal-layout {
  border-top: 0.3125rem solid #FEA025;
  display: flex;
  height: calc(100vh - 5px);
  align-items: flex-start;
  display: flex;
  flex-flow: column nowrap;
  place-content: flex-start flex-start;
}
.internal-layout > * {
  width: 100%;
}
.internal-layout:has(.page-exam-take) {
  border-top: none;
}
.internal-layout__impersonation-mode {
  margin-left: 20px;
  z-index: 1000;
}
.internal-layout__page {
  height: 100%;
  padding-left: 16.25rem;
}
@media only screen and (max-width: 1024px) {
  .internal-layout__page {
    padding-left: 0;
  }
}
.internal-layout__page--no-sidebar {
  padding-left: 0;
}

.layout .content {
  border-top: 5px solid #FEA025;
  display: flex;
  height: calc(100vh - 5px);
  align-items: flex-start;
  display: flex;
  flex-flow: column nowrap;
  place-content: flex-start flex-start;
}
.layout .content > * {
  width: 100%;
}
.layout.min-wst-layout .partial-logo .logo, .layout.internal-wst-layout .partial-logo .logo, .layout.internal-layout .partial-logo .logo {
  height: 1.6875rem;
  margin-left: 0;
  object-fit: contain;
  width: 7.25rem;
}
.layout.min-wst-layout .block-app-footer-external, .layout.internal-wst-layout .block-app-footer-external, .layout.internal-layout .block-app-footer-external {
  margin: auto 0 0;
  padding-bottom: calc(2.5rem + 1.25rem);
}
@media only screen and (max-width: 1024px) {
  .layout.min-wst-layout .block-app-footer-external, .layout.internal-wst-layout .block-app-footer-external, .layout.internal-layout .block-app-footer-external {
    display: none;
  }
}
.layout.min-wst-layout .page-content, .layout.internal-wst-layout .page-content, .layout.internal-layout .page-content {
  display: flex;
  flex-direction: column;
  width: 100%;
  border-radius: 0.625rem;
}
@media only screen and (min-width: 1023px) {
  .layout.min-wst-layout .page-content, .layout.internal-wst-layout .page-content, .layout.internal-layout .page-content {
    padding-left: 0;
    padding-right: 0;
  }
}
@media only screen and (max-width: 1024px) {
  .layout.min-wst-layout .page-content, .layout.internal-wst-layout .page-content, .layout.internal-layout .page-content {
    width: unset;
  }
}
@media only screen and (min-width: 1023px) {
  .layout.min-wst-layout {
    padding-left: 8rem;
  }
}
@media only screen and (min-width: 1023px) {
  .layout.external-cert-layout .content > * {
    max-width: 50vw;
  }
}
.layout.external-cert-layout .partial-logo .emblem {
  display: none;
}
.layout.external-cert-layout .partial-logo .logo {
  height: 3.125rem;
  width: 6.25rem;
}
.layout.external-cert-layout .block-app-footer-external {
  align-items: flex-end;
  gap: 1.25rem;
}
.layout.external-cert-layout .partial-support-icon {
  margin-left: auto;
}
.layout.external-cert-layout .cert-sidebar {
  background-color: #FEA125;
  color: #fff;
  display: none;
  height: 100%;
  position: fixed;
  right: 0;
  top: 0;
  width: 50vw;
}
@media only screen and (min-width: 1023px) {
  .layout.external-cert-layout .cert-sidebar {
    align-items: center;
    display: flex;
    flex-flow: row nowrap;
    place-content: flex-start center;
  }
}
.layout.external-cert-layout .cert-sidebar .icon {
  font-size: 18.75rem;
}

@media only screen and (max-width: 768px) {
  .layout-external .content {
    flex-direction: column-reverse;
    height: unset;
  }
}
.layout-external .content {
  flex-direction: row;
}
@media only screen and (max-width: 768px) {
  .layout-external .content {
    flex-direction: column-reverse;
  }
}
.layout-external .left {
  height: 100vh;
  width: 50%;
}
@media only screen and (max-width: 768px) {
  .layout-external .left {
    width: 100%;
  }
}
.layout-external .right {
  display: flex;
  height: calc(100vh - 5px);
  overflow: hidden;
  width: 50%;
}
@media only screen and (max-width: 768px) {
  .layout-external .right {
    height: 7.875rem;
    object-fit: cover;
    width: 100%;
  }
}
.layout-external .right img {
  height: 100%;
  object-fit: cover;
  object-position: 0% 50%;
  width: 100%;
}
@media only screen and (max-width: 768px) {
  .layout-external .right img {
    object-fit: none;
  }
}

.internal-wst-layout {
  border-top: 0.3125rem solid #3D68E7;
}

.partial-default-logo {
  cursor: pointer;
  margin-bottom: 3.125rem;
  width: 15.6875rem;
}
@media only screen and (max-width: 560px) {
  .partial-default-logo {
    margin-top: 0;
    width: 9.375rem;
  }
}
.partial-default-logo:hover {
  opacity: 0.8;
}

.layout-esystem__content {
  border-top: none !important;
}

.rdw-editor-toolbar span {
  align-items: center;
  display: flex;
  margin: 0 0.625rem;
}
.rdw-editor-toolbar span .block-admin-ttt-payment-settings {
  display: grid;
  grid-template-columns: repeat(2, minmax(260px, 1fr));
  gap: 24px;
  align-items: start;
  max-width: 960px;
}
.rdw-editor-toolbar span .block-admin-ttt-payment-settings .field--invoice-price {
  width: 100%;
}
.rdw-editor-toolbar span .block-admin-ttt-payment-settings .field--invoice-price__wrapper {
  width: 100%;
}
.rdw-editor-toolbar span .block-admin-ttt-payment-settings .field--invoice-price__input {
  width: 100%;
}
.rdw-editor-toolbar span.error {
  color: #E50019;
}

@media only screen and (max-width: 1024px) {
  .page-manager-edit .block-listing {
    margin-top: 0 !important;
  }
  .page-manager-edit__courses .block-heading {
    padding-left: 0 !important;
  }
  .page-manager-edit__courses .block-listing.block {
    margin-top: 0 !important;
  }
}
.page-manager-edit__courses .block-heading {
  margin-bottom: 1.25rem;
}

.page-org-edit__invoices .page-content {
  padding-top: 0 !important;
}
.page-org-edit__invoices .block-heading-internal {
  padding-bottom: 0.625rem !important;
}
.page-org-edit__invoices .field {
  margin-bottom: 0;
}

.page-cart .block-heading-internal {
  padding-bottom: 0;
}

.page-admin-org-edit .custom-heading {
  width: 100%;
}
.page-admin-org-edit__loader-container {
  display: flex;
  flex-direction: column;
  gap: 0.625rem;
  margin-top: 1.25rem;
}

.page-admin-user-edit .page-content {
  gap: 1.25rem;
}
.page-admin-user-edit__section .custom-heading {
  width: 100%;
}

.page-public-course {
  background-color: #F2F3F5;
  display: flex;
  flex-direction: column;
  gap: 1.5625rem;
}
.page-public-course__back-button {
  align-items: center;
  cursor: pointer;
  display: inline-flex;
  gap: 0.3125rem;
}
.page-public-course__back-button:hover {
  opacity: 0.7;
}
.page-public-course__back-text {
  color: #373E4C;
  font-family: "Source Sans Pro", sans-serif;
  font-size: 1rem;
  font-weight: normal;
}
.page-public-course__header {
  display: flex;
  flex-direction: column;
  gap: 0.75rem;
  height: 7.375rem;
}
.page-public-course__tag {
  background-color: #E50019;
  border-radius: 0.1875rem;
  display: flex;
  justify-content: start;
  padding: 0.3125rem 1.125rem;
  width: max-content;
}
.page-public-course__tag-text {
  color: #fff;
  font-family: "Source Sans Pro", sans-serif;
  font-size: 1.125rem;
  font-weight: bold;
  text-align: center;
  text-transform: uppercase;
}
.page-public-course__title {
  color: #373E4C;
  display: -webkit-box;
  font-family: "Source Sans Pro", sans-serif;
  font-size: 1.875rem;
  font-weight: 600;
  height: 4rem;
  overflow: hidden;
  -webkit-line-clamp: 2;
  -webkit-box-orient: vertical;
}
.page-public-course__content {
  display: flex;
  gap: 10.375rem;
  justify-content: space-between;
}
@media only screen and (max-width: 1024px) {
  .page-public-course__content {
    flex-direction: column;
    gap: 1.25rem;
  }
}
.page-public-course__left {
  display: flex;
  flex-direction: column;
  flex-grow: 1;
  gap: 1.25rem;
  max-width: 50%;
}
@media only screen and (max-width: 1024px) {
  .page-public-course__left {
    max-width: 100%;
  }
}
.page-public-course__image {
  border-radius: 0.75rem;
  height: 14.375rem;
  max-width: 34.375rem;
  object-fit: cover;
}
.page-public-course__details, .page-public-course__categories {
  display: flex;
  flex-direction: column;
  gap: 0.625rem;
  width: 100%;
}
.page-public-course__details-title, .page-public-course__categories-title {
  color: #373E4C;
  font-family: "Source Sans Pro", sans-serif;
  font-size: 1.5rem;
  font-weight: 600;
}
.page-public-course__details-text, .page-public-course__categories-text {
  color: #373E4C;
  font-family: "Source Sans Pro", sans-serif;
  font-size: 1rem;
}
.page-public-course__category {
  border: 1px solid #373E4C;
  border-radius: 4.6875rem;
  color: #373E4C;
  font-family: "Source Sans Pro", sans-serif;
  font-size: 0.875rem;
  font-weight: 600;
  padding: 0.25rem 0.625rem;
}
.page-public-course__category-list {
  display: flex;
  gap: 0.9375rem;
}
.page-public-course__right {
  display: flex;
  flex-direction: column;
  flex-grow: 1;
  gap: 3.75rem;
}
.page-public-course__info-columns {
  display: flex;
  gap: 2.5rem;
  justify-content: space-between;
}
.page-public-course__info-column {
  display: flex;
  flex: 1;
  flex-direction: column;
  gap: 1.5625rem;
}
.page-public-course__info-group {
  display: flex;
  flex-direction: column;
  gap: 0.375rem;
}
.page-public-course__info-title {
  color: #7B869E;
  font-size: 1rem;
  text-transform: uppercase;
}
.page-public-course__price-section {
  align-items: flex-end;
  border-top: 1px solid #D6D9E1;
  display: flex;
  justify-content: space-between;
  padding-top: 1.5625rem;
}
.page-public-course__prices {
  display: flex;
  flex-direction: column;
  gap: 0.71875rem;
}
.page-public-course__old-price {
  color: #373E4C;
  font-family: "Source Sans Pro", sans-serif;
  font-size: 1.25rem;
  text-decoration: line-through;
}
.page-public-course__discounted {
  align-items: center;
  display: flex;
  gap: 0.71875rem;
}
.page-public-course__current-price {
  color: #373E4C;
  font-family: "Source Sans Pro", sans-serif;
  font-size: 2rem;
  font-weight: 600;
}
.page-public-course__discount-tag {
  background-color: #FDE8E9;
  border-radius: 0.25rem;
  color: #E50019;
  font-family: "Source Sans Pro", sans-serif;
  font-size: 1.5rem;
  font-weight: 600;
  padding: 0.1875rem 0.375rem;
}
.page-public-course__buy-button.partial-button {
  border-radius: 3.125rem !important;
  font-size: 1rem;
  font-weight: 600;
  padding: 0.625rem 1.5625rem !important;
}

.rdw-editor-main.has-error {
  border: 1px solid #E50019;
}
.rdw-editor-main span {
  font-size: 0.875rem;
  line-height: 1.125rem;
}

.page-admin-discounts .block-listing {
  margin-top: 1.25rem;
}

.page-admin-users__merge .partial-button__icon {
  height: 1.3125rem;
  width: 1.3125rem;
}

.page-exam-questions__upload .partial-button__icon {
  height: 1.3125rem;
  width: 1.3125rem;
}

.page-managers-users {
  min-height: 100vh;
}
@media only screen and (max-width: 1024px) {
  .page-managers-users .partial-infinite-scroll-list__content {
    display: flex;
    flex-direction: column;
    gap: 0.9375rem;
  }
}

.page-home {
  display: flex;
  flex-direction: column;
  gap: 2.5rem;
  overflow-y: unset !important;
}
.page-home .block-heading-internal {
  padding-bottom: 1.25rem !important;
}
.page-home__banner {
  border-radius: 0 0.5rem 0.5rem 0;
  display: block;
  height: 25rem !important;
  object-fit: cover;
  width: 100%;
}
@media only screen and (max-width: 768px) {
  .page-home__banner {
    border-radius: 0 0 0.5rem 0.5rem;
  }
}
.page-home__banner--visible {
  display: none !important;
}
.page-home__cms-logo {
  height: 1.875rem;
  width: 7.0625rem;
}
.page-home__general {
  display: flex;
  flex-flow: wrap;
  gap: 1.375rem;
}
.page-home__left-column {
  display: flex;
  flex-direction: column;
  flex-grow: 1;
  width: calc(70% - 1.25rem);
}
@media only screen and (max-width: 1024px) {
  .page-home__left-column {
    gap: 1.25rem;
    width: 100%;
  }
}
.page-home__right-column {
  display: flex;
  width: calc(30% - 1.25rem);
}
@media only screen and (max-width: 1024px) {
  .page-home__right-column {
    width: 100%;
  }
}
.page-home__right-column--hidden {
  width: 0;
}
.page-home__categories-wrapper {
  align-items: flex-start;
  display: flex;
  flex-direction: column;
  gap: 1.375rem;
  justify-content: flex-start;
}
@media only screen and (max-width: 1024px) {
  .page-home__categories-wrapper {
    margin: 0 1.25rem;
  }
}
.page-home__categories-loader {
  display: flex;
  gap: 1.375rem;
  justify-content: space-between;
  width: 100%;
}
.page-home__categories-title {
  align-self: stretch;
  color: #373E4C;
  font-family: "Source Sans Pro", sans-serif;
  font-size: 1.5625rem;
  font-weight: 600;
  line-height: 1.4;
}
.page-home__categories-list {
  align-items: center;
  align-self: stretch;
  display: inline-flex;
  flex-flow: wrap;
  gap: 1.375rem;
  justify-content: flex-start;
}
.page-home__category-item {
  align-items: center;
  background-position: center;
  background-repeat: no-repeat;
  background-size: cover;
  border-radius: 0.5rem;
  box-shadow: 0 0.125rem 0.25rem rgba(0, 0, 0, 0.1019607843);
  cursor: pointer;
  display: flex;
  flex: 1 1 0;
  flex-direction: column;
  height: 7.5625rem;
  justify-content: center;
  min-width: 12.5rem;
}
.page-home__category-item:hover {
  opacity: 0.8;
}
.page-home__category-name {
  color: #fff;
  font-family: "Source Sans Pro", sans-serif;
  font-size: 1.25rem;
  font-weight: 700;
  text-align: center;
  text-transform: uppercase;
}
.page-home .offers {
  display: flex;
  flex-direction: column;
  flex-grow: 1;
  gap: 0.9375rem;
  max-width: 21.625rem;
  min-width: 16.0625rem;
  width: 40%;
}
@media only screen and (max-width: 1024px) {
  .page-home .offers {
    margin: 0 1.25rem;
    max-width: 100%;
    width: 100%;
  }
}
.page-home .offers__courses {
  align-items: flex-start;
  display: inline-flex;
  flex-direction: column;
  gap: 1.25rem;
  height: 24.3125rem;
  justify-content: flex-start;
}
.page-home .offers__course {
  align-items: flex-start;
  display: inline-flex;
  gap: 0.625rem;
  justify-content: flex-start;
  width: 100%;
}
.page-home .offers__course-thumbnail {
  border: 1px solid rgba(35, 43, 64, 0.2);
  border-radius: 0.5rem;
  height: 3.125rem;
  object-fit: cover;
  width: 3.125rem;
}
.page-home .offers__course-details {
  align-items: flex-start;
  display: inline-flex;
  flex: 1;
  flex-direction: column;
  justify-content: center;
}
.page-home .offers__course-number {
  color: #373E4D;
  font-family: "Source Sans Pro", sans-serif;
  font-size: 0.8125rem;
  font-weight: normal;
  text-transform: uppercase;
}
.page-home .offers__course-title {
  color: #373E4D;
  display: -webkit-box;
  font-family: "Source Sans Pro", sans-serif;
  font-size: 0.9375rem;
  font-weight: normal;
  line-height: 1.2em;
  max-height: 2.4em;
  overflow: hidden;
  padding-bottom: 1.25rem;
  text-overflow: ellipsis;
  width: 100%;
  -webkit-line-clamp: 2;
  -webkit-box-orient: vertical;
}
.page-home .offers__more-courses {
  color: #373E4D;
  font-family: "Source Sans Pro", sans-serif;
  font-size: 0.9375rem;
  font-weight: normal;
  text-decoration: underline;
  width: 100%;
}
.page-home .offers__header {
  align-items: center;
  display: flex;
  justify-content: space-between;
}
.page-home .offers__header-information {
  align-items: center;
  display: flex;
  gap: 0.625rem;
}
.page-home .offers__see-all {
  color: #373E4D;
  cursor: pointer;
  font-size: 0.9375rem;
  line-height: 110%;
  text-decoration-line: underline;
}
.page-home .offers__see-all:hover {
  opacity: 0.8;
}
.page-home .offers__title {
  color: #373E4C;
  font-family: "Source Sans Pro", sans-serif;
  font-size: 1.5625rem;
  font-weight: 600;
  line-height: 1.75rem;
}
.page-home .offers__navigation {
  display: flex;
  gap: 0.25rem;
}
.page-home .offers__nav-button {
  cursor: pointer;
  height: 1.5rem;
  position: relative;
  width: 1.5rem;
}
.page-home .offers__nav-button:hover {
  opacity: 0.8;
}
.page-home .offers__nav-button--next {
  transform: rotate(180deg);
}
.page-home .offers__nav-icon {
  height: 1.5rem;
  width: 1.5rem;
}
.page-home .offers__content {
  display: flex;
  flex-direction: column;
  height: 100%;
}
@media only screen and (max-width: 1024px) {
  .page-home .offers__content {
    flex-direction: row;
    gap: 1.25rem;
  }
}
.page-home .offers__item {
  background-color: #fff;
  border: 0.0625rem solid rgba(35, 43, 64, 0.2);
  border-radius: 1rem;
  display: flex;
  flex-direction: column;
  gap: 0.625rem;
  height: 100%;
  padding: 1.375rem;
}
@media only screen and (max-width: 1024px) {
  .page-home .offers__item {
    width: 100%;
  }
}
.page-home .offers__item-details {
  display: flex;
  flex-direction: column;
  gap: 0.625rem;
}
.page-home .offers__item-tag {
  background-color: #FEA025;
  border-radius: 0.25rem;
  display: inline-flex;
  padding: 0.125rem 1rem;
  width: max-content;
}
.page-home .offers__item-tag-text {
  color: #fff;
  font-family: "Source Sans Pro", sans-serif;
  font-size: 0.9375rem;
  font-weight: 700;
  text-transform: uppercase;
}
.page-home .offers__item-title {
  border-bottom: 1px solid rgba(35, 43, 64, 0.2);
  color: #373E4C;
  display: -webkit-box;
  font-family: "Source Sans Pro", sans-serif;
  font-size: 1.25rem;
  font-weight: 600;
  line-height: 1.25;
  margin-bottom: 1.25rem;
  overflow: hidden;
  padding-bottom: 1.25rem;
  text-overflow: ellipsis;
  -webkit-line-clamp: 2;
  -webkit-box-orient: vertical;
}
.page-home .offers__pricing {
  display: flex;
  flex-direction: column;
  gap: 0.75rem;
  margin-top: auto;
}
.page-home .offers__discount {
  align-items: center;
  display: flex;
  gap: 0.75rem;
}
.page-home .offers__discount-percentage {
  color: #E50019;
  font-family: "Source Sans Pro", sans-serif;
  font-size: 1.125rem;
  font-weight: 600;
  line-height: 1.25;
  text-transform: uppercase;
}
.page-home .offers__original-price {
  color: #7B869E;
  font-family: "Source Sans Pro", sans-serif;
  font-size: 1.125rem;
  font-weight: 300;
  line-height: 1.25;
  text-decoration: line-through;
}
.page-home .offers__buy-button {
  align-items: center;
  background-color: #1CC2A4;
  border: 0.0625rem solid #1CC2A4;
  border-radius: 5.1875rem;
  display: flex;
  font-size: 1.25rem !important;
  gap: 0.625rem;
  justify-content: center;
  margin-left: unset !important;
  margin-right: auto !important;
  max-width: 11.3125rem !important;
  padding: 0.5rem 1.375rem;
  width: 100% !important;
}
.page-home .offers__buy-text {
  color: #fff;
  font-family: "Source Sans Pro", sans-serif;
  font-size: 1.25rem;
  font-weight: 600;
}
.page-home .offers__buy-price {
  color: #F6F6F6;
  cursor: pointer;
  font-family: "Source Sans Pro", sans-serif;
  font-size: 1.25rem;
  font-weight: 600;
  text-align: right;
}
.page-home .offers__buy-price:hover {
  opacity: 0.8;
}
.page-home .right {
  display: flex;
  height: unset;
  justify-content: space-between;
  padding: 1.25rem;
  width: 100%;
}
@media only screen and (max-width: 768px) {
  .page-home .right {
    flex-direction: column;
    padding: 1.125rem;
  }
}
.page-home .background {
  border-radius: 0.625rem 0.625rem 0 0;
  max-height: 12.5rem;
  object-fit: contain;
  width: 100%;
}
@media only screen and (max-width: 768px) {
  .page-home .background {
    height: 100%;
  }
}
.page-home .left {
  height: 100%;
  max-height: 240px;
  width: 100%;
}
@media only screen and (max-width: 768px) {
  .page-home .left {
    height: 50%;
    max-height: 300px;
  }
}
.page-home__background {
  background-image: url("images/home-background.webp");
  background-size: cover;
  border-radius: 0.5rem;
  display: flex;
  flex-direction: column;
  flex-grow: 1;
  height: 100%;
  margin-bottom: 1.25rem;
}
@media only screen and (max-width: 1024px) {
  .page-home__background {
    flex-direction: column;
    margin: 0 1.25rem;
    max-height: 100dvh;
  }
}
.page-home__preview-message {
  display: flex;
  margin-bottom: 1.25rem;
}
.page-home__container {
  height: 100%;
  padding: 1.375rem;
}
.page-home__container h2 {
  color: #fff;
  font-size: 1.625rem;
  text-align: start;
}
@media only screen and (max-width: 768px) {
  .page-home__container h2 {
    font-size: 1.375rem;
  }
}
.page-home__esystem {
  position: absolute;
  right: 2.5rem;
  top: 1.875rem;
}
.page-home__ornamental {
  display: flex;
  flex-direction: row;
  max-height: 25rem;
}
@media only screen and (max-width: 768px) {
  .page-home__ornamental {
    flex-direction: column;
    max-height: unset;
  }
}
.page-home__ornamental-left {
  background-color: #FEA125;
  border-radius: 0.5rem 0 0 0.5rem;
  display: flex;
  flex-direction: column;
  gap: 6.25rem;
  justify-content: space-between;
  padding: 2.125rem 3.25rem;
}
@media only screen and (max-width: 768px) {
  .page-home__ornamental-left {
    border-radius: 0.5rem 0.5rem 0 0;
  }
}
.page-home__ornamental-right {
  display: flex;
  flex-direction: column;
  position: relative;
  width: 100%;
}
.page-home__secondary {
  align-items: center;
  border: 1px solid rgba(55, 62, 77, 0.4);
  border-radius: 0.5rem;
  display: flex;
  justify-content: space-between;
  margin-top: 1.25rem;
  padding: 2.0625rem 3.75rem;
}
@media only screen and (max-width: 768px) {
  .page-home__secondary {
    gap: 1.25rem;
    margin: 1.25rem;
    padding: 1.25rem;
  }
}
.page-home__secondary-description > * {
  color: #1CC2A4;
  padding-bottom: 0;
}
.page-home__title {
  display: flex;
  flex-direction: column;
}
.page-home__tag {
  align-items: center;
  background-color: #E50019;
  border-radius: 6.25rem;
  color: #fff;
  display: inline-flex;
  font-size: 1rem;
  font-weight: 600;
  justify-content: center;
  margin-bottom: 1.9375rem;
  margin-right: auto;
  padding: 0.375rem 1.5625rem;
}
@media only screen and (max-width: 768px) {
  .page-home__tag {
    font-size: 1.125rem;
    padding: 0.375rem 1.25rem;
  }
}
.page-home__back {
  color: #373E4D;
  cursor: pointer;
  display: flex;
  gap: 0.3125rem;
  margin-right: auto;
}
.page-home__back:hover {
  opacity: 0.8;
}
.page-home__description-text {
  margin-right: 1.25rem;
  max-width: 37.5rem;
}
@media only screen and (max-width: 768px) {
  .page-home__description-text {
    max-width: 100%;
  }
}
.page-home__description-text p {
  color: #fff;
  font-size: 1.125rem;
  text-align: start;
}
@media only screen and (max-width: 768px) {
  .page-home__description-text p {
    font-size: 1rem;
  }
}
.page-home__description-text p:last-child {
  padding-bottom: 0;
}
.page-home__button {
  margin-left: auto;
  margin-top: 1.875rem;
}

.page-ttt-home {
  display: flex;
  flex-direction: column;
  gap: 2rem;
}
.page-ttt-home__container {
  display: flex;
  flex-direction: column;
  align-items: center;
  gap: 1.5rem;
}

.page-ttt-classroom-details {
  display: flex;
  flex-direction: column;
  gap: 1.5rem;
}
.page-ttt-classroom-details__container {
  display: flex;
  flex-direction: column;
  gap: 1.5rem;
}
.page-ttt-classroom-details .tooltip-portal-wrapper {
  width: max-content;
}

.page-edit-home .admin-header {
  margin-bottom: 0.625rem;
}
.page-edit-home__unsaved {
  align-items: flex-end;
  display: flex;
  padding: 0 0.6875rem;
}
.page-edit-home__unsaved-text {
  color: #E50019;
  font-size: 0.75rem;
  font-weight: 600;
  text-transform: uppercase;
}
.page-edit-home__type {
  border-bottom: 1px solid rgba(55, 62, 77, 0.4);
  margin-bottom: 1.625rem;
}
.page-edit-home__image {
  max-width: 27.5625rem;
  width: 100%;
}
@media only screen and (max-width: 768px) {
  .page-edit-home__image {
    max-width: 100%;
  }
}
.page-edit-home__label {
  color: #373E4D;
  cursor: pointer;
  display: flex;
  font-size: 0.75rem;
  font-weight: 600;
  margin-right: auto;
  opacity: 0.7;
  padding: 0.5rem 0;
  text-transform: uppercase;
}
.page-edit-home__ornamental {
  display: flex;
  gap: 1.25rem;
  width: 100%;
}
.page-edit-home__secondary {
  width: 100%;
}
.page-edit-home__inline-input {
  display: flex;
  gap: 0.625rem;
}
@media only screen and (max-width: 768px) {
  .page-edit-home__inline-input {
    flex-flow: wrap;
  }
}
.page-edit-home form {
  margin: 0 0 0.625rem;
}

.page {
  overflow-y: auto;
  position: relative;
  z-index: 1;
}
@media only screen and (min-width: 1023px) {
  .page {
    padding: 1.375rem 3.125rem;
  }
}
.page .page-content {
  position: relative;
  padding: 16px;
}
@media only screen and (min-width: 767px) {
  .page .page-content {
    padding: 16px;
  }
}
@media only screen and (min-width: 1023px) {
  .page .page-content {
    padding: 1.3rem;
  }
}
.page .page-content > *:last-child {
  margin-bottom: 0;
  padding-bottom: 0;
}
.page .page-content .content-link {
  align-items: center;
  color: #FEA125;
  cursor: pointer;
  display: flex;
  font-size: 1rem;
  padding: 1.25rem 0;
  text-decoration: none;
  border-top: 1px solid rgba(55, 62, 77, 0.25);
  border-bottom: 1px solid rgba(55, 62, 77, 0.25);
}
.page .page-content .content-link:hover {
  opacity: 0.8;
}
.page.page-terms-and-conditions, .page.page-privacy-policy {
  height: 100%;
  overflow-y: auto;
}
.page.page-terms-and-conditions .page-content, .page.page-privacy-policy .page-content {
  max-width: 60rem;
}
.page.page-enroll-account .support {
  color: #231F20;
  text-decoration: underline;
}

.page-fill-topic__list,
.page-topics__list {
  display: flex;
  flex-direction: column;
  gap: 0.5rem;
}
.page-fill-topic__category,
.page-topics__category {
  border: 2px solid #BDC2CE;
  border-radius: 1.625rem;
  color: #373E4D;
  font-size: 1.125rem;
  font-weight: 600;
  padding: 0.3125rem 1.5625rem;
  width: max-content;
}
.page-fill-topic__content,
.page-topics__content {
  border-top: 1px solid rgba(55, 62, 77, 0.4);
  margin-bottom: 7.5rem;
  margin-top: 1.25rem;
  padding-top: 2rem;
}
@media only screen and (max-width: 768px) {
  .page-fill-topic__content,
  .page-topics__content {
    border-top: none;
    padding: 2rem;
  }
}
.page-fill-topic__heading,
.page-topics__heading {
  font-size: 2rem;
  margin-bottom: 4.375rem;
}
@media only screen and (max-width: 768px) {
  .page-fill-topic__heading,
  .page-topics__heading {
    font-size: 1.875rem;
    margin-bottom: 1.5rem;
  }
}
.page-fill-topic__inputs,
.page-topics__inputs {
  display: flex;
  flex-direction: column;
  gap: 1.25rem;
  margin: 0 auto;
  max-width: 52.25rem;
  width: 100%;
}
.page-fill-topic__inputs .page-topics__category-input-select,
.page-fill-topic__inputs input:not(.page-topics__category-input-select-text),
.page-fill-topic__inputs textarea,
.page-topics__inputs .page-topics__category-input-select,
.page-topics__inputs input:not(.page-topics__category-input-select-text),
.page-topics__inputs textarea {
  padding: 1.8125rem 2.0625rem;
}
.page-fill-topic textarea,
.page-topics textarea {
  height: 9.375rem;
}
.page-fill-topic h2,
.page-topics h2 {
  font-size: 1.875rem;
}
.page-fill-topic__category-input-select,
.page-fill-topic textarea,
.page-fill-topic input:not(.page-topics__category-input-select-text),
.page-topics__category-input-select,
.page-topics textarea,
.page-topics input:not(.page-topics__category-input-select-text) {
  background-color: #FCFCFC !important;
  border: 1px solid rgba(55, 62, 77, 0.4);
  border-radius: 0.625rem;
  font-size: 1rem !important;
  font-weight: 600;
  resize: none;
}
.page-fill-topic__category-input-select:focus,
.page-fill-topic textarea:focus,
.page-fill-topic input:not(.page-topics__category-input-select-text):focus,
.page-topics__category-input-select:focus,
.page-topics textarea:focus,
.page-topics input:not(.page-topics__category-input-select-text):focus {
  border: 1px solid #1CC2A4;
}
.page-fill-topic__category-input-select::placeholder,
.page-fill-topic textarea::placeholder,
.page-fill-topic input:not(.page-topics__category-input-select-text)::placeholder,
.page-topics__category-input-select::placeholder,
.page-topics textarea::placeholder,
.page-topics input:not(.page-topics__category-input-select-text)::placeholder {
  opacity: 0.5 !important;
}
.page-fill-topic input,
.page-topics input {
  color: #373E4D;
  font-size: 1rem !important;
  font-weight: 600;
  height: 100%;
}
.page-fill-topic ul,
.page-topics ul {
  border: 1px solid rgba(55, 62, 77, 0.4);
  border-radius: 0.625rem;
  gap: 0.5625rem;
  list-style: none;
  margin-left: 0;
  margin-top: 0.4375rem;
  padding: 1.125rem 2.0625rem;
}
.page-fill-topic ul li,
.page-topics ul li {
  align-items: center;
  color: #373E4D;
  cursor: pointer;
  display: flex;
  font-size: 1rem;
  font-weight: 600;
  justify-content: space-between;
  opacity: 0.7;
}
.page-fill-topic ul li:hover,
.page-topics ul li:hover {
  opacity: 0.5;
}
.page-fill-topic__category-input-select,
.page-topics__category-input-select {
  cursor: pointer;
  display: flex;
  height: 5rem;
  justify-content: space-between;
  position: relative;
}
.page-fill-topic__category-input-select:hover,
.page-topics__category-input-select:hover {
  opacity: 0.7;
}
.page-fill-topic__category-input-select img,
.page-topics__category-input-select img {
  height: 2.0625rem;
  position: relative;
  top: -0.375rem;
  width: 2.0625rem;
}
.page-fill-topic__category-input-select-text,
.page-topics__category-input-select-text {
  opacity: 0.5;
}
.page-fill-topic__category-input-select-text--selected,
.page-topics__category-input-select-text--selected {
  opacity: 1;
}
.page-fill-topic__category-input-select--error,
.page-topics__category-input-select--error {
  border-color: #E50019 !important;
}
.page-fill-topic__category-input-select--open,
.page-topics__category-input-select--open {
  transform: rotate(180deg);
}
.page-fill-topic__category-input-select-options,
.page-topics__category-input-select-options {
  display: none;
}
.page-fill-topic__category-input-select-options--open,
.page-topics__category-input-select-options--open {
  display: flex;
  flex-direction: column;
}
.page-fill-topic p,
.page-topics p {
  font-size: 1rem;
  font-weight: 600;
}
.page-fill-topic__category-input,
.page-topics__category-input {
  position: relative;
}
.page-fill-topic__category-input-actions,
.page-topics__category-input-actions {
  display: flex;
  gap: 0.5625rem;
  position: absolute;
  right: 1.5rem;
  top: calc(50% - 1rem);
}
.page-fill-topic__category-input-actions img,
.page-topics__category-input-actions img {
  cursor: pointer;
}
.page-fill-topic__category-input-actions img:hover,
.page-topics__category-input-actions img:hover {
  opacity: 0.7;
}
.page-fill-topic__title-input, .page-fill-topic__description-input,
.page-topics__title-input,
.page-topics__description-input {
  position: relative;
}
.page-fill-topic__title-input--error, .page-fill-topic__description-input--error,
.page-topics__title-input--error,
.page-topics__description-input--error {
  border-color: #E50019 !important;
}
.page-fill-topic__title-input-actual, .page-fill-topic__description-input-actual,
.page-topics__title-input-actual,
.page-topics__description-input-actual {
  bottom: 1.25rem;
  font-size: 1rem;
  font-weight: 600;
  opacity: 0.5;
  position: absolute;
  right: 2.0625rem;
}
.page-fill-topic__title-input,
.page-topics__title-input {
  height: 5rem;
}
.page-fill-topic__filters,
.page-topics__filters {
  display: flex;
  margin-bottom: 2.625rem;
  width: 100%;
}
.page-fill-topic__filters button,
.page-topics__filters button {
  margin-left: auto;
  margin-right: unset;
}
.page-fill-topic__options-create,
.page-topics__options-create {
  color: #1CC2A4 !important;
}
.page-fill-topic .rdw-option-wrapper,
.page-topics .rdw-option-wrapper {
  border: none;
}
.page-fill-topic .rdw-colorpicker-modal,
.page-fill-topic .rdw-link-modal,
.page-topics .rdw-colorpicker-modal,
.page-topics .rdw-link-modal {
  border-radius: 10px;
  box-shadow: unset;
  height: auto;
}
.page-fill-topic .rdw-colorpicker-modal-header > *,
.page-fill-topic .rdw-link-modal-header > *,
.page-topics .rdw-colorpicker-modal-header > *,
.page-topics .rdw-link-modal-header > * {
  border-bottom-color: #1CC2A4;
  color: #373E4D;
}
.page-fill-topic .rdw-colorpicker-modal-taget-option,
.page-fill-topic .rdw-link-modal-taget-option,
.page-topics .rdw-colorpicker-modal-taget-option,
.page-topics .rdw-link-modal-taget-option {
  align-items: center;
  display: flex;
}
.page-fill-topic .rdw-colorpicker-modal input,
.page-fill-topic .rdw-link-modal input,
.page-topics .rdw-colorpicker-modal input,
.page-topics .rdw-link-modal input {
  cursor: pointer;
  outline: none;
  padding: 0.875rem 1.1875rem !important;
}
.page-fill-topic .rdw-colorpicker-modal input[type=checkbox],
.page-fill-topic .rdw-link-modal input[type=checkbox],
.page-topics .rdw-colorpicker-modal input[type=checkbox],
.page-topics .rdw-link-modal input[type=checkbox] {
  cursor: pointer;
}
.page-fill-topic .rdw-colorpicker-modal input:checked,
.page-fill-topic .rdw-link-modal input:checked,
.page-topics .rdw-colorpicker-modal input:checked,
.page-topics .rdw-link-modal input:checked {
  filter: grayscale(1);
}
.page-fill-topic .rdw-colorpicker-modal button,
.page-fill-topic .rdw-link-modal button,
.page-topics .rdw-colorpicker-modal button,
.page-topics .rdw-link-modal button {
  background: #1CC2A4;
  height: unset;
  padding: 0.5rem 1.25rem;
  width: max-content;
}
.page-fill-topic .rdw-colorpicker-modal .rdw-link-modal-btn:last-of-type,
.page-fill-topic .rdw-link-modal .rdw-link-modal-btn:last-of-type,
.page-topics .rdw-colorpicker-modal .rdw-link-modal-btn:last-of-type,
.page-topics .rdw-link-modal .rdw-link-modal-btn:last-of-type {
  background: transparent;
  color: rgba(55, 62, 77, 0.4);
}
.page-fill-topic .rdw-colorpicker-modal-buttonsection,
.page-fill-topic .rdw-link-modal-buttonsection,
.page-topics .rdw-colorpicker-modal-buttonsection,
.page-topics .rdw-link-modal-buttonsection {
  align-items: center;
  display: flex;
  justify-content: space-between;
  margin: 0;
}
.page-fill-topic .rdw-colorpicker-modal-buttonsection button,
.page-fill-topic .rdw-link-modal-buttonsection button,
.page-topics .rdw-colorpicker-modal-buttonsection button,
.page-topics .rdw-link-modal-buttonsection button {
  margin: 0;
  width: unset;
}
.page-fill-topic .rdw-colorpicker-modal-buttonsection button:hover,
.page-fill-topic .rdw-link-modal-buttonsection button:hover,
.page-topics .rdw-colorpicker-modal-buttonsection button:hover,
.page-topics .rdw-link-modal-buttonsection button:hover {
  box-shadow: unset;
}
.page-fill-topic .rdw-editor-toolbar,
.page-topics .rdw-editor-toolbar {
  border-bottom: 1px solid #D6D9E1;
  border-left: none;
  border-radius: 10px 10px 0 0;
  border-right: none;
  border-top: none;
  padding: 0;
}
.page-fill-topic .rdw-editor-toolbar span,
.page-topics .rdw-editor-toolbar span {
  align-items: center;
  display: flex;
  margin: 0.1875rem 0.625rem;
}
.page-fill-topic .rdw-editor-toolbar span.error,
.page-topics .rdw-editor-toolbar span.error {
  color: #E50019;
}
.page-fill-topic .rdw-editor-main,
.page-topics .rdw-editor-main {
  padding: 0.3125rem 1.375rem;
}
.page-fill-topic .rdw-colorpicker-wrapper,
.page-fill-topic .rdw-text-align-wrapper,
.page-fill-topic .rdw-link-wrapper,
.page-topics .rdw-colorpicker-wrapper,
.page-topics .rdw-text-align-wrapper,
.page-topics .rdw-link-wrapper {
  border-left: 1px solid #D6D9E1;
  margin-bottom: 0;
  padding: 0.5rem 0;
}
.page-fill-topic .rdw-dropdown-wrapper,
.page-topics .rdw-dropdown-wrapper {
  border-radius: 5px;
  min-width: 76px;
}
.page-fill-topic .rdw-dropdown-wrapper ul,
.page-topics .rdw-dropdown-wrapper ul {
  padding: 0.5rem 0.75rem;
}
.page-fill-topic .rdw-dropdown-carettoclose,
.page-fill-topic .rdw-dropdown-carettoopen,
.page-topics .rdw-dropdown-carettoclose,
.page-topics .rdw-dropdown-carettoopen {
  border-bottom: none;
  border-top: none;
}
.page-fill-topic .rdw-dropdown-carettoclose::before,
.page-fill-topic .rdw-dropdown-carettoopen::before,
.page-topics .rdw-dropdown-carettoclose::before,
.page-topics .rdw-dropdown-carettoopen::before {
  background: transparent;
  box-sizing: border-box;
  color: #F9FBFC;
  content: url("icons/down-chevron.svg");
  font-size: 1rem;
  position: absolute;
  right: -10px;
  top: -4px;
  -webkit-text-fill-color: #F9FBFC;
}
.page-fill-topic .rdw-text-align-wrapper,
.page-fill-topic .rdw-list-wrapper,
.page-fill-topic .rdw-fontsize-wrapper,
.page-fill-topic .rdw-block-wrapper,
.page-topics .rdw-text-align-wrapper,
.page-topics .rdw-list-wrapper,
.page-topics .rdw-fontsize-wrapper,
.page-topics .rdw-block-wrapper {
  margin-bottom: 0;
  padding: 0.5rem 0;
}
.page-fill-topic .rdw-inline-wrapper,
.page-topics .rdw-inline-wrapper {
  border-right: 1px solid #D6D9E1;
  margin-bottom: 0;
  padding: 0.5rem 0;
}
.page-fill-topic .rdw-editor-wrapper,
.page-topics .rdw-editor-wrapper {
  border: 1px solid #D6D9E1;
  border-radius: 10px;
}
.page-fill-topic .rdw-editor-wrapper input,
.page-topics .rdw-editor-wrapper input {
  height: 2.5rem;
  padding: 0.875rem 1.1875rem !important;
}

.partial-custom-empty-message {
  display: flex;
  flex-direction: column;
  gap: 0.5rem;
}
.partial-custom-empty-message__item {
  border: 1px solid rgba(35, 43, 64, 0.2);
  border-radius: 0.625rem;
  height: 6.5rem;
  width: 100%;
}
.partial-custom-empty-message__message {
  background-color: #fff;
  display: flex;
  flex-direction: column;
  justify-content: center;
  left: 50%;
  padding: 2rem;
  position: absolute;
  top: 49%;
}
.partial-custom-empty-message__message > * {
  color: #1CC2A4;
  text-align: center;
}
.partial-custom-empty-message__message h3 {
  font-weight: 600;
  margin-bottom: 0.25rem;
}
.partial-custom-empty-message__message p {
  font-size: 0.75rem;
  font-weight: 400;
  padding-bottom: 0;
}

.page-onboarding {
  align-items: center;
  background: #fff;
  display: flex;
  flex-direction: column;
  height: calc(100vh - 5px);
  margin-right: auto;
  overflow-y: auto;
}
.page-onboarding .partial-form-factory {
  padding: 0;
  width: 100%;
}
.page-onboarding__link {
  align-items: center;
  cursor: pointer;
  display: flex;
  margin-bottom: 0.625rem;
  text-align: start !important;
}
.page-onboarding__link-icon {
  height: 0.9375rem;
  width: 0.9375rem;
}
.page-onboarding__details {
  color: #373E4D;
  display: flex;
  flex-direction: column;
  gap: 0.3125rem;
}
.page-onboarding__content {
  height: 90%;
}
.page-onboarding__button-secondary {
  margin-right: auto !important;
}
.page-onboarding .button-wrap {
  gap: 0.8125rem;
}
.page-onboarding__header {
  display: flex;
  flex-direction: column;
  font-size: 1.875rem;
  margin-bottom: 1.25rem;
  text-align: start;
}
.page-onboarding:not(.page-register) .field {
  width: 100%;
}
.page-onboarding__container {
  align-items: flex-start;
  display: flex;
  flex-direction: column;
  height: 100%;
  justify-content: center;
  max-width: 500px;
  padding: 0 1.25rem;
  width: 100%;
}
@media only screen and (max-width: 768px) {
  .page-onboarding__container {
    justify-content: flex-start;
    margin-top: 1.875rem;
  }
}
.page-onboarding__container--top {
  height: unset;
}
.page-onboarding__container ul a {
  margin-top: 0.3125rem !important;
}
.page-onboarding__container .button {
  width: 12.5rem !important;
}
.page-onboarding__container .button,
.page-onboarding__container button {
  background-color: #1CC2A4;
  border-radius: 6.25rem;
  color: #fff;
  font-size: 0.875rem;
  height: 2.5rem !important;
  justify-content: center;
  margin-top: 0 !important;
  padding: 0.375rem 1.5625rem;
  width: 7.5rem !important;
}
@media only screen and (max-width: 768px) {
  .page-onboarding__container .button,
  .page-onboarding__container button {
    width: 100% !important;
  }
}
.page-onboarding .resend {
  margin-top: 5.625rem;
}
.page-onboarding .resend,
.page-onboarding .subheader {
  font-size: 1rem;
  font-weight: 600;
  text-align: start;
}
.page-onboarding .resend .red,
.page-onboarding .subheader .red {
  color: #E50019;
}
.page-onboarding .resend .green,
.page-onboarding .subheader .green {
  color: #ECF8EE;
  cursor: pointer !important;
  text-decoration: underline;
}
.page-onboarding .resend .green:hover,
.page-onboarding .subheader .green:hover {
  opacity: 0.8;
}
.page-onboarding .group-inline {
  display: flex;
  gap: 20px;
  width: 100%;
}
@media only screen and (max-width: 768px) {
  .page-onboarding .group-inline {
    flex-direction: column;
  }
}
.page-onboarding a {
  color: #373E4D;
  font-size: 0.875rem;
  margin: 1.5625rem 0;
  max-width: 300px;
  text-align: center;
}
.page-onboarding a:hover {
  opacity: 0.8;
}
.page-onboarding__buttons {
  align-items: flex-start;
  display: flex;
  flex-flow: row wrap;
  gap: 13px;
  width: 100%;
}
.page-onboarding__buttons button {
  margin-left: 0;
}
.page-onboarding__buttons .partial-button--grey-border {
  margin-right: 0 !important;
}
.page-onboarding__buttons .partial-submitting-button {
  height: 3.0625rem;
  justify-content: center;
  padding: 6px 25px;
  width: 10.3125rem;
}

.page-register {
  height: 100%;
  overflow-y: auto;
}

.page-choose-signup__items {
  display: flex;
  gap: 1.25rem;
  margin-bottom: 1.25rem;
}
@media only screen and (max-width: 1024px) {
  .page-choose-signup__items {
    flex-direction: column;
  }
}
.page-choose-signup__container {
  max-width: unset;
}
.page-choose-signup__features {
  display: flex;
  flex-direction: column;
  font-size: 0.75rem;
  gap: 0.625rem;
  padding: 0.625rem 0.625rem 0;
}
.page-choose-signup__features-item {
  display: list-item;
  padding: 0;
}
.page-choose-signup__item {
  border: 2px solid #373E4D;
  border-radius: 0.625rem;
  color: #373E4D;
  cursor: pointer;
  display: flex;
  flex-direction: column;
  height: 100%;
  padding: 1.5625rem;
}
.page-choose-signup__item-container {
  align-items: center;
  display: flex;
  flex-direction: column;
  gap: 0.625rem;
  width: calc(50% - 10px);
}
@media only screen and (max-width: 1024px) {
  .page-choose-signup__item-container {
    width: 100%;
  }
}
.page-choose-signup__item:hover {
  opacity: 0.8;
}
.page-choose-signup__item h3 {
  margin-bottom: 0;
}
.page-choose-signup__item img {
  height: 1.875rem;
  margin-bottom: 1.25rem;
  width: 1.875rem;
}

.page-esys-login {
  align-items: center;
  display: flex;
  flex-direction: column;
  height: 100%;
  justify-content: center;
  max-width: unset;
  width: 100%;
}
.page-esys-login__buttons {
  display: flex;
  flex-direction: row;
  gap: 1.25rem;
  overflow-y: auto;
}
@media only screen and (max-width: 768px) {
  .page-esys-login__buttons {
    flex-direction: column;
    width: 100%;
  }
}
.page-esys-login__item {
  border-radius: 0.9375rem;
  cursor: pointer;
  flex-flow: column wrap;
  height: 27.1875rem;
  justify-content: space-between;
  width: 21.6875rem;
}
@media only screen and (max-width: 768px) {
  .page-esys-login__item {
    margin: 1.25rem;
    width: unset;
  }
}
.page-esys-login__item:hover {
  opacity: 0.8;
}
.page-esys-login__item--cms {
  background-color: #FEA125;
}
.page-esys-login__item--cpc {
  background-color: #E50019;
}
.page-esys-login__item-computer {
  margin-left: auto;
  margin-top: 2.1875rem;
}
.page-esys-login__item-logo {
  padding: 2.25rem 2.5rem;
}
.page-esys-login__logo {
  margin-right: auto;
}
.page-esys-login__text {
  margin-right: auto;
  margin-top: 3.125rem;
}

.page-admin-course-edit .display-image {
  padding-top: 11.25rem !important;
}
.page-admin-course-edit__button {
  flex-direction: row-reverse !important;
}
.page-admin-course-edit .uploaded-image {
  background-size: cover !important;
  border-radius: 0.625rem !important;
}

.page-heading-tools {
  display: flex;
  gap: 0.625rem;
}
.page-heading-tools .field {
  max-width: 25rem;
}

.block-view-bundle .left,
.page-my-course-details .left,
.block-view-course .left {
  padding: 0 !important;
}
.block-view-bundle .right,
.page-my-course-details .right,
.block-view-course .right {
  height: 100%;
}
.block-view-bundle .bundle-container,
.block-view-bundle .course-container,
.page-my-course-details .bundle-container,
.page-my-course-details .course-container,
.block-view-course .bundle-container,
.block-view-course .course-container {
  padding: 0 2.1875rem;
}

.block-view-bundle .right,
.block-view-course .right {
  padding-bottom: 0 !important;
}
.block-view-bundle .course-container,
.block-view-course .course-container {
  padding: 0 2.1875rem;
}

.page-course-details .left,
.block-my-course-details .left {
  height: 100%;
}
.page-course-details .right .block-heading-internal,
.block-my-course-details .right .block-heading-internal {
  padding: 0;
}

.page-public-catalog {
  background-color: #F2F3F5;
}
.page-public-catalog .block-view-courses {
  min-height: unset;
}
.page-public-catalog .block-filter-courses {
  background-color: #fff;
  border-radius: 0.625rem;
  gap: 0.75rem;
  padding: 1rem;
}
.page-public-catalog .block-filter-courses__filters {
  flex-wrap: nowrap;
  gap: 0.75rem;
}
@media only screen and (max-width: 1024px) {
  .page-public-catalog .block-filter-courses__filters {
    flex-wrap: wrap;
  }
}
.page-public-catalog .block-filter-courses__filters-container {
  padding-top: 0;
}
.page-public-catalog .partial-single-filter {
  flex: 0 0 auto;
}
.page-public-catalog .partial-tags {
  align-items: flex-start;
  display: inline-flex;
  justify-content: space-between;
  width: 100%;
}
@media only screen and (max-width: 1024px) {
  .page-public-catalog .partial-tags {
    flex-flow: wrap;
    gap: 0.625rem;
  }
}
.page-public-catalog .partial-tags__item {
  align-items: center;
  border-radius: 5.625rem;
  cursor: pointer;
  display: flex;
  gap: 0.25rem;
  height: 2.25rem;
  justify-content: center;
  padding: 0.5rem 1.25rem;
}
.page-public-catalog .partial-tags__item--active {
  background-color: #373E4C;
}
.page-public-catalog .partial-tags__item:hover {
  opacity: 0.8;
}
.page-public-catalog .partial-tags__item:not(.page-public-catalog .partial-tags__item--active) {
  border: 1px solid #373E4C;
}
.page-public-catalog .partial-tags__text {
  font-family: "Source Sans Pro", sans-serif;
  font-size: 1rem;
  font-weight: 600;
}
.page-public-catalog .partial-tags__text:not(.page-public-catalog .partial-tags__text--inactive) {
  color: #fff;
}
.page-public-catalog .partial-tags__text--inactive {
  color: #373E4C;
}

.page-courses-category .block-filter-courses {
  margin-bottom: 1.25rem;
}

.page-public-catalog__header,
.page-admin-layout__header,
.page-courses-category__header,
.page-admin-courses__header,
.page-catalog__header {
  display: flex;
  gap: 0.75rem;
  margin-bottom: 0.5rem;
}
.page-public-catalog .field-text-input,
.page-admin-layout .field-text-input,
.page-courses-category .field-text-input,
.page-admin-courses .field-text-input,
.page-catalog .field-text-input {
  max-width: 31.25rem;
  width: 100%;
}
.page-public-catalog__filters,
.page-admin-layout__filters,
.page-courses-category__filters,
.page-admin-courses__filters,
.page-catalog__filters {
  display: flex;
  gap: 0.625rem;
  margin-bottom: 1.25rem;
}
.page-public-catalog__filters-container,
.page-admin-layout__filters-container,
.page-courses-category__filters-container,
.page-admin-courses__filters-container,
.page-catalog__filters-container {
  display: flex;
  flex-direction: column;
  margin-bottom: 0.625rem;
  width: 31.25rem;
}
@media only screen and (max-width: 768px) {
  .page-public-catalog__filters-container,
  .page-admin-layout__filters-container,
  .page-courses-category__filters-container,
  .page-admin-courses__filters-container,
  .page-catalog__filters-container {
    width: unset;
  }
}

.page-admin-courses__header {
  margin-left: auto;
}
.page-admin-courses__header-page {
  background-color: #fff;
  display: flex;
  flex-direction: column;
  margin-left: auto;
  position: fixed;
  z-index: 11;
  width: calc(100% - 21.875rem);
  top: 0.3125rem;
  padding-top: 2.25rem;
}
@media only screen and (max-width: 1024px) {
  .page-admin-courses__header-page {
    width: calc(100% - 2.125rem);
  }
}
.page-admin-courses__content {
  margin-top: 13.4375rem;
  overflow-y: auto;
}
.page-admin-courses__content--ttt {
  margin-top: 10.9375rem;
}
.page-admin-courses__filters {
  background-color: #fff;
  flex-flow: wrap;
  justify-content: space-between;
  position: fixed;
  top: 8rem;
  padding-top: 0.625rem;
  z-index: 11;
  width: calc(100% - 21.875rem);
}
@media only screen and (max-width: 1024px) {
  .page-admin-courses__filters {
    margin-bottom: 1.25rem;
    width: 100%;
  }
}
.page-admin-courses__filters-ttt {
  display: flex;
  flex-direction: column;
  gap: 0.625rem;
}
@media only screen and (max-width: 1024px) {
  .page-admin-courses .block-filter-courses {
    margin-bottom: 0;
    max-width: 100%;
  }
}

.page-catalog__content {
  margin-top: 0rem;
  overflow-y: auto;
  display: flex;
}
@media only screen and (max-width: 1024px) {
  .page-catalog__content {
    margin-top: 10.9375rem;
  }
}
.page-catalog__content .infinite-scroll-component__outerdiv {
  width: 100%;
}
.page-catalog .block-filter-courses {
  width: 100%;
}
.page-catalog .block-filter-courses .partial-filter-menu__menu {
  left: 0;
  z-index: 10000;
}
.page-catalog .block-filter-courses .field-text-input.input-group {
  max-width: unset !important;
}
.page-catalog .block-filter-courses .field-text-input.input-group .has-search {
  max-width: unset !important;
}
@media only screen and (max-width: 1024px) {
  .page-catalog .block-filter-courses__filters {
    max-width: 100%;
  }
}
.page-catalog .block-filter-courses__filters > *:first-child {
  flex-grow: 1;
}
.page-catalog .block-filter-courses__filters > *:not(:first-child) {
  flex-grow: 0;
  flex-shrink: 0;
}
.page-catalog .block-filter-courses__filters-clear {
  display: flex;
  flex: 0 0 auto;
}
.page-catalog .block-filter-courses__filters-applied {
  flex: 0 0 auto;
  flex-flow: nowrap;
}
.page-catalog .block-filter-courses__filters-applied-list {
  flex: 0 0 auto;
}

.page-my-courses .page-content .block-heading-internal {
  margin-bottom: 1.5625rem;
}
@media only screen and (max-width: 1024px) {
  .page-my-courses .page-content .block-heading-internal {
    padding: 0 !important;
  }
}

@media only screen and (max-width: 768px) {
  .page-my-courses .partial-tabs,
  .page-courses-category .partial-tabs,
  .page-admin-courses .partial-tabs {
    margin-left: 1.3125rem;
  }
}
.page-my-courses .block-view-bundles,
.page-courses-category .block-view-bundles,
.page-admin-courses .block-view-bundles {
  margin-top: 1.25rem !important;
}
.page-my-courses .block-filter-courses .field-text-input,
.page-courses-category .block-filter-courses .field-text-input,
.page-admin-courses .block-filter-courses .field-text-input {
  max-width: 18.75rem !important;
}
.page-my-courses .block-filter-courses .field-text-input .has-search,
.page-courses-category .block-filter-courses .field-text-input .has-search,
.page-admin-courses .block-filter-courses .field-text-input .has-search {
  max-width: 18.75rem !important;
}
.page-my-courses .block-filter-courses__filters-container, .page-my-courses .block-filter-courses__filters-applied,
.page-courses-category .block-filter-courses__filters-container,
.page-courses-category .block-filter-courses__filters-applied,
.page-admin-courses .block-filter-courses__filters-container,
.page-admin-courses .block-filter-courses__filters-applied {
  padding: 0;
}
@media only screen and (max-width: 1024px) {
  .page-my-courses .block-filter-courses__filters-container,
  .page-courses-category .block-filter-courses__filters-container,
  .page-admin-courses .block-filter-courses__filters-container {
    flex-flow: wrap;
    padding-bottom: 0;
  }
}
.page-my-courses .block-cards,
.page-courses-category .block-cards,
.page-admin-courses .block-cards {
  margin-bottom: 1.25rem !important;
}

.page-admin-layout {
  height: 100vh;
}
.page-admin-layout .field {
  margin-bottom: 0;
}
.page-admin-layout .field-text-input {
  max-width: 18.75rem;
  width: 100%;
}
.page-admin-layout .custom-heading__title {
  margin-bottom: 0 !important;
}
.page-admin-layout button.partial-button {
  max-height: 2rem !important;
}
.page-admin-layout__filters-container {
  flex-direction: row;
  gap: 0.625rem;
}

.page-exam-preview {
  margin: 2rem auto;
  max-width: 50rem;
  padding: 0 1rem;
}
.page-exam-preview__content {
  margin-top: 2rem;
}
.page-exam-preview__loader {
  display: flex;
  justify-content: center;
  margin-top: 2rem;
}
.page-exam-preview__details {
  display: grid;
  gap: 1.5rem;
  grid-template-columns: repeat(auto-fit, minmax(15.625rem, 1fr));
  margin-bottom: 2.5rem;
}
.page-exam-preview__actions {
  align-items: center;
  display: flex;
  flex-direction: column;
  gap: 1rem;
}
.page-exam-preview__warning {
  background: #FDE8E9;
  border: 1px solid #FCDDDE;
  border-radius: 0.5rem;
  color: #E50019;
  font-size: 0.875rem;
  margin-top: 1rem;
  padding: 0.75rem 1.25rem;
  text-align: center;
}

.exam-info-card {
  background: white;
  border: 1px solid #e9ecef;
  border-radius: 16px;
  box-shadow: 0 4px 6px rgba(0, 0, 0, 0.05);
  padding: 2.5rem;
  transition: transform 0.2s, box-shadow 0.2s;
}
.exam-info-card__details {
  display: grid;
  gap: 1.5rem;
  grid-template-columns: repeat(auto-fit, minmax(250px, 1fr));
  margin-bottom: 2.5rem;
}
.exam-info-card__policy {
  margin-bottom: 2.5rem;
}
.exam-info-card__title {
  border-bottom: 2px solid #e9ecef;
  color: #373E4D;
  font-size: 1.75rem;
  margin-bottom: 2rem;
  padding-bottom: 1rem;
}
.exam-info-card__actions {
  align-items: center;
  display: flex;
  flex-direction: column;
  gap: 1rem;
}
.exam-info-card__attempts {
  background: #fff;
  border: 1px solid #e9ecef;
  border-radius: 12px;
  margin-bottom: 2.5rem;
  padding: 1.5rem;
}

.attempts-list {
  display: flex;
  flex-direction: column;
  gap: 1rem;
}

.exam-info-item {
  background: #f8f9fa;
  border: 1px solid #e9ecef;
  border-radius: 0.75rem;
  padding: 1.25rem;
}
.exam-info-item__label {
  color: #a3a9bc;
  display: block;
  font-size: 0.875rem;
  font-weight: 600;
  margin-bottom: 0.5rem;
  text-transform: uppercase;
}
.exam-info-item__value {
  color: #373E4D;
  font-size: 1.25rem;
  font-weight: 600;
}

@media (width <= 768px) {
  .page-exam-preview {
    margin: 1rem auto;
  }
  .page-exam-preview__details {
    gap: 1rem;
    grid-template-columns: 1fr;
  }
  .exam-info-item {
    padding: 1rem;
  }
  .exam-info-item__value {
    font-size: 1.125rem;
  }
}
.page-exam-take {
  padding-top: 4.375rem;
  height: 100%;
  overflow: auto;
}
.page-exam-take .warning-banner {
  align-items: center;
  animation: fadeIn 0.3s ease-in-out;
  background-color: #E50019;
  color: #fff;
  display: flex;
  justify-content: center;
  left: 0;
  padding: 1rem;
  position: fixed;
  right: 0;
  text-align: center;
  top: 0;
  z-index: 1000;
}
.page-exam-take__loader {
  display: flex;
  flex-direction: column;
  gap: 1rem;
}
.page-exam-take__content {
  margin: 0 auto;
  max-width: 50rem;
  padding: 1.25rem;
}
.page-exam-take__questions {
  display: flex;
  flex-direction: column;
  gap: 2rem;
  user-select: none;
}
.page-exam-take__actions {
  display: flex;
  justify-content: center;
  padding: 3rem 0rem 1rem;
}
.page-exam-take__section {
  background: #fff;
  border-radius: 0.5rem;
  box-shadow: 0 2px 8px rgba(0, 0, 0, 0.1);
  display: flex;
  flex-direction: column;
  gap: 1rem;
  padding: 1.25rem;
}
.page-exam-take__section-title {
  color: #373E4D;
  font-size: 1.5rem;
}
.page-exam-take__section-header {
  align-items: center;
  display: flex;
  justify-content: space-between;
}
.page-exam-take__section-count {
  color: #7B869E;
  font-size: 1.125rem;
  font-weight: 600;
  padding-bottom: 0;
}
.page-exam-take__submit {
  font-size: 1.125rem;
  min-width: 12.5rem;
  padding: 1rem 2rem;
  transition: background-color 0.2s;
}
.page-exam-take__submit.completed {
  background-color: #1CC2A4;
}
.page-exam-take__submit.completed:hover:not(:disabled) {
  background-color: #19ac91;
}
.page-exam-take__submit:not(.completed) {
  background-color: #E50019;
}
.page-exam-take__submit:not(.completed):hover:not(:disabled) {
  background-color: #cc0016;
}
.page-exam-take__submit:disabled {
  background-color: #EBEDF0;
  cursor: not-allowed;
}
.page-exam-take .bell-icon {
  display: none;
}
.page-exam-take .user-type {
  display: none;
}

@keyframes fadeIn {
  from {
    opacity: 0;
    transform: translateY(-100%);
  }
  to {
    opacity: 1;
    transform: translateY(0);
  }
}
.page-practical-evaluation-input__content {
  margin: 1.25rem auto;
  border-radius: 0.5rem;
  width: 100%;
  box-shadow: 0 2px 8px rgba(0, 0, 0, 0.1);
}
.page-practical-evaluation-input__content .field {
  margin-bottom: 0;
}
.page-practical-evaluation-input__section {
  display: flex;
  flex-direction: column;
  gap: 2rem;
  padding: 1.5rem 1.25rem;
  margin-bottom: 1.5rem;
  border-bottom: 1px solid rgba(35, 43, 64, 0.2);
}
.page-practical-evaluation-input__section-title {
  color: #373E4D;
  font-size: 1.5rem;
  font-weight: 600;
  margin: 0;
}
.page-practical-evaluation-input__section-header {
  align-items: center;
  display: flex;
  justify-content: space-between;
}
.page-practical-evaluation-input__section-count {
  color: #7B869E;
  font-size: 1.125rem;
  font-weight: 600;
  padding-bottom: 0;
}
.page-practical-evaluation-input__section-group-title {
  margin-bottom: 1rem;
}
.page-practical-evaluation-input__student-info .page-practical-evaluation-input__student-details {
  display: grid;
  grid-template-columns: 1fr 1fr;
  gap: 1.25rem;
}
.page-practical-evaluation-input__student-info .page-practical-evaluation-input__student-name label {
  display: block;
  color: #7B869E;
  font-size: 0.875rem;
  font-weight: 600;
  margin-bottom: 0.5rem;
}
.page-practical-evaluation-input__student-info .page-practical-evaluation-input__student-name p {
  color: #373E4D;
  font-size: 1rem;
  margin: 0;
}
.page-practical-evaluation-input__questions .page-practical-evaluation-input__questions-table {
  display: flex;
  flex-direction: column;
  border: 1px solid rgba(35, 43, 64, 0.2);
  border-radius: 1.25rem;
  overflow: hidden;
}
@media only screen and (max-width: 768px) {
  .page-practical-evaluation-input__questions .page-practical-evaluation-input__questions-table {
    border-radius: 1.25rem;
    overflow: visible;
  }
}
.page-practical-evaluation-input__questions .page-practical-evaluation-input__questions-list {
  display: flex;
  flex-direction: column;
}
.page-practical-evaluation-input__questions .page-practical-evaluation-input__table-header {
  display: grid;
  grid-template-columns: 2fr 80px 80px 2fr;
  border-bottom: 1px solid rgba(35, 43, 64, 0.2);
}
@media only screen and (max-width: 768px) {
  .page-practical-evaluation-input__questions .page-practical-evaluation-input__table-header {
    display: none;
  }
}
@media only screen and (max-width: 1024px) {
  .page-practical-evaluation-input__questions .page-practical-evaluation-input__table-header {
    grid-template-columns: 1fr 60px 60px 1fr;
  }
}
.page-practical-evaluation-input__questions .page-practical-evaluation-input__table-cell {
  padding: 0.75rem 1rem;
  font-weight: 600;
  font-size: 0.625rem;
  text-transform: uppercase;
  color: #373E4D;
}
.page-practical-evaluation-input__questions .page-practical-evaluation-input__table-cell:last-child {
  border-right: none;
}
.page-practical-evaluation-input__questions .page-practical-evaluation-input__table-cell--question {
  text-align: left;
}
.page-practical-evaluation-input__questions .page-practical-evaluation-input__table-cell--pass, .page-practical-evaluation-input__questions .page-practical-evaluation-input__table-cell--fail {
  text-align: center;
}
.page-practical-evaluation-input__questions .page-practical-evaluation-input__table-cell--notes {
  text-align: left;
}
.page-practical-evaluation-input__questions .page-practical-evaluation-input__section-hours {
  align-items: center;
  border-top: 1px solid rgba(35, 43, 64, 0.2);
  display: grid;
  gap: 1.25rem;
  grid-template-columns: 1.5fr 1fr;
  padding: 1rem;
}
@media only screen and (max-width: 768px) {
  .page-practical-evaluation-input__questions .page-practical-evaluation-input__section-hours {
    grid-template-columns: 1fr;
    padding: 1rem 1rem 1.5rem;
  }
}
.page-practical-evaluation-input__questions .page-practical-evaluation-input__section-hours-label {
  color: #373E4D;
  font-size: 0.875rem;
  font-weight: 600;
  margin: 0;
  text-transform: uppercase;
}
.page-practical-evaluation-input__questions .page-practical-evaluation-input__section-hours-input {
  margin-bottom: 0;
}
.page-practical-evaluation-input__questions .page-practical-evaluation-input__section-hours-input .field-text-input__label {
  display: none;
}
.page-practical-evaluation-input__questions .page-practical-evaluation-input__section-hours-input .inputWrap {
  width: 100%;
}
.page-practical-evaluation-input__training-details .page-practical-evaluation-input__training-fields {
  display: grid;
  grid-template-columns: 1fr 1fr;
  gap: 1.25rem;
}
.page-practical-evaluation-input__verification {
  background: #EBEDF0;
}
.page-practical-evaluation-input__verification .page-practical-evaluation-input__verification-statement p {
  color: #373E4D;
  font-size: 1rem;
  line-height: 1.6;
  margin: 0;
  padding: 1rem;
}
.page-practical-evaluation-input__instructor-details .page-practical-evaluation-input__instructor-fields {
  display: flex;
  flex-direction: column;
  gap: 1.25rem;
}
.page-practical-evaluation-input__actions {
  display: flex;
  justify-content: flex-end;
  gap: 1rem;
  padding: 1.5rem 1.25rem;
}
.page-practical-evaluation-results__result-value {
  font-weight: 600;
  font-size: 0.75rem;
  text-transform: uppercase;
  padding: 0.3125rem 0.625rem;
  border-radius: 2.5rem;
}
.page-practical-evaluation-results__result-value--passed {
  color: #1CC2A4;
  background-color: rgba(28, 194, 164, 0.2);
  border: 1px solid #1CC2A4;
}
.page-practical-evaluation-results__result-value--failed {
  color: #E50019;
  background-color: rgba(229, 0, 25, 0.2);
  border: 1px solid #E50019;
}
.page-practical-evaluation-results__content {
  margin: 1.25rem auto;
  border-radius: 0.5rem;
  width: 100%;
  box-shadow: 0 2px 8px rgba(0, 0, 0, 0.1);
}
.page-practical-evaluation-results__content .field {
  margin-bottom: 0;
}
.page-practical-evaluation-results__section {
  display: flex;
  flex-direction: column;
  gap: 2rem;
  padding: 1.5rem 1.25rem;
  margin-bottom: 1.5rem;
  border-bottom: 1px solid rgba(35, 43, 64, 0.2);
}
.page-practical-evaluation-results__section-title {
  color: #373E4D;
  font-size: 1.5rem;
  font-weight: 600;
  margin: 0;
}
.page-practical-evaluation-results__section-group-title {
  margin-bottom: 1rem;
}
.page-practical-evaluation-results__student-info .page-practical-evaluation-results__student-details {
  display: flex;
  flex-wrap: wrap;
  gap: 4.375rem;
}
.page-practical-evaluation-results__student-info .page-practical-evaluation-results__student-name label,
.page-practical-evaluation-results__student-info .page-practical-evaluation-results__evaluation-date label,
.page-practical-evaluation-results__student-info .page-practical-evaluation-results__result label {
  display: block;
  color: #7B869E;
  font-size: 0.875rem;
  font-weight: 600;
  margin-bottom: 0.5rem;
}
.page-practical-evaluation-results__student-info .page-practical-evaluation-results__result-content {
  display: flex;
  align-items: center;
  gap: 0.5rem;
  flex-wrap: wrap;
}
.page-practical-evaluation-results__student-info .page-practical-evaluation-results__result-percentage {
  color: #7B869E;
  font-size: 0.875rem;
  font-weight: 500;
}
.page-practical-evaluation-results__field {
  display: flex;
  flex-direction: column;
  gap: 0.5rem;
}
.page-practical-evaluation-results__field--notes {
  grid-column: 1/-1;
}
.page-practical-evaluation-results__field label {
  display: block;
  color: #7B869E;
  font-size: 0.875rem;
  font-weight: 600;
  margin: 0;
}
.page-practical-evaluation-results__field p {
  color: #373E4D;
  font-size: 1rem;
  margin: 0;
  white-space: pre-wrap;
  word-break: break-word;
}
.page-practical-evaluation-results__questions-table {
  display: flex;
  flex-direction: column;
  border: 1px solid rgba(35, 43, 64, 0.2);
  border-radius: 1.25rem;
  overflow: hidden;
}
@media only screen and (max-width: 768px) {
  .page-practical-evaluation-results__questions-table {
    border-radius: 1.25rem;
    overflow: visible;
  }
}
.page-practical-evaluation-results__questions-list {
  display: flex;
  flex-direction: column;
}
.page-practical-evaluation-results__actions--top .partial-button {
  margin-left: 0 !important;
}
.page-practical-evaluation-results__section-hours {
  align-items: center;
  border-top: 1px solid rgba(35, 43, 64, 0.2);
  display: grid;
  gap: 1.25rem;
  grid-template-columns: 1.5fr 1fr;
  padding: 1rem;
}
@media only screen and (max-width: 768px) {
  .page-practical-evaluation-results__section-hours {
    grid-template-columns: 1fr;
    padding: 1rem 1rem 1.5rem;
  }
}
.page-practical-evaluation-results__section-hours-label {
  color: #373E4D;
  font-size: 0.875rem;
  font-weight: 600;
  margin: 0;
  text-transform: uppercase;
}
.page-practical-evaluation-results__section-hours-value {
  color: #373E4D;
  font-size: 1rem;
  font-weight: 600;
  margin: 0;
}
.page-practical-evaluation-results__table-header {
  display: grid;
  grid-template-columns: 2fr 80px 80px 2fr;
  border-bottom: 1px solid rgba(35, 43, 64, 0.2);
}
@media only screen and (max-width: 768px) {
  .page-practical-evaluation-results__table-header {
    display: none;
  }
}
@media only screen and (max-width: 1024px) {
  .page-practical-evaluation-results__table-header {
    grid-template-columns: 1fr 60px 60px 1fr;
  }
}
.page-practical-evaluation-results__table-cell {
  padding: 0.75rem 1rem;
  font-weight: 600;
  font-size: 0.625rem;
  text-transform: uppercase;
  color: #373E4D;
}
.page-practical-evaluation-results__table-cell:last-child {
  border-right: none;
}
.page-practical-evaluation-results__table-cell--question {
  text-align: left;
}
.page-practical-evaluation-results__table-cell--pass, .page-practical-evaluation-results__table-cell--fail {
  text-align: center;
}
.page-practical-evaluation-results__table-cell--notes {
  text-align: left;
}
.page-practical-evaluation-results__training-fields {
  display: grid;
  grid-template-columns: 1fr 1fr;
  gap: 1.25rem;
}
.page-practical-evaluation-results__instructor-fields {
  display: grid;
  grid-template-columns: 1fr 1fr;
  gap: 1.25rem;
}
.page-practical-evaluation-results__actions {
  display: flex;
  gap: 1rem;
  justify-content: flex-end;
  margin-bottom: 1.5rem;
  padding: 0 1rem;
}
.page-practical-evaluation-results__actions--top {
  margin-top: 1.5rem;
}
@media print {
  .page-practical-evaluation-results .block-heading-internal {
    display: none;
  }
  .page-practical-evaluation-results__actions {
    display: flex;
    gap: 1rem;
    justify-content: flex-start;
    margin-bottom: 1.5rem;
    padding: 0 1rem;
  }
  .page-practical-evaluation-results__actions--top {
    margin-top: 1.5rem;
  }
  .page-practical-evaluation-results__content {
    box-shadow: none;
    margin: 0;
  }
  .page-practical-evaluation-results__section {
    page-break-inside: avoid;
    border-bottom: 1px solid rgba(35, 43, 64, 0.2);
    margin-bottom: 1rem;
    padding: 1rem;
  }
}
.page-practical-evaluation-results__print-container {
  left: -9999px;
  position: absolute;
  top: 0;
  width: 210mm;
}

.page-exam-results {
  margin: 2rem auto;
  max-width: 62.5rem;
  padding: 0 1rem;
}
.page-exam-results__overview {
  align-items: center;
  background: #fff;
  border-radius: 1rem;
  box-shadow: 0 0.125rem 0.25rem rgba(0, 0, 0, 0.1019607843);
  display: flex;
  gap: 3rem;
  margin: 2rem 0;
  padding: 2rem;
}
.page-exam-results__score-circle {
  align-items: center;
  border-radius: 50%;
  display: flex;
  flex-shrink: 0;
  height: 12.5rem;
  justify-content: center;
  width: 12.5rem;
}
.page-exam-results__score-circle--passed {
  background: #ECF8EE;
  border: 0.1875rem solid #1CC2A4;
}
.page-exam-results__score-circle--failed {
  background: #FDE8E9;
  border: 0.1875rem solid #E50019;
}
.page-exam-results__score-content {
  text-align: center;
}
.page-exam-results__score-percentage {
  display: block;
  font-size: 3.5rem;
  font-weight: bold;
  line-height: 1;
}
.page-exam-results__score-circle--passed .page-exam-results__score-percentage {
  color: #1CC2A4;
}
.page-exam-results__score-circle--failed .page-exam-results__score-percentage {
  color: #E50019;
}
.page-exam-results__score-label {
  display: block;
  font-size: 1.1875rem;
  font-weight: 600;
  margin: 0.5rem 0;
}
.page-exam-results__score-circle--passed .page-exam-results__score-label {
  color: #1CC2A4;
}
.page-exam-results__score-circle--failed .page-exam-results__score-label {
  color: #E50019;
}
.page-exam-results__passing-grade {
  font-size: 0.875rem;
}
.page-exam-results__score-circle--passed .page-exam-results__passing-grade {
  color: #1CC2A4;
}
.page-exam-results__score-circle--failed .page-exam-results__passing-grade {
  color: #E50019;
}
.page-exam-results__stats {
  display: flex;
  flex: 1;
  flex-direction: column;
  gap: 1.5rem;
}
.page-exam-results__stat-row {
  display: grid;
  gap: 1.5rem;
  grid-template-columns: repeat(auto-fit, minmax(12.5rem, 1fr));
}
.page-exam-results__stat-item {
  background: #f8f9fa;
  border: 1px solid #e9ecef;
  border-radius: 0.5rem;
  padding: 1rem;
}
.page-exam-results__stat-item-label {
  color: #7B869E;
  font-size: 0.75rem;
  margin-bottom: 0.5rem;
}
.page-exam-results__stat-item-text {
  color: #373E4D;
  font-size: 1.125rem;
  padding: 0;
  text-transform: capitalize;
}
.page-exam-results__status {
  text-transform: uppercase;
}
.page-exam-results__score-circle--passed .page-exam-results__status {
  color: #1CC2A4;
}
.page-exam-results__score-circle--failed .page-exam-results__status {
  color: #E50019;
}
.page-exam-results__questions {
  background: #fff;
  border-radius: 1rem;
  box-shadow: 0 0.125rem 0.25rem rgba(0, 0, 0, 0.1019607843);
  padding: 2rem;
}
.page-exam-results__questions-header {
  border-bottom: 0.125rem solid #f8f9fa;
  margin-bottom: 2rem;
  padding-bottom: 1rem;
}
.page-exam-results__questions-header h2 {
  color: #373E4D;
  font-size: 1.5rem;
  margin: 0;
}
.page-exam-results__questions-list {
  display: flex;
  flex-direction: column;
  gap: 1.5rem;
}
.page-exam-results__question {
  border-radius: 0.75rem;
  overflow: hidden;
}
.page-exam-results__question--correct {
  border: 1px solid #1CC2A4;
  border-left: 0.25rem solid #1CC2A4;
}
.page-exam-results__question--incorrect {
  border: 1px solid #E50019;
  border-left: 0.25rem solid #E50019;
}
.page-exam-results__question-number {
  color: #7B869E;
  font-size: 1rem;
  font-weight: 600;
  margin-top: 1.5rem;
}
.page-exam-results__question-text {
  color: #373E4D;
  font-size: 1.125rem;
  line-height: 1.5;
}
.page-exam-results__question-header {
  background: #f8f9fa;
  border-bottom: 1px solid #e9ecef;
  padding: 1rem;
}
.page-exam-results__question-info {
  align-items: center;
  display: flex;
  justify-content: space-between;
}
.page-exam-results__question-info h3 {
  color: #373E4D;
  font-size: 1.125rem;
  margin: 0;
}
.page-exam-results__question-info {
  align-items: center;
  display: flex;
  justify-content: space-between;
}
.page-exam-results__question-index {
  color: #373E4D;
  font-family: "Source Sans Pro", sans-serif;
  font-size: 1.5rem;
}
.page-exam-results__question-image {
  width: 9.375rem;
  height: auto;
  margin-bottom: 1rem;
}
.page-exam-results__question-content {
  padding: 1.5rem;
}
.page-exam-results__status-badge {
  align-items: center;
  border-radius: 1.25rem;
  display: flex;
  font-size: 1rem;
  font-weight: 500;
  padding: 0.5rem 1rem;
}
.page-exam-results__status-badge--correct {
  background: #ECF8EE;
  border: 1px solid #1CC2A4;
  color: #1CC2A4;
}
.page-exam-results__status-badge--incorrect {
  background: #FDE8E9;
  border: 1px solid #E50019;
  color: #E50019;
}
.page-exam-results__answers {
  display: flex;
  flex-direction: column;
  gap: 1.5rem;
  margin-bottom: 1.5rem;
}
.page-exam-results__answer-content {
  display: flex;
  gap: 1rem;
}
.page-exam-results__answer-header {
  color: #7B869E;
  font-size: 1rem;
  font-weight: 600;
}
.page-exam-results__answer-header--correct {
  color: #1CC2A4;
}
.page-exam-results__answer-header--incorrect {
  color: #E50019;
}
.page-exam-results__answer-text {
  color: #373E4D;
  line-height: 1.4;
  padding: 0;
}
.page-exam-results__answer-image {
  width: 9.375rem;
}
.page-exam-results__explanation {
  background: #FFF6E9;
  border: 1px solid #E59021;
  border-radius: 0.5rem;
  padding: 1rem;
}
.page-exam-results__explanation-header {
  color: #7B869E;
  font-size: 1rem;
  font-weight: 600;
  margin-bottom: 0.5rem;
}
.page-exam-results__explanation-text {
  color: #373E4D;
  line-height: 1.4;
  padding: 0;
}

.page-admin-exam-stats__content {
  display: flex;
  flex-direction: column;
  gap: 1.25rem;
  padding-top: 1.25rem;
}
.page-admin-exam-stats__header {
  align-items: center;
  display: flex;
  gap: 0.625rem;
}
.page-admin-exam-stats__header-search {
  margin-bottom: 0;
  min-width: 35%;
  width: max-content;
}

.page-admin-exam-attempts__content {
  display: flex;
  flex-direction: column;
  gap: 1.25rem;
  padding-top: 1.25rem;
}
.page-admin-exam-attempts__header {
  align-items: center;
  display: flex;
  gap: 0.625rem;
}
.page-admin-exam-attempts__header-search {
  margin-bottom: 0;
  min-width: 35%;
  width: max-content;
}

.page-admin-exam-summary__content {
  display: flex;
  flex-direction: column;
  gap: 1.25rem;
}
.page-admin-exam-summary__filter-select .select__menu {
  z-index: 1001 !important;
}
.page-admin-exam-summary__stats {
  display: grid;
  gap: 1.25rem;
  grid-template-columns: repeat(2, 1fr);
}
.page-admin-exam-summary__stats-container {
  display: grid;
  gap: 1.25rem;
  grid-template-columns: repeat(4, 1fr);
  margin-top: 0.625rem;
}
.page-admin-exam-summary__chart-container {
  display: flex;
  gap: 1.25rem;
}
.page-admin-exam-summary__chart-column {
  flex: 1;
}
.page-admin-exam-summary__chart-column .partial-pie-graph {
  width: 100%;
}
.page-admin-exam-summary__section {
  border: 1px solid rgba(35, 43, 64, 0.1);
  border-radius: 1.25rem;
  display: flex;
  flex-direction: column;
  padding: 1.5rem 0 0;
}
.page-admin-exam-summary__section-header {
  align-items: center;
  display: flex;
  justify-content: space-between;
  padding: 0.75rem 1.5rem;
}
.page-admin-exam-summary__section-header h3 {
  color: #373E4D;
  font-size: 1.25rem;
  font-weight: 600;
  margin: 0;
}
.page-admin-exam-summary__section-grid-header {
  align-items: center;
  border-bottom: 1px solid rgba(35, 43, 64, 0.1);
  color: #373E4D;
  display: grid;
  font-size: 0.625rem;
  font-weight: 600;
  gap: 1rem;
  grid-template-columns: repeat(5, 1fr);
  line-height: 0.625rem;
  padding: 0.75rem 1.5rem;
  text-transform: uppercase;
}
.page-admin-exam-summary__section-grid-list {
  border: none !important;
  margin: 0 !important;
}

.page-admin-course-variants .page-content {
  height: 100vh;
}
.page-admin-course-variants .block-variants {
  background: #fff;
  border-radius: 0.625rem;
}
.page-admin-course-variants .block-variants__header {
  border-bottom: 1px solid rgba(35, 43, 64, 0.2);
  display: flex;
  justify-content: flex-end;
  padding: 1.25rem;
}
.page-admin-course-variants .block-variants__pagination {
  display: flex;
  justify-content: center;
  margin-top: 1.25rem;
}

.page-admin-exam-audit__content {
  display: flex;
  flex-direction: column;
  padding: 1.25rem 0;
}
.page-admin-exam-audit__list {
  border: none !important;
}
.page-admin-exam-audit__list-container {
  display: flex;
  flex-direction: column;
  gap: 1rem;
}

.page-reports .page-content {
  display: flex;
  flex-direction: column;
  gap: 1.25rem;
}

.page-admin-reports {
  overflow: visible;
}

.block-heading-external {
  font-size: 0.875rem;
  margin-bottom: 1.25rem;
  padding: 0;
}
.block-heading-external h2 {
  font-size: 1.875rem;
  margin-bottom: 20px;
}
.block-heading-external p {
  font-size: 1rem;
  padding-bottom: 0;
}
.block-heading-external h2,
.block-heading-external p {
  white-space: break-spaces;
}

.block-admin-trainers {
  display: flex;
  flex-direction: column;
  gap: 1rem;
  margin-bottom: 1.5rem;
}
@media only screen and (min-width: 767px) {
  .block-admin-trainers {
    flex-direction: row;
    align-items: flex-end;
    gap: 0.75rem;
  }
}
.block-admin-trainers .field-text-input {
  flex: 1;
  min-width: 12.5rem;
}
.block-admin-trainers .partial-button-actions {
  align-self: flex-end;
}

.block-filters-header {
  display: flex;
  flex-direction: column;
  gap: 1rem;
  margin-bottom: 1.5rem;
}
@media only screen and (min-width: 767px) {
  .block-filters-header {
    flex-direction: row;
    align-items: flex-start;
    gap: 0.75rem;
  }
}
.block-filters-header .field-text-input {
  flex: 1;
  min-width: 12.5rem;
}
.block-filters-header .partial-button-actions {
  align-self: flex-end;
}

.display-trainers .header-row .cell.name-data {
  flex: 1;
}
.display-trainers .header-row .cell.email {
  flex: 1;
}
.display-trainers .header-row .cell.type, .display-trainers .header-row .cell.organizations {
  flex: 1;
}
.display-trainers .header-row .cell.trainer-courses {
  flex: 1.5;
}
.display-trainers .header-row .cell.view, .display-trainers .header-row .cell.status {
  flex: 0.5;
}
.display-trainers .listing-trainer .cell {
  display: flex;
  flex-direction: column;
  justify-content: center;
}
.display-trainers .listing-trainer .cell.email {
  flex: 1;
}
.display-trainers .listing-trainer .cell.name-data, .display-trainers .listing-trainer .cell.type, .display-trainers .listing-trainer .cell.organizations {
  flex: 1;
}
.display-trainers .listing-trainer .cell.trainer-courses {
  flex: 1.5;
}
.display-trainers .listing-trainer .cell.organizations .courses-list, .display-trainers .listing-trainer .cell.trainer-courses .courses-list {
  width: 100%;
}
.display-trainers .listing-trainer .cell.organizations .organization-items,
.display-trainers .listing-trainer .cell.organizations .course-items, .display-trainers .listing-trainer .cell.trainer-courses .organization-items,
.display-trainers .listing-trainer .cell.trainer-courses .course-items {
  list-style: none;
  padding: 0;
  margin: 0;
  display: flex;
  flex-direction: column;
  gap: 0.25rem;
  font-weight: 600;
}
.display-trainers .listing-trainer .cell.organizations .organization-items .course-item,
.display-trainers .listing-trainer .cell.organizations .course-items .course-item, .display-trainers .listing-trainer .cell.trainer-courses .organization-items .course-item,
.display-trainers .listing-trainer .cell.trainer-courses .course-items .course-item {
  overflow: hidden;
  text-overflow: ellipsis;
}
.display-trainers .listing-trainer .cell.organizations .no-assignments, .display-trainers .listing-trainer .cell.trainer-courses .no-assignments {
  font-size: 0.75rem;
  color: #7B869E;
  font-style: italic;
}
.display-trainers .listing-trainer .cell.view, .display-trainers .listing-trainer .cell.status {
  flex: 0.5;
  align-items: center;
  justify-content: center;
}

.block-show-invoices__filters-container {
  display: flex;
  gap: 0.625rem;
  margin-bottom: 0.625rem;
  align-items: flex-end;
}

.block-upload-file--disabled label {
  cursor: default !important;
  opacity: 0.4 !important;
}
.block-upload-file .block-upload {
  cursor: pointer;
}
.block-upload-file .block-upload label {
  background-color: #F6F6F6;
  border-radius: 0.625rem;
  color: #373E4D;
  font-family: "Source Sans Pro", sans-serif !important;
  font-size: 0.875rem;
  opacity: 1;
  padding: 1rem 0.5rem;
}

@media only screen and (min-width: 1023px) {
  .block-heading-internal {
    padding-bottom: 0 !important;
    padding-top: 0 !important;
  }
}
.block-heading-internal__top {
  display: flex;
  flex-direction: row;
  justify-content: space-between;
}
.block-heading-internal .back-button {
  cursor: pointer;
}
.block-heading-internal .custom-heading {
  display: flex;
  flex-direction: column;
  gap: 0.25rem;
  justify-content: center;
}
@media only screen and (max-width: 1024px) {
  .block-heading-internal .custom-heading .partial-button-actions {
    margin-top: 0;
  }
}
.block-heading-internal .custom-heading__secondary-heading {
  margin-bottom: 0;
}
.block-heading-internal .custom-heading .partial-button {
  height: 1.8125rem !important;
  padding: 0.3125rem 0.9375rem;
}
.block-heading-internal .custom-heading .partial-button span {
  font-family: "Source Sans Pro", sans-serif !important;
}
@media only screen and (max-width: 768px) {
  .block-heading-internal .custom-heading .partial-button span {
    display: none;
  }
}
.block-heading-internal .custom-heading__pre-heading {
  align-items: center;
  color: #373E4D;
  display: flex;
  font-size: 0.875rem;
  gap: 9px;
  line-height: 1rem;
}
.block-heading-internal .custom-heading__pre-heading--back {
  cursor: pointer;
}
.block-heading-internal .custom-heading__pre-heading--back:hover {
  opacity: 0.7;
}
.block-heading-internal .custom-heading__back {
  cursor: pointer;
  width: 8px;
}
.block-heading-internal .custom-heading__back:hover {
  opacity: 0.8;
}
.block-heading-internal .custom-heading__title {
  align-items: center;
  color: #373E4D;
  display: flex;
  font-size: 2.3125rem;
  font-weight: 600;
  gap: 1.25rem;
  text-transform: capitalize;
}
@media only screen and (max-width: 1024px) {
  .block-heading-internal .custom-heading__title {
    font-size: 1.5625rem;
  }
}

.block-exam-heading {
  position: fixed;
  top: 0;
  z-index: 100;
  width: 100%;
  right: 0;
  padding: 1.25rem;
  background-color: #fff;
  box-shadow: 0 4px 4px 0 rgba(0, 0, 0, 0.1019607843);
  border-top: 0.3125rem solid #FEA025;
}
.block-exam-heading__back {
  display: flex;
  flex-direction: row;
  align-items: center;
  padding: 0.625rem 0.9375rem;
  gap: 0.625rem;
  cursor: pointer;
}
.block-exam-heading__back:hover {
  opacity: 0.7;
}
.block-exam-heading__back-icon {
  width: 1rem;
  height: 1rem;
}
@media only screen and (max-width: 1024px) {
  .block-exam-heading--admin {
    width: 100%;
  }
}
.block-exam-heading__top {
  display: flex;
  flex-direction: row;
  justify-content: space-between;
}
.block-exam-heading__questions-answered {
  display: flex;
  flex-direction: row;
  align-items: center;
  gap: 0.625rem;
  font-size: 1.125rem;
  font-weight: 600;
}
.block-exam-heading__questions-answered-title {
  display: flex;
  flex-direction: row;
  align-items: center;
  gap: 0.625rem;
  font-size: 1.125rem;
  font-weight: 600;
  color: #7B869E;
}
.block-exam-heading__questions-answered-time {
  align-items: center;
  background-color: #EBEDF0;
  border-radius: 6.25rem;
  display: flex;
  flex-direction: row;
  padding: 0.3125rem 0.75rem 0.3125rem 0.625rem;
  color: #373E4D;
  gap: 0.3125rem;
}
.block-exam-heading__sandbox-button-container {
  display: flex;
  flex-direction: row;
  align-items: center;
  gap: 0.3125rem;
  padding-right: 1.875rem;
  position: absolute;
  right: 8.125rem;
}
@media only screen and (max-width: 1024px) {
  .block-exam-heading__account-icon .partial-account-icon {
    display: none !important;
  }
}

.block-heading {
  color: #373E4D;
  padding-bottom: 0.4375rem;
  padding-top: 0.625rem;
}
@media only screen and (max-width: 1024px) {
  .block-heading {
    padding: 16px;
  }
}
.block-heading h1,
.block-heading h2,
.block-heading h3 {
  align-items: center;
  display: flex;
  margin: 0;
}
.block-heading .partial-account-icon {
  display: flex !important;
  height: unset;
  max-height: 100%;
  max-width: 100%;
  visibility: visible;
  width: unset;
}
@media only screen and (max-width: 1024px) {
  .block-heading .partial-account-icon {
    display: none !important;
    height: 0;
    max-height: 0;
    max-width: 0;
    visibility: hidden;
    width: 0;
  }
}

h1,
h2,
h3 {
  align-items: center;
  display: flex;
  flex-flow: row nowrap;
  place-content: flex-start flex-start;
}

.pre-heading {
  color: #373E4D;
  margin-right: 0.5ex;
  font-weight: 400;
}

.action-button {
  background-color: #373E4D;
  height: 1.5rem;
  margin: 0 0 0 0.625rem;
  padding: 0 0.625rem;
  width: auto;
  border-radius: 0.375rem;
  font-size: 0.75rem;
  letter-spacing: 0;
  font-weight: 400;
}
.action-button:hover {
  opacity: 0.8;
}
.action-button .icon {
  margin-right: 0.3125rem;
  font-size: 0.75rem;
  letter-spacing: 0;
}

.back {
  align-items: center;
  display: flex;
  margin-right: 0.3125rem;
  text-decoration: none;
  transform: scaleX(-1);
}
.back:hover {
  opacity: 0.6;
}
.back .icon-arrowRight {
  color: #373E4D;
  font-size: 1rem;
}

.block-admin-user-courses {
  display: flex;
  flex-direction: column;
  gap: 0.625rem;
}

.block-recent-activity__loader {
  display: flex;
  flex-direction: column;
  gap: 0.5rem;
}

.block-admin-org-managers {
  border-radius: unset !important;
  max-height: 23.375rem;
  overflow-y: auto;
}
.block-admin-org-managers__loader {
  display: flex;
  flex-direction: column;
  gap: 0.625rem;
}

.block-apply-coupon {
  display: flex;
  flex-direction: column;
  gap: 0.3125rem;
}
.block-apply-coupon .field {
  margin-bottom: 0;
}
.block-apply-coupon__description {
  color: #7B869E;
  font-size: 0.8125rem;
}
.block-apply-coupon__description--error {
  color: #B2151B;
}
.block-apply-coupon__description--success {
  color: #117462;
}
.block-apply-coupon input {
  height: 2.4375rem !important;
  padding: 0.5rem 0.6875rem !important;
}
.block-apply-coupon__container {
  display: flex;
  gap: 0.625rem;
  width: 100%;
}

.block-checkout-form {
  display: flex;
  flex-direction: column;
  flex-grow: 1;
  gap: 1.25rem;
}
.block-checkout-form__footer {
  margin-top: auto;
}
.block-checkout-form__buttons {
  align-items: center;
  display: flex;
  gap: 0.625rem;
  margin-left: auto;
  margin-top: 1.25rem;
}
.block-checkout-form__button--right {
  margin-left: unset !important;
}
.block-checkout-form__header {
  display: flex;
  flex-direction: column;
  gap: 0.625rem;
}
.block-checkout-form__title {
  margin-bottom: 0;
}
.block-checkout-form .partial-saved-cards {
  gap: 1.25rem;
  overflow-x: auto;
  list-style-type: none;
  margin: 0;
  padding: 0;
  align-items: stretch;
  display: flex;
  flex-flow: row nowrap;
  place-content: flex-start space-between;
}
.block-checkout-form .partial-saved-cards > li {
  display: block;
  margin: 0;
  padding: 0;
}
.block-checkout-form .partial-saved-cards__loader {
  display: flex;
  gap: 1.25rem;
  width: 100%;
}
.block-checkout-form .partial-saved-cards__loader .partial-loader-component {
  width: calc(50% - 10px) !important;
}
.block-checkout-form .partial-saved-cards__delete {
  background: #E50019;
  border-radius: 6.25rem;
  padding: 0.3125rem;
  position: absolute;
  right: 0.875rem;
  top: 0.75rem;
}
.block-checkout-form .partial-saved-cards__delete:hover {
  opacity: 0.8;
}
.block-checkout-form .partial-saved-cards__delete img {
  height: 0.75rem;
  width: 0.75rem;
}
.block-checkout-form .partial-saved-cards__add-text {
  color: #FEA125;
  display: flex;
  font-size: 0.9375rem;
  font-weight: 600;
  gap: 5;
}
.block-checkout-form .partial-saved-cards__card {
  align-items: center;
  border: 1px solid #D6D9E1;
  border-radius: 1rem;
  color: #373E4D;
  cursor: pointer;
  display: flex;
  flex-direction: column;
  gap: 0.3125rem;
  height: 8.75rem;
  justify-content: center;
  min-width: 15.625rem;
  padding: 0.875rem;
  position: relative;
  width: calc(50% - 10px);
}
.block-checkout-form .partial-saved-cards__card:hover {
  opacity: 0.7;
}
.block-checkout-form .partial-saved-cards__card--selected {
  background: #FFF6E9;
  border: 0.125rem solid #FEA125;
}
.block-checkout-form .partial-saved-cards__card--new {
  justify-content: center;
  padding: 1.25rem;
}
.block-checkout-form .partial-saved-cards__card-brand {
  font-size: 1.3125rem;
  text-transform: uppercase;
}
.block-checkout-form .partial-saved-cards__card-last4 {
  font-size: 1.25rem;
  font-weight: 600;
}
.block-checkout-form .partial-saved-cards__card-name {
  text-align: center;
  padding-top: 0.625rem;
}
.block-checkout-form .payment-form {
  display: none;
  margin-bottom: 0.3125rem;
}
.block-checkout-form .payment-form.is-active {
  display: block;
}
.block-checkout-form .payment-form .card-fields {
  align-items: flex-end;
  display: flex;
  flex-flow: row wrap;
  place-content: flex-start space-between;
}

.block-course-checkout {
  color: #373E4D;
  display: flex;
  flex-direction: column;
  gap: 1.25rem;
  height: 100%;
  margin-top: 1.5625rem;
}
.block-course-checkout__footer {
  margin-top: auto;
}
.block-course-checkout__title {
  font-size: 1.5625rem;
  margin-bottom: 0;
}
.block-course-checkout__item {
  border-bottom: 0.0625rem solid #D6D9E1;
  display: flex;
  gap: 1.25rem;
  margin-bottom: 0.3125rem;
  padding: 0.625rem;
}
.block-course-checkout__item:last-of-type {
  border-bottom: none;
  margin-bottom: 0;
}
.block-course-checkout__item-info {
  display: flex;
}
.block-course-checkout__item-title {
  font-size: 1.25rem;
  font-weight: 600;
}
.block-course-checkout__item-image {
  border-radius: 0.25rem;
  flex: 0 0 auto;
  height: 3.75rem !important;
  width: 3.75rem !important;
}
.block-course-checkout__item-image img {
  border-radius: 0.25rem;
  height: 100%;
  object-fit: cover;
  width: 100%;
}
.block-course-checkout__item-quantity {
  font-size: 1.25rem;
  font-style: normal;
  font-weight: 600;
  width: 3.125rem;
}
.block-course-checkout__container {
  border: 0.0625rem solid #D6D9E1;
  border-radius: 0.5rem;
  display: flex;
  flex-direction: column;
  gap: 0.3125rem;
  max-height: 20rem;
  overflow-y: auto;
  padding: 0.625rem;
}

.block-admin-exclusive-orgs {
  padding: 0 !important;
}

.block-two-column__left, .block-two-column__right {
  display: flex;
  flex-direction: column;
  gap: 1.25rem;
  width: 100%;
}
@media only screen and (min-width: 1023px) {
  .block-two-column__left, .block-two-column__right {
    width: calc(50% - 0.625rem);
  }
}
.block-two-column__container {
  display: flex;
  flex-direction: column;
  gap: 1.25rem;
  padding: 1.625rem;
  width: 100%;
  border-radius: 0.625rem;
  border: 1px solid rgba(55, 62, 77, 0.25);
}
@media only screen and (max-width: 1024px) {
  .block-two-column__container {
    padding: 0.9375rem;
  }
  .block-two-column__container .block-heading-internal {
    padding: 0;
  }
}
.block-two-column__container > .block-two-column__container:last-child:not(.partial-danger-zone) {
  margin-bottom: 0;
  padding-bottom: 0;
}
.block-two-column__section {
  display: flex;
  flex-direction: column;
  gap: 0.625rem;
}
.block-two-column__section .custom-heading {
  width: 100%;
}

.block-view-manager-course__licenses-information {
  align-items: center;
  border-top: 1px solid rgba(35, 43, 64, 0.2);
  display: flex;
  font-size: 0.9375rem;
  gap: 0.625rem;
  justify-content: center;
  margin-top: 2.5rem;
  padding-top: 2.5rem;
  width: 100% s;
}
.block-view-manager-course__licenses-total {
  font-weight: 600;
}
.block-view-manager-course .partial-button--primary {
  margin-left: 0.625rem !important;
}
.block-view-manager-course .block-two-column__right .block-bundle-view-section {
  padding: 1.875rem 1.25rem;
}
.block-view-manager-course .block-dashboard {
  margin-top: 1.25rem;
}
.block-view-manager-course .block-dashboard .partial-pie-graph__container {
  position: relative;
  top: -7px;
}
.block-view-manager-course .block-dashboard .partial-pie-graph__container--no-total {
  position: relative;
  top: -5px;
}
.block-view-manager-course__container {
  border-radius: 0 0 0.625rem 0.625rem;
  gap: 0;
  justify-content: space-between;
  padding: 0;
}
@media only screen and (max-width: 768px) {
  .block-view-manager-course__container {
    flex-flow: column wrap;
    padding: 0;
  }
}
.block-view-manager-course__container::before {
  background-color: unset;
}

.block-organization-courses {
  display: flex;
  flex-direction: column;
  gap: 1.25rem;
}
.block-organization-courses .title {
  height: 2.5rem;
}
.block-organization-courses .footer {
  height: 2.875rem !important;
}
.block-organization-courses .course-info__not-completed {
  gap: 1.375rem !important;
  height: unset !important;
}

.block-view-bundle-manager__container {
  display: flex;
  margin-bottom: 1.5rem;
}
.block-view-bundle-manager__assign-button {
  margin-left: 0.625rem !important;
}
.block-view-bundle-manager__licenses {
  display: flex;
  flex-direction: column;
  gap: 1.25rem;
}
.block-view-bundle-manager .block-view-bundle-courses {
  margin-left: 0;
}

.block-edit-manager {
  margin-bottom: 1.25rem;
}
@media only screen and (max-width: 1024px) {
  .block-edit-manager {
    margin-bottom: 0;
  }
}
.block-edit-manager .block-dashboard {
  flex-direction: column;
}
.block-edit-manager .partial-pie-graph {
  width: 100%;
}

.block-filter-courses {
  display: flex;
  flex-direction: column;
  gap: 1.25rem;
}
.block-filter-courses__header {
  font-size: 1.5rem;
  font-weight: 600;
}
.block-filter-courses__button {
  margin: unset !important;
  margin-left: auto !important;
}
@media only screen and (max-width: 1024px) {
  .block-filter-courses__button {
    margin-left: unset !important;
  }
}
.block-filter-courses__filters {
  display: flex;
  flex-wrap: wrap;
  gap: 0.375rem;
  width: 100%;
}
@media only screen and (max-width: 1024px) {
  .block-filter-courses__filters {
    flex-flow: wrap;
  }
}
.block-filter-courses__filters-clear {
  color: #FEA125;
  cursor: pointer;
  font-size: 0.9375rem;
  font-weight: 600;
}
.block-filter-courses__filters-clear:hover {
  opacity: 0.8;
}
.block-filter-courses__filters-container {
  display: flex;
  flex-direction: row;
  gap: 0.625rem;
  margin-bottom: 0;
  padding-bottom: 0;
  padding-top: 1.25rem;
  width: 100%;
}
@media only screen and (max-width: 1024px) {
  .block-filter-courses__filters-container {
    flex-flow: wrap;
    padding-top: 0;
  }
}
.block-filter-courses__filters-container .field-text-input {
  max-width: 100%;
}
.block-filter-courses__filters-container .field-text-input .has-search {
  max-width: 100%;
  width: 100%;
}
.block-filter-courses__filters-container .field {
  margin-bottom: 0;
}
.block-filter-courses__filters-applied {
  align-items: center;
  display: flex;
  flex-flow: wrap;
  font-size: 0.875rem;
  gap: 0.9375rem;
  padding: 0 1.4375rem;
}
.block-filter-courses__filters-applied-list {
  display: flex;
  flex-wrap: wrap;
  gap: 0.375rem;
}
.block-filter-courses__filters-item {
  align-items: center;
  background: #EBEDF0;
  border-radius: 6.25rem;
  color: #373E4D;
  cursor: pointer;
  display: flex;
  flex: 0 0 auto;
  gap: 0.375rem;
  height: 1.75rem;
  justify-content: space-between;
  padding: 0.3125rem 0.625rem;
}
.block-filter-courses__filters-item:hover {
  opacity: 0.8;
}
.block-filter-courses__filters-item img {
  height: 1.125rem;
  width: 1.125rem;
}
.block-filter-courses__filters-label {
  color: #7B869E;
  display: flex;
  flex: 0 0 auto;
}

.block-admin-classroom-details__summary {
  background: #fff;
  border-radius: 0.5rem;
  padding: 1.5rem;
  margin-bottom: 1.5rem;
  border: 1px solid rgba(35, 43, 64, 0.2);
}
.block-admin-classroom-details__summary-header {
  display: flex;
  justify-content: space-between;
  align-items: center;
  margin-bottom: 1.875rem;
}
.block-admin-classroom-details__summary-meta {
  display: grid;
  grid-template-columns: 1fr 1fr 1fr 1fr 0.5fr;
  gap: 1rem;
  margin-bottom: 1.25rem;
}
.block-admin-classroom-details__summary-actions {
  display: flex;
  justify-content: flex-end;
  gap: 0.75rem;
}
.block-admin-classroom-details__meta-item {
  display: flex;
  flex-direction: column;
  gap: 0.25rem;
}
.block-admin-classroom-details__meta-label {
  font-size: 0.75rem;
  color: #7B869E;
  font-weight: 500;
}
.block-admin-classroom-details__meta-value {
  font-size: 0.875rem;
  color: #373E4D;
  font-weight: 600;
}
.block-admin-classroom-details__title {
  font-size: 1.5rem;
  font-weight: 600;
  color: #373E4D;
  margin: 0;
}
.block-admin-classroom-details__slides-section {
  background: #fff;
  border-radius: 0.5rem;
  padding: 1.25rem;
  margin-bottom: 1.5rem;
  border: 1px solid rgba(35, 43, 64, 0.2);
}
.block-admin-classroom-details__delete {
  background-color: #E50019;
  color: #fff;
  border-color: #E50019 !important;
}
.block-admin-classroom-details__delete:hover {
  background-color: #B2151B;
  border-color: #B2151B !important;
}

.page-ttt-classroom-details .block-admin-classroom-details__summary {
  border: 1px solid rgba(61, 104, 231, 0.1019607843);
}
.page-ttt-classroom-details .block-admin-classroom-details__slides-section {
  border: 1px solid rgba(61, 104, 231, 0.1019607843);
}

.block-admin-users {
  display: flex;
  flex-flow: wrap;
  gap: 0.625rem;
  margin-bottom: 1.25rem;
}

.block-manager-users .field {
  margin-bottom: 0;
}
.block-manager-users .field,
.block-manager-users .has-search {
  max-width: 300px !important;
}
.block-manager-users .partial-button {
  margin-left: unset;
}
.block-manager-users__download.partial-button {
  height: 2rem !important;
  margin-right: auto;
}

.block-certificates__loader {
  display: flex;
  flex-direction: column;
  gap: 0.5rem;
  margin: 0.5rem 0;
}

.block-view-courses {
  min-height: 50vh;
}
.block-view-courses__loader {
  margin-bottom: 1.75rem;
}

.block-ttt-classrooms__header {
  display: flex;
  justify-content: space-between;
  align-items: end;
  margin-top: 0.625rem;
  margin-bottom: 1rem;
  gap: 1.25rem;
}
@media only screen and (max-width: 640px) {
  .block-ttt-classrooms__header {
    flex-direction: column;
    gap: 0.9375rem;
  }
}
.block-ttt-classrooms__header-search {
  width: 25rem;
}
.block-ttt-classrooms__search {
  flex: 1;
  max-width: 25rem;
}
@media only screen and (max-width: 640px) {
  .block-ttt-classrooms__search {
    max-width: 100%;
    width: 100%;
  }
}
.block-ttt-classrooms__search-input .field-text-input {
  margin-bottom: 0;
}
.block-ttt-classrooms__list {
  display: flex;
  flex-wrap: wrap;
  gap: 1.25rem;
  margin-top: 0.5rem !important;
}

.block-admin-certificate-edit {
  display: flex;
  flex-direction: column;
  gap: 0.3125rem;
}
.block-admin-certificate-edit .block-admin-meta {
  margin-bottom: 0;
}
.block-admin-certificate-edit__no-course {
  color: #373E4D;
  font-weight: 600;
}
.block-admin-certificate-edit__button {
  display: flex;
}

.block-admin-meta {
  display: flex;
  flex-direction: column;
  gap: 0.625rem;
  list-style-type: none;
  margin: 0;
}
.block-admin-meta .icon {
  cursor: pointer;
}
.block-admin-meta .icon:hover {
  opacity: 0.8;
}
.block-admin-meta__edit-chapter {
  display: flex !important;
  gap: 0.3125rem !important;
  overflow: visible !important;
}
.block-admin-meta__link {
  align-items: center;
  color: #373E4D;
  cursor: pointer;
  display: flex;
  font-size: 0.75rem;
  font-weight: 600;
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
  width: calc(100% - 2rem);
}
.block-admin-meta__link:hover {
  opacity: 0.8;
}
.block-admin-meta__icon {
  cursor: pointer;
}
.block-admin-meta__icon:hover {
  opacity: 0.7;
}
.block-admin-meta__extra-info {
  align-items: flex-end;
  display: flex;
  flex-direction: column;
  gap: 0.75rem;
  width: 100%;
}
.block-admin-meta__extra-info .partial-button {
  width: max-content !important;
}
.block-admin-meta__extra-items {
  display: flex;
  gap: 0.625rem;
}
.block-admin-meta__invite-email {
  align-items: center;
  display: flex;
  gap: 0.625rem;
}
.block-admin-meta__invite-email button {
  flex-direction: row-reverse !important;
  height: 1.75rem !important;
}
.block-admin-meta__list {
  align-items: center;
  display: flex;
  justify-content: space-between;
}
.block-admin-meta__input {
  align-items: center;
  display: flex;
  height: 2rem !important;
  padding: 0 0.625rem !important;
}
.block-admin-meta label,
.block-admin-meta p {
  font-size: 0.75rem;
  line-height: 1.5;
  margin: 0;
  padding: 0;
  text-align: start;
}
.block-admin-meta p {
  color: #373E4D;
  display: inline-block;
  max-width: 16.875rem;
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
}
.block-admin-meta p button {
  height: 1.75em;
  margin-left: 0.625rem;
  width: auto;
  font-size: 0.75rem;
  letter-spacing: 0;
  border-radius: 0.375rem;
  align-items: center;
  display: flex;
  flex-flow: row nowrap;
  place-content: flex-start center;
}
.block-admin-meta__course-status {
  align-items: flex-start;
  display: flex;
  flex-flow: row nowrap;
  place-content: flex-start center;
}
.block-admin-meta__course-status .field {
  margin-right: 1.25rem;
  width: auto;
}
.block-admin-meta__course-status label {
  font-size: 0.625rem;
}
.block-admin-meta .note {
  color: #373E4D;
  margin-top: 0.3125rem;
  resize: none;
  width: 200px;
  font-size: 0.75rem;
  letter-spacing: 0;
}
.block-admin-meta .raw-data {
  background-color: #F9FBFC;
  overflow: auto;
  text-align: left;
  font-size: 0.75rem;
  letter-spacing: 0;
  padding: 16px;
}
@media only screen and (min-width: 767px) {
  .block-admin-meta .raw-data {
    padding: 16px;
  }
}
@media only screen and (min-width: 1023px) {
  .block-admin-meta .raw-data {
    padding: 1.3rem;
  }
}
.block-admin-meta .separator {
  padding: 0;
  border-top: 1px solid rgba(55, 62, 77, 0.25);
}

.block-dashboard {
  display: flex;
  flex-flow: row wrap;
  gap: 1rem;
  width: 100%;
}

.block-view-bundles {
  gap: 1.75rem;
  justify-content: flex-start !important;
  margin-top: 1.25rem !important;
}

.block-edit-home form {
  background: #fff;
  border: 1px solid rgba(55, 62, 77, 0.4);
  border-radius: 1.25rem;
  padding: 1.25rem;
}
.block-edit-home .button-wrap {
  gap: 0.625rem;
}

.block-chapters-status {
  color: #373E4D;
  display: flex;
  flex-direction: column;
  font-size: 0.9375rem;
  font-weight: 600;
  position: relative;
}
.block-chapters-status__icon {
  background: #373E4D;
  border-radius: 50%;
  flex: 0 0 auto;
  height: 0.9375rem;
  margin-right: 0.625rem;
  width: 0.9375rem;
  z-index: 1;
}
.block-chapters-status__item {
  align-items: center;
  display: flex;
  height: 2.1875rem;
  margin-bottom: 1.25rem;
  position: relative;
}
.block-chapters-status__item::before {
  background: #373E4D;
  content: "";
  height: 3.75rem;
  left: 0.40625rem;
  position: absolute;
  top: 50%;
  width: 0.125rem;
}
.block-chapters-status__item--completed::before {
  background: #FEA025;
}
.block-chapters-status__item--completed .block-chapters-status__icon {
  background: #FEA025;
}
.block-chapters-status__item:last-of-type::before {
  height: 0;
}
.block-chapters-status__info {
  flex-grow: 1;
}
.block-chapters-status__info--pass {
  cursor: pointer;
}
.block-chapters-status__info--pass:hover {
  opacity: 0.8;
}
.block-chapters-status__state {
  border-radius: 10px;
  color: #373E4D;
  font-size: 14px;
  padding: 5px 10px;
}

.block-my-course-details .block-heading-internal__top {
  margin-bottom: 1.25rem;
}
.block-my-course-details__information {
  padding: 1.875rem;
}
.block-my-course-details__progress {
  align-items: center;
  border-radius: 0.5rem;
  display: flex;
  flex-direction: column;
  height: 6.125rem;
  justify-content: center;
  max-width: 12.8125rem;
  text-align: center;
  width: 100%;
  border: 1px solid rgba(55, 62, 77, 0.25);
}
.block-my-course-details__progress-items {
  display: flex;
  gap: 1.5625rem;
  margin-bottom: 1.875rem;
}
.block-my-course-details__progress-title {
  margin: 0;
}
.block-my-course-details__progress-subtitle {
  padding-bottom: 0;
}
.block-my-course-details__paragraph {
  font-size: 0.8125rem;
  padding-bottom: 0;
}
.block-my-course-details__button {
  height: auto;
  max-width: 100%;
  display: flex;
  justify-content: end;
  padding-top: 1.375rem;
  width: 100%;
  gap: 1rem;
  border-top: 1px solid rgba(55, 62, 77, 0.25);
}
.block-my-course-details__button .partial-button {
  margin: 0;
}
.block-my-course-details__chapters {
  display: flex;
  flex-direction: column;
  gap: 1.25rem;
  padding-bottom: 1.875rem !important;
}
.block-my-course-details__chapters .listing-user-courses {
  list-style: none;
}
.block-my-course-details__sandbox-section {
  margin-top: 1.375rem;
  padding-top: 1.375rem;
  border-top: 1px solid rgba(55, 62, 77, 0.25);
}
.block-my-course-details__sandbox-section .block-heading-internal {
  margin-bottom: 1.5rem;
}
.block-my-course-details__sandbox-card {
  background: #fff;
  border-radius: 0.75rem;
  padding: 2rem;
  display: flex;
  flex-direction: column;
  gap: 1.75rem;
  box-shadow: 0 2px 8px rgba(55, 62, 77, 0.08);
  transition: all 0.2s ease;
  border: 1px solid rgba(55, 62, 77, 0.25);
}
.block-my-course-details__sandbox-card:hover {
  box-shadow: 0 4px 16px rgba(55, 62, 77, 0.12);
  transform: translateY(-2px);
}
@media only screen and (min-width: 767px) {
  .block-my-course-details__sandbox-card {
    flex-direction: row;
    align-items: center;
    justify-content: space-between;
    gap: 2.5rem;
  }
}
.block-my-course-details__sandbox-content {
  flex: 1;
}
.block-my-course-details__sandbox-description {
  color: #373E4D;
  font-size: 1rem;
  line-height: 1.6;
  margin-bottom: 1.375rem;
  padding-bottom: 0;
}
.block-my-course-details__sandbox-description strong {
  color: #3D68E7;
  font-weight: 600;
}
.block-my-course-details__sandbox-features {
  display: flex;
  flex-direction: column;
  gap: 0.75rem;
}
@media only screen and (min-width: 767px) {
  .block-my-course-details__sandbox-features {
    flex-direction: row;
    gap: 2rem;
  }
}
.block-my-course-details__sandbox-feature {
  display: flex;
  align-items: center;
  font-size: 0.875rem;
  color: #373E4D;
  font-weight: 500;
  transition: color 0.2s ease;
}
.block-my-course-details__sandbox-feature:hover {
  color: #3D68E7;
}
.block-my-course-details__sandbox-feature span {
  display: flex;
  align-items: center;
  gap: 0.5rem;
}
.block-my-course-details__sandbox-action {
  display: flex;
  justify-content: flex-end;
  align-items: center;
}
@media only screen and (min-width: 767px) {
  .block-my-course-details__sandbox-action {
    flex-shrink: 0;
  }
}
.block-my-course-details__sandbox-action .partial-button {
  margin: 0;
  font-weight: 600;
  padding: 0.875rem 1.5rem;
  font-size: 0.9375rem;
  transition: all 0.2s ease;
}
.block-my-course-details__sandbox-action .partial-button:hover {
  transform: translateY(-1px);
}

.block-course-detail {
  display: flex;
  flex-direction: column;
  gap: 1.5rem;
}
.block-course-detail__content {
  display: flex;
  flex-direction: column;
  gap: 1.5rem;
  background: #fff;
  border-radius: 0.5rem;
  border: 1px solid rgba(55, 62, 77, 0.25);
}
.block-course-detail__information {
  display: flex;
  flex-direction: column;
  gap: 1rem;
  padding: 1.5rem;
}
.block-course-detail__information h2 {
  font-size: 1.5rem;
  font-weight: 600;
  color: #373E4D;
  margin: 0;
}
.block-course-detail__course-details {
  margin-top: 0 !important;
}
.block-course-detail__paragraph {
  font-size: 0.875rem;
  line-height: 1.5;
  color: #373E4D;
  margin: 0;
}
.block-course-detail__button {
  display: flex;
  align-items: end;
  padding: 1.5rem;
  flex-direction: column;
  gap: 0.625rem;
}
.block-course-detail__button .partial-button {
  margin: 0;
}

.block-show-courses__container {
  display: flex;
  flex-direction: column;
  gap: 1.25rem;
  width: 100%;
}
@media only screen and (max-width: 1024px) {
  .block-show-courses__container {
    margin: 0 1.25rem;
    width: unset;
  }
}
.block-show-courses__content {
  display: flex;
  gap: 1rem;
  justify-content: space-between;
  width: 100%;
}
.block-show-courses__header {
  align-items: center;
  display: flex;
  justify-content: space-between;
  margin-top: 0.625rem;
}
.block-show-courses__title {
  color: #373E4C;
  font-family: "Source Sans Pro", sans-serif;
  font-size: 1.5625rem;
  font-weight: 600;
  line-height: 1.4;
}
.block-show-courses__navigation {
  display: flex;
  gap: 0.25rem;
}
.block-show-courses__nav-button {
  cursor: pointer;
  height: 1.5rem;
  position: relative;
  width: 1.5rem;
}
.block-show-courses__nav-button:hover {
  opacity: 0.8;
}
.block-show-courses__nav-button--next {
  transform: rotate(180deg);
}

.block-update-variant__exams {
  display: flex;
  flex-direction: column;
  gap: 0.625rem;
}
.block-update-variant__add-exam {
  width: 100%;
  margin-top: 16px;
}

.block-update-course__general,
.block-update-variant__general {
  padding: 1.25rem;
}
.block-update-course__add-organization,
.block-update-variant__add-organization {
  margin-top: 0.9375rem;
}
.block-update-course__scorm-title,
.block-update-variant__scorm-title {
  color: #373E4D;
  font-size: 0.9375rem;
  white-space: wrap;
}
.block-update-course__scorm-version,
.block-update-variant__scorm-version {
  color: #373E4D;
  font-size: 0.8125rem;
  font-style: italic;
}
.block-update-course__scorm-upload,
.block-update-variant__scorm-upload {
  display: flex;
  flex-direction: column;
  gap: 0.625rem;
}
.block-update-course__scorm-info,
.block-update-variant__scorm-info {
  display: flex;
  justify-content: space-between;
}
.block-update-course__scorm-remove,
.block-update-variant__scorm-remove {
  cursor: pointer;
}
.block-update-course__scorm-remove:hover,
.block-update-variant__scorm-remove:hover {
  opacity: 0.8;
}
.block-update-course__scorm-actions,
.block-update-variant__scorm-actions {
  align-items: center;
  display: flex;
  gap: 0.625rem;
}
.block-update-course__scorm-link,
.block-update-variant__scorm-link {
  color: #373E4D;
  margin-right: 0.625rem;
  text-decoration: underline;
}
.block-update-course__scorm-link:hover,
.block-update-variant__scorm-link:hover {
  opacity: 0.8;
}
.block-update-course__scorm-launch,
.block-update-variant__scorm-launch {
  min-width: auto !important;
}
.block-update-course__scorm, .block-update-course__status,
.block-update-variant__scorm,
.block-update-variant__status {
  display: flex;
  flex-direction: column;
  gap: 0.9375rem;
}
.block-update-course__scorm .field-multi-select-input, .block-update-course__status .field-multi-select-input,
.block-update-variant__scorm .field-multi-select-input,
.block-update-variant__status .field-multi-select-input {
  margin-bottom: 0 !important;
}
.block-update-course__title,
.block-update-variant__title {
  font-size: 1.25rem;
  font-weight: 600;
}
.block-update-course__header,
.block-update-variant__header {
  display: flex;
  justify-content: space-between;
  margin-bottom: 0.9375rem;
}
.block-update-course__chapters, .block-update-course__variants,
.block-update-variant__chapters,
.block-update-variant__variants {
  display: flex;
  flex-direction: column;
  gap: 0.625rem;
  margin-bottom: 1.25rem;
}
.block-update-course__chapters .action, .block-update-course__variants .action,
.block-update-variant__chapters .action,
.block-update-variant__variants .action {
  position: relative !important;
}
.block-update-course__download,
.block-update-variant__download {
  align-items: center;
  display: flex;
  justify-content: space-between;
  margin-bottom: 0.625rem;
  width: 100%;
}
.block-update-course__download .partial-button,
.block-update-variant__download .partial-button {
  height: 1.8125rem !important;
}
.block-update-course__image-preview,
.block-update-variant__image-preview {
  height: 20.625rem;
  position: relative;
  width: 33.6875rem;
}
.block-update-course__image-banner,
.block-update-variant__image-banner {
  height: 100%;
  object-fit: cover;
  width: 100%;
}
.block-update-course__set-banner,
.block-update-variant__set-banner {
  cursor: pointer;
  display: flex;
  gap: 0.625rem;
  margin-top: auto;
}
.block-update-course__set-banner:hover,
.block-update-variant__set-banner:hover {
  opacity: 0.8;
}
.block-update-course__variants-actions,
.block-update-variant__variants-actions {
  display: flex;
  gap: 0.625rem;
  margin-top: 0.625rem;
}
.block-update-course__view-variants, .block-update-course__add-variant,
.block-update-variant__view-variants,
.block-update-variant__add-variant {
  flex: 1;
  max-width: 12.5rem;
}
.block-update-course__variants-info,
.block-update-variant__variants-info {
  margin-bottom: 0.9375rem;
}
.block-update-course__current-variant,
.block-update-variant__current-variant {
  display: flex;
  flex-direction: column;
  font-size: 0.875rem;
  gap: 0.5rem;
}
.block-update-course__current-variant-details,
.block-update-variant__current-variant-details {
  display: flex;
  flex-direction: column;
  gap: 0.625rem;
}
.block-update-course__current-variant-header,
.block-update-variant__current-variant-header {
  font-size: 1rem;
}
.block-update-course__current-variant-header, .block-update-course__current-variant-row,
.block-update-variant__current-variant-header,
.block-update-variant__current-variant-row {
  display: flex;
  gap: 0.3125rem;
}
.block-update-course__current-variant-label,
.block-update-variant__current-variant-label {
  color: #373E4D;
}
.block-update-course__current-variant-title,
.block-update-variant__current-variant-title {
  color: #231F20;
  font-weight: 600;
}
.block-update-course__no-current,
.block-update-variant__no-current {
  color: #373E4D;
  font-size: 0.875rem;
  font-style: italic;
}

.block-admin-sales .field,
.block-admin-coupons .field {
  margin-bottom: 0;
  min-width: 25rem;
  width: unset;
}
.block-admin-sales__header,
.block-admin-coupons__header {
  align-items: center;
  display: flex;
  flex-flow: wrap;
  gap: 0.625rem;
}

.block-admin-orgs {
  display: flex;
  flex-direction: column;
}
.block-admin-orgs__list {
  border-radius: 1.25rem !important;
}
.block-admin-orgs .partial-empty-data {
  margin-top: 1.25rem;
}
.block-admin-orgs__filters {
  display: flex;
  flex-flow: wrap;
  gap: 0.625rem;
}
.block-admin-orgs__filters .field {
  margin-bottom: 0 !important;
}
.block-admin-orgs .field {
  min-width: 18.75rem;
  width: unset;
}
@media only screen and (max-width: 1024px) {
  .block-admin-orgs .field {
    width: 100%;
  }
}
.block-admin-orgs .block-listing {
  padding: 0 !important;
}

.block-admin-sale-edit__organizations, .block-admin-sale-edit__courses {
  display: flex;
  flex-direction: column;
  gap: 0.625rem;
  margin-top: 0.625rem;
}

.block-bundle-view-section__header {
  cursor: default !important;
}
.block-bundle-view-section__header:hover {
  opacity: 1 !important;
}
.block-bundle-view-section__buttons {
  margin-top: 1.25rem;
}

.block-offer-view-section,
.block-bundle-view-section,
.block-edit-section {
  border: 0.0625rem solid rgba(35, 43, 64, 0.2);
  border-radius: 0.5rem;
  padding: 1.25rem;
}
.block-offer-view-section__footer,
.block-bundle-view-section__footer,
.block-edit-section__footer {
  align-items: center;
  display: flex;
  gap: 0.625rem;
  justify-content: flex-end;
}
.block-offer-view-section__footer .partial-button,
.block-bundle-view-section__footer .partial-button,
.block-edit-section__footer .partial-button {
  margin-left: unset !important;
}
.block-offer-view-section__button,
.block-bundle-view-section__button,
.block-edit-section__button {
  margin-top: 1.25rem;
  max-width: none !important;
}
.block-offer-view-section__unsaved,
.block-bundle-view-section__unsaved,
.block-edit-section__unsaved {
  color: #373E4D;
  font-size: 0.75rem;
  font-weight: 700;
  text-transform: uppercase;
}
.block-offer-view-section .partial-course-image,
.block-bundle-view-section .partial-course-image,
.block-edit-section .partial-course-image {
  height: 13.75rem;
}
.block-offer-view-section__group-inline,
.block-bundle-view-section__group-inline,
.block-edit-section__group-inline {
  display: flex;
  gap: 1.25rem;
  width: 100%;
}
@media only screen and (max-width: 768px) {
  .block-offer-view-section__group-inline,
  .block-bundle-view-section__group-inline,
  .block-edit-section__group-inline {
    flex-direction: column;
  }
}
.block-offer-view-section__icon--open,
.block-bundle-view-section__icon--open,
.block-edit-section__icon--open {
  transform: rotate(180deg);
}
.block-offer-view-section__title,
.block-bundle-view-section__title,
.block-edit-section__title {
  color: #373E4D;
  font-size: 1.25rem;
  font-weight: 600;
}
.block-offer-view-section__exam--hide,
.block-bundle-view-section__exam--hide,
.block-edit-section__exam--hide {
  display: none;
}
.block-offer-view-section__exam .create-exam-button,
.block-bundle-view-section__exam .create-exam-button,
.block-edit-section__exam .create-exam-button {
  margin-top: 1.25rem;
}
.block-offer-view-section__exam-actions,
.block-bundle-view-section__exam-actions,
.block-edit-section__exam-actions {
  display: flex;
  gap: 0.625rem;
  justify-content: flex-end;
  padding-top: 1.25rem;
}
.block-offer-view-section__exam-actions .partial-button,
.block-bundle-view-section__exam-actions .partial-button,
.block-edit-section__exam-actions .partial-button {
  margin: 0;
}
.block-offer-view-section__header,
.block-bundle-view-section__header,
.block-edit-section__header {
  cursor: pointer;
  display: flex;
  justify-content: space-between;
}
.block-offer-view-section__header:hover,
.block-bundle-view-section__header:hover,
.block-edit-section__header:hover {
  opacity: 0.8;
}
.block-offer-view-section__header--not-clickeable,
.block-bundle-view-section__header--not-clickeable,
.block-edit-section__header--not-clickeable {
  cursor: default;
}
.block-offer-view-section__header--not-clickeable:hover,
.block-bundle-view-section__header--not-clickeable:hover,
.block-edit-section__header--not-clickeable:hover {
  opacity: 1;
}
.block-offer-view-section__header--open,
.block-bundle-view-section__header--open,
.block-edit-section__header--open {
  margin-bottom: 0.9375rem;
}
.block-offer-view-section__header--disabled,
.block-bundle-view-section__header--disabled,
.block-edit-section__header--disabled {
  opacity: 0.5;
  cursor: not-allowed;
}
.block-offer-view-section__header--disabled:hover,
.block-bundle-view-section__header--disabled:hover,
.block-edit-section__header--disabled:hover {
  opacity: 0.5;
}

.block-practical-evaluation-questions-edit__header {
  display: flex;
  gap: 1.25rem;
  margin-bottom: 1.25rem;
}
@media only screen and (max-width: 768px) {
  .block-practical-evaluation-questions-edit__header {
    flex-direction: column;
  }
}
.block-practical-evaluation-questions-edit__header .field-text-input {
  flex: 1;
}
.block-practical-evaluation-questions-edit__actions {
  display: flex;
  gap: 0.625rem;
}
@media only screen and (max-width: 768px) {
  .block-practical-evaluation-questions-edit__actions {
    width: 100%;
  }
}
.block-practical-evaluation-questions-edit__actions .partial-button {
  margin: 0;
}
.block-practical-evaluation-questions-edit__list-header {
  display: flex;
  gap: 1.25rem;
  padding: 0.625rem 0;
  border-bottom: 1px solid rgba(35, 43, 64, 0.2);
  font-weight: 600;
}
.block-practical-evaluation-questions-edit__list-header .cell.order {
  width: 5rem;
}
.block-practical-evaluation-questions-edit__list-header .cell.question {
  flex: 1;
}
.block-practical-evaluation-questions-edit__list-header .cell.actions {
  width: 12.5rem;
}
.block-practical-evaluation-questions-edit__question {
  padding: 5px 0;
}
.block-practical-evaluation-questions-edit__question-cell {
  align-items: center;
  display: flex;
  gap: 0.625rem;
}
.block-practical-evaluation-questions-edit__question-cell .listing-question {
  flex: 1;
}
.block-practical-evaluation-questions-edit__text-badge {
  background-color: #EBEDF0;
  border-radius: 1.25rem;
  color: #7B869E;
  font-size: 0.625rem;
  font-weight: 600;
  padding: 0.125rem 0.625rem;
  text-transform: uppercase;
  white-space: nowrap;
}

.listing-practical-evaluation-question-edit {
  display: flex;
  gap: 1.25rem;
  padding: 0.9375rem 0;
  border-bottom: 1px solid rgba(35, 43, 64, 0.2);
  align-items: center;
}
.listing-practical-evaluation-question-edit .cell.order {
  width: 5rem;
  cursor: move;
  color: #373E4D;
  font-weight: 600;
}
.listing-practical-evaluation-question-edit .cell.question {
  flex: 1;
  color: #373E4D;
}
.listing-practical-evaluation-question-edit .cell.actions {
  display: flex;
  gap: 0.625rem;
  width: 12.5rem;
}
.listing-practical-evaluation-question-edit .cell.actions .partial-button {
  margin: 0;
}

.block-offer-view-section .block-view-bundle-courses {
  margin-left: 0;
}

.block-manager-org-edit__footer {
  border-top: 1px solid rgba(55, 62, 77, 0.25);
  margin-top: auto;
  padding-top: 0.8125rem;
}
.block-manager-org-edit .right {
  height: 100%;
}

.block-invoice-cart__item {
  padding: 0;
}
.block-invoice-cart__invoice-title {
  margin: 0.625rem 0;
}

.block-cart {
  font-family: "Source Sans Pro", sans-serif;
  gap: 1.375rem;
}
.block-cart__summary {
  display: flex;
  flex-direction: column;
  gap: 1.25rem;
}
.block-cart__button.partial-button {
  font-size: 1.25rem !important;
  height: 2.8125rem !important;
  max-width: unset !important;
  padding: 0.625rem 1.25rem !important;
}
@media only screen and (max-width: 1024px) {
  .block-cart__button.partial-button {
    font-size: 1rem !important;
    height: 2.1875rem !important;
    max-width: unset !important;
    padding: 0.3125rem 0.9375rem !important;
  }
}
.block-cart__button.partial-button .partial-button__icon {
  height: 1.25rem !important;
  width: 1.25rem !important;
}
@media only screen and (max-width: 1024px) {
  .block-cart__button.partial-button .partial-button__icon {
    height: 0.9375rem !important;
    width: 0.9375rem !important;
  }
}
.block-cart__items {
  display: flex;
  flex-direction: column;
}
.block-cart__left {
  display: flex;
  width: calc(60% - 1.375rem);
}
@media only screen and (max-width: 1024px) {
  .block-cart__left {
    width: 100%;
  }
}
.block-cart__right {
  width: calc(40% - 1.375rem);
}
@media only screen and (max-width: 1024px) {
  .block-cart__right {
    width: 100%;
  }
}
.block-cart__header {
  border: 1px solid #D6D9E1;
  border-radius: 0.5rem;
  padding: 1.25rem;
}
.block-cart__header-title {
  color: #373E4D;
  font-size: 1.25rem;
  font-weight: 600;
  margin-bottom: 0.3125rem;
}
.block-cart__header-description {
  color: #373E4D;
  font-size: 0.9375rem;
  margin-bottom: 1.25rem;
}

.block-ttt-hero {
  background: #fff;
  border: 1px solid rgba(35, 43, 64, 0.2);
  border-radius: 0.625rem;
  display: grid;
  grid-template-columns: 28.6875rem 1fr;
  gap: 1.5rem;
  min-height: 18.75rem;
}
@media only screen and (max-width: 1024px) {
  .block-ttt-hero {
    width: 75%;
    display: flex;
    flex-direction: column;
    align-items: center;
  }
}
.block-ttt-hero__image {
  border-bottom-left-radius: 0.5rem;
  border-top-left-radius: 0.5rem;
  object-fit: cover;
  height: 100%;
}
@media only screen and (max-width: 1024px) {
  .block-ttt-hero__image {
    border-bottom-left-radius: 0rem;
    border-top-right-radius: 0.625rem;
    width: 100%;
  }
}
.block-ttt-hero__content {
  display: flex;
  flex-direction: column;
  gap: 1rem;
  padding: 2.25rem 1.5rem;
}
.block-ttt-hero__title {
  color: #7B869E;
  font-size: 1.875rem;
  font-weight: 600;
  line-height: 1;
}
.block-ttt-hero__description {
  color: #7B869E;
  font-size: 1rem;
  max-width: 26.875rem;
}
.block-ttt-hero__actions {
  margin-top: auto;
}

.block.block-certificates {
  border: unset;
  display: flex;
  flex-direction: column;
  gap: 8px;
  margin-left: 0;
}
.block.block-admin-org-courses {
  cursor: pointer;
}
.block.block-admin-org-courses .listing-course-org:hover {
  opacity: 0.7;
}
.block.block-sidebar-container {
  background-color: #f2f3f6;
  display: flex;
  flex-flow: column nowrap;
  height: calc(100vh - 5px);
  max-width: 16.25rem;
  overflow-y: auto;
  padding: 1.3125rem;
  padding-top: 1.875rem;
  z-index: 5;
}
@media only screen and (max-width: 1024px) {
  .block.block-sidebar-container {
    max-width: 16.5625rem;
  }
}
@media only screen and (max-width: 768px) {
  .block.block-sidebar-container {
    padding-top: 2.0625rem;
    width: 100%;
  }
}
@media only screen and (max-width: 560px) {
  .block.block-sidebar-container {
    max-width: 100%;
  }
}
@media only screen and (max-width: 768px) {
  .block.block-sidebar-container .partial-admin-nav {
    margin-top: 20px;
  }
}
.block.block-sidebar-container .partial-admin-nav img {
  height: 1.1875rem;
  width: 1.1875rem;
}
.block.block-sidebar-container .partial-account-icon {
  display: none;
}
@media only screen and (max-width: 768px) {
  .block.block-sidebar-container .partial-account-icon {
    align-items: flex-start;
    display: flex;
    flex-direction: column;
    gap: 20px;
    margin: 1.9375rem 1.25rem 0;
  }
  .block.block-sidebar-container .partial-account-icon .down-arrow {
    display: none;
  }
}
.block.block-sidebar-container .footer {
  display: flex;
  flex-direction: column;
  margin: auto 1.3125rem 2.0625rem;
  text-transform: uppercase;
}
.block.block-sidebar-container .support-button {
  border-radius: 0.625rem;
  height: 3.125rem;
  padding: 0 1.25rem;
}
.block.block-sidebar-container .support-button .button-icon {
  height: 1.5625rem;
  width: 1.5625rem;
}
.block.block-alert-inline {
  margin-bottom: 16px;
  padding: 0.625rem 1.25rem;
  border-radius: 0.625rem;
}
@media only screen and (min-width: 767px) {
  .block.block-alert-inline {
    margin-bottom: 16px;
  }
}
@media only screen and (min-width: 1023px) {
  .block.block-alert-inline {
    margin-bottom: 1.3rem;
  }
}
.block.block-alert-inline > *:last-child {
  margin-bottom: 0;
  padding-bottom: 0;
}
.block.block-alert-inline.true {
  background-color: #ECF8EE;
}
.block.block-alert-inline.false {
  background-color: #FFEBE8;
}
.block.block-alert-inline h2 {
  font-weight: 600;
  font-size: 0.875rem;
}
.block.block-alert-inline p {
  color: #373E4D;
  white-space: break-spaces;
}
.block.block-listing {
  display: flex;
  flex-direction: column;
  margin-top: 1.5rem !important;
  padding-bottom: 0 !important;
  list-style-type: none;
  margin: 0;
  padding: 0;
  padding: 16px;
  border: 1px solid rgba(55, 62, 77, 0.25);
  border-radius: 0.625rem;
}
.block.block-listing > li {
  display: block;
  margin: 0;
  padding: 16px;
}
@media only screen and (min-width: 767px) {
  .block.block-listing {
    padding-bottom: 0;
    list-style-type: none;
    margin: 0;
    padding: 0;
    padding: 16px;
  }
  .block.block-listing > li {
    display: block;
    margin: 0;
    padding: 16px;
  }
}
@media only screen and (min-width: 1023px) {
  .block.block-listing {
    padding-bottom: 0;
    list-style-type: none;
    margin: 0;
    padding: 0;
    padding: 1.3rem;
  }
  .block.block-listing > li {
    display: block;
    margin: 0;
    padding: 1.3rem;
  }
}
.block.block-listing.in-content {
  border: none;
  padding: 0;
}
.block.block-listing.in-content .listing-user-courses,
.block.block-listing.in-content .listing-invoices {
  padding-left: 0 !important;
}
.block.block-two-column {
  display: flex;
  flex-flow: row wrap;
  gap: 20px;
}
.block.block-two-column .left {
  max-height: max-content;
}
.block.block-two-column .left,
.block.block-two-column .right {
  padding: 1.625rem;
  width: 100%;
  border-radius: 0.625rem;
  border: 1px solid rgba(55, 62, 77, 0.25);
}
@media only screen and (min-width: 1023px) {
  .block.block-two-column .left,
  .block.block-two-column .right {
    width: calc(50% - 0.625rem);
  }
}
.block.block-two-column .left > .block.block-two-column .left:last-child:not(.partial-danger-zone),
.block.block-two-column .left > .block.block-two-column .right:last-child:not(.partial-danger-zone),
.block.block-two-column .right > .block.block-two-column .left:last-child:not(.partial-danger-zone),
.block.block-two-column .right > .block.block-two-column .right:last-child:not(.partial-danger-zone) {
  margin-bottom: 0;
  padding-bottom: 0;
}
.block.block-two-column .image {
  width: 100%;
  border-radius: 0.625rem;
}
.block.block-two-column .price {
  font-size: 1.25rem;
  font-weight: 600;
}
.block.block-two-column .category::after {
  content: ", ";
  display: inline;
  position: inherit;
}
.block.block-two-column .category:last-of-type::after {
  content: "";
  display: none;
  position: relative;
}
.block.block-upload-image {
  background-color: #F6F6F6;
  cursor: pointer;
  margin-bottom: 1.25rem;
  position: relative;
  border-radius: 0.625rem;
}
.block.block-upload-image .display-image {
  overflow: hidden;
  padding-top: 56.25%;
  position: relative;
  align-items: center;
  display: flex;
  flex-flow: row nowrap;
  place-content: flex-start center;
}
.block.block-upload-image .uploaded-image {
  background-position: center center;
  background-repeat: no-repeat;
  background-size: contain;
  height: 100%;
  left: 0;
  position: absolute;
  top: 0;
  width: 100%;
}
.block.block-upload-image .uploaded-image img {
  opacity: 0;
  position: absolute;
}
.block.block-upload-image .empty {
  background-color: #F6F6F6;
  border-style: dashed;
  color: #373E4D;
  height: 100%;
  left: 0;
  position: absolute;
  top: 0;
  width: 100%;
  align-items: center;
  display: flex;
  flex-flow: row nowrap;
  place-content: flex-start center;
  border-radius: 0.625rem;
  font-size: 0.75rem;
  letter-spacing: 0;
}
.block.block-upload-image .block-upload {
  cursor: pointer;
  height: 100%;
  left: 0;
  position: absolute;
  top: 0;
  width: 100%;
}
.block.block-upload-image .block-upload label {
  height: 100%;
  left: 0;
  position: absolute;
  top: 0;
  width: 100%;
}
.block.block-upload-image .block-upload p.label {
  background-color: #fff;
  border-radius: 6.25rem;
  color: #373E4D;
  font-weight: 400 !important;
  left: 0.625rem;
  line-height: 1.5rem;
  padding: 0 0.625rem;
  position: absolute;
  top: 0.625rem;
  align-items: center;
  display: flex;
  flex-flow: row nowrap;
  place-content: flex-start center;
  font-size: 0.75rem;
  letter-spacing: 0;
}
.block.block-upload-image .block-upload p.label:hover {
  opacity: 0.8;
}
.block.block-upload-image .block-upload p.label .icon {
  margin-right: 0.3125rem;
  padding: 2px;
}
.block.block-cards {
  gap: 1.75rem;
  list-style-type: none;
  margin: 0;
  padding: 0;
  align-items: stretch;
  display: flex;
  flex-flow: row wrap;
  place-content: flex-start flex-start;
}
.block.block-cards > li {
  display: block;
  margin: 0;
  padding: 0;
}
@media only screen and (max-width: 768px) {
  .block.block-cards {
    gap: 1.25rem;
  }
}
.block.block-cards h2 {
  margin-bottom: 0;
  width: 100%;
}
.block.block-admin-categories {
  gap: 1rem;
  margin-bottom: 0.625rem;
  align-items: flex-start;
  display: flex;
  flex-flow: column wrap;
  place-content: flex-start space-between;
}
.block.block-create-report {
  min-height: 25rem;
}
.block.block-create-report h3 {
  margin-bottom: 16px;
  margin-top: 16px;
}
@media only screen and (min-width: 767px) {
  .block.block-create-report h3 {
    margin-bottom: 16px;
    margin-top: 16px;
  }
}
@media only screen and (min-width: 1023px) {
  .block.block-create-report h3 {
    margin-bottom: 1.3rem;
    margin-top: 1.3rem;
  }
}
.block.block-create-report h3:first-of-type {
  margin-top: 0;
}
.block.block-view-courses h2:first-of-type {
  margin-top: 0;
}
.block.block-view-courses .block-admin-org-courses {
  cursor: pointer;
  width: 100% !important;
}
.block.block-view-courses .block-admin-org-courses .action span {
  width: 100px !important;
}
.block.block-create-report-results > .partial {
  margin-bottom: 16px;
}
@media only screen and (min-width: 767px) {
  .block.block-create-report-results > .partial {
    margin-bottom: 16px;
  }
}
@media only screen and (min-width: 1023px) {
  .block.block-create-report-results > .partial {
    margin-bottom: 1.3rem;
  }
}

.recent-activity-list {
  display: flex;
  flex-direction: column;
  gap: 11px;
}

.block-edit-user__reset-password {
  display: flex;
  flex-direction: column;
  gap: 1.25rem;
}
.block-edit-user__reset-password .field-text-input__label {
  padding-top: 0;
}
.block-edit-user__reset-title {
  font-size: 1.25rem;
}
.block-edit-user__container {
  padding: 1.625rem;
  width: 100%;
  border-radius: 0.625rem;
  border: 1px solid rgba(55, 62, 77, 0.25);
}
.block-edit-user__container > .block-edit-user__container:last-child:not(.partial-danger-zone) {
  margin-bottom: 0;
  padding-bottom: 0;
}

.block-admin-organization-offers,
.block-admin-bundle-courses {
  display: flex;
  flex-direction: column;
  gap: 0.625rem;
  margin-bottom: 0 !important;
  margin-left: 0 !important;
  margin-top: 1.25rem;
}
.block-admin-organization-offers__price,
.block-admin-bundle-courses__price {
  align-items: center;
  color: #373E4D;
  display: flex;
  gap: 0.3125rem;
  justify-content: space-between;
  margin-left: auto;
  margin-top: auto;
  padding: 0.625rem 1.25rem;
}
.block-admin-organization-offers__price-title,
.block-admin-bundle-courses__price-title {
  color: #373E4D;
  font-size: 0.625rem;
  font-weight: 700;
  text-transform: uppercase;
}
.block-admin-organization-offers__price-value,
.block-admin-bundle-courses__price-value {
  color: #373E4D;
  font-size: 1.125rem;
  font-weight: 600;
  text-align: end;
  width: 5.75rem;
}
.block-admin-organization-offers .partial-empty-data,
.block-admin-bundle-courses .partial-empty-data {
  margin: 0 !important;
}

.block-manager-offer-edit .block-two-column__left {
  min-height: 70vh;
}
@media only screen and (max-width: 1024px) {
  .block-manager-offer-edit .block-two-column__left {
    min-height: unset;
  }
}

.block-edit-org__discount {
  margin-top: 0;
}

.block-manager-offer-edit .button-inline,
.block-update-course .button-inline,
.block-admin-bundle-edit .button-inline,
.block-edit-user .button-inline,
.block-manager-org-edit .button-inline,
.block-edit-org .button-inline {
  margin: 0;
}
.block-manager-offer-edit__discount,
.block-update-course__discount,
.block-admin-bundle-edit__discount,
.block-edit-user__discount,
.block-manager-org-edit__discount,
.block-edit-org__discount {
  display: flex;
  gap: 0.625rem;
}
.block-manager-offer-edit__update-button,
.block-update-course__update-button,
.block-admin-bundle-edit__update-button,
.block-edit-user__update-button,
.block-manager-org-edit__update-button,
.block-edit-org__update-button {
  position: relative;
  top: -15px;
}
.block-manager-offer-edit .custom-heading,
.block-update-course .custom-heading,
.block-admin-bundle-edit .custom-heading,
.block-edit-user .custom-heading,
.block-manager-org-edit .custom-heading,
.block-edit-org .custom-heading {
  margin-top: 0 !important;
}
.block-manager-offer-edit .inline-buttons,
.block-update-course .inline-buttons,
.block-admin-bundle-edit .inline-buttons,
.block-edit-user .inline-buttons,
.block-manager-org-edit .inline-buttons,
.block-edit-org .inline-buttons {
  display: flex;
  gap: 1.25rem;
}

.block-certificate-add__button {
  margin-right: unset !important;
  margin-top: 1.25rem !important;
}

.block-full-screen {
  margin: 0 auto;
  width: 60%;
}
@media only screen and (max-width: 768px) {
  .block-full-screen {
    width: 80%;
  }
}

.block-view-bundle-courses {
  display: flex;
  flex-direction: column;
  gap: 1.25rem;
  margin-left: 0.75rem;
}
.block-view-bundle-courses__empty {
  align-items: center;
  background: #FCDDDE;
  border-radius: 0.375rem;
  color: #E50019;
  display: flex;
  font-size: 0.75rem;
  font-weight: 400;
  gap: 0.4375rem;
  justify-content: center;
  padding: 0.5rem;
  text-align: center;
  width: 100%;
}
.block-view-bundle-courses__header {
  background: #F6F6F6;
  border-radius: 0.5rem;
  display: inline-flex;
  gap: 1.25rem;
  justify-content: space-between;
  padding: 1rem 0.625rem;
}
.block-view-bundle-courses__quantity {
  color: #373E4D;
  font-size: 1.25rem;
  font-weight: 600;
}
.block-view-bundle-courses__quantity--red {
  color: #E50019;
}
.block-view-bundle-courses__title {
  display: inline-flex;
  flex: 1;
  flex-direction: column;
  gap: 0.0625rem;
}
.block-view-bundle-courses__title-main {
  font-size: 0.9375rem;
  font-weight: 600;
}
.block-view-bundle-courses__title-sub {
  font-size: 0.8125rem;
  font-weight: 400;
}
.block-view-bundle-courses .listing-bundle-course {
  border: none;
  border-bottom: 1px solid rgba(35, 43, 64, 0.2);
  border-radius: 0;
  padding: 0.375rem 0.625rem 1rem !important;
}
.block-view-bundle-courses .listing-bundle-course__price {
  color: #373E4D;
  font-size: 0.9375rem;
}
.block-view-bundle-courses .listing-bundle-course__name {
  font-size: 0.9375rem;
  font-weight: 600;
  text-decoration-line: underline;
}
.block-view-bundle-courses .listing-bundle-course:last-of-type {
  border-bottom: none;
  padding-bottom: 0 !important;
}

.block-manage-course-licenses,
.block-manage-bundle-licenses {
  color: #373E4D;
  display: flex;
  flex-direction: column;
  gap: 1.25rem;
  height: 75%;
}
.block-manage-course-licenses__banner-text,
.block-manage-bundle-licenses__banner-text {
  display: flex;
  gap: 0.3125rem;
}
.block-manage-course-licenses__banner-button,
.block-manage-bundle-licenses__banner-button {
  cursor: pointer;
  text-decoration: underline;
}
.block-manage-course-licenses__banner-button:hover,
.block-manage-bundle-licenses__banner-button:hover {
  opacity: 0.8;
}
.block-manage-course-licenses__banner-strong,
.block-manage-bundle-licenses__banner-strong {
  align-items: center;
  display: flex;
  font-weight: 600;
}
.block-manage-course-licenses__discount,
.block-manage-bundle-licenses__discount {
  align-items: center;
  border-radius: 0.25rem;
  color: #fff;
  display: flex;
  font-family: "Source Sans Pro", sans-serif;
  font-size: 0.9375rem;
  font-weight: 600;
  height: 1.4375rem;
  padding: 0.125rem 0.5rem;
  text-transform: uppercase;
  width: max-content;
}
.block-manage-course-licenses__discount-banner,
.block-manage-bundle-licenses__discount-banner {
  align-items: center;
  background: #FFF6E9;
  border-radius: 0.25rem;
  color: #E59021;
  display: flex;
  gap: 0.9375rem;
  justify-content: center;
}
.block-manage-course-licenses__discount--sale,
.block-manage-bundle-licenses__discount--sale {
  background-color: #E50019;
}
.block-manage-course-licenses__discount--coupon,
.block-manage-bundle-licenses__discount--coupon {
  background-color: #3D68E7;
}
.block-manage-course-licenses__discount--volume,
.block-manage-bundle-licenses__discount--volume {
  background-color: #FEA125;
}
.block-manage-course-licenses__toggle,
.block-manage-bundle-licenses__toggle {
  align-items: center;
  display: flex;
  gap: 0.625rem;
  margin-top: 0.625rem;
}
.block-manage-course-licenses__toggle-label,
.block-manage-bundle-licenses__toggle-label {
  font-size: 0.875rem !important;
  font-weight: 400 !important;
  text-transform: none !important;
}
.block-manage-course-licenses__header,
.block-manage-bundle-licenses__header {
  background: #F6F6F6;
  border-radius: 0.5rem;
  display: inline-flex;
  gap: 0.625rem;
  justify-content: space-between;
  padding: 0.9375rem 0.9375rem 0.9375rem 0.1875rem;
}
.block-manage-course-licenses__title,
.block-manage-bundle-licenses__title {
  display: inline-flex;
  flex: 1;
  flex-direction: column;
  gap: 0.0625rem;
}
.block-manage-course-licenses__title-main,
.block-manage-bundle-licenses__title-main {
  font-size: 0.9375rem;
  font-weight: 400;
}
.block-manage-course-licenses__title-sub,
.block-manage-bundle-licenses__title-sub {
  font-size: 0.8125rem;
  font-weight: 700;
}
.block-manage-course-licenses__container,
.block-manage-bundle-licenses__container {
  display: flex;
  flex-direction: row;
  gap: 0.625rem;
}
.block-manage-course-licenses__course,
.block-manage-bundle-licenses__course {
  border-bottom: 0.0625rem rgba(35, 43, 64, 0.2) solid;
  display: flex;
  flex-direction: column;
  gap: 0.625rem;
  padding: 0.375rem 0.9375rem 1.3125rem 0.375rem;
}
.block-manage-course-licenses__course:last-of-type,
.block-manage-bundle-licenses__course:last-of-type {
  border-bottom: none;
}
.block-manage-course-licenses__course-counter--error,
.block-manage-bundle-licenses__course-counter--error {
  border: 1px solid #E50019;
  color: #E50019;
}
.block-manage-course-licenses__course-details,
.block-manage-bundle-licenses__course-details {
  display: flex;
  flex-direction: column;
  gap: 0.3125rem;
}
.block-manage-course-licenses__course-price, .block-manage-course-licenses__course-amount,
.block-manage-bundle-licenses__course-price,
.block-manage-bundle-licenses__course-amount {
  align-items: center;
  display: flex;
  font-size: 0.9375rem;
  gap: 0.3125rem;
}
.block-manage-course-licenses__course-price--original, .block-manage-course-licenses__course-amount--original,
.block-manage-bundle-licenses__course-price--original,
.block-manage-bundle-licenses__course-amount--original {
  color: #373E4D;
  font-size: 0.75rem;
  text-decoration: line-through;
}
.block-manage-course-licenses__course-categories,
.block-manage-bundle-licenses__course-categories {
  font-size: 0.8125rem;
  font-weight: 400;
}
.block-manage-course-licenses__course-info,
.block-manage-bundle-licenses__course-info {
  display: flex;
  flex: 1;
  flex-direction: column;
  gap: 0.0625rem;
}
.block-manage-course-licenses__course-subtotal,
.block-manage-bundle-licenses__course-subtotal {
  display: flex;
  flex-direction: column;
  font-size: 1.125rem;
  gap: 0.3125rem;
}
.block-manage-course-licenses__course-subtotal--discount,
.block-manage-bundle-licenses__course-subtotal--discount {
  color: #7B869E;
  text-decoration: line-through;
}
.block-manage-course-licenses__course-title,
.block-manage-bundle-licenses__course-title {
  font-size: 0.9375rem;
  font-weight: 600;
}

.block-view-manager-course__buttons,
.block-view-bundle-manager__buttons,
.block-view-bundle__buttons {
  align-items: center;
  color: #373E4D;
  display: flex;
  gap: 0.9375rem;
  justify-content: flex-end;
}
.block-view-manager-course__buttons .partial-button,
.block-view-bundle-manager__buttons .partial-button,
.block-view-bundle__buttons .partial-button {
  margin-left: unset !important;
}
.block-view-manager-course__price,
.block-view-bundle-manager__price,
.block-view-bundle__price {
  font-size: 1.125rem;
  font-weight: 600;
}
.block-view-manager-course .partial-course-details,
.block-view-bundle-manager .partial-course-details,
.block-view-bundle .partial-course-details {
  margin-top: 0 !important;
  padding: 1.875rem 1.75rem 2.5rem !important;
}
.block-view-manager-course .block-two-column__left .block-bundle-view-section:first-of-type,
.block-view-bundle-manager .block-two-column__left .block-bundle-view-section:first-of-type,
.block-view-bundle .block-two-column__left .block-bundle-view-section:first-of-type {
  padding: 0 !important;
}
.block-view-manager-course .block-two-column__left .block-bundle-view-section__title,
.block-view-bundle-manager .block-two-column__left .block-bundle-view-section__title,
.block-view-bundle .block-two-column__left .block-bundle-view-section__title {
  font-size: 1.5625rem;
  padding: 1.875rem 1.75rem 0 !important;
}
.block-view-manager-course .block-heading-internal.block-heading,
.block-view-bundle-manager .block-heading-internal.block-heading,
.block-view-bundle .block-heading-internal.block-heading {
  padding: 0.625rem 1.75rem 1.875rem !important;
}
.block-view-manager-course p,
.block-view-bundle-manager p,
.block-view-bundle p {
  padding-bottom: 0 !important;
}
.block-view-manager-course .block-edit-section__title,
.block-view-bundle-manager .block-edit-section__title,
.block-view-bundle .block-edit-section__title {
  display: flex;
  margin-bottom: 1.25rem;
}

.block-manage-course-licenses__information,
.block-bundle-view-section__information,
.block-view-bundle__information,
.block-view-course__information {
  margin-bottom: 3.125rem;
}
.block-manage-course-licenses__information--chapters .partial-course-details,
.block-bundle-view-section__information--chapters .partial-course-details,
.block-view-bundle__information--chapters .partial-course-details,
.block-view-course__information--chapters .partial-course-details {
  padding-bottom: 3.125rem;
  border-bottom: 1px solid rgba(55, 62, 77, 0.25);
}

.block-view-course__container {
  display: flex;
  flex-direction: column;
  gap: 1.875rem;
  padding: 1.875rem 1.625rem 2.5rem;
}
.block-view-course__objectives {
  padding: 0.625rem 0;
}
.block-view-course__title {
  max-width: 70%;
}
.block-view-course__course-container {
  align-items: center;
  display: flex;
  flex-flow: wrap;
  gap: 1.25rem;
  justify-content: space-between;
}
.block-view-course__info {
  margin: 0 0 0 auto;
  width: 12.5rem;
}
.block-view-course__info .partial-summary__items {
  border: 0 !important;
  font-size: 1.125rem;
}
.block-view-course__info .partial-summary__item {
  border: 0 !important;
  font-size: 1.125rem;
}
.block-view-course__info .partial-summary__item-title, .block-view-course__info .partial-summary__item-value {
  color: #7B869E;
  font-size: 1.125rem;
}
.block-view-course__info .partial-summary__item-title--discount, .block-view-course__info .partial-summary__item-value--discount {
  color: #E50019 !important;
}
.block-view-course__info .partial-summary__item-title--total, .block-view-course__info .partial-summary__item-value--total {
  color: #373E4D;
}
.block-view-course__info .partial-summary__item-value--total {
  font-size: 1.5625rem;
}

.public-DraftStyleDefault-ul, .public-DraftStyleDefault-block {
  margin: 0 0 0.625rem !important;
}
.public-DraftStyleDefault-ul .public-DraftStyleDefault-block {
  margin: 0 0 0.1875rem !important;
}

.block-exam-questions {
  height: 100%;
}
.block-exam-questions--no-margin {
  margin-left: 0 !important;
}
.block-exam-questions__question-tooltip {
  display: flex !important;
  flex-direction: column;
  gap: 0.3125rem;
}
.block-exam-questions__header {
  display: flex;
  flex-flow: wrap;
  gap: 0.625rem;
  margin-bottom: 1.25rem;
}
.block-exam-questions__header-search-container {
  width: 50%;
}
.block-exam-questions__header-top-bar {
  display: grid;
  grid-template-columns: 1fr 1fr;
  width: 100%;
}
.block-exam-questions__header-audit {
  text-decoration: underline !important;
}
.block-exam-questions__header-search {
  margin-bottom: 0;
}
.block-exam-questions__header-preview-container {
  display: flex;
  gap: 0.625rem;
}

.exam-questions__percentage {
  font-size: 1rem;
  font-weight: 600;
}

.block-course-sandbox {
  background-color: #fff;
  border-radius: 0.5rem;
  box-shadow: 0 0.125rem 0.25rem 0rem rgba(0, 0, 0, 0.1019607843);
  display: flex;
  flex-direction: column;
  margin-bottom: 1.25rem;
  padding: 1.25rem;
}
.block-course-sandbox__header {
  align-items: center;
  display: flex;
  justify-content: space-between;
  margin-bottom: 1.25rem;
}
.block-course-sandbox--fullscreen {
  border: none;
  border-radius: 0;
  height: 100vh;
  inset: 0;
  margin: 0;
  position: fixed;
  width: 100vw;
  z-index: 9999;
  padding: 0;
}
.block-course-sandbox__title {
  font-size: 1.5rem;
  font-weight: 600;
  margin: 0;
}
.block-course-sandbox__container {
  border: 1px solid rgba(35, 43, 64, 0.2);
  border-radius: 0.25rem;
  height: 100%;
  overflow: hidden;
  position: relative;
  width: 100%;
}
.block-course-sandbox__loader {
  align-items: center;
  display: flex;
  height: 100%;
  justify-content: center;
  left: 0;
  position: absolute;
  top: 0;
  width: 100%;
  z-index: 10;
}
.block-course-sandbox__iframe {
  border: none;
  height: 100%;
  left: 0;
  position: absolute;
  top: 0;
  width: 100%;
}
.block-course-sandbox__error {
  align-items: center;
  background-color: #fff;
  border: 1px solid #E50019;
  border-radius: 0.25rem;
  display: flex;
  flex-direction: column;
  justify-content: center;
  margin-bottom: 1.25rem;
  padding: 1.875rem;
}
.block-course-sandbox__error p {
  color: #E50019;
  font-weight: 500;
  margin-bottom: 0.9375rem;
  text-align: center;
}

.block-reports {
  display: flex;
  flex-flow: wrap;
  gap: 0.625rem;
  margin-bottom: 1.25rem;
}
.block-reports__filters {
  display: flex;
  align-items: center;
  justify-content: space-between;
  width: 100%;
}
.block-reports__filters-left {
  display: flex;
  gap: 0.625rem;
}
.block-reports__filters .partial-button-actions {
  margin-left: 0 !important;
}

.block-admin-report-details {
  display: flex;
  flex-flow: column;
  padding: 1rem 0;
  gap: 1rem;
}
.block-admin-report-details__filters {
  display: flex;
  flex-flow: wrap;
}
.block-admin-report-details__filters-left {
  display: flex;
  gap: 0.625rem;
}
@media only screen and (max-width: 768px) {
  .block-admin-report-details .display-report-details .name-data {
    width: calc(100vw - 175px);
  }
}
@media only screen and (max-width: 768px) {
  .block-admin-report-details .display-report-details .email {
    width: 100%;
  }
}

.block-admin-reports {
  display: flex;
  flex-direction: column;
  gap: 0.625rem;
}
.block-admin-reports__content {
  display: grid;
  grid-template-columns: repeat(2, 1fr);
  grid-template-rows: max-content max-content max-content;
  grid-column-gap: 0px;
  grid-row-gap: 0px;
  gap: 0.625rem;
}
.block-admin-reports__content-block:nth-child(1) {
  grid-area: 1/1/2/2;
}
.block-admin-reports__content-block:nth-child(2) {
  grid-area: 1/2/2/3;
}
.block-admin-reports__content-block:nth-child(3) {
  grid-area: 2/1/3/2;
}
.block-admin-reports__content-block:nth-child(4) {
  grid-area: 2/2/3/3;
}
.block-admin-reports__content-block:nth-child(5) {
  grid-area: 3/1/4/3;
}
.block-admin-reports__content-block {
  display: flex;
  flex-direction: column;
  border: 1px solid rgba(55, 62, 77, 0.2);
  border-radius: 0.5rem;
  box-shadow: 0 0.125rem 0.5rem rgba(0, 0, 0, 0.04);
  height: max-content;
}
.block-admin-reports__content-block-divider {
  height: 1px;
  background-color: rgba(55, 62, 77, 0.2);
  margin: 0 1.25rem;
}

.recharts-surface {
  overflow: visible !important;
}

.block-admin-ttt-settings-tab {
  width: 100%;
  max-width: 300px;
  padding: 1.25rem 0;
}

.block-view-courses {
  width: 100%;
  display: flex;
  gap: 1.25rem;
  flex-wrap: wrap;
}

.block-practical-print {
  width: 49.5625rem;
  padding: 3rem;
  font-family: "Helvetica", "Arial", sans-serif;
  font-size: 1rem;
  line-height: 1.4;
  color: #373E4D;
  background-color: #fff;
}
.block-practical-print__header {
  display: flex;
  justify-content: space-between;
  align-items: center;
  margin-bottom: 1.6875rem;
}
.block-practical-print__logo {
  height: 1.875rem;
}
.block-practical-print__page-number {
  font-size: 1rem;
  color: #7B869E;
}
.block-practical-print__title {
  font-size: 1.3125rem;
  font-weight: bold;
  color: #373E4D;
  margin-bottom: 1.25rem;
}
.block-practical-print__separator {
  border-top: 0.041875rem solid #7B869E;
  margin-bottom: 1.3125rem;
}
.block-practical-print__disclaimer {
  font-size: 0.6875rem;
  font-weight: bold;
  color: #000;
  margin-bottom: 1.3125rem;
  line-height: 1.3;
  text-align: justify;
}
.block-practical-print__student-title {
  font-size: 1.3125rem;
  font-weight: bold;
  color: #7B869E;
  margin-bottom: 1.6875rem;
}
.block-practical-print__student-grid {
  display: grid;
  grid-template-columns: 1fr 1fr;
  grid-template-rows: auto auto;
  gap: 1.6875rem;
  margin-bottom: 1.6875rem;
}
.block-practical-print__field {
  display: flex;
  flex-direction: column;
  gap: 0.6875rem;
}
.block-practical-print__field-label {
  font-size: 1.0625rem;
  font-weight: bold;
  color: #373E4D;
}
.block-practical-print__field-value {
  font-size: 1rem;
  color: #373E4D;
}
.block-practical-print__field-value--score {
  font-size: 0.8125rem;
}
.block-practical-print__section {
  margin-bottom: 2.6875rem;
}
.block-practical-print__section-title {
  font-size: 1rem;
  font-weight: bold;
  color: #7B869E;
  margin-bottom: 1.6875rem;
}
.block-practical-print__table-wrapper {
  border: 0.083125rem solid #8B8F99;
  border-radius: 0.333125rem;
}
.block-practical-print__table {
  width: 100%;
  border-collapse: collapse;
}
.block-practical-print__table tr {
  page-break-inside: avoid;
  page-break-after: auto;
}
.block-practical-print__table-heading {
  padding: 0.8125rem;
  text-align: left;
  font-size: 0.6875rem;
  font-weight: bold;
  color: #373E4D;
  border-bottom: 0.083125rem solid #E5E5E5;
}
.block-practical-print__table-heading--drill {
  width: 40%;
}
.block-practical-print__table-heading--checkbox {
  width: 8%;
  text-align: center !important;
}
.block-practical-print__table-heading--notes {
  width: 36%;
}
.block-practical-print__drill {
  padding: 0.8125rem;
  vertical-align: top;
  font-size: 1rem;
  color: #373E4D;
  line-height: 1.4;
  word-wrap: break-word;
  word-break: break-word;
  white-space: normal;
}
.block-practical-print__checkbox-cell {
  padding: 0.8125rem;
  vertical-align: top;
  text-align: center;
}
.block-practical-print__checkbox-icon {
  display: inline-block;
  vertical-align: middle;
  width: 1rem;
  height: 1rem;
}
.block-practical-print__notes {
  padding: 0.8125rem;
  vertical-align: top;
  font-size: 0.8125rem;
  color: #000;
  line-height: 1.3;
  word-wrap: break-word;
  word-break: break-word;
  white-space: normal;
}
.block-practical-print__table-footer {
  padding: 0.8125rem;
  border-top: 0.083125rem solid #E5E5E5;
}
.block-practical-print__footer-row {
  display: flex;
  justify-content: space-between;
  padding: 0.5rem 0;
  font-weight: bold;
  font-size: 0.8125rem;
  color: #373E4D;
}
.block-practical-print__instructor {
  margin-top: 1.6875rem;
  padding-top: 1.6875rem;
  border-top: 0.041875rem solid #7B869E;
  page-break-inside: avoid;
}
.block-practical-print__instructor-grid {
  display: grid;
  grid-template-columns: 1fr 1fr;
  gap: 1.6875rem;
  margin-bottom: 1.6875rem;
}
.block-practical-print__instructor-notes-title {
  font-size: 1.0625rem;
  font-weight: bold;
  color: #373E4D;
  margin-bottom: 1rem;
}
.block-practical-print__instructor-notes {
  font-size: 1rem;
  color: #373E4D;
  line-height: 1.5;
  word-wrap: break-word;
  word-break: break-word;
  white-space: normal;
}

.listing {
  padding-left: 0 !important;
  padding-right: 1.875rem !important;
  position: relative;
  border-bottom: 1px solid rgba(55, 62, 77, 0.25);
}
.listing-trainer {
  padding-right: 0 !important;
}
.listing-trainer .trainer-name {
  color: #373E4D !important;
  font-size: 0.875rem;
  line-height: 0.875rem;
  margin-bottom: 0.1875rem;
  font-weight: 600;
}
.listing-trainer .assigned-orgs,
.listing-trainer .assigned-courses {
  font-size: 0.75rem;
  color: #F9FBFC;
  display: block;
  margin-top: 0.125rem;
}
.listing-trainer .email-address {
  overflow: hidden;
  line-height: normal;
  text-overflow: ellipsis;
  width: 100%;
  color: #373E4D;
  font-size: 0.8125rem;
}
.listing-trainer .invite-info {
  font-size: 0.6875rem;
  color: #F9FBFC;
  display: block;
  margin-top: 0.125rem;
}
.listing-trainer .trainer-type {
  padding: 0.125rem 0.375rem;
  border-radius: 0.1875rem;
  font-size: 0.6875rem;
  font-weight: 600;
  text-transform: uppercase;
}
.listing-trainer .trainer-type.is-e-system {
  background-color: #3D68E7;
  color: #fff;
}
.listing-trainer .trainer-type.is-organization {
  background-color: rgba(254, 160, 37, 0.1019607843);
  color: #E59021;
}
.listing-trainer .user-type {
  padding: 0.125rem 0.375rem;
  border-radius: 0.1875rem;
  font-size: 0.875rem;
  font-weight: 600;
}
.listing-trainer .trainer-status {
  border-radius: 100px;
  display: flex;
  font-size: 0.6875rem;
  font-weight: 600;
  padding: 0.375rem;
  justify-content: center;
  text-transform: uppercase;
  width: 5rem;
}
.listing-trainer .trainer-status.is-active {
  background-color: rgba(28, 194, 164, 0.1019607843);
  border: 1px solid #1CC2A4;
  color: #1CC2A4;
}
.listing-trainer .trainer-status.is-pending {
  background-color: rgba(254, 160, 37, 0.1019607843);
  border: 1px solid #FEA025;
  color: #FEA025;
}
.listing-trainer .trainer-status.is-suspended {
  background-color: rgba(229, 0, 25, 0.1019607843);
  border: 1px solid #E50019;
  color: #E50019;
}
.listing-trainer .trainer-actions .partial-view-more {
  position: relative;
}
.listing__name {
  color: #373E4D !important;
  font-size: 0.875rem;
  line-height: 0.875rem;
  margin-bottom: 0.1875rem;
  text-decoration: none;
  font-weight: 600;
}
.listing__meta {
  display: flex;
  flex-direction: column;
}
.listing.listing-invoice-enrollments {
  display: flex !important;
  justify-content: space-between;
  padding: 0.5rem 0 1rem;
}
.listing.listing-invoice-enrollments:first-child {
  padding-top: 0.5rem !important;
}
.listing.listing-invoice-enrollments .meta {
  width: 100%;
}
.listing.listing-invoice-enrollments .name {
  font-size: 0.9rem !important;
}
.listing.listing-invoice-enrollments .name.not-assigned {
  color: #373E4D;
}
.listing.listing-invoice-enrollments .status {
  gap: 10px;
  padding-right: 0 !important;
}
.listing.listing-invoice-enrollments .secondary {
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
  width: 100%;
}
.listing.listing-invoice-enrollments .secondary.is-assigned {
  width: 200px;
}
.listing.listing-table {
  padding: 0 !important;
}
.listing.listing-table table {
  border-spacing: 0;
  width: 100%;
}
.listing.listing-table table thead {
  color: #373E4D;
  font-weight: 700;
  line-height: 0.625rem;
  padding-bottom: 1.5625rem;
  text-transform: uppercase;
}
.listing.listing-table table th {
  font-size: 0.625rem !important;
}
.listing.listing-table table th,
.listing.listing-table table td {
  padding: 0.3125rem 0;
  text-align: left;
  vertical-align: middle;
}
.listing.listing-table table tr {
  color: #373E4D;
  font-size: 0.75rem;
  padding: 0.3125rem 0;
}
.listing .remove-icon {
  align-items: center;
  cursor: pointer;
  display: flex;
  justify-content: center;
  padding: 0;
}
.listing .remove-icon:hover {
  opacity: 0.8;
}
.listing .remove-icon .icon {
  height: 1.25rem;
  width: 1.25rem;
}
.listing:first-child {
  padding-top: 0 !important;
}
.listing:first-child .action {
  top: calc(50% - 1.125rem - 16px * 0.5);
}
@media only screen and (min-width: 767px) {
  .listing:first-child .action {
    top: calc(50% - 1.125rem - 16px * 0.5);
  }
}
@media only screen and (min-width: 1023px) {
  .listing:first-child .action {
    top: calc(50% - 1.125rem - 1.3rem * 0.5);
  }
}
.listing:first-child .member-remove {
  top: 21% !important;
}
.listing .member-remove {
  top: 38% !important;
}
.listing:last-child {
  border: none;
}
.listing .action {
  cursor: hand;
  cursor: pointer;
  padding: 0;
  position: absolute;
  right: -0.3125rem;
  text-decoration: none;
  top: calc(50% - 1.125rem);
}
.listing .action span {
  background-color: #373E4D;
  color: #fff;
  height: 1.25rem;
  width: 1.25rem;
  align-items: center;
  display: flex;
  flex-flow: row nowrap;
  place-content: flex-start center;
  border-radius: 0.625rem;
  transition: all 312.5ms cubic-bezier(0.34, 1.56, 0.64, 1);
}
.listing .action span:hover, .listing .action span:active, .listing .action span:focus {
  transform: scale(1.25);
}
.listing .action span.icon-close {
  font-size: 0.5rem;
}
.listing .action.remove, .listing .action.link {
  cursor: pointer;
  transform: translateY(75%);
}
.listing .action.edit, .listing .action.view, .listing .action.impersonate {
  transform: translateY(-75%);
}
.listing .action.warning {
  background: orange;
  border-radius: 50%;
  color: white;
  font-weight: bold;
  height: 24px;
  margin-top: 18px;
  text-align: center;
  transform: translateY(-75%);
  width: 24px;
}
.listing .action.edit {
  margin-right: 0 !important;
}
.listing .meta {
  font-size: 0.75rem;
  padding-bottom: 0;
}
.listing .meta span {
  color: #a3a9bc;
  display: block;
  font-weight: 600;
}
.listing .meta .name {
  justify-content: flex-start !important;
}
.listing .meta .range,
.listing .meta .name {
  color: #373E4D;
  font-size: 0.875rem;
  line-height: 0.875rem;
  margin-bottom: 0.1875rem;
  text-decoration: none;
  font-weight: 600;
}
.listing .meta .range.unknown,
.listing .meta .name.unknown {
  color: #373E4D;
  font-weight: 400;
}
.listing .meta .report,
.listing .meta .link {
  color: #231F20;
  cursor: pointer;
  text-decoration: underline;
}
.listing .meta .report:hover,
.listing .meta .link:hover {
  opacity: 0.8;
}
.listing .secondary {
  font-size: 0.75rem;
  margin-top: 0.3125rem;
  padding: 0;
  align-items: stretch;
  display: flex;
  flex-flow: column nowrap;
  place-content: flex-start flex-start;
}
@media only screen and (min-width: 767px) {
  .listing .secondary {
    align-items: stretch;
    display: flex;
    flex-flow: row nowrap;
    place-content: flex-start flex-start;
  }
}
.listing .secondary span:not(.status) {
  margin-right: 0.625rem;
  align-items: center;
  display: flex;
  flex-flow: column nowrap;
  place-content: flex-start center;
}
.listing .secondary span:not(.status):last-of-type {
  margin-right: 0;
}
.listing .secondary .balance {
  background-color: rgba(55, 62, 77, 0.25);
  display: flex;
  font-style: italic;
  gap: 0.625rem;
  line-height: 1;
  padding: 0.3125rem 0.625rem;
  text-align: center;
  border-radius: 0.375rem;
}
@media only screen and (max-width: 768px) {
  .listing .secondary .balance {
    flex-direction: row !important;
    gap: 0.3125rem;
  }
}
.listing .secondary .balance strong {
  font-style: normal;
}
.listing .secondary .date {
  background-color: #F9FBFC;
  line-height: 1;
  margin: 0 0 0.625rem;
  padding: 0.3125rem;
  white-space: nowrap;
  font-size: 0.75rem;
  letter-spacing: 0;
  border-radius: 0.375rem;
}
@media only screen and (min-width: 767px) {
  .listing .secondary .date {
    margin: 0 0.625rem 0 0;
  }
}
.listing .secondary .date:last-of-type {
  margin: 0;
}
.listing .secondary .date.is-active {
  background-color: #1CC2A4;
  color: #fff;
}
.listing .secondary .date.is-expired {
  background-color: #FFEBE8;
}
.listing .general {
  bottom: 16px;
  color: #373E4D;
  position: absolute;
  right: 0;
}
@media only screen and (min-width: 767px) {
  .listing .general {
    bottom: 16px;
  }
}
@media only screen and (min-width: 1023px) {
  .listing .general {
    bottom: 1.3rem;
  }
}
.listing .status:not(.cell) {
  border-radius: 0.25rem;
  color: #231F20;
  font-size: 0.625rem;
  height: 1.4375rem;
  padding: 0 0.9375rem;
  text-transform: capitalize;
  white-space: nowrap;
  align-items: center;
  display: flex;
  flex-flow: row nowrap;
  place-content: flex-start center;
  font-size: 0.75rem;
  letter-spacing: 0;
  font-weight: 600;
}
.listing .status:not(.cell) .icon {
  margin-right: 0.375rem !important;
}
.listing .status:not(.cell).is-exclusive {
  background-color: #FEA125;
}
.listing .status:not(.cell).is-specific {
  background-color: #E50019;
  color: #fff;
  text-transform: none;
}
.listing .status:not(.cell).is-active, .listing .status:not(.cell).is-paid {
  background-color: #1CC2A4;
  color: #fff;
}
.listing .status:not(.cell).is-manager {
  border: 1px solid #FEA025;
  border-radius: 0.625rem;
  color: #FEA025;
  margin-left: auto;
  margin-right: 0.625rem;
  padding: 0.25rem 1.25rem;
}
.listing .status:not(.cell).is-data {
  background-color: #231F20;
  color: #fff;
}
.listing .status:not(.cell).is-data.clickeable {
  cursor: pointer;
}
.listing .status:not(.cell).is-data.clickeable:hover {
  opacity: 0.7;
}
.listing .status:not(.cell).is-disabled, .listing .status:not(.cell).is-member, .listing .status:not(.cell).is-notStarted, .listing .status:not(.cell).is-pending {
  background-color: #F9FBFC;
}
.listing .status:not(.cell).is-inactive {
  background-color: #FEA125;
  color: #fff;
}
.listing .status:not(.cell).is-removed, .listing .status:not(.cell).is-suspended, .listing .status:not(.cell).is-archived, .listing .status:not(.cell).is-due {
  background-color: #FFEBE8;
}
.listing .status:not(.cell).is-sent {
  background-color: #373E4D;
  color: #fff;
}
@media only screen and (min-width: 767px) {
  .listing.listing-user-courses, .listing.listing-invoices {
    padding-left: 5.625rem !important;
  }
  .listing.listing-user-courses .balance, .listing.listing-invoices .balance {
    background-color: transparent;
    border-radius: 0;
    border-right: 1px solid rgba(55, 62, 77, 0.25);
    height: calc(100% - 32px);
    left: 0;
    padding-right: 0.625rem !important;
    position: absolute;
    top: 16px;
    width: 12ex;
  }
  .listing.listing-user-courses .status, .listing.listing-invoices .status {
    position: absolute;
    right: 2.5rem;
    top: 50%;
    transform: translateY(-50%);
  }
  .listing.listing-user-courses:first-child .balance,
  .listing.listing-user-courses:first-child .course-image, .listing.listing-invoices:first-child .balance,
  .listing.listing-invoices:first-child .course-image {
    height: calc(100% - 16px);
    top: 0;
  }
  .listing.listing-user-courses:first-child .status, .listing.listing-invoices:first-child .status {
    top: calc(50% - 8px);
  }
}
@media only screen and (min-width: 1023px) {
  .listing.listing-user-courses .balance,
  .listing.listing-user-courses .course-image, .listing.listing-invoices .balance,
  .listing.listing-invoices .course-image {
    height: calc(100% - 2.6rem);
    top: 1.3rem;
  }
  .listing.listing-user-courses:first-child .balance,
  .listing.listing-user-courses:first-child .course-image, .listing.listing-invoices:first-child .balance,
  .listing.listing-invoices:first-child .course-image {
    height: calc(100% - 1.3rem);
  }
  .listing.listing-user-courses:first-child .status, .listing.listing-invoices:first-child .status {
    top: calc(50% - 0.65rem);
  }
}
@media only screen and (max-width: 1024px) {
  .listing.listing-user-courses .secondary, .listing.listing-invoices .secondary {
    flex-direction: row;
    gap: 0.625rem;
    width: fit-content;
  }
}
.listing.listing-user-courses .course-image img, .listing.listing-invoices .course-image img {
  border-radius: 0.3125rem;
  object-fit: cover;
}
.listing.listing-user-courses .secondary, .listing.listing-invoices .secondary {
  color: #373E4D;
  font-weight: 600;
}
.listing.listing-course-card {
  border-bottom: none;
  min-width: 18.75rem;
  padding-right: 0 !important;
  position: relative;
  text-decoration: none;
  width: 100%;
}
@media only screen and (min-width: 767px) {
  .listing.listing-course-card {
    width: calc(33% - 16px);
  }
}
@media only screen and (max-width: 1024px) {
  .listing.listing-course-card {
    width: calc(50% - 16px);
  }
}
@media only screen and (max-width: 480px) {
  .listing.listing-course-card {
    width: 100%;
  }
}
.listing.listing-course-card .is-in-progress,
.listing.listing-course-card .is-new {
  background-color: #FEA125;
  color: #fff;
}
.listing.listing-course-card .is-to-take-exam {
  background-color: #373E4D;
  color: #fff;
}
.listing.listing-course-card .is-not-started {
  background-color: #E50019;
  color: #fff;
}
.listing.listing-course-card .is-best-seller {
  background-color: #1CC2A4;
  color: #fff;
}
.listing.listing-course-card .details__licenses {
  color: #373E4D;
  display: flex;
  flex-direction: column;
  font-size: 1rem;
  gap: 0.125rem;
}
.listing.listing-course-card .details__licenses-available {
  font-size: 1.125rem;
  font-weight: 600;
  line-height: 1.375rem;
}
.listing.listing-course-card .details__licenses-available--not-course {
  align-items: end;
  display: flex;
  height: 2.125rem;
}
.listing.listing-course-card .details__licenses-user {
  width: 0.9375rem;
}
.listing.listing-course-card .details__licenses-total {
  color: #7B869E;
  display: flex;
  flex-direction: column;
  font-size: 1rem;
  font-weight: 400;
  justify-content: flex-end;
  line-height: 1.375rem;
}
.listing.listing-course-card .course-list-item {
  background-color: #fff;
  border-radius: 0 0 0.625rem 0.625rem;
  cursor: pointer;
  display: flex;
  flex-direction: column;
  gap: 0.5rem;
  overflow: hidden;
  padding: 1.25rem 1.25rem 1.875rem;
  text-decoration: none;
  box-shadow: 0 0 3.125rem rgba(0, 0, 0, 0.05);
}
.listing.listing-course-card .course-list-item--not-completed {
  height: 7.6875rem;
  padding: 1rem;
}
.listing.listing-course-card .course-list-item--not-completed .partial-button {
  font-size: 1.125rem;
}
.listing.listing-course-card .course-info {
  gap: 0.8125rem;
  height: 6.25rem;
  justify-content: space-between;
  position: relative;
  text-decoration: none;
  align-items: stretch;
  display: flex;
  flex-flow: column nowrap;
  place-content: flex-start space-between;
}
.listing.listing-course-card .course-info__not-completed {
  height: 7.6875rem;
}
.listing.listing-course-card .course-info .title {
  color: #373E4D;
  font-size: 1.125rem;
  font-weight: 600;
  line-height: 1.25rem;
  padding: 0;
}
.listing.listing-course-card .course-info .footer {
  align-items: center;
  display: flex;
  gap: 0.625rem;
}
.listing.listing-course-card .meta {
  width: 100%;
}
.listing.listing-course-card .price {
  align-items: center;
  color: #373E4D;
  display: flex;
  font-size: 1.25rem;
  font-weight: 600;
  gap: 0.625rem;
  margin: auto;
}
.listing.listing-course-card .price-container {
  display: flex;
  gap: 0.625rem;
  width: 100%;
}
.listing.listing-course-card .price-container__discount-amount {
  background: #FDE8E9;
  border-radius: 0.1875rem;
  color: #E50019;
  padding: 0.125rem 0.3125rem;
}
.listing.listing-course-card .price-container__discount-amount--not-course {
  font-size: 1rem;
}
.listing.listing-course-card .price-container__multiple {
  display: flex;
  flex-direction: column;
  gap: 0.625rem;
}
.listing.listing-course-card .price-container .price {
  font-size: 1.5rem !important;
  line-height: 1.25rem;
  margin: auto 0;
}
.listing.listing-course-card .price-container .price--discount {
  font-size: 1rem !important;
  font-weight: 400;
  line-height: 0.75rem;
  opacity: 0.7;
}
.listing.listing-certificate {
  border: 1px solid rgba(35, 43, 64, 0.2);
  border-radius: 0.625rem;
  color: #F9FBFC;
  display: flex !important;
  padding: 1.25rem !important;
  align-items: center;
  display: flex;
  flex-flow: row nowrap;
  place-content: flex-start space-between;
}
@media only screen and (max-width: 640px) {
  .listing.listing-certificate {
    gap: 0.9375rem;
  }
}
.listing.listing-certificate .needs-enrollment {
  display: flex;
}
.listing.listing-certificate .needs-enrollment .meta {
  cursor: pointer;
}
.listing.listing-certificate .needs-enrollment .meta:hover {
  opacity: 0.8;
}
.listing.listing-certificate .needs-enrollment .warning-icon {
  margin-left: 0.3125rem;
}
.listing.listing-certificate .buy-licenses {
  margin-top: 0.625rem;
  opacity: 1 !important;
  z-index: 10;
}
.listing.listing-certificate.expired span {
  opacity: 0.3;
  position: relative;
}
.listing.listing-certificate.risk .expires span, .listing.listing-certificate.warning .expires span {
  color: #FEA125;
}
.listing.listing-certificate.danger .expires,
.listing.listing-certificate.danger .name {
  color: #E50019;
}
.listing.listing-certificate .warning-icon,
.listing.listing-certificate .expires-icon {
  height: 17px;
  width: 17px;
}
.listing.listing-certificate .more-information {
  align-items: center;
  display: flex;
  gap: 30px;
  height: 100%;
}
@media only screen and (max-width: 640px) {
  .listing.listing-certificate .more-information {
    flex-flow: wrap;
    gap: 10px;
  }
}
.listing.listing-certificate .reports {
  cursor: pointer;
  text-decoration: underline;
}
.listing.listing-certificate .dates {
  display: flex;
  flex-direction: row;
  font-size: 0.75rem;
  margin-top: 1.875rem;
  padding-bottom: 0;
}
@media only screen and (max-width: 640px) {
  .listing.listing-certificate .dates {
    flex-direction: column;
    gap: 5px;
    margin-top: 0;
  }
}
.listing.listing-certificate .dates .date {
  display: flex;
  flex-direction: column;
  justify-content: flex-end;
}
.listing.listing-certificate .dates .date span {
  width: 90px;
}
@media only screen and (max-width: 640px) {
  .listing.listing-certificate .dates .date span {
    width: auto;
  }
}
.listing.listing-certificate .action {
  position: relative;
}
.listing.listing-certificate .actions {
  align-items: center;
  display: flex;
  gap: 10px;
  justify-content: center;
}

.listing-invoice-enrollments {
  padding-right: 0 !important;
}
.listing-invoice-enrollments__download {
  color: #373E4D;
  font-size: 0.8125rem;
  font-weight: 600;
  text-transform: lowercase !important;
}
.listing-invoice-enrollments__download:hover {
  opacity: 0.8;
}

.listing-classroom-student-row {
  padding-right: 0 !important;
}
.listing-classroom-student-row__name, .listing-classroom-student-row__organization, .listing-classroom-student-row__exam {
  font-size: 0.875rem;
  color: #373E4D;
  font-weight: 500;
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
}
.listing-classroom-student-row__error-wrapper {
  display: flex;
  align-items: center;
}
.listing-classroom-student-row__error-badge {
  display: flex;
  align-items: center;
  gap: 0.25rem;
  background-color: #E50019;
  color: #fff;
  padding: 0.3125rem 0.5rem;
  border-radius: 3.125rem;
  font-size: 0.75rem;
  font-weight: 600;
  text-transform: none;
}
.listing-classroom-student-row__error-badge-text {
  color: #fff;
}
.listing-classroom-student-row__warning-icon {
  width: 0.875rem;
  height: 0.875rem;
}
.listing-classroom-student-row__practical-eval {
  display: flex;
  align-items: center;
  gap: 0.5rem;
}
.listing-classroom-student-row__practical-eval-percentage {
  color: #7B869E;
  font-size: 0.875rem;
  font-weight: 500;
}
.listing-classroom-student-row__not-completed, .listing-classroom-student-row__not-taken {
  color: #7B869E;
  font-size: 0.875rem;
}
.listing-classroom-student-row .tooltip-portal-wrapper {
  width: max-content;
}

.listing-classroom-card {
  width: calc(33% - 16px);
  border: 1px solid rgba(35, 43, 64, 0.2);
  border-radius: 0.5rem;
  background: #fff;
  display: flex !important;
  flex-direction: column;
  position: relative;
  box-shadow: 0 0 3.125rem rgba(0, 0, 0, 0.05);
}
.listing-classroom-card__header {
  align-items: center;
  display: flex;
  gap: 0.625rem;
  width: 100%;
}
@media only screen and (max-width: 640px) {
  .listing-classroom-card__header {
    width: 100%;
    justify-content: space-between;
  }
}
.listing-classroom-card__container {
  display: flex;
  flex-direction: column;
  gap: 0.625rem;
  width: 100%;
  padding: 1.25rem !important;
}
.listing-classroom-card__title {
  color: #373E4D;
  font-size: 1.125rem;
  font-weight: 600;
  line-height: 1.25rem;
  padding: 0;
}
.listing-classroom-card__status {
  background-color: #3D68E7;
  border: 1px solid #fff;
  border-radius: 6.25rem;
  color: #fff;
  font-size: 0.9375rem;
  letter-spacing: 0;
  text-transform: uppercase;
  font-weight: 700;
  padding: 0.375rem 0.75rem;
  white-space: nowrap;
  position: absolute;
  left: 1.25rem;
  top: 1.25rem;
}
.listing-classroom-card__meta {
  color: #7B869E;
  display: flex;
  flex-direction: column;
  gap: 0.5rem;
  padding-bottom: 0;
}
@media only screen and (max-width: 640px) {
  .listing-classroom-card__meta {
    flex-wrap: wrap;
    gap: 0.625rem;
  }
}
.listing-classroom-card__meta-item {
  display: flex;
  flex-direction: column;
  gap: 0.125rem;
}
.listing-classroom-card__meta-item p {
  padding-bottom: 0;
}
.listing-classroom-card__meta-item-value {
  font-size: 1rem;
  color: #373E4D;
}
.listing-classroom-card__meta-item-label {
  font-size: 0.75rem;
}
.listing-classroom-card__add-students {
  margin-top: 1rem;
}
.listing-classroom-card__meta-inline {
  color: #7B869E;
  display: flex;
  flex-wrap: wrap;
  gap: 1rem;
  margin-top: 0.5rem;
}
@media only screen and (max-width: 640px) {
  .listing-classroom-card__meta-inline {
    gap: 0.75rem;
  }
}
.listing-classroom-card__meta-inline-item {
  display: flex;
  align-items: center;
  gap: 0.25rem;
}
.listing-classroom-card__meta-inline-item-value {
  font-size: 0.875rem;
  color: #373E4D;
  font-weight: 500;
}
.listing-classroom-card__meta-inline-item-label {
  font-size: 0.75rem;
  color: #7B869E;
}
.listing-classroom-card__actions {
  margin-left: auto;
}
@media only screen and (max-width: 640px) {
  .listing-classroom-card__actions {
    margin-left: 0;
  }
}

.listing-invoice-enrollments {
  padding-right: 0 !important;
}
.listing-invoice-enrollments__download {
  color: #373E4D;
  font-size: 0.8125rem;
  font-weight: 600;
  text-transform: lowercase !important;
}
.listing-invoice-enrollments__download:hover {
  opacity: 0.8;
}

.listing-completed-course {
  font-size: 0.8125rem;
  height: 3.75rem;
  padding-right: 0 !important;
}
@media only screen and (max-width: 1024px) {
  .listing-completed-course {
    font-size: 0.75rem;
    height: unset;
  }
  .listing-completed-course .cell {
    padding: 0.3125rem 0rem !important;
  }
}
.listing-completed-course__manager-actions {
  max-width: 5.3125rem;
}
.listing-completed-course__button {
  align-items: center;
  border-radius: 0.25rem;
  color: #fff;
  cursor: pointer;
  display: flex;
  font-size: 0.75rem;
  font-weight: 700;
  gap: 0.125rem;
  height: 1.5625rem;
  padding: 0.3125rem 0.625rem;
  text-transform: uppercase;
  width: max-content;
}
.listing-completed-course__button[aria-disabled=true] {
  opacity: 0.5;
  pointer-events: none;
}
.listing-completed-course__button-image {
  height: 0.625rem;
  width: 0.625rem;
}
.listing-completed-course__button:hover {
  opacity: 0.8;
}
.listing-completed-course__button--generate-certificate {
  background-color: #3D68E7;
}
.listing-completed-course__button--retrieve-certificate {
  background-color: #FEA125;
}
.listing-completed-course__button--extra-info {
  border: 1px solid #373E4D;
  color: #373E4D;
}
.listing-completed-course__download {
  color: #373E4D;
  font-size: 0.8125rem;
  font-weight: 600;
}
.listing-completed-course__download:hover {
  opacity: 0.8;
}
.listing-completed-course__download-container {
  align-items: center;
  display: flex;
  gap: 0.3125rem;
}
.listing-completed-course__title {
  font-weight: 700;
  white-space: normal !important;
}
.listing-completed-course__provider {
  flex: 0 0 10.625rem !important;
}
.listing-completed-course__documentation {
  align-items: center;
  display: grid;
  gap: 0.625rem;
  grid-template-columns: 1fr 1fr;
}
.listing-completed-course__documentation-container {
  display: flex;
  flex-direction: column;
  gap: 0.3125rem;
}
.listing-completed-course__icon {
  cursor: pointer;
}
.listing-completed-course__icon:hover {
  opacity: 0.8;
}
.listing-completed-course__status, .listing-completed-course__score {
  flex: 0 0 6.375rem !important;
}

.generate-certificate {
  cursor: pointer;
  font-size: 0.75rem;
  text-decoration: underline;
}
.generate-certificate:hover {
  opacity: 0.7;
}
.generate-certificate[aria-disabled=true] {
  cursor: not-allowed;
  opacity: 0.5;
  pointer-events: none;
}

.listing-invoice-courses {
  display: flex !important;
  gap: 0.625rem;
  padding: 1rem 0 !important;
  align-items: flex-start;
  display: flex;
  flex-flow: row nowrap;
  place-content: flex-start space-between;
}
.listing-invoice-courses:not(:first-child) {
  border-top: 1px solid rgba(55, 62, 77, 0.25);
}
.listing-invoice-courses__enrollments {
  display: flex;
  flex-direction: column;
  gap: 0.625rem;
}
.listing-invoice-courses__purchaser {
  font-size: 0.875rem;
}
.listing-invoice-courses__discount {
  align-items: center;
  background-color: #1CC2A4;
  border-radius: 0.25rem;
  color: #fff;
  display: flex;
  font-family: "Source Sans Pro", sans-serif;
  font-size: 0.9375rem;
  font-weight: 600;
  height: 1.4375rem;
  padding: 0.125rem 0.5rem;
  text-transform: uppercase;
  width: max-content;
}
.listing-invoice-courses__discount--sale {
  background-color: #E50019;
}
.listing-invoice-courses__discount--coupon {
  background-color: #3D68E7;
}
.listing-invoice-courses__discount--volume {
  background-color: #FEA125;
}
.listing-invoice-courses__name {
  color: #373E4D;
  font-size: 1rem;
  font-weight: 600;
  text-decoration: none;
}
.listing-invoice-courses__meta {
  display: flex;
  flex-direction: column;
  gap: 0.3125rem;
  max-width: 70%;
}
.listing-invoice-courses__secondary {
  display: flex;
  flex-direction: column;
  gap: 0.3125rem;
}
.listing-invoice-courses__cost {
  display: flex;
  flex: 0 0 auto;
  flex-direction: column;
  font-size: 1.25rem;
  gap: 0.125rem;
  text-align: right;
  width: fit-content;
}
.listing-invoice-courses__original {
  font-size: 1rem;
  text-decoration: line-through;
}
.listing-invoice-courses__calculated {
  font-weight: 600;
}
.listing-invoice-courses__calculated-amount {
  font-size: 1rem;
}
.listing-invoice-courses__price-input {
  display: flex;
  flex-direction: column;
  align-items: flex-end;
  margin-top: 0;
}
.listing-invoice-courses__admin-price {
  display: flex;
  flex-direction: column;
  align-items: flex-end;
  min-width: 11.25rem;
}
.listing-invoice-courses__price-row {
  display: flex;
  align-items: center;
  justify-content: flex-end;
  width: 100%;
}
.listing-invoice-courses__price-label {
  color: #373E4D;
  font-size: 0.75rem;
  font-weight: 600;
  margin-right: 0.5rem;
}
.listing-invoice-courses__price-change {
  font-size: 0.75rem;
  margin-top: 0.25rem;
  padding: 0.125rem 0.375rem;
  border-radius: 0.625rem;
  font-weight: 600;
}
.listing-invoice-courses__price-change--increase {
  color: #1CC2A4;
  background-color: rgba(28, 194, 164, 0.1);
}
.listing-invoice-courses__price-change--decrease {
  color: #E50019;
  background-color: rgba(229, 0, 25, 0.1);
}
.listing-invoice-courses__price-details {
  display: flex;
  flex-direction: column;
  align-items: flex-end;
  margin-top: 0.3125rem;
}
.listing-invoice-courses__price-per-license {
  font-size: 0.75rem;
  color: #373E4D;
}
.listing-invoice-courses__price-per-license strong {
  color: #373E4D;
}
.listing-invoice-courses__total-price {
  margin-top: 0.5rem;
  font-size: 0.9375rem;
  display: flex;
  flex-wrap: wrap;
  align-items: baseline;
  justify-content: flex-end;
  gap: 0.3125rem;
}
.listing-invoice-courses__total-label {
  font-weight: 600;
  color: #373E4D;
}
.listing-invoice-courses__total-amount {
  font-size: 1.125rem;
  font-weight: 700;
  color: #373E4D;
}
.listing-invoice-courses__total-quantity {
  font-size: 0.875rem;
  color: #373E4D;
}
.listing-invoice-courses__discount-info {
  font-size: 0.6875rem;
  color: #1CC2A4;
  margin-top: 0.1875rem;
}

.field--invoice-price {
  margin-bottom: 0;
  margin-top: 0;
  width: 6.25rem !important;
}
.field--invoice-price__wrapper {
  position: relative;
  display: inline-flex;
  align-items: center;
}
.field--invoice-price__currency {
  position: absolute;
  left: 0.625rem;
  top: 50%;
  transform: translateY(-50%);
  color: #373E4D;
  font-weight: 600;
  font-size: 0.875rem;
  pointer-events: none;
}
.field--invoice-price__input {
  background-color: #EBEDF0;
  border-radius: 0.625rem;
  color: #373E4D;
  height: 2.1875rem;
  padding: 0.3125rem 0.3125rem 0.3125rem 1.5625rem;
  width: 6.25rem;
  text-align: right;
  appearance: textfield;
}
.field--invoice-price__input::-webkit-outer-spin-button, .field--invoice-price__input::-webkit-inner-spin-button {
  appearance: none;
  margin: 0;
}
.field--invoice-price__input:focus {
  outline: 1px solid #A3AABC;
}
.field--invoice-price__per-license {
  font-size: 0.75rem;
  color: #373E4D;
  margin-top: 0.1875rem;
  text-align: center;
}

.listing-admin-organization {
  height: 3.75rem;
}
.listing-admin-organization__name {
  text-decoration: none;
}
.listing-admin-organization__address {
  display: -webkit-box;
  overflow: hidden;
  text-overflow: ellipsis !important;
  white-space: wrap !important;
  -webkit-line-clamp: 3;
  -webkit-box-orient: vertical;
  word-wrap: break-word !important;
}

.listing-admin-discounts,
.listing-admin-coupons {
  height: 4.125rem;
}
.listing-admin-discounts__description,
.listing-admin-coupons__description {
  white-space: break-spaces !important;
}

.listing-admin-sale__course {
  font-family: "Source Sans Pro", sans-serif;
  font-size: 0.8125rem;
  font-weight: 400;
  white-space: break-spaces;
}
.listing-admin-sale__courses {
  display: flex;
  flex-direction: column;
  gap: 0.625rem;
}

.listing-member {
  display: flex !important;
  padding-right: 0 !important;
  align-items: center;
  display: flex;
  flex-flow: row nowrap;
  place-content: flex-start space-between;
}
.listing-member__meta {
  cursor: pointer;
}
.listing-member__meta:hover {
  opacity: 0.7;
}
.listing-member__delete {
  cursor: pointer;
}
.listing-member__delete:hover {
  opacity: 0.7;
}

.listing-user-organization {
  display: flex !important;
  gap: 0.9375rem;
  padding-right: 0 !important;
  width: 100%;
}
.listing-user-organization .is-manager {
  margin-left: 0.3125rem !important;
}
.listing-user-organization__meta {
  cursor: pointer;
  display: flex;
  flex-direction: column;
  gap: 0.25rem;
}
.listing-user-organization__meta:hover {
  opacity: 0.7;
}
.listing-user-organization__name {
  color: #373E4D;
  font-size: 0.875rem;
  font-weight: 600;
}
.listing-user-organization__address {
  color: #7B869E;
  font-size: 0.75rem;
}
.listing-user-organization__action {
  cursor: pointer;
  margin-left: auto;
}
.listing-user-organization__action:hover {
  opacity: 0.7;
}

.listing-manager-user__name,
.listing-admin-user__name {
  font-size: 0.8125rem;
  text-decoration: none;
}
.listing-manager-user__role,
.listing-admin-user__role {
  border: 1.5px solid #373E4D;
  border-radius: 0.625rem;
  color: #373E4D;
  cursor: default;
  font-size: 0.75rem;
  font-weight: 400;
  padding: 0.125rem 1.25rem;
}
.listing-manager-user__role.manager,
.listing-admin-user__role.manager {
  border-color: #FEA025;
  color: #FEA025;
}
.listing-manager-user__view-more,
.listing-admin-user__view-more {
  align-items: center;
  display: flex;
  width: 1.875rem;
}
.listing-manager-user .cell,
.listing-admin-user .cell {
  padding: 0.625rem 1.25rem !important;
}
.listing-manager-user__orgs,
.listing-admin-user__orgs {
  display: flex;
  flex-direction: column;
  gap: 0.625rem;
}
.listing-manager-user__status,
.listing-admin-user__status {
  text-transform: uppercase;
}
.listing-manager-user__org,
.listing-admin-user__org {
  display: flex;
  gap: 0.9375rem;
}
.listing-manager-user__org-name,
.listing-admin-user__org-name {
  font-weight: 600;
}

.listing-course-card {
  cursor: pointer;
  position: relative;
}
.listing-course-card:hover {
  opacity: 0.8;
}
.listing-course-card__tags {
  align-items: center;
  display: flex;
  gap: 0.3125rem;
  left: 1.25rem;
  position: absolute;
  top: 1rem;
}
.listing-course-card__tag {
  border-radius: 0.25rem;
  font-size: 0.9375rem !important;
  font-weight: 700 !important;
  height: 1.875rem !important;
  padding: 0.25rem 1rem !important;
  text-transform: uppercase !important;
  z-index: 10;
}
.listing-course-card__tag--bundle {
  background-color: #3D68E7;
  color: #fff;
}
.listing-course-card__courses {
  color: #7B869E;
  font-size: 1.125rem;
  height: 1.4375rem;
  text-decoration-line: underline;
  text-transform: uppercase;
}
.listing-course-card__courses--tooltip {
  max-width: 18.75rem;
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: pre-wrap;
  z-index: 2;
  word-wrap: break-word;
}
.listing-course-card__discount {
  align-items: center;
  background-color: #E50019;
  box-sizing: border-box;
  color: #fff;
  display: flex;
  font-size: 1.125rem;
  font-weight: 700;
  height: 2.1875rem;
  max-width: 100%;
  overflow: hidden;
  padding: 0.1875rem 2.5rem;
  position: absolute;
  right: -28px;
  top: 12px;
  transform: rotate(45deg);
  z-index: 1;
}
.listing-course-card__discount::before {
  background-color: #E50019;
  content: "";
  inset: 0;
  position: absolute;
  transform: skew(-10deg);
  z-index: -1;
}
.listing-course-card__info {
  display: flex;
  gap: 0.3125rem;
  justify-content: space-between;
}
.listing-course-card .partial-view-more {
  flex: 0 0 auto;
  margin-bottom: 0.625rem;
  position: absolute;
  right: 0.75rem;
  top: 9.375rem;
  z-index: 2;
}
.listing-course-card__title {
  display: -webkit-box;
  justify-content: space-between;
  line-height: 1.25rem !important;
  max-height: 4.375rem;
  max-width: 18.75rem;
  overflow: hidden;
  width: 100% !important;
  -webkit-line-clamp: 2;
  -webkit-box-orient: vertical;
}
.listing-course-card__title:has(> :nth-child(3)) {
  text-overflow: ellipsis;
  white-space: nowrap;
}
.listing-course-card__amount {
  color: #373E4D !important;
  font-size: 0.9375rem;
  margin-top: 0.25rem;
}

.listing-item {
  padding-right: 0 !important;
}

.listing-course-row {
  height: 5rem;
}
@media only screen and (max-width: 1024px) {
  .listing-course-row {
    height: unset;
    margin-bottom: 1.25rem;
  }
}
.listing-course-row__title {
  font-size: 1rem;
  font-weight: 600;
}
.listing-course-row__variant {
  display: flex;
  flex-direction: column;
  gap: 0.125rem;
}
@media only screen and (max-width: 768px) {
  .listing-course-row__variant {
    gap: 0.0625rem;
  }
}
.listing-course-row__variant-title {
  font-size: 0.875rem;
  font-weight: 600;
  color: #373E4D;
  line-height: 1.2;
  text-decoration: none;
  cursor: pointer;
  transition: color 0.2s ease;
}
.listing-course-row__variant-title:hover {
  color: #3D68E7;
  text-decoration: underline;
}
.listing-course-row__variant-title:visited {
  color: #373E4D;
}
@media only screen and (max-width: 768px) {
  .listing-course-row__variant-title {
    font-size: 0.8125rem;
  }
}
.listing-course-row__variant-info {
  display: flex;
  align-items: center;
  gap: 0.25rem;
  font-size: 0.75rem;
  color: #7B869E;
  line-height: 1;
}
@media only screen and (max-width: 768px) {
  .listing-course-row__variant-info {
    font-size: 0.6875rem;
    gap: 0.1875rem;
  }
}
.listing-course-row__variant-hosting {
  font-weight: 500;
}
.listing-course-row__variant-separator {
  font-weight: bold;
}
.listing-course-row__variant-completion {
  font-weight: 500;
}
.listing-course-row__no-variant {
  font-size: 0.875rem;
  color: #7B869E;
  font-style: italic;
}
@media only screen and (max-width: 768px) {
  .listing-course-row__no-variant {
    font-size: 0.8125rem;
  }
}

.image-text {
  background-color: #FEA025;
  border-radius: 0.25rem;
  color: #fff;
  font-size: 0.625rem;
  font-weight: 600;
  left: 0.8125rem;
  margin: auto;
  padding: 0.3125rem 1.25rem;
  position: absolute;
  text-align: center;
  text-transform: uppercase;
  top: 0.625rem;
  z-index: 2;
}

.listing-user-courses__inherited-user,
.listing-certificate__inherited-user {
  color: #373E4D !important;
}
.listing-user-courses__retrieve-certificate,
.listing-certificate__retrieve-certificate {
  color: #231F20;
  cursor: pointer;
  text-decoration: underline;
}
.listing-user-courses__retrieve-certificate:hover,
.listing-certificate__retrieve-certificate:hover {
  opacity: 0.8;
}

.listing-user-courses {
  align-items: center;
  display: flex !important;
  gap: 0.625rem;
}
.listing-user-courses.listing {
  padding-left: 0 !important;
}
.listing-user-courses__download {
  align-items: center;
  color: #373E4D;
  cursor: pointer;
  display: flex;
  font-size: 0.75rem;
  font-weight: 600;
}
.listing-user-courses__registration-id {
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
  width: 40%;
}
.listing-user-courses__course-image {
  background-color: transparent;
  border-radius: 0.3125rem;
  height: 2.5rem;
  object-fit: cover;
  width: 5.625rem;
}
.listing-user-courses__course-image-container {
  border-right: 1px solid rgba(55, 62, 77, 0.25);
  flex: 0 0 auto;
  padding-right: 0.625rem;
  align-items: center;
  display: flex;
  flex-flow: column nowrap;
  place-content: flex-start center;
}
@media only screen and (max-width: 768px) {
  .listing-user-courses__course-image-container {
    display: none;
  }
}

.listing-course-user {
  align-items: center;
  display: grid !important;
  gap: 0.625rem;
  grid-auto-columns: minmax(50px, 1fr);
  grid-template-columns: repeat(3, 1fr) 18px;
  padding: 1.25rem 0 !important;
  width: 100%;
  border-bottom: 1px solid rgba(55, 62, 77, 0.25);
}
.listing-course-user:last-of-type {
  border: none;
}
.listing-course-user:first-of-type {
  padding-top: 0 !important;
}
.listing-course-user__information {
  color: #373E4D;
  display: flex;
  flex-direction: column;
  max-width: 6.875rem;
}
.listing-course-user__name {
  font-size: 0.875rem;
  line-height: 0.875rem;
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
}
.listing-course-user__secondary {
  font-size: 0.75rem;
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
}
.listing-course-user__edit {
  height: 1.125rem;
  margin-left: auto;
  width: 1.125rem;
}
.listing-course-user__edit:hover {
  opacity: 0.7;
}
.listing-course-user__status {
  font-size: 0.875rem;
  padding-bottom: 0;
}

.listing-chapters-course {
  align-items: center;
  display: flex;
  gap: 0.625rem;
  justify-content: space-between;
  list-style: none;
}
.listing-chapters-course__title {
  font-size: 1rem;
  margin-bottom: 0;
}
.listing-chapters-course__status {
  flex: 0 0 auto;
}

.listing-cart {
  border-bottom: 0.5px solid #D6D9E1;
  border-top: 0.5px solid #D6D9E1;
  display: flex;
  flex-direction: column;
  gap: 0.625rem;
  padding: 1.875rem 0.625rem;
  position: relative;
}
.listing-cart--show-discount-banner {
  padding: 1.875rem 0.625rem 0.625rem;
}
.listing-cart__delete {
  align-items: center;
  background: #EBEDF0;
  border-radius: 1.5rem;
  cursor: pointer;
  display: flex;
  gap: 0.4375rem;
  height: 1.5rem;
  justify-content: center;
  left: 0;
  padding: 0 0.3125rem;
  position: absolute;
  top: 1.1875rem;
  transition: width 0.7s ease-in-out, opacity 0.7s ease-in-out;
  width: 1.5rem;
  z-index: 10;
}
.listing-cart__delete-button {
  display: flex;
  flex: 0 0 auto;
  height: 0.875rem;
  max-width: 100%;
  width: 0.875rem;
}
.listing-cart__delete-text {
  color: #373E4D;
  display: none;
  font-size: 0.875rem;
  font-weight: 600;
  line-height: 0.5625rem;
  opacity: 0;
  transition: opacity 0.7s ease-in-out, transform 0.7s ease-in-out;
  width: 0;
}
.listing-cart__delete:hover {
  opacity: 1;
  width: max-content;
}
.listing-cart__delete:hover .listing-cart__delete-text {
  display: block;
  opacity: 1;
  transform: translateX(0);
  transition: width 0.7s ease-in-out, opacity 0.7s ease-in-out, transform 0.7s ease-in-out;
  width: max-content;
}
.listing-cart__discount-banner {
  align-items: center;
  background: #FFF6E9;
  border-radius: 0.25rem;
  color: #E59021;
  display: flex;
  gap: 0.9375rem;
  justify-content: center;
}
@media only screen and (max-width: 1024px) {
  .listing-cart__discount-banner {
    flex-flow: wrap;
    gap: 0.625rem;
    padding: 0.625rem;
  }
}
.listing-cart__banner-button {
  cursor: pointer;
  text-decoration: underline;
}
.listing-cart__banner-button:hover {
  opacity: 0.8;
}
.listing-cart__banner-text {
  display: flex;
  gap: 0.3125rem;
}
.listing-cart__banner-strong {
  align-items: center;
  display: flex;
  font-weight: 600;
}
.listing-cart__information {
  display: grid;
  gap: 1.25rem;
  grid-template-columns: 1fr 6.25rem;
}
.listing-cart__container {
  display: flex;
  flex-direction: column;
  gap: 1.25rem;
}
.listing-cart__details {
  display: grid;
  gap: 2.75rem;
  grid-template-columns: 1fr 6.125rem;
  justify-content: space-between;
}
@media only screen and (max-width: 1024px) {
  .listing-cart__details {
    grid-template-columns: 1fr;
  }
}
.listing-cart__courses {
  border: 0.5px solid #D6D9E1;
  border-radius: 0.5rem;
  display: flex;
  flex-direction: column;
  gap: 0.9375rem;
  padding: 0.9375rem;
  width: 100%;
}
.listing-cart__courses-image {
  background: linear-gradient(0deg, rgba(0, 0, 0, 0.1019607843) 0%, #231F20 113.7%) lightgray 50%/cover no-repeat, #fff;
  flex: 0 0 auto;
  height: 3.125rem !important;
  width: 3.125rem !important;
}
.listing-cart__courses-image img {
  border-radius: 0.25rem;
  height: 100%;
  object-fit: cover;
  width: 100%;
}
.listing-cart__courses-data {
  display: flex;
  flex-direction: column;
}
.listing-cart__courses-arrow--open {
  transform: rotate(180deg);
}
.listing-cart__courses-title {
  cursor: pointer;
  display: flex;
  font-size: 1rem;
  justify-content: space-between;
}
.listing-cart__courses-title:hover {
  opacity: 0.8;
}
.listing-cart__courses-list {
  display: flex;
  flex-direction: column;
  gap: 0.9375rem;
}
.listing-cart__courses-item {
  border-bottom: 1px solid #D6D9E1;
  color: #373E4D;
  display: flex;
  font-size: 0.9375rem;
  gap: 0.625rem;
  padding-bottom: 0.9375rem;
}
.listing-cart__courses-item:last-of-type {
  border-bottom: none;
  padding-bottom: 0;
}
.listing-cart__courses-item-title {
  color: #373E4D;
  font-size: 0.9375rem;
}
.listing-cart__tag {
  background-color: #FEA125;
}
.listing-cart__tag, .listing-cart__discount {
  align-items: center;
  border-radius: 0.25rem;
  color: #fff;
  display: flex;
  font-family: "Source Sans Pro", sans-serif;
  font-size: 0.9375rem;
  font-weight: 600;
  height: 1.4375rem;
  padding: 0.125rem 0.5rem;
  text-transform: uppercase;
  width: max-content;
}
.listing-cart__tag--sale, .listing-cart__discount--sale {
  background-color: #E50019;
}
.listing-cart__tag--coupon, .listing-cart__discount--coupon {
  background-color: #3D68E7;
}
.listing-cart__tag--volume, .listing-cart__discount--volume {
  background-color: #FEA125;
}
.listing-cart__title {
  color: #373E4D;
  display: -webkit-box;
  font-size: 1.25rem;
  font-weight: 600;
  line-height: 1.5625rem;
  overflow: hidden;
  text-decoration: none;
  text-overflow: ellipsis;
  white-space: normal;
  -webkit-line-clamp: 2;
  -webkit-box-orient: vertical;
}
@media only screen and (max-width: 1024px) {
  .listing-cart__title {
    font-size: 1rem;
    line-height: 1.25rem;
  }
}
.listing-cart__title-tooltip {
  max-width: 18.75rem;
}
.listing-cart__info {
  display: flex;
  gap: 1.5625rem;
  text-decoration: none;
}
@media only screen and (max-width: 1024px) {
  .listing-cart__info {
    flex-direction: column;
    gap: 0.3125rem;
  }
}
.listing-cart__info--offer {
  flex-direction: column;
  gap: 0.3125rem;
}
.listing-cart__info-course {
  display: flex;
  flex-direction: column;
  gap: 0.3125rem;
}
.listing-cart__image {
  flex: 0 0 auto;
  height: 5rem !important;
  width: 5rem !important;
}
@media only screen and (max-width: 1024px) {
  .listing-cart__image {
    height: 3.75rem !important;
    width: 3.75rem !important;
  }
}
.listing-cart__image img {
  border-radius: 0.375rem;
  height: 100%;
  object-fit: cover;
  width: 100%;
}
.listing-cart__amount-field {
  left: 0.75rem;
  position: relative;
}
@media only screen and (max-width: 1024px) {
  .listing-cart__amount-field {
    left: -10px;
  }
}
@media only screen and (max-width: 1024px) {
  .listing-cart__amount-field .field-change-amount {
    justify-content: flex-start;
  }
}
.listing-cart__amount-field .field-change-amount__input {
  width: 6.125rem !important;
}
.listing-cart__subtotal {
  align-items: flex-end;
  display: flex;
  flex-direction: column;
  gap: 0.125rem;
  margin-left: auto;
}
.listing-cart__price {
  color: #373E4D;
  font-size: 1.5rem;
  font-weight: 600;
}
.listing-cart__price--discount {
  font-size: 1.125rem;
  font-weight: 400;
  text-decoration: line-through;
}

.listing-table__header-certificateName {
  width: 18.75rem;
}
.listing-table__empty {
  color: #373E4D;
  text-align: center;
}
.listing-table__empty-title {
  font-weight: 600;
  padding-bottom: 0;
}
.listing-table__empty-subtitle {
  padding-bottom: 0;
}
.listing-table__loader {
  display: flex;
  flex-direction: column;
  gap: 0.5rem;
  margin-top: 0.5rem;
}
.listing-table__issued.warning, .listing-table__issued.risk {
  color: #FEA125;
}
.listing-table__certificate-name {
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
  width: 12.5rem;
}
.listing-table__due-container {
  align-items: center;
  display: flex;
  flex-direction: column;
  gap: 0.3125rem;
  justify-content: flex-end;
  text-align: end;
}
.listing-table__due-date {
  color: #373E4D;
  font-size: 0.9375rem;
  font-weight: 600;
  width: 100%;
}
.listing-table__due-time {
  color: #373E4D;
  font-size: 0.75rem;
  width: 100%;
}
.listing-table__certificateName {
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
  width: 18.75rem;
}
.listing-table__comparison {
  border-bottom: 1px solid rgba(35, 43, 64, 0.2);
}
.listing-table tr {
  color: #373E4D;
  font-size: 0.875rem;
  padding: 15px 5px 15px 0 !important;
}
.listing-table tr.danger {
  color: #E50019 !important;
}
.listing-table tr.expired {
  opacity: 0.3;
}
.listing-table td {
  border-bottom: 1px solid rgba(35, 43, 64, 0.2);
  font-size: 0.9375rem;
  padding: 15px 5px 15px 0 !important;
}
.listing-table td:last-of-type {
  border-bottom: unset !important;
}

.listing-admin-scorm-course {
  display: flex;
  gap: 0.625rem;
}
.listing-admin-scorm-course input[type=radio] {
  accent-color: #1CC2A4;
  outline: none;
}
.listing-admin-scorm-course__name {
  color: #373E4D;
  cursor: pointer;
  font-size: 1rem;
  margin-right: auto;
}
.listing-admin-scorm-course__name:hover {
  opacity: 0.7;
}

.listing-admin-variant-course {
  border: 1px solid rgba(35, 43, 64, 0.2) !important;
  border-radius: 0.625rem;
  color: #373E4D;
  padding: 0.9375rem !important;
}
.listing-admin-variant-course:hover {
  opacity: 1 !important;
}
.listing-admin-variant-course__info {
  display: flex;
  flex-direction: column;
  font-size: 0.75rem;
  font-weight: 400;
  gap: 0.3125rem;
  padding-bottom: 0;
}
.listing-admin-variant-course__info p {
  padding-bottom: 0;
}
.listing-admin-variant-course__name {
  cursor: pointer;
  display: flex;
  flex-direction: column;
  gap: 0.3125rem;
}
.listing-admin-variant-course__name:hover {
  opacity: 0.7;
}

.listing-admin-variant-course,
.listing-organization-offer,
.listing-bundle-course,
.listing-admin-course-chapter {
  align-items: center;
  border-bottom: 0;
  cursor: pointer;
  display: flex;
  gap: 0.625rem;
  justify-content: space-between;
  padding: 0.625rem 0;
}
.listing-admin-variant-course:hover,
.listing-organization-offer:hover,
.listing-bundle-course:hover,
.listing-admin-course-chapter:hover {
  opacity: 0.7;
}
.listing-admin-variant-course__quantity,
.listing-organization-offer__quantity,
.listing-bundle-course__quantity,
.listing-admin-course-chapter__quantity {
  color: #373E4D;
  font-size: 1.25rem;
  font-weight: 600;
}
.listing-admin-variant-course__quantity--red,
.listing-organization-offer__quantity--red,
.listing-bundle-course__quantity--red,
.listing-admin-course-chapter__quantity--red {
  color: #E50019;
}
.listing-admin-variant-course__categories,
.listing-organization-offer__categories,
.listing-bundle-course__categories,
.listing-admin-course-chapter__categories {
  font-size: 0.75rem;
  font-weight: 400;
  text-decoration-line: none !important;
}
.listing-admin-variant-course__name,
.listing-organization-offer__name,
.listing-bundle-course__name,
.listing-admin-course-chapter__name {
  align-items: center;
  color: #373E4D;
  display: flex;
  font-size: 1rem;
  font-weight: 600;
  margin-right: auto;
  text-decoration: none;
}
.listing-admin-variant-course__name--clickable,
.listing-organization-offer__name--clickable,
.listing-bundle-course__name--clickable,
.listing-admin-course-chapter__name--clickable {
  background: none;
  border: none;
  color: #373E4D;
  cursor: pointer;
  padding: 0;
  text-align: left;
}
.listing-admin-variant-course__name--clickable:hover,
.listing-organization-offer__name--clickable:hover,
.listing-bundle-course__name--clickable:hover,
.listing-admin-course-chapter__name--clickable:hover {
  opacity: 0.8;
  text-decoration: underline;
}
.listing-admin-variant-course__badge,
.listing-organization-offer__badge,
.listing-bundle-course__badge,
.listing-admin-course-chapter__badge {
  background-color: #373E4D;
  border-radius: 4px;
  color: white;
  display: inline-block;
  font-size: 0.625rem;
  font-weight: bold;
  margin-left: 0.5rem;
  padding: 0.125rem 0.25rem;
  vertical-align: middle;
}
.listing-admin-variant-course img,
.listing-organization-offer img,
.listing-bundle-course img,
.listing-admin-course-chapter img {
  cursor: pointer;
}
.listing-admin-variant-course img:hover,
.listing-organization-offer img:hover,
.listing-bundle-course img:hover,
.listing-admin-course-chapter img:hover {
  opacity: 0.7;
}
.listing-admin-variant-course__info,
.listing-organization-offer__info,
.listing-bundle-course__info,
.listing-admin-course-chapter__info {
  display: flex;
  flex-direction: column;
}
.listing-admin-variant-course__edit,
.listing-organization-offer__edit,
.listing-bundle-course__edit,
.listing-admin-course-chapter__edit {
  cursor: pointer;
  height: 1.125rem;
  width: 1.125rem;
}
.listing-admin-variant-course__edit:hover,
.listing-organization-offer__edit:hover,
.listing-bundle-course__edit:hover,
.listing-admin-course-chapter__edit:hover {
  opacity: 0.7;
}

li.listing-organization-offer,
li.listing-bundle-course {
  border: 1px solid rgba(35, 43, 64, 0.2);
  border-radius: 0.25rem;
  padding: 0.625rem !important;
}

.listing-admin-exclusive-org {
  align-items: center;
  display: flex !important;
  height: unset;
  justify-content: space-between;
  padding: 1.25rem !important;
}
.listing-admin-exclusive-org:first-child {
  padding-top: 1.25rem !important;
}

.listing-add-organization,
.listing-add-bundle,
.listing-admin-add-chapter {
  align-items: center;
  display: flex;
  gap: 0.3125rem;
  justify-content: space-between;
  padding: 0.9375rem 0;
  width: 100%;
  border-bottom: 1px solid rgba(55, 62, 77, 0.25);
}
.listing-add-organization:first-of-type,
.listing-add-bundle:first-of-type,
.listing-admin-add-chapter:first-of-type {
  padding-top: 0;
}
.listing-add-organization__name,
.listing-add-bundle__name,
.listing-admin-add-chapter__name {
  color: #373E4D;
  font-size: 0.875rem;
  font-weight: 600;
}
.listing-add-organization__checkbox,
.listing-add-bundle__checkbox,
.listing-admin-add-chapter__checkbox {
  margin-bottom: 0;
  width: unset;
}

.listing-category {
  align-items: center;
  color: #373E4D;
  display: flex;
  justify-content: space-between;
  width: 100%;
}
.listing-category__name {
  font-size: 0.8125rem;
  font-weight: 600;
}
.listing-category__icon {
  cursor: pointer;
  height: 1.09375rem;
  width: 1.09375rem;
}
.listing-category__icon:hover {
  opacity: 0.7;
}

.question--error {
  background-color: rgba(229, 0, 25, 0.1019607843);
}

.listing-exam-attempts__card {
  background: #f8f9fa;
  border-radius: 0.5rem;
  padding: 1.25rem;
  border: 1px solid #e9ecef;
}
.listing-exam-attempts__card.passed {
  border-left: 4px solid #1CC2A4;
}
.listing-exam-attempts__card.failed, .listing-exam-attempts__card.terminated {
  border-left: 4px solid #E50019;
}
.listing-exam-attempts__header {
  display: flex;
  justify-content: space-between;
  align-items: center;
  margin-bottom: 1rem;
  padding-bottom: 0.75rem;
  border-bottom: 1px solid rgba(35, 43, 64, 0.2);
}
.listing-exam-attempts__number {
  font-weight: 600;
  color: #373E4D;
  font-size: 1.125rem;
}
.listing-exam-attempts__status {
  padding: 0.25rem 0.75rem;
  border-radius: 1.25rem;
  font-size: 0.875rem;
  font-weight: 500;
  text-transform: capitalize;
}
.listing-exam-attempts__status.passed {
  background: #E8F9F6;
  color: #1CC2A4;
}
.listing-exam-attempts__status.terminated, .listing-exam-attempts__status.failed {
  background: #FCDDDE;
  color: #E50019;
}
.listing-exam-attempts__details {
  display: grid;
  grid-template-columns: repeat(auto-fit, minmax(9.375rem, 1fr));
  gap: 1rem;
  margin-bottom: 1rem;
}
.listing-exam-attempts__info {
  display: flex;
  flex-direction: column;
  gap: 0.25rem;
}
.listing-exam-attempts__label {
  font-size: 0.875rem;
  color: #a3a9bc;
  font-weight: 500;
}
.listing-exam-attempts__value {
  font-size: 1rem;
  color: #373E4D;
  font-weight: 600;
}
.listing-exam-attempts__actions {
  display: flex;
  justify-content: flex-end;
  align-items: center;
  margin-top: 1rem;
  padding-top: 1rem;
  border-top: 1px solid rgba(35, 43, 64, 0.2);
}
.listing-exam-attempts__review-button {
  padding: 0.5rem 1rem;
  background: #1CC2A4;
  color: #fff;
  border-radius: 0.375rem;
  text-decoration: none;
  font-weight: 500;
  font-size: 0.875rem;
  transition: background-color 0.2s;
}
.listing-exam-attempts__review-button:hover {
  background: #19ac91;
}
.listing-exam-attempts__terminated-note {
  color: #E50019;
  font-size: 0.875rem;
  font-style: italic;
}

@media (width <= 768px) {
  .listing-exam-attempts__card {
    padding: 1rem;
  }
  .listing-exam-attempts__details {
    grid-template-columns: 1fr;
  }
  .listing-exam-attempts__header {
    flex-direction: column;
    align-items: flex-start;
    gap: 0.5rem;
  }
  .listing-exam-attempts__status {
    align-self: flex-start;
  }
}
.listing-exam-options {
  display: flex;
  flex-direction: column;
  width: 100%;
  gap: 0.75rem;
}

.listing-exam-option {
  display: flex;
  padding: 0.3125rem;
  border: 2px solid var(--border-color);
  align-items: center;
  gap: 1rem;
  border-radius: 8px;
  cursor: pointer;
  transition: all 0.2s ease;
}
.listing-exam-option label::before {
  border-radius: 50%;
}
.listing-exam-option:hover {
  background-color: #e9ecef;
}
.listing-exam-option.selected {
  background-color: #e9ecef;
}
.listing-exam-option__content {
  display: flex;
  align-items: center;
  gap: 1rem;
  padding-top: 2px;
  word-break: break-word;
}
.listing-exam-option__image {
  max-width: 6.25rem;
  height: auto;
  border-radius: 0.25rem;
  cursor: zoom-in;
}
.listing-exam-option__text {
  font-size: 1rem;
  color: var(--text-color);
  line-height: 1.4;
}

.listing-exam-question {
  padding-bottom: 1rem;
  border-bottom: 1px solid rgba(35, 43, 64, 0.2);
}
.listing-exam-question:last-of-type {
  border-bottom: none;
}
.listing-exam-question__number {
  color: #7B869E;
  margin-bottom: 0.5rem;
  font-size: 1rem;
  font-weight: 600;
}
.listing-exam-question__text {
  font-size: 1.125rem;
  padding-bottom: 0;
  margin-bottom: 0;
  color: #373E4D;
  line-height: 1.5;
}
.listing-exam-question__content {
  display: flex;
  flex-direction: column;
  padding: 0 1rem;
  gap: 0.75rem;
}
.listing-exam-question__main-area {
  display: flex;
  align-items: stretch;
  flex-direction: column;
  gap: 1rem;
}
.listing-exam-question__image-wrapper {
  display: flex;
  align-items: start;
  justify-content: center;
}
.listing-exam-question__image {
  width: 250px;
  object-fit: contain;
  cursor: zoom-in;
}
.listing-exam-question__options-wrapper {
  flex: 1;
  display: flex;
  flex-direction: column;
}

.cell__content {
  display: flex;
  flex-direction: column;
  width: 100%;
  gap: 0.25rem;
}
.cell__percentage {
  font-size: 1.25rem;
  color: #373E4D;
  font-weight: 600;
}

.listing-stats-card {
  display: flex;
  flex-direction: column;
  border-radius: 0.5rem;
  padding: 1.25rem;
  border: 1px solid rgba(35, 43, 64, 0.1);
  background: #fff;
}
.listing-stats-card__content {
  display: flex;
  flex-direction: column;
  gap: 0.625rem;
}
.listing-stats-card__title {
  color: #7B869E;
  font-size: 0.875rem;
  font-weight: 600;
  margin: 0;
}
.listing-stats-card__value-container {
  align-items: center;
  display: flex;
  gap: 0.625rem;
}
.listing-stats-card__value {
  color: #373E4D;
  font-size: 2rem;
  font-weight: 600;
}
.listing-stats-card__icon {
  font-size: 1.5rem;
  border-radius: 100%;
  display: flex;
  width: 20px;
  height: 20px;
}
.listing-stats-card__icon--passed {
  background-color: #1CC2A4;
}
.listing-stats-card__icon--failed {
  background-color: #E50019;
}
.listing-stats-card__icon--not-started {
  background-color: #FEA125;
}

.listing-practical-evaluation-question {
  display: grid;
  grid-template-columns: 2fr 80px 80px 2fr;
  border-bottom: 1px solid rgba(35, 43, 64, 0.2);
  min-height: 3.75rem;
}
@media only screen and (max-width: 1024px) {
  .listing-practical-evaluation-question {
    grid-template-columns: 1fr 60px 60px 1fr;
  }
}
@media only screen and (max-width: 768px) {
  .listing-practical-evaluation-question {
    display: flex;
    flex-direction: column;
    border: 1px solid rgba(35, 43, 64, 0.2);
    border-radius: 1.25rem;
    margin-bottom: 1rem;
    padding: 1rem;
    gap: 0.75rem;
    min-height: auto;
  }
}
.listing-practical-evaluation-question:last-of-type {
  border-bottom: none;
}
@media only screen and (max-width: 768px) {
  .listing-practical-evaluation-question:last-of-type {
    margin-bottom: 0;
  }
}
.listing-practical-evaluation-question--text-only {
  grid-template-columns: 11fr 15fr;
}
.listing-practical-evaluation-question__cell {
  padding: 0.75rem 1rem;
  display: flex;
  align-items: center;
  border-right: 1px solid rgba(35, 43, 64, 0.2);
}
@media only screen and (max-width: 768px) {
  .listing-practical-evaluation-question__cell {
    border-right: none;
    border-bottom: 1px solid rgba(35, 43, 64, 0.2);
    padding: 0.75rem 0;
    flex-direction: column;
    align-items: flex-start;
    gap: 0.5rem;
  }
  .listing-practical-evaluation-question__cell:last-child {
    border-bottom: none;
  }
  .listing-practical-evaluation-question__cell::before {
    content: attr(data-label);
    font-weight: 600;
    font-size: 0.625rem;
    text-transform: uppercase;
    color: #373E4D;
    margin-bottom: 0.25rem;
  }
}
.listing-practical-evaluation-question__cell:last-child {
  border-right: none;
}
.listing-practical-evaluation-question__cell--question {
  align-items: flex-start;
  padding-top: 1rem;
}
@media only screen and (max-width: 768px) {
  .listing-practical-evaluation-question__cell--question {
    padding-top: 0;
  }
}
.listing-practical-evaluation-question__cell--pass, .listing-practical-evaluation-question__cell--fail {
  justify-content: center;
  align-items: center;
}
@media only screen and (max-width: 768px) {
  .listing-practical-evaluation-question__cell--pass, .listing-practical-evaluation-question__cell--fail {
    flex-direction: row;
    justify-content: space-between;
    align-items: center;
  }
}
.listing-practical-evaluation-question__cell--notes {
  align-items: flex-start;
  padding-top: 0.5rem;
}
@media only screen and (max-width: 768px) {
  .listing-practical-evaluation-question__cell--notes {
    padding-top: 0;
  }
}
.listing-practical-evaluation-question__notes-text {
  color: #373E4D;
  font-size: 0.875rem;
  line-height: 1.5;
  margin: 0;
  padding: 0;
  white-space: pre-wrap;
  word-break: break-word;
}
.listing-practical-evaluation-question__text {
  font-size: 1rem;
  padding: 0;
  margin: 0;
  color: #373E4D;
  line-height: 1.5;
}
@media only screen and (max-width: 768px) {
  .listing-practical-evaluation-question__text {
    font-size: 0.875rem;
  }
}
.listing-practical-evaluation-question__checkbox input[type=checkbox] {
  cursor: initial;
}
.listing-practical-evaluation-question__checkbox label {
  cursor: initial;
}
.listing-practical-evaluation-question__notes-input {
  width: 100%;
  resize: vertical;
}
.listing-practical-evaluation-question__notes-input .field-textarea-input {
  margin-bottom: 0;
}
.listing-practical-evaluation-question__notes-input .inputWrap {
  width: 100%;
}
.listing-practical-evaluation-question__notes-input textarea {
  min-height: 2.5rem;
  resize: vertical;
  width: 100%;
  border: 1px solid rgba(35, 43, 64, 0.2);
  border-radius: 0.25rem;
  padding: 0.5rem 0.75rem;
  font-size: 0.875rem;
  font-family: inherit;
}
.listing-practical-evaluation-question__text-only-label {
  color: #7B869E;
  font-size: 0.75rem;
  font-weight: 600;
  text-transform: uppercase;
}
.listing-practical-evaluation-question__text-only-placeholder {
  color: #7B869E;
  font-size: 0.875rem;
}

.listing-attempt-card {
  padding: 1rem 1.5rem !important;
  display: grid !important;
  grid-template-columns: repeat(5, 1fr);
  align-items: center !important;
  gap: 1rem;
}
.listing-attempt-card .cell {
  padding: 0 !important;
}
.listing-attempt-card:last-child {
  border-bottom: none;
}
.listing-attempt-card__button {
  margin-left: 0 !important;
}
.listing-attempt-card__user {
  display: flex;
  flex-direction: column;
  gap: 0.5rem;
}
.listing-attempt-card__name {
  color: #373E4D;
  font-size: 1rem;
  font-weight: 600;
}
.listing-attempt-card__date {
  color: #7B869E;
  font-size: 0.875rem;
}
.listing-attempt-card__score-value {
  color: #373E4D;
  font-size: 1rem;
  font-weight: 600;
}
.listing-attempt-card__footer {
  align-items: center;
  display: flex;
  justify-content: space-between;
  margin-top: auto;
}
.listing-attempt-card__status {
  align-items: center;
  display: inline-flex;
  position: relative;
  width: max-content;
  height: max-content;
  border-radius: 0.375rem;
  padding: 0.5rem 1rem !important;
  font-size: 0.875rem;
  font-weight: 500;
}
.listing-attempt-card__status--passed {
  background-color: rgba(28, 194, 164, 0.1019607843);
  color: #1CC2A4;
}
.listing-attempt-card__status--failed, .listing-attempt-card__status--terminated {
  background-color: rgba(229, 0, 25, 0.1);
  color: #E50019;
}
.listing-attempt-card__status--not_started {
  background-color: rgba(123, 134, 158, 0.1);
  color: #7B869E;
}
.listing-attempt-card .partial-button {
  border-radius: 0.375rem;
  padding: 0.5rem 1rem;
  display: flex;
  color: #1CC2A4 !important;
  background-color: transparent !important;
  font-size: 0.875rem;
  font-weight: 500;
  transition: all 0.2s ease;
}
.listing-attempt-card .partial-button__icon {
  margin-right: 0.5rem;
}

.listing-admin-variant {
  align-items: center;
  border-bottom: 1px solid rgba(35, 43, 64, 0.2);
  display: flex;
  padding: 0.9375rem 0;
}
.listing-admin-variant:last-child {
  border-bottom: none;
}
.listing-admin-variant .cell {
  color: #373E4D;
  font-size: 0.875rem;
}
.listing-admin-variant .cell .chapters-count {
  color: #373E4D;
  font-size: 0.75rem;
  margin-left: 0.3125rem;
}

.display-variants .header-row {
  background-color: rgba(55, 62, 77, 0.4);
  border-bottom: 1px solid rgba(35, 43, 64, 0.2);
  color: #373E4D;
  display: flex;
  font-size: 0.875rem;
  font-weight: 600;
}
.display-variants .header-row .cell.title {
  flex: 1;
}
.display-variants .header-row .cell.format, .display-variants .header-row .cell.completion, .display-variants .header-row .cell.hosting, .display-variants .header-row .cell.scorm, .display-variants .header-row .cell.status {
  flex: 1;
}
.display-variants .header-row .cell.view {
  flex: 0 0 2.5rem;
}

.listing-audit-log__content {
  display: flex;
  align-items: center;
  gap: 0.5rem;
}
.listing-audit-log__content-icon {
  width: 1rem;
  height: 1rem;
}
.listing-audit-log__content-text {
  color: #373E4D;
  font-size: 0.8125rem;
  padding-bottom: 0;
  text-decoration: none;
}
.listing-audit-log__content-text:hover {
  opacity: 0.7;
  cursor: pointer;
}
.listing-audit-log__action {
  font-weight: 600;
  padding: 0;
}
.listing-audit-log__action--add {
  color: #1CC2A4;
}
.listing-audit-log__action--delete {
  color: #E50019;
}
.listing-audit-log__action--edit {
  color: #FEA125;
}
.listing-audit-log__date {
  color: #7B869E;
  font-size: 0.8125rem;
}

.listing-question {
  display: flex;
  flex-direction: column;
  gap: 0.75rem;
}

.listing-report {
  padding: 5px 0;
}

.listing-report-certificate .cell,
.listing-report-course .cell {
  padding: 0.625rem 1.25rem !important;
}
.listing-report-certificate .cell .email,
.listing-report-course .cell .email {
  color: #7B869E;
  font-size: 0.75rem;
  margin-top: 0.125rem;
  display: block;
}
.listing-report-certificate .cell .status,
.listing-report-course .cell .status {
  padding: 0.25rem 0.5rem;
  border-radius: 0.25rem;
  font-size: 0.75rem;
  font-weight: 600;
  text-transform: uppercase;
}
.listing-report-certificate .cell .status.generated,
.listing-report-course .cell .status.generated {
  background-color: #ECF8EE;
  color: #117462;
}
.listing-report-certificate .cell .status.pending,
.listing-report-course .cell .status.pending {
  background-color: rgba(254, 160, 37, 0.1019607843);
  color: #FEA025;
}
.listing-report-certificate .cell .status.active,
.listing-report-course .cell .status.active {
  background-color: #ECF8EE;
  color: #117462;
}
.listing-report-certificate .cell .status.inactive,
.listing-report-course .cell .status.inactive {
  background-color: #e5e6e7;
  color: #373E4D;
}
.listing-report-certificate .cell .status.completed,
.listing-report-course .cell .status.completed {
  background-color: #1CC2A4;
  color: #fff;
}
.listing-report-certificate .cell .pass-fail,
.listing-report-course .cell .pass-fail {
  padding: 0.25rem 0.5rem;
  border-radius: 0.25rem;
  font-size: 0.75rem;
  font-weight: 600;
}
.listing-report-certificate .cell .pass-fail.pass,
.listing-report-course .cell .pass-fail.pass {
  background-color: #1CC2A4;
  color: #fff;
}
.listing-report-certificate .cell .pass-fail.fail,
.listing-report-course .cell .pass-fail.fail {
  background-color: #FCDDDE;
  color: #B2151B;
}

.listing-admin-graph-item {
  background: #fff;
  border-bottom: 1px solid #BDC2CE;
  padding: 0.25rem 1rem;
  transition: all 0.2s ease;
  display: flex;
  align-items: center;
  width: 100%;
}
.listing-admin-graph-item:hover {
  background-color: rgba(61, 104, 231, 0.04);
}
.listing-admin-graph-item:last-child {
  border-bottom: none;
}
.listing-admin-graph-item__label {
  width: 130px;
  font-size: 0.875rem;
  font-weight: 500;
  color: #373E4D;
  padding: 0 !important;
  border-right: 0 !important;
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
}
.listing-admin-graph-item__value, .listing-admin-graph-item__comparison {
  text-align: right;
  font-size: 0.875rem;
  font-weight: 600;
  color: #373E4D;
}
.listing-admin-graph-item__comparison {
  color: #FEA125;
}

.listing-trainer-exam {
  border: 1px solid rgba(35, 43, 64, 0.2);
  border-radius: 0.625rem;
  display: flex;
  padding: 1.25rem;
  align-items: center;
  display: flex;
  flex-flow: row nowrap;
  place-content: flex-start space-between;
}
@media only screen and (max-width: 640px) {
  .listing-trainer-exam {
    gap: 0.9375rem;
  }
}
.listing-trainer-exam__detail {
  color: #7B869E;
  font-size: 0.75rem;
}
.listing-trainer-exam__info {
  display: flex;
  flex-direction: column;
  gap: 0.25rem;
}
.listing-trainer-exam__name {
  color: #373E4D;
  font-size: 0.875rem;
  line-height: 0.875rem;
  text-decoration: none;
  font-weight: 600;
}
.listing-trainer-exam .more-information {
  align-items: center;
  display: flex;
  gap: 30px;
  height: 100%;
}
@media only screen and (max-width: 640px) {
  .listing-trainer-exam .more-information {
    flex-flow: wrap;
    gap: 10px;
  }
}

.extra-prices {
  display: flex;
  flex-direction: column;
  gap: 0.5rem;
}

.extra-price {
  display: flex;
  align-items: center;
  gap: 0.5rem;
}
.extra-price__label {
  color: #7B869E;
  font-size: 0.75rem;
  font-weight: 600;
}
.extra-price__value {
  color: #373E4D;
  font-size: 1.25rem;
  font-weight: 600;
}

.listing-classroom-students__error-text {
  color: #E50019 !important;
  font-weight: 600;
  display: flex;
  align-items: center;
  gap: 0.25rem;
}
.listing-classroom-students--error {
  background-color: rgba(229, 0, 25, 0.05);
  border-left: 3px solid #E50019;
}
.listing-classroom-students--error .cell.company .listing-classroom-students__error-text {
  color: #E50019;
  font-weight: 600;
  display: flex;
  align-items: center;
  gap: 0.25rem;
}
.listing-classroom-students--error .cell .status.is-validation-error,
.listing-classroom-students--error .cell .status.is-organization-error,
.listing-classroom-students--error .cell .status.is-missing-fields {
  background-color: #E50019;
  color: #fff;
}
.listing-classroom-students--warning {
  background-color: rgba(229, 144, 33, 0.05);
  border-left: 3px solid #E59021;
}
.listing-classroom-students--warning .cell.status .status.is-existing-user {
  background-color: #E59021;
  color: #fff;
}
.listing-classroom-students .select__control {
  border: 1px solid rgba(35, 43, 64, 0.2);
}
.listing-classroom-students__status-tooltip {
  display: flex;
  align-items: center;
  justify-content: center;
  flex-direction: row;
  gap: 0.25rem;
}
.listing-classroom-students__error-icon {
  width: 1rem;
  height: 1rem;
  margin-left: 0.25rem;
  flex-shrink: 0;
}
.listing-classroom-students__error-text {
  display: flex;
  align-items: center;
  gap: 0.5rem;
}
.listing-classroom-students__info-icon {
  width: 1rem;
  height: 1rem;
}
.listing-classroom-students .cell.checkbox {
  padding: 0 !important;
}
.listing-classroom-students .cell.email {
  color: #373E4D;
  font-size: 0.875rem;
  font-weight: 500;
}
.listing-classroom-students .cell.name {
  color: #373E4D;
  font-size: 0.875rem;
  font-weight: 500;
}
.listing-classroom-students .cell.company .listing-classroom-students__company-wrapper {
  width: 100%;
}
.listing-classroom-students .cell.company .listing-classroom-students__company-select {
  width: 100%;
}
.listing-classroom-students .cell.status .status {
  padding: 0.25rem 0.5rem;
  border-radius: 0.25rem;
  font-size: 0.75rem;
  font-weight: 600;
  text-transform: none;
  border-radius: 3.125rem;
}
.listing-classroom-students .cell.status .status.is-existing-user {
  background: #FFF6E9;
  color: #E59021;
  border: 1px solid #E59021;
}
.listing-classroom-students .cell.status .status.is-new-user {
  background: #E8F9F6;
  color: #1CC2A4;
  border: 1px solid #1CC2A4;
}
.listing-classroom-students__organization {
  color: #373E4D;
  font-size: 0.875rem;
  font-weight: 500;
}
.listing-classroom-students__delete-btn {
  display: flex;
  align-items: center;
  justify-content: center;
  width: 2rem;
  height: 2rem;
  background: transparent;
  border: none;
  border-radius: 0.375rem;
  color: rgba(55, 62, 77, 0.4);
  cursor: pointer;
  transition: all 0.2s ease;
}

.listing-classroom-exams--missing {
  background-color: rgba(229, 0, 25, 0.04) !important;
  border-left: 3px solid rgba(229, 0, 25, 0.6) !important;
  border-radius: 0 !important;
}
.listing-classroom-exams .cell.checkbox {
  flex: 0 0 2.5rem;
  display: flex;
  align-items: center;
  justify-content: center;
  padding: 0;
  min-width: 2.5rem;
  max-width: 2.5rem;
}
.listing-classroom-exams .cell.checkbox .field-checkbox {
  margin: 0;
  height: 100%;
  display: flex;
  align-items: center;
  justify-content: center;
}
.listing-classroom-exams .cell.checkbox .field-checkbox .faux-check {
  margin: 0;
  display: flex;
  align-items: center;
  justify-content: center;
}
.listing-classroom-exams .cell.checkbox .field-checkbox input[type=checkbox] {
  width: 1.125rem;
  height: 1.125rem;
  cursor: pointer;
  margin: 0;
}
.listing-classroom-exams__select {
  display: flex;
  align-items: center;
}
.listing-classroom-exams__select-input {
  outline: 1px solid #A3AABC;
}
.listing-classroom-exams__select-wrapper {
  margin: 0;
  width: 100%;
}
.listing-classroom-exams__select-input {
  width: 100%;
}
.listing-classroom-exams__select-input select {
  width: 100%;
}

.partial-single-filter {
  min-width: 5rem;
}
.partial-single-filter.no-border .select__control {
  border: none !important;
  border-radius: 0 !important;
  box-shadow: none !important;
}
.partial-single-filter.no-border .select__control:hover {
  border: none !important;
}
.partial-single-filter.no-border .select__control--is-focused {
  border: none !important;
  box-shadow: none !important;
}
.partial-single-filter .select {
  align-items: center;
  display: flex;
  font-size: 0.875rem;
}
.partial-single-filter .select__indicator-separator {
  display: none;
}
.partial-single-filter .select__single-value {
  color: #373E4D !important;
  font-weight: 400;
  overflow: unset;
}
.partial-single-filter .select__single-value-text {
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
  width: 100%;
}
.partial-single-filter .select__control {
  border-radius: 100px !important;
  display: flex;
  gap: 0.375rem;
  margin-right: 0 !important;
  max-height: 2rem !important;
  max-width: 12.5rem;
  min-height: 1.875rem !important;
  padding: 0.625rem 0.9375rem !important;
  width: max-content;
}
.partial-single-filter .select__control-icon {
  height: 1.25rem;
  width: 1.25rem;
}
.partial-single-filter .select__control--menu-is-open .css-tj5bde-Svg {
  transform: rotate(180deg);
}
.partial-single-filter .select__menu {
  padding: 0 12px !important;
  width: max-content;
}
.partial-single-filter .select__control, .partial-single-filter .select__menu {
  background-color: #fff !important;
  border: 1px solid #373E4D !important;
  border-radius: 20px !important;
  box-shadow: none !important;
  color: #373E4D !important;
  cursor: pointer;
  font-weight: 600;
  max-width: 250px;
  padding: 0 10px !important;
  text-overflow: ellipsis;
  z-index: 1000;
}
.partial-single-filter .select__option {
  background-color: #fff;
  color: #373E4D !important;
  cursor: pointer;
  font-weight: 400;
  opacity: 0.7;
  text-align: start;
}
@media only screen and (min-width: 1023px) {
  .partial-single-filter .select__option {
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
  }
}
.partial-single-filter .select__option--is-selected {
  opacity: 1;
}
.partial-single-filter .select__option--is-focused {
  opacity: 0.5;
}
.partial-single-filter .select__option-text {
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
  width: 100%;
}
.partial-single-filter .select__clear-indicator, .partial-single-filter .select__dropdown-indicator {
  padding: 2px 0 !important;
}
.partial-single-filter .select__indicator {
  padding-right: 0;
}
.partial-single-filter .select__placeholder {
  text-align: start;
}
.partial-single-filter .select__input-container, .partial-single-filter .select__input, .partial-single-filter .select__value-container {
  color: #373E4D !important;
  font-weight: 400;
  height: 30px !important;
  margin: 0;
  min-height: unset;
  padding: 0;
  position: relative;
  text-align: start !important;
}
.partial-single-filter--sort-active .select__indicator-icon {
  display: none;
}
.partial-single-filter--sort-active .select__control {
  background-color: #E8F9F6 !important;
  border: 1px solid #1CC2A4 !important;
}

.field-single-filter__label {
  color: #373E4D;
  font-size: 0.875rem;
  font-weight: 600;
  margin-bottom: 0.5rem;
}
.field-single-filter .error-message {
  color: #E50019;
  font-size: 0.75rem;
  margin-top: 0.25rem;
}
.field-single-filter.error .select__control {
  border-color: #E50019 !important;
}

.partial-notes {
  margin-top: 10px;
}
.partial-notes .notes-images__dialog button {
  height: 40px !important;
  width: 40px !important;
}
.partial-notes .notes-images__container {
  display: flex;
  flex-flow: row wrap;
  gap: 20px;
  margin: 10px 0;
}
.partial-notes .notes-images__container img:not(.notes-images__delete-icon) {
  height: 6.25rem;
  object-fit: cover;
  width: 6.25rem;
}
.partial-notes .notes-images__delete {
  align-items: center;
  background-color: #231F20;
  border-radius: 100px;
  color: #fff;
  cursor: pointer;
  display: flex;
  height: 20px;
  justify-content: center;
  margin-left: auto;
  position: relative;
  right: -10px;
  top: 12px;
  width: 20px;
  z-index: 2;
}
.partial-notes .notes-images__delete:hover {
  opacity: 0.8;
}

.partial-pagination {
  align-items: center;
  display: inline-flex;
  gap: 1.25rem;
  height: 2.8125rem;
  justify-content: center;
  margin-top: 2.5rem;
  width: 100%;
}
.partial-pagination__arrow {
  align-items: center;
  background-color: #F2F3F5;
  border-radius: 10px;
  cursor: pointer;
  display: inline-flex;
  flex-direction: column;
  height: 2.8125rem;
  justify-content: center;
  padding: 0.5rem 1.25rem;
  width: 3.3125rem;
}
.partial-pagination__arrow--disabled {
  cursor: not-allowed;
  opacity: 0.5;
  pointer-events: none;
}
.partial-pagination__arrow-icon {
  display: flex;
  flex: 0 0 auto;
  height: 1.5rem;
  max-width: unset;
  width: 1.5rem;
}
.partial-pagination__arrow-icon--left {
  transform: rotate(180deg);
}
.partial-pagination__box {
  align-items: center;
  background-color: #F2F3F5;
  border-radius: 0.3125rem;
  color: #373E4D;
  cursor: pointer;
  display: inline-flex;
  flex-direction: column;
  font-family: "Source Sans Pro", sans-serif;
  font-size: 1.125rem;
  font-weight: 600;
  height: 2.8125rem;
  justify-content: center;
  padding: 0.625rem;
  width: 2.8125rem;
}
.partial-pagination__box--active {
  background-color: #fff;
  pointer-events: none;
}

.partial-impersonated-user {
  margin-left: 1.25rem;
  z-index: 10;
}

.partial-add-new-card {
  display: flex;
  flex-direction: column;
  flex-grow: 1;
}
.partial-add-new-card label {
  padding-top: 0;
}

.progress-bar {
  background-color: #F6F6F6;
  border-radius: 1.25rem;
  height: 0.75rem;
  width: 100%;
}
.progress-bar__fill {
  background-color: #FEA025;
  border-radius: 1.25rem;
  height: 100%;
  transition: width 0.3s ease;
  width: 0;
}

.partial-summary {
  border: 1px solid #D6D9E1;
  border-radius: 0.5rem;
  display: flex;
  flex-direction: column;
  gap: 1.25rem;
  padding: 1.25rem;
}
.partial-summary__header-title {
  color: #373E4D;
  font-size: 1.25rem;
  font-weight: 600;
  margin-bottom: 0.3125rem;
}
.partial-summary__items {
  border-bottom: 1px solid #D6D9E1;
  border-top: 1px solid #D6D9E1;
  display: flex;
  flex-direction: column;
  gap: 0.625rem;
  margin-top: auto;
  padding: 0.875rem 0;
}
.partial-summary__item {
  align-items: center;
  color: #7B869E;
  display: flex;
  font-size: 0.9375rem;
  justify-content: space-between;
}
.partial-summary__item--total {
  margin-top: 1.25rem;
}
.partial-summary__item-title {
  font-family: "Source Sans Pro", sans-serif;
}
.partial-summary__item-title--total {
  color: #373E4D;
  font-weight: 700;
  text-transform: uppercase;
}
.partial-summary__item-value {
  color: #373E4D;
  display: flex;
  flex: 0 0 auto;
  font-size: 1.5rem;
}
.partial-summary__item-value--discount {
  color: #E50019;
}
.partial-summary__item-value--total {
  font-size: 1.75rem;
  font-weight: 600;
}

.partial-course-card {
  background-color: #fff;
  border: 1px solid rgba(55, 62, 77, 0.1);
  border-radius: 0.5rem;
  box-shadow: 0 0 0.625rem rgba(55, 62, 77, 0.1);
  cursor: pointer;
  display: flex;
  flex-direction: column;
  height: 21.875rem;
  position: relative;
  width: 100%;
}
.partial-course-card:hover {
  opacity: 0.8;
}
.partial-course-card .partial-course-image {
  flex: 0 0 auto;
  height: 7.0625rem;
}
.partial-course-card__price {
  align-items: center;
  color: #373E4D;
  display: flex;
  font-size: 1.6875rem !important;
  font-weight: 600;
  gap: 0.625rem;
  margin: auto 0;
}
.partial-course-card__price--discount {
  font-size: 1rem !important;
  font-weight: 400;
  line-height: 1rem;
  opacity: 0.7;
}
.partial-course-card__price-container {
  display: flex;
  gap: 0.625rem;
  margin-top: auto;
  padding: 0 1.375rem 2.5rem;
  width: 100%;
}
.partial-course-card__price-container__discount-amount {
  background: #FDE8E9;
  border-radius: 0.1875rem;
  color: #E50019;
  padding: 0.125rem 0.3125rem;
}
.partial-course-card__price-container__discount-amount--not-course {
  font-size: 1rem;
}
.partial-course-card__price-container__multiple {
  display: flex;
  flex-direction: column;
  gap: 0.625rem;
}
.partial-course-card__container {
  display: flex;
  flex-direction: column;
  height: 100%;
}
.partial-course-card__header {
  background: linear-gradient(to top, #231F20, #231F20);
  border-top-left-radius: 0.5rem;
  border-top-right-radius: 0.5rem;
  height: 7.125rem;
  position: relative;
}
.partial-course-card__content {
  padding: 1.375rem;
}
.partial-course-card__title {
  color: #373E4D;
  display: -webkit-box;
  font-size: 1.25rem;
  font-weight: 600;
  line-height: 1.2;
  margin-bottom: 1.1875rem;
  overflow: hidden;
  -webkit-line-clamp: 2;
  -webkit-box-orient: vertical;
}
.partial-course-card__description {
  color: #373E4D;
  font-size: 0.9375rem;
  line-height: 1.375rem;
  max-height: 4.3em;
  overflow: hidden;
}
.partial-course-card__description p {
  display: -webkit-box;
  line-height: 1.25rem;
  margin: 0;
  max-height: 4.3em;
  overflow: hidden;
  padding-bottom: 0.3125rem;
  text-overflow: ellipsis;
  -webkit-box-orient: vertical;
  -webkit-line-clamp: 3;
}
.partial-course-card__description > * {
  display: none;
}
.partial-course-card__description:nth-child(2), .partial-course-card__description:nth-child(1) {
  display: block;
}
.partial-course-card__footer {
  margin-top: auto;
  padding: 0 1.375rem 1.375rem;
}
.partial-course-card__button {
  cursor: pointer;
  padding: 0.5rem 1.375rem;
}
.partial-course-card__button.partial-button {
  gap: 0.3125rem !important;
  margin: unset !important;
  max-width: unset !important;
  width: 100% !important;
}
.partial-course-card__button-text {
  color: #fff;
  font-family: "Source Sans Pro", sans-serif;
  font-size: 1.25rem;
  font-weight: 600;
}
.partial-course-card__button-price {
  color: #F9FBFC;
  font-family: "Source Sans Pro", sans-serif;
  font-size: 1.25rem;
  font-weight: 600;
}

.partial-meta-data {
  display: flex;
  gap: 0.3125rem;
  justify-content: space-between;
  list-style-type: none;
  text-align: right;
}
.partial-meta-data__tooltip {
  cursor: pointer;
  max-width: 18.75rem;
  text-align: center;
}
.partial-meta-data__value {
  display: flex !important;
  gap: 0.3125rem;
}
.partial-meta-data__copy {
  cursor: pointer;
}

.partial-tabs,
.tab {
  border-bottom: 0.0625rem solid rgba(55, 62, 77, 0.4);
  display: flex;
  gap: 1.6875rem;
  margin-top: 1.25rem;
  overflow-x: auto;
}
@media only screen and (max-width: 1024px) {
  .partial-tabs,
  .tab {
    margin: 0 1rem;
  }
}
.partial-tabs__item,
.tab__item {
  align-items: center;
  color: #373E4D;
  cursor: pointer;
  display: flex;
  font-size: 0.9375rem;
  font-weight: 600;
  gap: 0.375rem;
  min-width: 15rem;
  opacity: 0.6;
  padding-bottom: 0.75rem;
}
.partial-tabs__item-image,
.tab__item-image {
  height: 0.875rem;
  width: 1rem;
}
.partial-tabs__item.active,
.tab__item.active {
  border-bottom: 0.15625rem solid #FEA025;
  opacity: 1;
}

.partial-tabs__item--ttt.active {
  border-bottom: 0.15625rem solid #3D68E7;
  opacity: 1;
}

.partial-manager-merged-users {
  color: #373E4D;
  display: flex;
  flex-direction: column;
  gap: 1.25rem;
}
.partial-manager-merged-users__list {
  display: flex;
  flex-direction: column;
  gap: 1.25rem;
}
.partial-manager-merged-users__information {
  align-items: center;
  cursor: pointer;
  display: flex;
  gap: 0.625rem;
}
.partial-manager-merged-users__information:hover {
  opacity: 0.8;
}
.partial-manager-merged-users__button {
  margin-left: unset !important;
  margin-right: auto !important;
}
.partial-manager-merged-users__icon {
  cursor: pointer;
}
.partial-manager-merged-users__icon:hover {
  opacity: 0.8;
}
.partial-manager-merged-users__email {
  font-size: 0.8125rem;
}
.partial-manager-merged-users__item {
  align-items: center;
  border: 0.5px solid #7B869E;
  border-radius: 0.25rem;
  display: flex;
  gap: 0.625rem;
  padding: 0.5rem;
}
.partial-manager-merged-users__name {
  font-size: 0.9375rem;
  font-weight: 600;
}
.partial-manager-merged-users__icon {
  margin-left: auto;
}

.partial-danger-zone,
.partial-unnassigment-zone {
  border-radius: 0.625rem;
  border: 1px solid rgba(55, 62, 77, 0.25);
  padding: 16px;
}
@media only screen and (min-width: 767px) {
  .partial-danger-zone,
  .partial-unnassigment-zone {
    padding: 16px;
  }
}
@media only screen and (min-width: 1023px) {
  .partial-danger-zone,
  .partial-unnassigment-zone {
    padding: 1.3rem;
  }
}
.partial-danger-zone__text,
.partial-unnassigment-zone__text {
  font-size: 0.8125rem;
  white-space: break-spaces;
}
.partial-danger-zone__heading,
.partial-unnassigment-zone__heading {
  font-size: 1.125rem;
  margin-bottom: 0;
}
.partial-danger-zone__content,
.partial-unnassigment-zone__content {
  display: flex;
  flex-direction: column;
  gap: 0.625rem;
}
.partial-danger-zone__button,
.partial-unnassigment-zone__button {
  font-size: 0.9375rem !important;
  height: 1.8125rem !important;
}

@media only screen and (max-width: 768px) {
  .display-users .name-data {
    width: calc(100vw - 175px);
  }
}
@media only screen and (max-width: 768px) {
  .display-users .email {
    width: 100%;
  }
}
@media only screen and (max-width: 768px) {
  .display-users .edit,
  .display-users .impersonate {
    padding: 0 !important;
  }
}

.partial-infinite-scroll-list {
  border: 1px solid #A2AABB;
  border-radius: 1.25rem;
  display: inline-block;
  margin: 0 auto 1.25rem;
  width: 100%;
}
@media only screen and (max-width: 768px) {
  .partial-infinite-scroll-list {
    border: none !important;
  }
}
.partial-infinite-scroll-list .partial-empty-data {
  border-radius: 0 0 1.25rem 1.25rem !important;
  margin-bottom: 0 !important;
}
.partial-infinite-scroll-list .infinite-scroll-component:not(:has(.partial-course-sales-detailed-table__header-list)) {
  overflow: unset !important;
  padding-right: 0 !important;
}
@media only screen and (max-width: 1024px) {
  .partial-infinite-scroll-list .infinite-scroll-component {
    display: flex;
    flex-direction: column;
    gap: 0.625rem;
  }
}
.partial-infinite-scroll-list .row {
  align-items: stretch;
  background: rgba(55, 62, 77, 0.0509803922);
  color: #373E4D;
  display: flex;
  flex-flow: row nowrap;
  justify-content: center;
  line-height: unset;
  width: 100%;
}
@media only screen and (max-width: 768px) {
  .partial-infinite-scroll-list .row {
    border: 1px solid #A2AABB !important;
    border-radius: 1.25rem;
  }
}
@media only screen and (max-width: 768px) {
  .partial-infinite-scroll-list .row {
    border-radius: 1.25rem !important;
    flex-flow: wrap;
    justify-content: space-between !important;
    padding: 1.25rem !important;
  }
}
.partial-infinite-scroll-list .row:last-of-type {
  border-radius: 0 0 1.25rem 1.25rem;
  margin-bottom: 0;
}
.partial-infinite-scroll-list .row:nth-of-type(odd) {
  background: #fff;
}
.partial-infinite-scroll-list .row .cell {
  align-items: flex-start;
  border-right: 1px solid #fff;
  display: flex;
  flex: 1;
  flex-flow: column wrap;
  font-size: 0.8125rem;
  justify-content: center;
  overflow: hidden;
  overflow-wrap: break-word;
  padding: 0.5rem 1.25rem;
  text-overflow: ellipsis;
  white-space: nowrap;
}
@media only screen and (max-width: 768px) {
  .partial-infinite-scroll-list .row .cell {
    border: none;
    flex: 0 0 auto !important;
  }
}
.partial-infinite-scroll-list .row .cell:last-of-type {
  border-right: none;
}
.partial-infinite-scroll-list .row .cell > p {
  text-align: start;
}
.partial-infinite-scroll-list .row .cell p {
  overflow: hidden;
  padding-bottom: 0 !important;
  text-overflow: ellipsis;
  white-space: nowrap;
  width: 100%;
}
.partial-infinite-scroll-list .row .cell.permissions {
  white-space: break-spaces;
}
.partial-infinite-scroll-list .row .cell.description {
  flex: 0 0 15.625rem;
}
.partial-infinite-scroll-list .row .cell.price, .partial-infinite-scroll-list .row .cell.view {
  flex: 0 0 3.75rem;
  overflow: unset;
  padding: 0.875rem;
  width: 2.125rem;
}
@media only screen and (max-width: 768px) {
  .partial-infinite-scroll-list .row .cell.price, .partial-infinite-scroll-list .row .cell.view {
    order: -1;
    padding-right: 0;
  }
}
.partial-infinite-scroll-list .row .cell.courses {
  flex: 0 0 18.75rem;
}
.partial-infinite-scroll-list .row .cell.price {
  flex: 0 0 5rem;
}
@media only screen and (max-width: 768px) {
  .partial-infinite-scroll-list .row .cell.price {
    margin-left: auto;
    order: 1;
    padding-right: 0;
    width: unset;
  }
}
.partial-infinite-scroll-list .row .cell.section {
  flex: 0.7;
}
.partial-infinite-scroll-list .row .cell.check {
  align-items: center;
  flex: 0.3;
}
.partial-infinite-scroll-list .row .cell .check-question, .partial-infinite-scroll-list .row .cell .check-all {
  width: 20px;
  height: 20px;
  margin: 0;
}
.partial-infinite-scroll-list .row .cell .check-question *,
.partial-infinite-scroll-list .row .cell .check-question ::before,
.partial-infinite-scroll-list .row .cell .check-question label, .partial-infinite-scroll-list .row .cell .check-all *,
.partial-infinite-scroll-list .row .cell .check-all ::before,
.partial-infinite-scroll-list .row .cell .check-all label {
  margin: 0;
  padding: 0;
}
.partial-infinite-scroll-list .row .cell__view-more {
  padding: 0 1.25rem;
  display: flex;
  align-items: center;
}
.partial-infinite-scroll-list .row .cell__view-more p {
  padding: 0;
}
.partial-infinite-scroll-list .row .cell__image {
  height: 5rem;
  width: 5rem;
  object-fit: cover;
}
.partial-infinite-scroll-list .row .cell.correct {
  border-bottom: 2px solid #117462;
}
.partial-infinite-scroll-list .row .cell.notext {
  align-items: center;
  display: flex;
}
.partial-infinite-scroll-list .row .cell.notext p {
  content: "-";
  text-align: center;
}
.partial-infinite-scroll-list .row .area {
  white-space: break-spaces;
}
.partial-infinite-scroll-list .row .area p {
  white-space: break-spaces;
  word-wrap: break-word;
  word-break: break-word;
  display: -webkit-box;
  -webkit-line-clamp: 4;
  -webkit-box-orient: vertical;
}
.partial-infinite-scroll-list .row.header-row {
  background-color: #fff;
  border-radius: 1.25rem 1.25rem 0 0 !important;
  height: 2.6875rem;
  opacity: 0.8;
}
@media only screen and (max-width: 768px) {
  .partial-infinite-scroll-list .row.header-row {
    display: none;
  }
}
.partial-infinite-scroll-list .row.header-row:hover {
  background-color: #fff;
}
.partial-infinite-scroll-list .row.header-row p {
  color: #373E4D !important;
  font-size: 0.625rem !important;
  font-weight: 600;
  line-height: 0.625rem;
  text-transform: uppercase;
}

.cell-title {
  color: #373E4D !important;
  display: none;
  font-size: 0.75rem;
  font-weight: 700;
  margin-bottom: 0.25rem;
  opacity: 0.5;
  text-transform: uppercase;
}
@media only screen and (max-width: 768px) {
  .cell-title {
    display: block;
  }
}

.partial-logo .emblem {
  display: none;
}
.partial-logo .emblem--show {
  display: block;
}

.partial-download-image {
  height: 20.625rem;
  position: relative;
  width: 33.6875rem;
}
.partial-download-image--hide {
  left: -10000px;
  overflow: hidden;
  position: absolute;
  top: auto;
}
.partial-download-image--hide {
  left: -10000px;
  overflow: hidden;
  position: absolute;
  top: auto;
}

.partial-course-image {
  background-color: #F9FBFC;
  background-position: center center;
  background-repeat: no-repeat;
  background-size: contain;
  display: block;
  height: 9.125rem;
  padding-top: 56.25%;
  position: relative;
  border-radius: 0.625rem;
}
.partial-course-image__image-missing, .partial-course-image__banner {
  background-size: cover;
  border-radius: 0.5rem 0.5rem 0 0;
  cursor: pointer;
  overflow: hidden;
  padding-top: 0;
  width: 100%;
}
.partial-course-image__image-missing--ttt {
  height: -webkit-fill-available;
  object-fit: cover;
}
.partial-course-image__image {
  height: 100%;
  object-fit: cover;
  width: 100%;
}
.partial-course-image__image-missing {
  overflow: hidden;
}

.partial-nav-legal {
  margin-left: auto;
}
.partial-nav-legal a,
.partial-nav-legal li {
  margin-left: auto;
  text-align: end;
  width: 100%;
}

.bm-cross-button,
.sidebar-menu {
  display: none;
}
@media only screen and (max-width: 1024px) {
  .bm-cross-button,
  .sidebar-menu {
    display: block;
  }
}

.bm-burger-button {
  height: 1.875rem;
  position: fixed;
  right: 0.875rem;
  top: 1.625rem;
  width: 2.25rem;
  z-index: 2 !important;
}

.burger-bars {
  background: #373a47;
}

.bm-burger-bars-hover {
  background: #a90000;
}

.bm-cross-button {
  height: 25px;
  right: 30px !important;
  top: 30px !important;
  width: 25px;
}

.bm-item {
  display: flex !important;
}
@media only screen and (max-width: 1024px) {
  .bm-item {
    margin-left: auto;
  }
}

.bm-menu-wrap {
  height: 100%;
  position: fixed;
  width: 100% !important;
  z-index: 0 !important;
}
@media only screen and (max-width: 1024px) {
  .bm-menu-wrap {
    z-index: 2 !important;
  }
}
@media only screen and (min-width: 1023px) {
  .bm-menu-wrap {
    transition: unset !important;
  }
}

.bm-morph-shape {
  fill: #373a47;
}

.bm-overlay {
  display: none;
}

.user-menu {
  background: #fff;
  border: 1px solid #373E4D;
  border-radius: 10px;
  display: flex;
  flex-direction: column;
  min-width: 7.8125rem;
  position: absolute;
  right: 0;
  top: 40px;
  width: 100%;
  z-index: 1000;
}
.user-menu-icon {
  display: flex;
  flex-direction: column;
  position: relative;
}

.down-arrow {
  margin-left: 0.75rem;
}
.down-arrow.open {
  transform: rotate(180deg);
}

.menu-item {
  align-items: center;
  color: #373E4D;
  display: flex;
  font-size: 0.875rem;
  font-weight: 400;
  justify-content: space-between;
  padding: 0.625rem 1.5625rem;
  width: 100%;
}
.menu-item__link {
  display: flex;
  justify-content: space-between;
  width: 100%;
}
.menu-item .icon {
  height: 1.125rem;
  width: 1.125rem;
}
.menu-item:hover {
  opacity: 0.8;
}
.menu-item a {
  color: #373E4D;
  text-decoration: none;
}

.partial-button-actions {
  display: flex;
  gap: 20px;
  margin-left: auto;
}
@media only screen and (max-width: 1024px) {
  .partial-button-actions {
    gap: 0.625rem;
    margin-top: 0.625rem;
  }
}
.partial-button-actions button {
  font-size: 0.875rem !important;
  height: 1.8125rem !important;
  padding: 0.3125rem 0.9375rem;
}
.partial.partial-loading-dots {
  width: 2.1875rem;
}
@keyframes dotFalling {
  0% {
    box-shadow: 624.9375rem -0.9375rem 0 0 rgba(255, 255, 255, 0);
  }
  25%, 50%, 75% {
    box-shadow: 624.9375rem 0 0 0 #fff;
  }
  100% {
    box-shadow: 624.9375rem 0.9375rem 0 0 rgba(255, 255, 255, 0);
  }
}
@keyframes dotFallingBefore {
  0% {
    box-shadow: 623.6875rem -0.9375rem 0 0 rgba(255, 255, 255, 0);
  }
  25%, 50%, 75% {
    box-shadow: 623.6875rem 0 0 0 #fff;
  }
  100% {
    box-shadow: 623.6875rem 0.9375rem 0 0 rgba(255, 255, 255, 0);
  }
}
@keyframes dotFallingAfter {
  0% {
    box-shadow: 625.5625rem -0.9375rem 0 0 rgba(255, 255, 255, 0);
  }
  25%, 50%, 75% {
    box-shadow: 625.5625rem 0 0 0 #fff;
  }
  100% {
    box-shadow: 625.5625rem 0.9375rem 0 0 rgba(255, 255, 255, 0);
  }
}
.partial.partial-loading-dots .dot,
.partial.partial-loading-dots .dot::before,
.partial.partial-loading-dots .dot::after {
  background-color: #fff;
  border-radius: 50%;
  color: #fff;
  content: "";
  display: inline-block;
  height: 0.625rem;
  position: absolute;
  top: 0;
  width: 0.625rem;
}
.partial.partial-loading-dots .dot {
  animation: dotFalling 1s infinite linear;
  animation-delay: 0.1s;
  box-shadow: 624.9375rem 0 0 0 #fff;
  left: -624.9375rem;
  position: relative;
}
.partial.partial-loading-dots .dot::before {
  animation: dotFallingBefore 1s infinite linear;
  animation-delay: 0s;
}
.partial.partial-loading-dots .dot::after {
  animation: dotFallingAfter 1s infinite linear;
  animation-delay: 0.2s;
}
.partial.partial-loading-spinner {
  color: #373E4D;
  height: 3.75rem;
  line-height: 3.75rem;
  padding-bottom: 4.375rem;
  position: relative;
  text-align: center;
  width: 100%;
  font-size: 0.75rem;
  letter-spacing: 0;
}
@keyframes move {
  0% {
    background-color: #fff;
    left: 0%;
  }
  50% {
    background-color: #FEA125;
  }
  50% {
    background-color: #FEA125;
  }
  100% {
    background-color: #fff;
    left: 100%;
  }
}
.partial.partial-loading-spinner .loading-dot {
  border-radius: 50%;
  height: 1.25rem;
  position: absolute;
  top: 45%;
  width: 1.25rem;
}
.partial.partial-loading-spinner .loading-dot {
  border-radius: 50%;
  height: 1.25rem;
  position: absolute;
  top: 45%;
  width: 1.25rem;
}
.partial.partial-loading-spinner .dot1 {
  animation: move 2s infinite cubic-bezier(0.2, 0.64, 0.81, 0.23);
}
.partial.partial-loading-spinner .dot2 {
  animation: move 2s 150ms infinite cubic-bezier(0.2, 0.64, 0.81, 0.23);
}
.partial.partial-loading-spinner .dot3 {
  animation: move 2s 300ms infinite cubic-bezier(0.2, 0.64, 0.81, 0.23);
}
.partial.partial-loading-spinner .dot4 {
  animation: move 2s 450ms infinite cubic-bezier(0.2, 0.64, 0.81, 0.23);
}
.partial .user-info {
  transition: all 250ms cubic-bezier(0.22, 1, 0.36, 1);
}
.partial .user-info:hover {
  opacity: 0.8;
}
.partial .user-info, .partial.partial-account-icon {
  color: #373E4D;
  cursor: pointer;
  font-size: 0.9375rem;
  text-decoration: none;
  align-items: center;
  display: flex;
  flex-flow: row nowrap;
  place-content: flex-start center;
}
.partial .user-info .user-info-non-clickable, .partial.partial-account-icon .user-info-non-clickable {
  cursor: default;
}
.partial .user-info .user-info-non-clickable:hover, .partial.partial-account-icon .user-info-non-clickable:hover {
  opacity: 1;
}
.partial .user-info .bell-icon, .partial.partial-account-icon .bell-icon {
  height: 1.5rem;
  margin-right: 14px;
  width: 1.5rem;
  transition: all 250ms cubic-bezier(0.22, 1, 0.36, 1);
}
.partial .user-info .bell-icon:hover, .partial.partial-account-icon .bell-icon:hover {
  opacity: 0.8;
}
.partial .user-info .user-type, .partial.partial-account-icon .user-type {
  border: 1.2px solid #373E4D;
  border-radius: 0.625rem;
  color: #373E4D;
  cursor: default;
  font-size: 0.875rem;
  font-weight: 400;
  margin-right: 13px;
  padding: 2px 25px;
}
.partial .user-info .user-type__loader, .partial.partial-account-icon .user-type__loader {
  border-radius: 100px;
  margin-right: 13px;
  width: 100px;
}
.partial .user-info .user-type.Manager, .partial.partial-account-icon .user-type.Manager {
  border-color: #FEA025;
  color: #FEA025;
}
.partial .user-info .user-type.Admin, .partial.partial-account-icon .user-type.Admin {
  border-color: #E50019;
  color: #E50019;
}
.partial .user-info .image, .partial.partial-account-icon .image {
  height: 0.625rem;
  width: 0.625rem;
}
.partial .user-info .image-container, .partial.partial-account-icon .image-container {
  align-items: center;
  background-color: #373E4D;
  border-radius: 100px;
  display: flex;
  flex: 0 0 auto;
  height: 1.875rem;
  justify-content: center;
  margin-right: 0.5625rem;
  width: 1.875rem;
}
.partial .user-info > span, .partial.partial-account-icon > span {
  color: #373E4D;
  font-size: 0.9375rem;
  line-height: 1.4375rem;
  text-align: right;
  white-space: nowrap;
  font-weight: 600;
}
.partial.partial-nav-internal {
  width: 100%;
}
.partial.partial-nav-internal ul {
  list-style-type: none;
  margin: 0;
  padding: 0;
}
.partial.partial-nav-internal ul > li {
  display: block;
  margin: 0;
  padding: 0;
}
.partial.partial-nav-internal a {
  color: #373E4D;
  font-weight: 600;
  gap: 14px;
  padding: 0 1rem;
  text-decoration: none;
  width: 100%;
  align-items: center;
  display: flex;
  flex-flow: row nowrap;
  place-content: flex-start flex-start;
  border-radius: 0.625rem;
  transition: all 250ms cubic-bezier(0.22, 1, 0.36, 1);
}
.partial.partial-nav-internal a:hover, .partial.partial-nav-internal a:active, .partial.partial-nav-internal a:focus {
  opacity: 0.8;
}
.partial.partial-nav-internal a.is-active {
  background-color: #fff;
  font-weight: 600;
}
.partial.partial-empty-data {
  background-color: #F9FBFC;
  color: #373E4D;
  font-size: 0.875rem;
  text-align: center;
  width: 100% !important;
  border-radius: 0.625rem;
  padding: 16px;
  margin-bottom: 16px;
}
@media only screen and (min-width: 1023px) {
  .partial.partial-empty-data {
    padding: 1.3rem;
    margin-bottom: 1.3rem;
  }
}
.partial.partial-empty-data__secondary {
  background-color: #fff;
  color: #373E4D;
  font-size: 0.8125rem;
  margin: 0 0 15px;
  padding: 0;
  text-align: left;
  font-weight: 600;
}
.partial.partial-empty-data:last-child {
  padding: 16px;
}
@media only screen and (min-width: 767px) {
  .partial.partial-empty-data:last-child {
    padding: 16px;
  }
}
@media only screen and (min-width: 1023px) {
  .partial.partial-empty-data:last-child {
    padding: 1.3rem;
  }
}
.partial.partial-empty-data__graph {
  font-size: 0.875rem;
  margin: 0 0 0.9375rem;
  padding: 0;
  margin-bottom: 0;
  background-color: #F9FBFC;
  color: #373E4D;
  border-radius: 0 0 1.25rem 1.25rem;
}
.partial.partial-support-icon {
  align-items: center;
  background-color: #373E4D;
  display: flex;
  gap: 0.625rem;
  height: 3.125rem;
  justify-content: flex-start;
  margin: 34px 0 0;
  padding: 1.125rem;
}
.partial.partial-support-icon:hover {
  opacity: 0.7;
}
.partial.partial-nav-legal ul {
  list-style-type: none;
  margin: 0;
  padding: 0;
}
.partial.partial-nav-legal ul > li {
  display: inline-block;
  margin: 0;
  padding: 0;
}
@media only screen and (min-width: 1023px) {
  .partial.partial-nav-legal ul {
    list-style-type: none;
    margin: 0;
    padding: 0;
  }
  .partial.partial-nav-legal ul > li {
    display: block;
    margin: 0;
    padding: 0;
  }
}
.partial.partial-nav-legal ul {
  align-items: center;
  display: flex;
  flex-flow: row nowrap;
  place-content: flex-start center;
}
@media only screen and (min-width: 1023px) {
  .partial.partial-nav-legal ul {
    align-items: flex-start;
    display: flex;
    flex-flow: column nowrap;
    place-content: flex-start center;
  }
}
.partial.partial-nav-legal ul li {
  margin-top: 0.625rem;
  padding: 0 0.3125rem;
}
@media only screen and (min-width: 1023px) {
  .partial.partial-nav-legal ul li {
    border: none;
  }
}
.partial.partial-nav-legal ul li:last-child {
  border-right: none;
}
.partial.partial-nav-legal a,
.partial.partial-nav-legal p {
  color: #373E4D;
  display: block;
  line-height: 1;
  padding: 0;
  text-decoration: underline;
  font-size: 0.75rem;
  letter-spacing: 0;
}
@media only screen and (min-width: 1023px) {
  .partial.partial-nav-legal a,
  .partial.partial-nav-legal p {
    margin-bottom: 0.3125rem;
    text-decoration: none;
  }
}
.partial.partial-legal h2,
.partial.partial-legal h3,
.partial.partial-legal h4 {
  color: #231F20;
}
.partial.partial-legal ul {
  color: #373E4D;
}

.filters {
  list-style-type: none;
  margin: 0;
  padding: 0;
  align-items: center;
  display: flex;
  flex-flow: row wrap;
  place-content: flex-start flex-start;
  margin-bottom: 16px;
}
.filters > li {
  display: block;
  margin: 0;
  padding: 0;
}
@media only screen and (min-width: 767px) {
  .filters {
    margin-bottom: 16px;
  }
}
@media only screen and (min-width: 1023px) {
  .filters {
    margin-bottom: 1.3rem;
  }
}
.filters li {
  color: #373E4D;
  cursor: pointer;
  font-size: 0.875rem;
  margin-right: 0.3125rem;
  padding: 0.3125rem 0.625rem;
  border: 1px solid rgba(55, 62, 77, 0.25);
  border-radius: 0.375rem;
}
.filters li.is-active {
  background-color: #373E4D;
  color: #fff;
}

.partial-icon {
  align-items: center;
  border: 1px solid rgba(35, 43, 64, 0.2);
  border-radius: 100px;
  cursor: pointer;
  display: flex;
  height: 2rem;
  justify-content: center;
  width: 2rem;
}
.partial-icon__icon {
  height: 1.1875rem;
  width: 1.1875rem;
}
.partial-icon--disabled {
  opacity: 0.5;
  cursor: not-allowed;
}
.partial-icon:hover {
  opacity: 0.8;
}
.partial-icon:active {
  opacity: 0.6;
}

.partial-filter-list {
  display: flex;
  gap: 0.5rem;
  padding-bottom: 1.25rem;
  padding-right: 0.3125rem;
}
@media only screen and (max-width: 640px) {
  .partial-filter-list {
    flex-wrap: wrap;
  }
}
.partial-filter-list__clear {
  align-items: center;
  background-color: transparent;
  border: 1px solid #FEA025;
  border-radius: 100px;
  color: #FEA025;
  cursor: pointer;
  display: flex;
  flex: 0 0 auto;
  font-size: 0.875rem;
  font-weight: 600;
  height: 2rem;
  justify-content: center;
  margin-bottom: 0.625rem;
  margin-left: auto;
  padding: 0.375rem 0.9375rem;
  width: auto;
  font-weight: 600;
}
.partial-filter-list__clear:hover {
  opacity: 0.8;
}
.partial-filter-list select {
  background-color: #fff;
  border: 1px solid #373E4D;
  border-radius: 100px;
  color: #373E4D;
  cursor: pointer;
  font-size: 0.875rem;
  font-weight: 400;
  height: 2rem;
  max-width: 150px;
  outline: none;
  padding: 0.375rem 1.875rem 0.375rem 0.625rem;
  text-overflow: ellipsis;
  width: unset;
}
.partial-filter-list .field-multi-select-input,
.partial-filter-list .field-select-input {
  width: unset;
}

.partial-button {
  align-items: center !important;
  border-radius: 100px !important;
  display: flex !important;
  font-family: "Source Sans Pro", sans-serif !important;
  gap: 0.5rem;
  height: unset !important;
  justify-content: center !important;
  padding: 0.3125rem 1rem !important;
  width: unset !important;
}
.partial-button__loading {
  width: 4.375rem;
}
.partial-button__loading--white {
  background-color: #fff;
}
.partial-button:hover {
  opacity: 0.8;
}
.partial-button:disabled {
  opacity: 0.5;
}
.partial-button--primary {
  background: #FEA125 !important;
  border: 1.2px solid #FEA125 !important;
  color: #fff !important;
}
.partial-button--secondary {
  background: #fff !important;
  border: 1.2px solid #FEA125 !important;
  color: #FEA125 !important;
}
.partial-button--tiertary {
  background: #fff !important;
  border: 1.2px solid #1CC2A4 !important;
  color: #1CC2A4 !important;
}
.partial-button--ttt {
  background: #3D68E7 !important;
  border: 1.2px solid #3D68E7 !important;
  color: #fff !important;
}
.partial-button--green {
  background: #1CC2A4 !important;
  border: 1.2px solid #1CC2A4 !important;
  color: #fff !important;
}
.partial-button--grey {
  background: #373E4D !important;
  border: 1.2px solid #373E4D !important;
  color: #fff !important;
}
.partial-button--grey-border {
  background: #fff !important;
  border: 1.2px solid #373E4D !important;
  color: #373E4D !important;
}
.partial-button--no-border {
  background: #fff !important;
  border: none !important;
  color: #373E4D !important;
}
.partial-button--red {
  background: #E50019 !important;
  border: 1.2px solid #E50019 !important;
  color: #fff !important;
}
.partial-button--simple {
  background: unset !important;
  border: unset !important;
  color: #FEA125 !important;
}
.partial-button--simple-grey {
  background: unset !important;
  border: unset !important;
  color: #373E4D !important;
}
.partial-button--border-red {
  background: #fff !important;
  border: 1px solid #E50019 !important;
  color: #E50019 !important;
}
.partial-button--grey-thin-border {
  background: #fff !important;
  border: 1px solid #373E4D !important;
  color: #373E4D !important;
}
.partial-button__icon, .partial-button .icon {
  align-items: center;
  display: flex;
  height: 17.5px;
  justify-content: center;
  margin-right: 0 !important;
  width: 17.5px;
}
.partial-button__icon::before, .partial-button .icon::before {
  font-size: 0.75rem;
  letter-spacing: 0;
}
.partial-button.question-field__actions--no-padding {
  padding: 10px !important;
}
.partial-button-ttt--primary {
  background: #3D68E7 !important;
  border: 1.2px solid #3D68E7 !important;
  color: #fff !important;
}
.partial-button-ttt--secondary {
  background: #fff !important;
  border: 1.2px solid #3D68E7 !important;
  color: #3D68E7 !important;
}
.partial-button-ttt--simple {
  background: unset !important;
  border: unset !important;
  color: #3D68E7 !important;
}
.partial-button-ttt--green {
  background: #3D68E7 !important;
  border: 1.2px solid #3D68E7 !important;
  color: #fff !important;
}

.partial-list-switch {
  display: flex;
}
.partial-list-switch .field {
  margin-bottom: 0;
}
@media only screen and (max-width: 768px) {
  .partial-list-switch__icon {
    display: none;
  }
}
.partial-list-switch__left {
  margin-right: 0.625rem;
  width: 100%;
}
@media only screen and (max-width: 768px) {
  .partial-list-switch__left {
    margin-right: 0;
  }
}
.partial-list-switch__left-container {
  display: flex;
  flex-wrap: wrap;
  gap: 0.625rem;
}

.partial-pill-list {
  width: 100%;
}
.partial-pill-list__items {
  list-style: none;
  padding: 0;
  margin: 0;
  display: flex;
  flex-direction: column;
  gap: 0.25rem;
  font-weight: 600;
}
.partial-pill-list__item {
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
}
.partial-pill-list__empty {
  font-size: 0.75rem;
  color: #7B869E;
  font-style: italic;
}

.recent-activity-section,
.partial-pie-graph {
  align-items: center;
  border: 1px solid rgba(35, 43, 64, 0.2);
  border-radius: 0.625rem;
  display: flex;
  flex-direction: column;
  height: 19.75rem;
  width: calc((100% - 16px) * 0.5);
}
@media only screen and (max-width: 560px) {
  .recent-activity-section,
  .partial-pie-graph {
    width: 100%;
  }
}
.recent-activity-section__no-data,
.partial-pie-graph__no-data {
  align-items: center;
  color: #373E4D;
  display: flex;
  font-size: 1.25rem;
  height: 100%;
  justify-content: center;
  width: 100%;
}
.recent-activity-section__item-title,
.partial-pie-graph__item-title {
  color: #373E4D;
  display: flex;
  font-size: 0.8125rem;
  line-height: 20px;
  opacity: 0.7;
  padding-top: 5px;
}
.recent-activity-section__item-value,
.partial-pie-graph__item-value {
  color: #373E4D;
  display: flex;
  font-size: 2.8125rem;
  gap: 7px;
  margin: 0 !important;
}
.recent-activity-section__container,
.partial-pie-graph__container {
  margin-top: auto;
}
.recent-activity-section__container .recharts-sector,
.partial-pie-graph__container .recharts-sector {
  cursor: pointer;
}
.recent-activity-section__container .recharts-sector:hover,
.partial-pie-graph__container .recharts-sector:hover {
  opacity: 0.8;
}
.recent-activity-section__legend,
.partial-pie-graph__legend {
  align-items: flex-start;
  display: flex;
  justify-content: space-between;
  padding: 1.25rem 1.875rem;
  width: 100%;
}
.recent-activity-section__title,
.partial-pie-graph__title {
  align-items: center;
  display: flex;
  font-size: 1.25rem;
  gap: 0.625rem;
  line-height: 1.875rem;
}
.recent-activity-section__total,
.partial-pie-graph__total {
  font-size: 2.8125rem;
  font-weight: 600;
  opacity: 0.7;
  transform: translateY(-60px);
  fill: #373E4D;
}
.recent-activity-section__text,
.partial-pie-graph__text {
  opacity: 0.7;
  transform: translateY(-20px);
  fill: #373E4D;
  font-size: 1.25rem;
}

.partial-tooltip {
  background-color: #373E4D !important;
  border-radius: 10px;
  color: #fff !important;
  font-size: 0.75rem;
  font-weight: 600;
  padding: 10px 13px !important;
}

.recent-activity-item {
  align-items: center;
  display: flex;
  gap: 12px;
}
.recent-activity-item__link, .recent-activity-item__title {
  color: #afb5c4;
  font-size: 0.8125rem;
  padding-bottom: 0;
  text-decoration: none;
  font-weight: 600;
}
.recent-activity-item__link {
  color: #373E4D;
}
.recent-activity-item__link:hover {
  opacity: 0.8;
}
.recent-activity-item__icon {
  height: 1rem;
  min-width: 1rem;
}
.recent-activity-item__icon-img {
  height: 1rem;
  width: 1rem;
}
.recent-activity-item__status.generated-a-certificate-for, .recent-activity-item__status.completed {
  color: #1CC2A4;
}
.recent-activity-item__status.started {
  color: #FEA125;
}
.recent-activity-item__status.unassigned, .recent-activity-item__status.failed {
  color: #E50019;
}
.recent-activity-item__status.to-take-exam {
  color: #373E4D;
}
.recent-activity-item__status.been-assigned-to {
  color: #373E4D;
}

.recent-activity-section {
  height: auto;
  margin-top: 1rem;
  max-height: 19.75rem;
  width: 100%;
}
@media only screen and (max-width: 1024px) {
  .recent-activity-section {
    max-height: unset;
  }
}
.recent-activity-section__title {
  align-items: center;
  display: flex;
  gap: 0.3125rem;
  max-width: unset;
}
.recent-activity-section__title-img {
  height: 1.5rem;
  width: 1.5rem;
}
.recent-activity-section__data {
  display: flex;
  flex-direction: column;
  gap: 0.6875rem;
  height: 100%;
  overflow-y: auto;
  padding: 0.3125rem 1.875rem 1.875rem;
  width: 100%;
}

.paragraph {
  color: #373E4D;
  font-size: 0.875rem !important;
  margin-top: 10px;
}
.paragraph li {
  margin-bottom: 0.1875rem;
}
.paragraph p {
  padding-bottom: 0.625rem;
}
.paragraph ul {
  margin-bottom: 0.625rem;
}
.paragraph span {
  background-color: unset !important;
  color: #373E4D !important;
  font-family: "Source Sans Pro", sans-serif !important;
  font-size: 0.875rem !important;
}

.partial-feedback {
  border: 1px solid #373E4D;
  border-radius: 10px;
  color: #373E4D;
  display: flex;
  flex-direction: column;
  font-weight: 600;
  gap: 0.25rem;
  margin-bottom: 1.25rem;
  margin-top: auto;
  opacity: 0.7;
  padding: 0.625rem 1.4375rem;
}
@media only screen and (max-width: 1024px) {
  .partial-feedback {
    display: none;
  }
}
.partial-feedback__image {
  height: 1.5rem;
  width: 1.5rem;
}
.partial-feedback__title {
  font-size: 0.875rem;
}
.partial-feedback__description {
  font-size: 0.75rem;
  margin-bottom: 0.5rem;
}
.partial-feedback__button {
  margin: 0 !important;
  width: max-content !important;
}

.partial-esystem-apps {
  display: flex;
  gap: 20px;
  justify-content: center;
  margin-top: auto;
  width: 100%;
}
@media only screen and (max-width: 1024px) {
  .partial-esystem-apps {
    display: none;
  }
}
.partial-esystem-apps__logo {
  height: 2.1875rem;
  width: 2.1875rem;
}
.partial-esystem-apps > * {
  cursor: pointer;
}
.partial-esystem-apps > *:hover {
  opacity: 0.8;
}
.partial-esystem-apps .active {
  filter: grayscale(100);
}
.partial-esystem-apps .active:hover {
  opacity: 1;
}

.partial-list-item-loader {
  display: flex;
  flex-direction: column;
  gap: 0.5rem;
}
.partial-list-item-loader > * {
  border-radius: 0.625rem;
  width: 100%;
}

.partial-topic-item {
  align-items: center;
  border: 1px solid rgba(35, 43, 64, 0.2);
  border-radius: 10px;
  cursor: pointer;
  display: flex;
  gap: 2.5rem;
  height: 6.5rem;
  justify-content: space-between;
  padding: 1.375rem;
}
@media only screen and (max-width: 768px) {
  .partial-topic-item {
    flex-flow: wrap;
    gap: unset;
    height: unset;
  }
}
.partial-topic-item:hover {
  opacity: 0.7;
}
.partial-topic-item p {
  font-weight: 600;
  line-height: unset;
  opacity: 0.7;
  padding-bottom: 0;
}
.partial-topic-item h3 {
  opacity: 1;
}
.partial-topic-item__status {
  margin-top: auto;
}
.partial-topic-item__created-at {
  display: flex;
  flex-direction: column;
  margin-top: auto;
  opacity: 0.7;
}
.partial-topic-item__created-at small,
.partial-topic-item__created-at span {
  color: #373E4D;
  font-weight: 600;
}
.partial-topic-item__created-at small {
  font-weight: 700;
}
.partial-topic-item__active {
  align-items: center;
  border: 1px solid rgba(55, 62, 77, 0.4);
  border-radius: 6.25rem;
  color: rgba(55, 62, 77, 0.4);
  display: flex;
  font-size: 1.125rem;
  font-weight: 600;
  height: 2.1875rem;
  margin-left: auto;
  padding: 0.3125rem 1.5625rem;
}
.partial-topic-item__active--inactive {
  background-color: rgba(55, 62, 77, 0.4);
  border: none;
  color: #fff;
}
.partial-topic-item__information {
  display: flex;
  flex-direction: column;
  justify-content: space-between;
}
@media only screen and (max-width: 768px) {
  .partial-topic-item__information {
    width: 100%;
  }
}
.partial-topic-item__information p {
  padding-bottom: 0;
}

.partial-loader-component {
  border-radius: 0.625rem;
}
.partial-loader-component--no-radius {
  border-radius: 0;
}
.partial-loader-component__container {
  display: flex;
  flex-flow: row wrap;
  justify-content: space-between;
  width: 100%;
}
.partial-loader-component__container br {
  display: none;
}

.partial-creator-step-bar {
  align-items: center;
  background: #F4F5F6;
  border-radius: 20px;
  bottom: 0;
  display: flex;
  height: 7.1875rem;
  justify-content: space-between;
  margin: 0 0 16px;
  padding: 40px;
  position: fixed;
  width: calc(100% - 18.5rem);
  z-index: 2;
}
@media only screen and (max-width: 768px) {
  .partial-creator-step-bar {
    width: 100%;
  }
}
.partial-creator-step-bar__next {
  margin: unset !important;
}
.partial-creator-step-bar__last-date {
  align-items: center;
  color: #373E4D;
  display: flex;
  font-weight: 600;
  gap: 0.375rem;
  margin-left: auto;
  margin-right: 1.875rem;
  opacity: 0.7;
}
@media only screen and (max-width: 768px) {
  .partial-creator-step-bar__last-date {
    display: none;
  }
}
.partial-creator-step-bar__items {
  display: flex;
  gap: 0.5625rem;
  left: calc(50% + 17px);
  margin: 0 auto;
  position: fixed;
}
@media only screen and (max-width: 768px) {
  .partial-creator-step-bar__items {
    left: unset;
    position: relative;
  }
}
.partial-creator-step-bar__item {
  background-color: #D9D9D9;
  border-radius: 100px;
  height: 0.375rem;
  width: 0.375rem;
}
.partial-creator-step-bar__item--active {
  background-color: #1CC2A4;
}
.partial-creator-step-bar__cancel {
  color: #373E4D;
  cursor: pointer;
  font-size: 16px;
  font-weight: 600;
  opacity: 0.4;
}
.partial-creator-step-bar__cancel:hover {
  opacity: 0.2;
}

.partial-terms-and-conditions {
  width: 100%;
}

.partial-nav-internal {
  margin: 1.875rem 0;
}
.partial-nav-internal__item {
  height: 3rem;
}
.partial-nav-internal__item--logout {
  align-items: center;
  display: flex;
  font-weight: 600;
  gap: 0.875rem;
  padding: 0 1.25rem;
}
.partial-nav-internal__text {
  color: #373E4D;
  font-size: 0.9375rem;
  margin-bottom: 0;
}
.partial-nav-internal__icon {
  height: 1.1875rem;
  width: 1.1875rem;
}

.partial-support-icon {
  padding-left: 0;
  width: 100% !important;
  align-items: center;
  display: flex;
  flex-flow: row nowrap;
  place-content: flex-start center;
}
@media only screen and (max-width: 768px) {
  .partial-support-icon {
    margin: 1.25rem auto 0.625rem !important;
  }
}
.partial-support-icon__icon {
  height: 1.5rem;
  width: 1.5rem;
}

.categories-list {
  align-items: center;
  display: flex;
  font-size: 0.625rem;
  font-weight: 600;
  gap: 0.25rem;
  list-style-type: none;
  margin: 0;
  overflow: auto;
  scrollbar-width: none;
  -ms-overflow-style: none;
}
.categories-list::-webkit-scrollbar {
  display: none;
}
.categories-list__more, .categories-list__item {
  align-items: center;
  border: 1px solid #373E4D;
  border-radius: 4rem;
  color: #373E4D;
  cursor: pointer;
  display: flex;
  font-size: 0.75rem;
  font-weight: 600;
  height: 1.5625rem;
  line-height: 0.9375rem;
  padding: 0.3125rem 0.875rem;
}
.categories-list__more--blue, .categories-list__item--blue {
  border-color: #152451;
  color: #152451;
  cursor: default;
}
.categories-list__more--yellow, .categories-list__item--yellow {
  border-color: #FEA025;
  color: #FEA025;
  cursor: default;
}
.categories-list__more--yellow:hover, .categories-list__item--yellow:hover {
  opacity: 1;
}
.categories-list__more {
  padding: 0.3125rem;
  width: 1.5625rem;
}

.display-courses .categories-list__item {
  font-size: 0.75rem;
}

.partial-course-details {
  color: #373E4D;
  display: flex;
  gap: 2.5625rem;
  margin-top: 2.375rem;
  padding-top: 2.375rem;
  border-top: 1px solid rgba(55, 62, 77, 0.25);
}
.partial-course-details--chapters {
  padding-bottom: 2.375rem;
  border-bottom: 1px solid rgba(55, 62, 77, 0.25);
}
.partial-course-details__item {
  display: flex;
  flex-direction: column;
  font-size: 0.8125rem;
  gap: 0.375rem;
}
.partial-course-details__label {
  font-size: 0.625rem;
  font-weight: 700;
  text-transform: uppercase;
}

.partial-status-tag {
  border-radius: 6.25rem;
  display: flex;
  flex: 0 0 auto;
  font-size: 0.625rem;
  font-weight: 600;
  padding: 0.375rem 0.75rem;
  text-align: center;
  text-transform: uppercase;
}
@media only screen and (max-width: 1024px) {
  .partial-status-tag {
    padding: 0.125rem 0.75rem;
  }
}
.partial-status-tag--exam-error, .partial-status-tag--unpaid, .partial-status-tag--failed, .partial-status-tag--incomplete {
  background-color: rgba(229, 0, 25, 0.2);
  border: 1px solid #E50019;
  color: #E50019;
}
.partial-status-tag--ready {
  background-color: rgba(55, 62, 77, 0.2);
  border: 1px solid #373E4D;
  color: #373E4D;
}
.partial-status-tag--current, .partial-status-tag--completed, .partial-status-tag--paid, .partial-status-tag--passed, .partial-status-tag--active {
  background-color: rgba(28, 194, 164, 0.2);
  border: 1px solid #1CC2A4;
  color: #1CC2A4;
}
.partial-status-tag--inactive {
  background-color: rgba(229, 0, 25, 0.2);
  border: 1px solid #E50019;
  color: #E50019;
}
.partial-status-tag--in-progress {
  background-color: rgba(254, 161, 37, 0.2);
  border: 1px solid #FEA125;
  color: #FEA125;
}
.partial-status-tag--archived, .partial-status-tag--removed, .partial-status-tag--not-started {
  background-color: rgba(249, 251, 252, 0.2);
  border: 1px solid #373E4D;
  color: #373E4D;
}

.partial-view-more {
  align-items: center;
  cursor: pointer;
  display: flex;
  flex: 0 0 auto;
  position: relative;
}
.partial-view-more__view-icon {
  border: 1px solid rgba(55, 62, 77, 0.2);
  border-radius: 6.25rem;
  height: 2.25rem;
  padding: 0.1875rem;
  width: 2.25rem;
}
.partial-view-more__view-icon:hover {
  opacity: 0.7;
}
.partial-view-more__menu {
  background: #fff;
  border: 1px solid #F6F6F6;
  border-radius: 10px;
  bottom: 2.5rem;
  display: flex;
  flex-direction: column;
  gap: 0.25rem;
  height: max-content;
  min-width: 7.875rem;
  padding: 0.25rem;
  position: absolute;
  right: 0;
  top: 2.8125rem;
  width: max-content;
  z-index: 10;
}
.partial-view-more__item {
  align-items: center;
  display: flex;
  flex-direction: row-reverse;
  gap: 0.625rem;
  justify-content: space-between;
  padding: 0.5rem;
}
.partial-view-more__item:hover {
  opacity: 0.7;
}
.partial-view-more__item-image {
  height: 1.0625rem;
  width: 1.0625rem;
}
.partial-view-more__item-text {
  font-size: 0.8125rem;
  font-weight: 400;
}
.partial-view-more__item--delete {
  background: #FDE8E9;
  border-radius: 0.25rem;
  color: #E50019;
}

.partial-modal-sub-header {
  align-items: center;
  display: flex;
  justify-content: start;
  padding: 0.3125rem 0 1.25rem;
  width: 100%;
}
.partial-modal-sub-header__title {
  font-size: 1.125rem;
  margin-bottom: 0;
}
.partial-modal-sub-header__title.question-count {
  font-size: 1rem;
}

.partial-modal-header {
  margin-bottom: 0.9375rem;
  width: 100% !important;
  align-items: center;
  display: flex;
  flex-flow: row nowrap;
  place-content: flex-start space-between;
}
.partial-modal-header__title {
  font-size: 1.25rem;
  margin-bottom: 0;
}
.partial-modal-header__back {
  align-items: center;
  color: #373E4D;
  cursor: pointer;
  display: flex;
  gap: 0.3125rem;
}
.partial-modal-header__back:hover {
  opacity: 0.7;
}
.partial-modal-header__back h3 {
  margin-bottom: 0;
}
.partial-modal-header__close {
  cursor: pointer;
  height: 1.125rem;
  width: 1.125rem;
}
.partial-modal-header__close:hover {
  opacity: 0.8;
}

.react-tooltip {
  font-size: 0.75rem;
}

.partial-filter-menu {
  display: flex;
  gap: 0.375rem;
  position: relative;
  width: max-content;
}
.partial-filter-menu__clear {
  height: 1.125rem;
  width: 1.125rem;
}
.partial-filter-menu .partial-button {
  padding: 0.375rem 1.25rem !important;
}
.partial-filter-menu__toggle-icon {
  height: 1.125rem;
  width: 1.125rem;
}
.partial-filter-menu__toggle-icon--open {
  transform: rotate(180deg);
}
.partial-filter-menu__option {
  display: flex;
  height: 100%;
  padding: 0.5rem 0;
}
.partial-filter-menu__option--select-all {
  padding: 0.5rem 0 0.8125rem 0;
  border-bottom: 1px solid rgba(55, 62, 77, 0.2);
}
.partial-filter-menu__footer {
  display: flex;
  gap: 0.9375rem;
  margin-right: 0.9375rem;
}
.partial-filter-menu__search {
  padding-bottom: 0.625rem;
}
.partial-filter-menu__amount {
  align-items: center;
  border: 1px solid #373E4D;
  border-radius: 2.5rem;
  display: flex;
  font-weight: 600;
  height: 1.25rem;
  justify-content: center;
  width: 1.25rem;
}
.partial-filter-menu__header {
  align-items: center;
  background: #fff;
  border: 1px solid #373E4D;
  border-radius: 100px;
  color: #373E4D;
  cursor: pointer;
  display: flex;
  font-size: 0.875rem;
  gap: 0.625rem;
  height: 2rem !important;
  max-width: 25rem;
  padding: 0.625rem 0.9375rem;
  width: max-content;
}
.partial-filter-menu__header-text {
  align-items: center;
  display: flex;
  gap: 0.3125rem;
  height: 1.25rem;
}
.partial-filter-menu__header--active {
  background: #E8F9F6;
  border: 1px solid #1CC2A4;
}
.partial-filter-menu__header--disabled {
  opacity: 0.5;
  pointer-events: none;
}
.partial-filter-menu__header--disabled.partial-filter-menu__header--one-element {
  background: #E8F9F6;
  border-color: #117462;
  color: #117462;
  opacity: 1;
}
.partial-filter-menu__header:hover {
  opacity: 0.7;
}
.partial-filter-menu__options {
  display: flex;
  flex-direction: column;
  gap: 0.3125rem;
  margin-bottom: 0.9375rem;
  max-height: 12.5rem;
  overflow-y: auto;
}
.partial-filter-menu__menu {
  background: #fff;
  border: 1px solid #373E4D;
  border-radius: 10px;
  display: flex;
  flex-direction: column;
  left: 0;
  padding: 0.5rem 0.625rem 0 0.625rem;
  position: absolute;
  top: 2.625rem;
  width: 10.25rem;
  z-index: 10000;
}
.partial-filter-menu__menu .field-checkbox {
  display: flex;
  gap: 0.1875rem;
  height: 100%;
  justify-content: space-between;
  margin-bottom: 0;
  width: 100%;
}
.partial-filter-menu__menu .field-checkbox .faux-check {
  width: 100%;
}
.partial-filter-menu__menu .field-checkbox label {
  align-items: flex-start;
  color: #373E4D;
  flex-direction: row-reverse;
  font-size: 0.875rem;
  font-weight: 400;
  justify-content: space-between;
  padding: 0;
  text-transform: none;
}
.partial-filter-menu__menu .field-checkbox label::after, .partial-filter-menu__menu .field-checkbox label::before {
  border-radius: 0.1875rem !important;
  flex: 0 0 auto;
  height: 1rem;
  width: 1rem;
}
.partial-filter-menu__menu .field-checkbox label::before {
  left: 0.0625rem !important;
  margin-right: 0.0625rem !important;
}
.partial-filter-menu__menu .field-checkbox label::after {
  left: inherit !important;
  right: -4px;
  top: 0.25rem !important;
}

.partial-filter-menu--simple {
  width: 12.5rem;
  max-height: 15.625rem;
}

.partial-discounts-banner {
  align-items: flex-end;
  background: #E50019;
  border-radius: 0.5rem;
  display: inline-flex;
  flex-direction: column;
  height: 18.75rem;
  justify-content: space-between;
  overflow: hidden;
  padding: 1.375rem;
  position: relative;
  width: 100%;
}
@media only screen and (max-width: 1024px) {
  .partial-discounts-banner {
    gap: 1.25rem;
    height: unset;
  }
}
.partial-discounts-banner::after {
  background: url("icons/white-alert.svg") no-repeat;
  content: "";
  height: 18.75rem;
  opacity: 0.2;
  position: absolute;
  right: -20px;
  top: -5px;
  width: 18.75rem;
}
.partial-discounts-banner__content {
  align-items: flex-start;
  align-self: stretch;
  display: flex;
  flex-direction: column;
  gap: 2.8125rem;
  justify-content: flex-start;
}
.partial-discounts-banner__title {
  display: flex;
  flex-direction: column;
  gap: 0.625rem;
}
.partial-discounts-banner__title-primary {
  color: #F6F6F6;
  font-family: "Source Sans Pro", sans-serif;
  font-size: 1.625rem;
  font-weight: 600;
  text-transform: uppercase;
}
.partial-discounts-banner__title-secondary {
  color: #F6F6F6;
  font-family: "Source Sans Pro", sans-serif;
  font-size: 1.875rem;
  font-style: italic;
  font-weight: 700;
  text-transform: uppercase;
}
.partial-discounts-banner__discounts {
  align-items: center;
  display: inline-flex;
  flex-wrap: wrap;
  gap: 1.875rem;
  justify-content: flex-start;
  max-width: 40.625rem;
}
.partial-discounts-banner__discount {
  align-items: center;
  display: inline-flex;
  gap: 1.875rem;
  justify-content: flex-start;
}
.partial-discounts-banner__discount-container {
  align-items: center;
  display: inline-flex;
  flex-direction: column;
  justify-content: flex-start;
}
.partial-discounts-banner__discount-label {
  color: #fff;
  font-family: "Source Sans Pro", sans-serif;
  font-size: 0.8125rem;
  font-weight: 400;
}
.partial-discounts-banner__discount-value {
  display: inline-block;
}
.partial-discounts-banner__discount-amount {
  color: #fff;
  font-family: "Source Sans Pro", sans-serif;
  font-size: 3.1875rem;
  font-weight: 900;
}
.partial-discounts-banner__discount-percent {
  color: #fff;
  font-family: "Source Sans Pro", sans-serif;
  font-size: 3.1875rem;
  font-weight: 700;
}
.partial-discounts-banner__separator {
  border: 0.0625rem #fff solid;
  height: 3.125rem;
  width: 0;
}
.partial-discounts-banner__footer {
  align-items: center;
  align-self: stretch;
  display: inline-flex;
  justify-content: flex-end;
  z-index: 1;
}
.partial-discounts-banner__disclaimer {
  color: #fff;
  font-family: "Source Sans Pro", sans-serif;
  font-size: 0.75rem;
  font-weight: 400;
}
.partial-discounts-banner__button {
  color: #fff;
  font-size: 1.25rem !important;
  font-weight: 600;
  padding: 0.5rem 1.25rem !important;
}
.partial-discounts-banner__button:hover {
  opacity: 0.8;
}
.partial-discounts-banner__button:active {
  opacity: 0.6;
}

.tooltip_container--center {
  align-items: center;
  display: flex;
}
.tooltip_show {
  align-items: center;
  background-color: #373E4D;
  border-radius: 10px;
  display: flex;
  color: #fff;
  min-height: 18px;
  padding: 8px 16px;
  max-height: fit-content;
  line-height: 0.9rem;
  position: absolute;
  z-index: 1;
}
.tooltip_show::after {
  border-style: solid;
  border-width: 0.3125rem;
  content: " ";
  position: absolute;
  border-color: #373E4D transparent transparent;
  left: -4px;
  top: 39%;
  transform: rotate(90deg);
}

.top::after {
  left: 10%;
  top: 100%;
  transform: rotate(0deg);
}

.bottom::after {
  left: 10%;
  margin-left: -5px;
  top: -100%;
  transform: rotate(180deg);
}

.left::after {
  right: -9px;
  left: initial;
  margin-left: 0;
  top: 35%;
  transform: rotate(-90deg);
}

.exam-policy {
  background: #f8f9fa;
  padding: 1.5rem;
  border-radius: 0.75rem;
  margin-bottom: 2.5rem;
  border: 1px solid #e9ecef;
}
.exam-policy__title {
  font-size: 1.25rem;
  color: #373E4D;
  margin-bottom: 1.5rem;
  font-weight: 600;
  text-align: center;
  border-bottom: 2px solid #e9ecef;
  padding-bottom: 1rem;
}
.exam-policy__section {
  margin-bottom: 2rem;
}
.exam-policy__section-title {
  font-size: 1.125rem;
  color: #1CC2A4;
  margin-bottom: 1rem;
  font-weight: 600;
}
.exam-policy__warning {
  color: #E50019;
  font-weight: 500;
  background: #FDE8E9;
  padding: 0.75rem 1rem 0.75rem 2.5rem;
  border-radius: 0.5rem;
  border: 1px solid #FCDDDE;
  margin-top: 0.5rem;
  list-style: none;
  position: relative;
}
.exam-policy__warning::before {
  content: "⚠";
  color: #E50019;
  position: absolute;
  left: 1rem;
  font-weight: bold;
}
.exam-policy__important {
  background: #FDE8E9;
  color: #E50019;
  padding: 1rem;
  border-radius: 0.5rem;
  margin: 1.5rem 0;
  font-weight: 500;
  border: 1px solid #FCDDDE;
}
.exam-policy__acknowledgment {
  background: #E8F9F6;
  color: #1CC2A4;
  padding: 1rem;
  border-radius: 0.5rem;
  font-weight: 500;
  font-style: italic;
  border: 1px solid rgba(28, 194, 164, 0.1019607843);
}
.exam-policy ul,
.exam-policy ol {
  padding-left: 1.5rem;
  margin-bottom: 1rem;
}
.exam-policy li {
  margin-bottom: 0.75rem;
  color: #373E4D;
  line-height: 1.5;
}
.exam-policy ol > li {
  margin-bottom: 1rem;
}
.exam-policy ul {
  list-style: disc;
}
.exam-policy li > ul {
  margin-top: 0.5rem;
  padding-left: 2rem;
}

.exam-attempt {
  background: #fff;
  border: 1px solid #e9ecef;
  border-radius: 0.5rem;
  display: flex;
  align-items: center;
  justify-content: space-between;
  padding: 1rem;
  margin-bottom: 0.75rem;
}
.exam-attempt__info {
  display: flex;
  align-items: center;
  gap: 1.5rem;
}
.exam-attempt__status {
  display: flex;
  align-items: center;
  gap: 0.5rem;
  font-weight: 600;
  font-size: 0.875rem;
  color: #373E4D;
  text-transform: capitalize;
}
.exam-attempt__score {
  font-size: 0.875rem;
  color: #373E4D;
  font-weight: 500;
}
.exam-attempt__button {
  min-width: 9.375rem;
  font-size: 0.875rem !important;
  height: 2.25rem !important;
}
@media only screen and (max-width: 768px) {
  .exam-attempt__button {
    font-size: 0.75rem !important;
    min-width: 7.5rem;
  }
}
.exam-attempt--passed {
  border-color: rgba(28, 194, 164, 0.1019607843);
}
.exam-attempt--passed .exam-attempt__status {
  color: #1CC2A4;
}
.exam-attempt--passed .exam-attempt__score {
  color: #1CC2A4;
}
.exam-attempt--passed .partial-button {
  border-color: rgba(28, 194, 164, 0.1019607843) !important;
  color: #1CC2A4 !important;
}
.exam-attempt--failed, .exam-attempt--terminated {
  border-color: #E50019;
}
.exam-attempt--failed .exam-attempt__status, .exam-attempt--terminated .exam-attempt__status {
  color: #E50019;
}
.exam-attempt--failed .exam-attempt__score, .exam-attempt--terminated .exam-attempt__score {
  color: #E50019;
}
.exam-attempt--failed .partial-button, .exam-attempt--terminated .partial-button {
  border-color: #E50019 !important;
  color: #E50019 !important;
}
.exam-attempt--started {
  border-color: #FEA125;
}
.exam-attempt--started .exam-attempt__status {
  color: #FEA125;
}
.exam-attempt--started .exam-attempt__score {
  color: #FEA125;
}
@media only screen and (max-width: 768px) {
  .exam-attempt {
    flex-direction: column;
    gap: 1rem;
  }
  .exam-attempt__info {
    width: 100%;
    justify-content: space-between;
  }
}

.partial-bar-chart__container {
  padding: 0.75rem 1.5rem;
}
.partial-bar-chart__header {
  margin-bottom: 1.5rem;
}
.partial-bar-chart__header-content {
  display: flex;
  align-items: flex-start;
  justify-content: space-between;
  flex-wrap: wrap;
  gap: 1rem;
}
@media only screen and (min-width: 767px) {
  .partial-bar-chart__header-content {
    align-items: center;
    flex-wrap: nowrap;
  }
}
.partial-bar-chart__title-section {
  display: flex;
  align-items: center;
  gap: 1rem;
  flex-wrap: wrap;
  min-width: 0;
  flex: 1;
}
@media only screen and (min-width: 767px) {
  .partial-bar-chart__title-section {
    flex-wrap: nowrap;
  }
}
.partial-bar-chart__title {
  margin: 0;
  font-size: 1.25rem;
  font-weight: 600;
  color: #373E4D;
  line-height: 1.2;
}
.partial-bar-chart__filter .select--chart-filter .select__control {
  max-width: 10rem !important;
}
.partial-bar-chart__filter .select--chart-filter .select__control:hover {
  border-color: #3D68E7;
}
.partial-bar-chart__filter .select--chart-filter .select__control--is-focused {
  border-color: #3D68E7;
  box-shadow: 0 0 0 1px #3D68E7;
}
.partial-bar-chart__filter .select--chart-filter .select__menu {
  right: 0;
}
.partial-bar-chart__filter .select--chart-filter .select__placeholder {
  color: #7B869E;
  font-size: 0.875rem;
}
.partial-bar-chart__filter .select--chart-filter .select__single-value {
  color: #373E4D;
  font-size: 0.875rem;
}
.partial-bar-chart__actions {
  display: flex;
  align-items: center;
  gap: 0.75rem;
}
.partial-bar-chart__see-more {
  white-space: nowrap;
}
.partial-bar-chart__chart-container {
  position: relative;
  min-height: 18.75rem;
}
.partial-bar-chart__loading, .partial-bar-chart__empty-state {
  display: flex;
  align-items: center;
  justify-content: center;
  min-height: 18.75rem;
  background: #f8f9fa;
  border-radius: 0.5rem;
  border: 1px solid #e9ecef;
}
.partial-bar-chart__tooltip {
  background: #fff;
  border-radius: 0.5rem;
  box-shadow: 0 0.25rem 1rem rgba(0, 0, 0, 0.15);
  padding: 1rem;
  border: 1px solid #e9ecef;
  max-width: 17.5rem;
}
.partial-bar-chart__tooltip-title {
  font-weight: 600;
  font-size: 0.875rem;
  color: #373E4D;
  margin-bottom: 0.75rem;
  line-height: 1.2;
}
.partial-bar-chart__tooltip-content {
  display: flex;
  flex-direction: column;
  gap: 0.5rem;
}
.partial-bar-chart__tooltip-item {
  display: flex;
  align-items: center;
  gap: 0.5rem;
  font-size: 0.8125rem;
}
.partial-bar-chart__tooltip-indicator {
  width: 0.5rem;
  height: 0.5rem;
  border-radius: 50%;
  flex-shrink: 0;
}
.partial-bar-chart__tooltip-label {
  color: #7B869E;
  font-weight: 500;
}
.partial-bar-chart__tooltip-value {
  color: #373E4D;
  font-weight: 600;
  margin-left: auto;
}
.partial-bar-chart__toggle {
  display: flex;
  align-items: center;
  gap: 0.5rem;
}
.partial-bar-chart__title-container {
  display: flex;
  align-items: center;
  gap: 0.5rem;
}

.partial-exam-stats-chart {
  border: 1px solid rgba(35, 43, 64, 0.1);
  border-radius: 0.5rem;
  background: #fff;
  padding: 1.25rem;
}
.partial-exam-stats-chart__title {
  color: #373E4D;
  font-size: 1.125rem;
  font-weight: 600;
  margin-bottom: 1.25rem;
  text-align: center;
}
.partial-exam-stats-chart__container {
  width: 100%;
  height: 100%;
}
.partial-exam-stats-chart__no-data {
  display: flex;
  align-items: center;
  justify-content: center;
  height: 12.5rem;
  color: #7B869E;
  font-size: 1rem;
}
.partial-exam-stats-chart__tooltip {
  background-color: #373E4D;
  border-radius: 0.25rem;
  color: #fff;
  padding: 0.5rem 0.75rem;
  font-size: 0.875rem;
}
.partial-exam-stats-chart__tooltip p {
  margin: 0;
  padding: 0;
}

.tooltip-portal {
  position: absolute;
  background-color: #373E4D;
  color: #fff;
  padding: 0.3125rem 0.625rem;
  border-radius: 0.25rem;
  font-size: 0.875rem;
  max-width: 18.75rem;
  z-index: 9999;
  pointer-events: none;
}
.tooltip-portal--interactive {
  pointer-events: auto;
}
.tooltip-portal--top::after {
  content: "";
  position: absolute;
  top: 100%;
  left: 50%;
  margin-left: -5px;
  border-width: 0.3125rem;
  border-style: solid;
  border-color: #373E4D transparent transparent;
}

.tooltip-portal-wrapper {
  display: inline-block;
  width: 100%;
}
.tooltip-portal-wrapper--half-width {
  width: calc(50% - 0.375rem) !important;
}
.tooltip-portal-wrapper .css-b62m3t-container {
  width: 100%;
}
.tooltip-portal-wrapper .react-datepicker-wrapper {
  width: 100%;
}

.partial-saved-cards__card-name-tooltip {
  display: -webkit-box;
  -webkit-line-clamp: 2;
  -webkit-box-orient: vertical;
  overflow: hidden;
  line-height: 1.25rem;
  height: 2.5rem;
  word-wrap: break-word;
}

.partial-admin-graph {
  display: flex;
  flex-direction: column;
  gap: 0.625rem;
  padding: 1.25rem 1.25rem 0.5rem;
}
.partial-admin-graph__export-csv {
  color: #fff;
  border: 1px solid #1CC2A4;
}
.partial-admin-graph__header {
  display: flex;
  width: 100%;
  align-items: center;
  gap: 0.25rem;
}
.partial-admin-graph__header-content {
  display: flex;
  align-items: flex-end;
  gap: 0.25rem;
}
.partial-admin-graph__header-title {
  font-size: 1.25rem;
  margin-bottom: 0;
  line-height: initial;
}
.partial-admin-graph__header-title-all-time {
  font-size: 0.875rem;
  line-height: initial;
  color: #7B869E;
  font-weight: 400;
  line-height: 1.3;
}
.partial-admin-graph__header-date-range {
  display: flex;
  align-items: center;
  gap: 1rem;
  width: 100%;
  justify-content: space-between;
}
.partial-admin-graph__header-date-range-container {
  display: flex;
  align-items: center;
  gap: 1rem;
  width: 100%;
}
.partial-admin-graph__filters {
  max-width: 75%;
}
.partial-admin-graph__filter-select .select__control {
  max-width: 100%;
  width: 100%;
  font-size: 0.875rem;
}
.partial-admin-graph__filter-select .select__option {
  font-size: 0.875rem;
}
.partial-admin-graph__filter-select .select__menu {
  width: 100%;
  max-width: none;
}
.partial-admin-graph__chart-section {
  position: relative;
}

.partial-admin-table {
  display: flex;
  flex-direction: column;
  gap: 0.625rem;
  padding: 1.25rem;
}
.partial-admin-table__header-title {
  margin: 0;
  font-size: 1.25rem;
  font-weight: 600;
  color: #373E4D;
  line-height: 1.3;
}
@media only screen and (min-width: 767px) {
  .partial-admin-table__header-title {
    font-size: 1.375rem;
  }
}
.partial-admin-table__header-subtitle {
  font-size: 1rem;
  font-weight: 400;
  color: #373E4D;
  line-height: 1.3;
}
.partial-admin-table__scroll-container {
  max-height: 18.75rem;
  overflow-x: auto;
}
.partial-admin-table__listing {
  background: #fff;
  border: 1px solid #BDC2CE;
  border-radius: 0.375rem;
  overflow: hidden;
}
.partial-admin-table__listing .header-row {
  background: #f8f9fa;
  border-bottom: 1px solid #BDC2CE;
  padding: 0.75rem 1rem;
  margin-bottom: 0;
  display: flex;
  align-items: center;
}
.partial-admin-table__header-row {
  display: flex;
  align-items: center;
  width: 100%;
}
.partial-admin-table__header-cell {
  display: flex;
  align-items: center;
  padding: 1.25rem 0 !important;
}
.partial-admin-table__header-cell--item {
  border-right: 0 !important;
}
.partial-admin-table__header-cell--value, .partial-admin-table__header-cell--comparison {
  justify-content: flex-end;
}
.partial-admin-table .partial-list-item-loader {
  display: flex;
  gap: 0rem;
}
.partial-admin-table .partial-list-item-loader .react-loading-skeleton {
  border-radius: 0;
  border-bottom: 1px solid #BDC2CE;
}
.partial-admin-table .partial-list-item-loader > span:last-of-type .react-loading-skeleton {
  border-bottom: 0;
}

.line {
  background: #D6D9E1;
  flex-grow: 1;
  height: 1px;
  margin: 0 0.5rem;
  width: 0.8125rem;
}

.progress-steps-container {
  display: flex;
}
.progress-steps-container .step-label {
  color: #231F20;
  flex: 0 0 auto;
  font-size: 0.9375rem;
  margin-left: 0.4375rem;
}

.step-wrapper {
  align-items: center;
  cursor: pointer;
  display: flex;
}
.step-wrapper:hover {
  opacity: 0.7;
}

.step {
  align-items: center;
  border: 1px solid #231F20;
  border-radius: 50%;
  color: #231F20;
  display: flex;
  flex: 0 0 auto;
  font-size: 0.9375rem;
  font-weight: 500;
  height: 1.625rem;
  justify-content: center;
  width: 1.625rem;
}

.completed.step {
  border: 1px solid #3D68E7;
  color: #3D68E7;
}

.current.step {
  background: #3D68E7;
  border: 1px solid #3D68E7;
  color: #fff;
}
.current.step-label {
  color: #3D68E7;
  display: block;
}

.listing-course-sales-detailed-item {
  width: 3.75rem;
  padding: 0 !important;
  min-width: 3.75rem;
  justify-content: center;
  font-size: 0.75rem;
}
.listing-course-sales-detailed-item__course-name {
  width: 12.5rem;
  min-width: 12.5rem;
  justify-content: flex-start;
  padding: 1rem !important;
  font-size: 0.875rem;
  font-weight: 700;
}
.listing-course-sales-detailed-item__course-owner {
  width: 9.375rem;
  min-width: 9.375rem;
  justify-content: flex-start;
  padding: 1rem !important;
  font-size: 0.875rem;
  font-weight: 700;
}
.listing-course-sales-detailed-item__jan, .listing-course-sales-detailed-item__feb, .listing-course-sales-detailed-item__mar, .listing-course-sales-detailed-item__apr, .listing-course-sales-detailed-item__may, .listing-course-sales-detailed-item__jun, .listing-course-sales-detailed-item__jul, .listing-course-sales-detailed-item__aug, .listing-course-sales-detailed-item__sep, .listing-course-sales-detailed-item__oct, .listing-course-sales-detailed-item__nov, .listing-course-sales-detailed-item__dec {
  width: 3.75rem;
  padding: 1rem !important;
  min-width: 3.75rem;
  justify-content: center;
  font-size: 0.75rem;
}
.listing-course-sales-detailed-item__ytd {
  width: 5rem;
  min-width: 5rem;
  justify-content: center;
  padding: 1rem !important;
  font-size: 0.75rem;
  font-weight: 700;
}
.listing-course-sales-detailed-item__sales2022, .listing-course-sales-detailed-item__sales2023, .listing-course-sales-detailed-item__sales2024,
.listing-course-sales-detailed-item [class^=listing-course-sales-detailed-item__sales] {
  width: 6.25rem;
  min-width: 6.25rem;
  justify-content: center;
  padding: 1rem !important;
}

.partial-course-sales-detailed-table__header {
  display: flex;
  align-items: center;
  justify-content: space-between;
  gap: 1rem;
}
.partial-course-sales-detailed-table__header-list {
  margin: 0;
  width: max-content;
}
.partial-course-sales-detailed-table__header-cell {
  padding: 1rem !important;
  width: 3.75rem;
  min-width: 3.75rem;
}
.partial-course-sales-detailed-table__header-cell--course-name {
  width: 12.5rem;
  min-width: 12.5rem;
  justify-content: flex-start;
  padding: 1rem !important;
  font-size: 0.875rem;
  font-weight: 700;
}
.partial-course-sales-detailed-table__header-cell--course-owner {
  width: 9.375rem;
  min-width: 9.375rem;
  justify-content: flex-start;
  padding: 1rem !important;
  font-size: 0.875rem;
  font-weight: 700;
}
.partial-course-sales-detailed-table__header-cell--jan, .partial-course-sales-detailed-table__header-cell--feb, .partial-course-sales-detailed-table__header-cell--mar, .partial-course-sales-detailed-table__header-cell--apr, .partial-course-sales-detailed-table__header-cell--may, .partial-course-sales-detailed-table__header-cell--jun, .partial-course-sales-detailed-table__header-cell--jul, .partial-course-sales-detailed-table__header-cell--aug, .partial-course-sales-detailed-table__header-cell--sep, .partial-course-sales-detailed-table__header-cell--oct, .partial-course-sales-detailed-table__header-cell--nov, .partial-course-sales-detailed-table__header-cell--dec {
  padding: 1rem !important;
  width: 3.75rem;
  min-width: 3.75rem;
}
.partial-course-sales-detailed-table__header-cell--ytd {
  padding: 1rem !important;
  width: 5rem;
  font-weight: 700;
  min-width: 5rem;
}
.partial-course-sales-detailed-table__header-cell--sales2022, .partial-course-sales-detailed-table__header-cell--sales2023, .partial-course-sales-detailed-table__header-cell--sales2024, .partial-course-sales-detailed-table__header-cell[class*="--sales"] {
  padding: 1rem !important;
  width: 6.25rem;
  min-width: 6.25rem;
  justify-content: center;
}
.partial-course-sales-detailed-table__scroll-container {
  margin: 0;
  width: max-content;
}
.partial-course-sales-detailed-table__scroll-container {
  overflow: auto !important;
  max-height: 31.25rem;
}
.partial-course-sales-detailed-table__filters {
  display: flex;
  align-items: center;
  gap: 1rem;
}

.partial-infinite-scroll-list__content {
  overflow: auto !important;
  padding-right: 0 !important;
}
.partial-infinite-scroll-list__content:has(.partial-list-item-loader) {
  overflow: hidden !important;
}

.existing-user-info {
  width: 100%;
  padding: 0.75rem;
  border-radius: 0.25rem;
  display: flex;
  align-items: flex-start;
  gap: 0.75rem;
  font-size: 0.875rem;
  margin-bottom: 0.75rem;
}
.existing-user-info.warning {
  background-color: #FCDDDE;
  color: #B2151B;
}
.existing-user-info.success {
  background-color: #e5e6e7;
  color: #373E4D;
}
.existing-user-info__icon {
  width: 1rem;
  height: 1rem;
}
.existing-user-info__content {
  gap: 0.5rem;
  display: flex;
}

.custom-field-component {
  width: 100%;
  margin-top: 0.25rem;
}

.modal-wrap {
  height: 100%;
  left: 0;
  position: fixed;
  top: 0;
  width: 100%;
  z-index: 2;
}

.modal-add-trainer .partial-form-factory .form-factory-wrap {
  display: flex;
  flex-direction: column;
  gap: 1rem;
}
.modal-add-trainer .trainer-type-info {
  margin: 1rem 0;
}
.modal-add-trainer .trainer-type-info .info-box {
  padding: 0.75rem;
  background-color: rgba(55, 62, 77, 0.4);
  border-radius: 0.25rem;
  border-left: 0.25rem solid #373E4D;
}
.modal-add-trainer .trainer-type-info .info-box strong {
  color: #373E4D;
  display: block;
  margin-bottom: 0.25rem;
}
.modal-add-trainer .trainer-type-info .info-box p {
  color: #F9FBFC;
  font-size: 0.8125rem;
  line-height: 1.4;
  margin: 0;
}
.modal-add-trainer .button-wrap {
  display: flex;
  justify-content: flex-end;
  padding-top: 1rem;
  border-top: 1px solid rgba(55, 62, 77, 0.4);
}
.modal-add-trainer .field-multiselect .react-select__multi-value {
  background-color: #3D68E7;
}
.modal-add-trainer .field-multiselect .react-select__multi-value .react-select__multi-value__label {
  color: #373E4D;
}
.modal-add-trainer .field-multiselect .react-select__multi-value .react-select__multi-value__remove {
  color: #373E4D;
}
.modal-add-trainer .field-multiselect .react-select__multi-value .react-select__multi-value__remove:hover {
  background-color: #373E4D;
  color: white;
}

.modal-chapter-to-variant .partial-infinite-scroll-list,
.modal-add-scorm-to-variant .partial-infinite-scroll-list {
  border: none;
  border-radius: unset;
  max-height: 37.5rem;
  overflow-y: auto;
}
.modal-chapter-to-variant__loader,
.modal-add-scorm-to-variant__loader {
  display: flex;
  flex-direction: column;
  gap: 0.625rem;
}
.modal-chapter-to-variant__courses .listing,
.modal-add-scorm-to-variant__courses .listing {
  border: none;
  display: flex;
  flex-direction: column;
  gap: 0.625rem;
}

.modal-edit-user-course {
  overflow-x: hidden;
}
.modal-edit-user-course .partial-notes,
.modal-edit-user-course .block-admin-meta {
  margin-bottom: 0.9375rem;
}

.modal-invoice-details__reminder {
  margin-left: 0 !important;
}
.modal-invoice-details__view-reminders {
  margin-left: 0 !important;
  margin-top: 0.625rem !important;
}
.modal-invoice-details__admin-buttons {
  display: flex;
  gap: 0.625rem;
  margin-top: 0.625rem;
}
.modal-invoice-details__download-certificates.partial-button {
  margin: 0 0 1.25rem !important;
}
.modal-invoice-details__courses {
  display: flex;
  flex-direction: column;
  gap: 0.625rem;
}
.modal-invoice-details__invoice-total {
  color: #373E4D;
  text-align: right;
  font-size: 1.25rem;
}

.modal-add-sale__header {
  align-items: center;
  display: flex;
  justify-content: space-between;
  margin-bottom: 0.625rem;
}
.modal-add-sale__list, .modal-add-sale__form {
  display: block;
}
.modal-add-sale__list--hidden, .modal-add-sale__form--hidden {
  display: none;
}
.modal-add-sale__title {
  font-size: 1.125rem;
}
.modal-add-sale .listing-bundle-course__name {
  font-size: 0.9375rem;
}
.modal-add-sale .listing-bundle-course__delete {
  height: 1.0625rem;
  width: 1.0625rem;
}
.modal-add-sale__courses {
  margin: 1.5625rem 0;
  max-height: 31.25rem !important;
}
.modal-add-sale__courses-list {
  display: flex;
  flex-direction: column;
  gap: 0.625rem;
}
.modal-add-sale__courses .listing-add-bundle:last-of-type {
  border-bottom: none;
}
.modal-add-sale__description {
  color: #373E4D;
  font-size: 0.875rem;
  margin-bottom: 1.25rem;
}
.modal-add-sale .error-message {
  display: flex;
  font-size: 0.625rem;
  height: 0.625rem;
}
.modal-add-sale .field {
  margin-bottom: 0.375rem;
}

.modal-add-course-licenses-to-cart .block-manage-course-licenses__header {
  margin-bottom: 0.625rem;
}

.modal-license-expiration,
.modal-show-licenses {
  max-width: 43.75rem !important;
  min-height: 18.75rem !important;
}
.modal-license-expiration.modal-manage-licenses,
.modal-show-licenses.modal-manage-licenses {
  max-width: 43.75rem !important;
}
.modal-license-expiration .member-enrollment,
.modal-show-licenses .member-enrollment {
  display: grid !important;
  gap: 0.625rem;
  grid-template-columns: 9.375rem 13.75rem 6.625rem 4.375rem;
}
@media only screen and (max-width: 1024px) {
  .modal-license-expiration .member-enrollment,
  .modal-show-licenses .member-enrollment {
    display: flex !important;
    flex-flow: row wrap;
  }
}
.modal-license-expiration .member-enrollment--one-course,
.modal-show-licenses .member-enrollment--one-course {
  grid-template-columns: 1fr 7.5rem 4.375rem;
}
.modal-license-expiration .member-enrollment__header,
.modal-show-licenses .member-enrollment__header {
  border-bottom: none !important;
}
@media only screen and (max-width: 1024px) {
  .modal-license-expiration .member-enrollment__header,
  .modal-show-licenses .member-enrollment__header {
    display: none !important;
  }
}
.modal-license-expiration .member-enrollment__header span,
.modal-show-licenses .member-enrollment__header span {
  color: #373E4D;
  font-size: 0.625rem;
  font-weight: 700;
  text-transform: uppercase;
}
.modal-license-expiration .member-enrollment__course-label,
.modal-show-licenses .member-enrollment__course-label {
  color: #373E4D;
  font-size: 0.9375rem;
}
.modal-license-expiration .member-enrollment__status-container,
.modal-show-licenses .member-enrollment__status-container {
  align-items: flex-end !important;
  flex-direction: column;
}
.modal-license-expiration .member-enrollment__status-label,
.modal-show-licenses .member-enrollment__status-label {
  align-items: center;
  border-radius: 0.3125rem;
  color: #fff;
  display: flex;
  font-size: 0.75rem;
  font-weight: 600;
  height: 1.5625rem;
  padding: 0.3125rem 1.25rem;
  text-transform: uppercase;
}
.modal-license-expiration .member-enrollment__status-time,
.modal-show-licenses .member-enrollment__status-time {
  color: #373E4D;
  font-size: 0.9375rem;
  width: 6.25rem;
}

.modal-show-licenses__list,
.modal-assign-licenses__list {
  display: flex;
  flex-direction: column;
  gap: 0.625rem;
}
.modal-show-licenses__subtitle,
.modal-assign-licenses__subtitle {
  white-space: pre-wrap;
}
.modal-show-licenses__filters,
.modal-assign-licenses__filters {
  display: flex;
  gap: 0.625rem;
}
.modal-show-licenses__filters .field,
.modal-assign-licenses__filters .field {
  margin-bottom: 1.25rem;
}
.modal-show-licenses__filters input.has-search,
.modal-assign-licenses__filters input.has-search {
  max-width: 100%;
}
.modal-show-licenses__loader,
.modal-assign-licenses__loader {
  display: flex;
  flex-direction: column;
  gap: 1.25rem;
}
.modal-show-licenses__loader br,
.modal-assign-licenses__loader br {
  display: none;
}
.modal-show-licenses .member-enrollment,
.modal-assign-licenses .member-enrollment {
  align-items: center;
  border-bottom: 1px solid rgba(55, 62, 77, 0.4);
  display: flex;
  justify-content: space-between;
  padding: 0 1.25rem 0.625rem;
}
.modal-show-licenses .member-enrollment__empty-state,
.modal-assign-licenses .member-enrollment__empty-state {
  color: #373E4D;
  height: 2.8125rem;
  text-align: center;
}
.modal-show-licenses .member-enrollment__empty-state span,
.modal-assign-licenses .member-enrollment__empty-state span {
  font-weight: 600;
}
.modal-show-licenses .member-enrollment__empty-state p,
.modal-assign-licenses .member-enrollment__empty-state p {
  padding-bottom: 0;
}
.modal-show-licenses .member-enrollment p,
.modal-assign-licenses .member-enrollment p {
  line-height: unset;
  padding: 0;
}
.modal-show-licenses .member-enrollment__meta,
.modal-assign-licenses .member-enrollment__meta {
  display: flex;
  flex-direction: column;
  gap: 0.3125rem;
}
.modal-show-licenses .member-enrollment__name,
.modal-assign-licenses .member-enrollment__name {
  font-size: 0.9375rem;
  font-weight: 600;
  line-height: 1.1875rem;
}
.modal-show-licenses .member-enrollment__role,
.modal-assign-licenses .member-enrollment__role {
  color: #373E4D;
  font-size: 0.8125rem;
  line-height: 1.0625rem;
}
.modal-show-licenses .member-enrollment__status-container,
.modal-assign-licenses .member-enrollment__status-container {
  align-items: center;
  display: flex;
  gap: 0.3125rem;
}
.modal-show-licenses .member-enrollment__status,
.modal-assign-licenses .member-enrollment__status {
  cursor: pointer;
  font-size: 0.9375rem;
  font-weight: 600;
}
.modal-show-licenses .member-enrollment__status:hover,
.modal-assign-licenses .member-enrollment__status:hover {
  opacity: 0.8;
}
.modal-show-licenses .member-enrollment__status--assign,
.modal-assign-licenses .member-enrollment__status--assign {
  color: #1CC2A4;
}
.modal-show-licenses .member-enrollment__status--disabled,
.modal-assign-licenses .member-enrollment__status--disabled {
  opacity: 0.3;
  pointer-events: none;
}
.modal-show-licenses .member-enrollment__status--remove,
.modal-assign-licenses .member-enrollment__status--remove {
  color: #E50019;
}

.modal-add-bundle-licenses-to-cart {
  height: 46.25rem !important;
  max-width: 37.5rem !important;
  padding: 1.25rem !important;
}
@media only screen and (max-width: 1024px) {
  .modal-add-bundle-licenses-to-cart {
    border-radius: 0 !important;
    height: 100% !important;
    max-height: 100% !important;
    max-width: 100% !important;
  }
}
.modal-add-bundle-licenses-to-cart .partial-button {
  font-size: 1.125rem !important;
  padding: 0.625rem 1.25rem !important;
}
.modal-add-bundle-licenses-to-cart .block-apply-coupon {
  border-top: 1px solid rgba(35, 43, 64, 0.2);
  padding: 1.5625rem 0 1.25rem !important;
}
.modal-add-bundle-licenses-to-cart .block-apply-coupon .partial-button {
  font-size: 0.9375rem !important;
  height: 2.4375rem !important;
}
.modal-add-bundle-licenses-to-cart .block-checkout-form {
  margin-top: 1.5625rem;
}
.modal-add-bundle-licenses-to-cart .block-bundle-view-section {
  border: 0;
  display: flex;
  flex-direction: column;
  flex-grow: 1;
  padding: 0;
}
.modal-add-bundle-licenses-to-cart .block-manage-bundle-licenses {
  max-height: 28.875rem;
  overflow-y: auto;
}
.modal-add-bundle-licenses-to-cart .block-edit-section__title {
  display: none;
}

.modal-restrict-courses-to-org,
.modal-add-course-to-org,
.modal-add-course-to-user,
.modal-add-course-bundle,
.modal-add-certification,
.modal-add-user-to-org,
.modal-add-manager {
  overflow-y: unset !important;
}

.modal-report-email-settings {
  overflow: visible !important;
}
.modal-report-email-settings__schedules {
  border-top: 1px solid #BDC2CE;
  padding-top: 1.25rem;
  margin-top: 1.25rem;
}

.modal-add-course-to-org,
.modal-add-course-to-user {
  max-width: 31.25rem !important;
}
@media only screen and (max-width: 1024px) {
  .modal-add-course-to-org,
  .modal-add-course-to-user {
    max-width: 100%;
  }
}

.modal-merge-users {
  display: flex;
  flex-direction: column;
  gap: 1.5625rem;
  max-width: 43.75rem !important;
  overflow: unset !important;
}
@media only screen and (max-width: 1024px) {
  .modal-merge-users {
    max-width: 100%;
  }
}
.modal-merge-users__users {
  display: flex;
  flex-direction: column;
  gap: 1.25rem;
  max-height: 31.25rem;
  overflow-y: auto;
}
.modal-merge-users__left-chevron {
  display: flex;
  flex: 0 0 auto;
  height: 1.1875rem;
  width: 1.1875rem;
}
.modal-merge-users__user {
  align-items: center;
  border: 0.5px solid rgba(55, 62, 77, 0.4);
  border-radius: 0.25rem;
  color: #373E4D;
  display: flex;
  font-size: 0.8125rem;
  font-weight: 600;
  gap: 0.625rem;
  padding: 0.375rem 0.625rem;
}
.modal-merge-users__user-email {
  font-size: 0.625rem;
  font-weight: 400;
}
.modal-merge-users__user-bin {
  cursor: pointer;
  margin-left: auto;
}
.modal-merge-users__user-bin:hover {
  opacity: 0.8;
}
.modal-merge-users .partial-modal-header {
  margin-bottom: 0;
}
.modal-merge-users__content {
  display: flex;
  gap: 1.5625rem;
}
.modal-merge-users__label {
  color: #373E4D;
  font-size: 0.75rem;
  font-weight: 700;
  text-transform: uppercase;
}
.modal-merge-users__add-user-buttons {
  display: flex;
  gap: 0.625rem;
  justify-content: flex-end;
}
.modal-merge-users__add-user-buttons .partial-button {
  margin: unset !important;
}
.modal-merge-users__right, .modal-merge-users__left {
  border: 0.5px solid rgba(55, 62, 77, 0.4);
  border-radius: 0.25rem;
  display: flex;
  flex-direction: column;
  gap: 1.5625rem;
  padding: 1.25rem 0.625rem;
  width: 100%;
}
.modal-merge-users__right-container, .modal-merge-users__left-container {
  align-items: center;
  display: flex;
  flex: 0 0 auto;
  height: 3.75rem;
}
.modal-merge-users__right {
  height: 100%;
}

.modal-add-certificate__subtext {
  color: #373E4D;
  font-size: 0.875rem;
  margin-bottom: 0.625rem;
}

.modal-add-user .form-factory-wrap {
  gap: 1.25rem;
}

.modal-license-expiration .right-buttons,
.modal-license-expiration .buy-licenses,
.modal-org-users .right-buttons,
.modal-org-users .buy-licenses,
.modal-manage-licenses .right-buttons,
.modal-manage-licenses .buy-licenses {
  justify-content: flex-end;
  margin: unset !important;
  margin-left: auto;
}
.modal-license-expiration .right-buttons,
.modal-license-expiration .buy-licenses,
.modal-org-users .right-buttons,
.modal-org-users .buy-licenses,
.modal-manage-licenses .right-buttons,
.modal-manage-licenses .buy-licenses {
  justify-content: flex-end;
  margin: unset !important;
  margin-left: auto;
}
.modal-license-expiration .license-adjust,
.modal-org-users .license-adjust,
.modal-manage-licenses .license-adjust {
  margin-bottom: 20px;
}
.modal-license-expiration tr,
.modal-org-users tr,
.modal-manage-licenses tr {
  height: 1.875rem;
}
.modal-license-expiration__licenses,
.modal-org-users__licenses,
.modal-manage-licenses__licenses {
  align-items: center;
  display: flex;
  gap: 5px;
}
.modal-license-expiration__licenses-total,
.modal-org-users__licenses-total,
.modal-manage-licenses__licenses-total {
  color: #373E4D;
  font-size: 0.75rem;
  font-weight: 400;
  line-height: 20px;
}
.modal-license-expiration__licenses-total--bold,
.modal-org-users__licenses-total--bold,
.modal-manage-licenses__licenses-total--bold {
  font-weight: 600;
}
.modal-license-expiration__footer,
.modal-org-users__footer,
.modal-manage-licenses__footer {
  align-items: center;
  border-top: 1px solid rgba(55, 62, 77, 0.6);
  display: flex;
  justify-content: space-between;
  margin-top: 1.143rem;
  padding-top: 1.143rem;
}
.modal-license-expiration__adjust,
.modal-org-users__adjust,
.modal-manage-licenses__adjust {
  align-items: center;
  background: #1CC2A4 !important;
  display: flex;
  gap: 8px;
  margin: 0 0 0 10px !important;
}
.modal-license-expiration__adjust:disabled,
.modal-org-users__adjust:disabled,
.modal-manage-licenses__adjust:disabled {
  opacity: 0.6;
}
.modal-license-expiration__buttons,
.modal-org-users__buttons,
.modal-manage-licenses__buttons {
  display: flex;
  gap: 0.714rem;
}
.modal-license-expiration__discard,
.modal-org-users__discard,
.modal-manage-licenses__discard {
  background-color: transparent !important;
  border: 2px solid #373E4D !important;
  color: #373E4D !important;
  opacity: 0.7;
}
.modal-license-expiration .loader,
.modal-org-users .loader,
.modal-manage-licenses .loader {
  align-items: center;
  display: flex;
  justify-content: center;
}
.modal-license-expiration .listing-table__remove,
.modal-org-users .listing-table__remove,
.modal-manage-licenses .listing-table__remove {
  padding-right: 5px !important;
  width: 20px !important;
}
.modal-license-expiration .listing-table__status-info,
.modal-org-users .listing-table__status-info,
.modal-manage-licenses .listing-table__status-info {
  display: flex;
  gap: 20px;
}
@media (max-width: 640px) {
  .modal-license-expiration .listing-table__status-info,
  .modal-org-users .listing-table__status-info,
  .modal-manage-licenses .listing-table__status-info {
    gap: 5px;
    margin-right: 10px;
    white-space: nowrap;
  }
}
.modal-license-expiration .listing-table__edit-user,
.modal-org-users .listing-table__edit-user,
.modal-manage-licenses .listing-table__edit-user {
  cursor: pointer;
  padding: 0 10px 0 0;
}
.modal-license-expiration .listing-table__email-info,
.modal-org-users .listing-table__email-info,
.modal-manage-licenses .listing-table__email-info {
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
  width: 150px;
}
@media (max-width: 640px) {
  .modal-license-expiration .listing-table__email-info,
  .modal-org-users .listing-table__email-info,
  .modal-manage-licenses .listing-table__email-info {
    width: 70px;
  }
}
.modal-license-expiration .listing-table__name,
.modal-org-users .listing-table__name,
.modal-manage-licenses .listing-table__name {
  color: #373E4D;
  font-size: 0.875rem;
  font-weight: 600;
  line-height: 14px;
}
.modal-license-expiration .listing-table__role,
.modal-org-users .listing-table__role,
.modal-manage-licenses .listing-table__role {
  color: #373E4D;
  font-size: 0.875rem;
  font-weight: 600;
  line-height: 14px;
  min-width: 80px;
  opacity: 0.6;
  text-transform: capitalize;
}
.modal-license-expiration .listing-table__checked,
.modal-org-users .listing-table__checked,
.modal-manage-licenses .listing-table__checked {
  align-items: center;
  display: flex;
  justify-content: center;
}

.modal-underlay {
  backdrop-filter: blur(0.3125rem);
  background-color: rgba(0, 0, 0, 0.75);
  height: 100%;
  position: fixed;
  width: 100%;
  z-index: 10;
}

.modal {
  background-color: #fff;
  bottom: 0;
  left: 0;
  max-height: calc(100% - 3.75rem);
  min-height: 50vh;
  overflow-y: auto;
  padding: 1.25rem;
  position: fixed;
  width: 100%;
  z-index: 20;
  border-radius: "1.25rem 1.25rem 0 0";
  align-items: flex-start;
  display: flex;
  flex-flow: column nowrap;
  place-content: flex-start space-between;
}
@media only screen and (min-width: 767px) {
  .modal {
    bottom: 50%;
    left: 50%;
    max-height: 95vh;
    max-width: 28.75rem;
    min-height: 1px;
    transform: translate(-50%, 50%);
    border-radius: 1.25rem;
  }
}
@media only screen and (max-width: 560px) {
  .modal {
    border-radius: 0;
    max-height: unset;
    top: 0;
  }
}
.modal__loader {
  display: flex;
  flex-direction: column;
  gap: 1.25rem;
}
@media only screen and (max-width: 1024px) {
  .modal .select__control {
    width: 100%;
  }
}
.modal__alert-msg {
  white-space: pre-wrap;
}
.modal__alert-msg {
  white-space: pre-wrap;
}
.modal > * {
  width: 100%;
}
.modal > *:last-child {
  margin-bottom: auto;
}
.modal:last-child {
  margin-bottom: auto;
}
.modal-add-question {
  max-width: 50rem;
}
.modal-add-question__error-message {
  color: #E50019;
  font-size: 0.75rem;
  margin-top: 0.625rem;
}
.modal-add-question .partial-form-factory {
  padding-bottom: 1rem;
}
.modal-add-question__options {
  display: flex;
  flex-direction: column;
  border-top: 1px solid #e9ecef;
  gap: 1.4375rem;
  padding: 1rem 0 1.25rem;
}
.modal-add-question__add-option {
  color: #1CC2A4 !important;
}
.modal-add-question .partial-button-actions {
  flex-direction: column;
}
.modal-add-question__form {
  padding-bottom: 1rem;
}
.modal-add-question__question-image {
  display: flex;
}
.modal-add-question__question-image .display-image {
  display: flex;
  justify-content: center;
  align-items: center;
  margin-bottom: 1rem;
}
.modal-add-question__question-image .uploaded-image img,
.modal-add-question__question-image .uploaded-image .uploaded-image__image {
  max-width: 100%;
  max-height: 11.875rem;
  height: auto;
  display: block;
  cursor: zoom-in;
}
.modal__buttons {
  display: flex;
  gap: 0.625rem;
  justify-content: flex-end;
  margin-top: 1.25rem;
}
.modal__buttons__buttons {
  display: flex;
  gap: 0.625rem;
  justify-content: flex-end;
  margin-top: 1.25rem;
}
.modal__buttons__buttons--separated {
  justify-content: space-between;
}
.modal__buttons__buttons--separated {
  justify-content: space-between;
}
.modal__buttons__buttons .partial-button {
  margin: unset !important;
}
.modal__buttons .partial-button {
  margin: unset !important;
}
.modal .modal-section {
  border-bottom: 1px solid rgba(55, 62, 77, 0.25);
  padding: 0.625rem 0;
}
.modal .modal-section:last-of-type {
  border: none;
  padding: 0;
}
.modal .modal-close {
  cursor: hand;
  cursor: pointer;
  transition: all 250ms cubic-bezier(0.22, 1, 0.36, 1);
}
.modal .applied-coupon__container {
  display: flex;
  gap: 10px;
  margin-bottom: 20px;
}
.modal .applied-coupon__container .icon {
  cursor: pointer;
}
.modal .applied-coupon__previous {
  font-size: 20px;
  margin-right: 10px;
}
.modal.modal-redeem-users .listing-member {
  margin: 0;
  padding: 10px 0 !important;
}
.modal.modal-redeem-users .listing-member:first-of-type {
  padding-top: 0 !important;
}
.modal.modal-redeem-users .meta {
  width: 125px;
}
.modal.modal-redeem-users .name {
  cursor: pointer;
}
.modal.modal-redeem-users .name:hover {
  text-decoration: underline;
}
.modal.modal-redeem-users .courses {
  color: #373E4D;
  padding-bottom: 0;
}
.modal.modal-redeem-users .courses__show-more {
  color: #373E4D;
  cursor: pointer;
  text-decoration: underline;
}
.modal.modal-legal > * {
  width: auto;
}
.modal.modal-legal > * {
  width: auto;
}
.modal.modal-org-users .download {
  margin: 10px 0;
  max-width: none;
  width: 100%;
}
.modal.modal-org-users .download {
  margin: 10px 0;
  max-width: none;
  width: 100%;
}
.modal .block-upload-file {
  cursor: pointer !important;
  margin-bottom: 0.9375rem;
}
.modal.modal-restrict-courses-to-org .access-helper {
  font-size: 12px;
  margin-bottom: 10px;
  margin-top: 10px;
}

.modal-retrieve-document .partial-modal-header__title,
.modal-retrieve-excel .partial-modal-header__title {
  font-size: 0.75rem;
  font-weight: 700;
  text-transform: uppercase;
}
.modal-retrieve-document__upload-container,
.modal-retrieve-excel__upload-container {
  align-items: center;
  color: #373E4D;
  display: flex;
  font-size: 0.8125rem;
  gap: 0.3125rem;
  margin-top: 1.25rem;
}
.modal-retrieve-document__uploaded,
.modal-retrieve-excel__uploaded {
  align-items: center;
  border: 0.5px solid #373E4D;
  border-radius: 0.25rem;
  color: #373E4D;
  display: flex;
  font-size: 0.833125rem;
  font-weight: 600;
  justify-content: space-between;
  margin-top: 0.625rem;
  padding: 0.375rem 0.625rem;
}
.modal-retrieve-document__uploaded img,
.modal-retrieve-excel__uploaded img {
  cursor: pointer;
}
.modal-retrieve-document__uploaded img:hover,
.modal-retrieve-excel__uploaded img:hover {
  opacity: 0.7;
}
.modal-retrieve-document .block-file-upload,
.modal-retrieve-excel .block-file-upload {
  align-items: center;
  background-color: #fff !important;
  border: 1px solid #FEA125;
  border-radius: 0.25rem !important;
  color: #FEA125 !important;
  cursor: pointer;
  display: flex;
  height: 1.5625rem;
  justify-content: center;
  padding: 0.3125rem 0.625rem !important;
  text-align: center;
  text-decoration: none !important;
  width: max-content;
}
.modal-retrieve-document .block-upload-file,
.modal-retrieve-excel .block-upload-file {
  margin-bottom: 0;
}
.modal-retrieve-document .link,
.modal-retrieve-excel .link {
  cursor: pointer;
  text-decoration: underline;
}

.modal-license-expiration__content,
.modal-manage-licenses__content {
  max-height: 300px;
  overflow-y: auto;
}
@media only screen and (max-width: 1024px) {
  .modal-license-expiration__content,
  .modal-manage-licenses__content {
    max-height: 80vh;
  }
}
.modal-license-expiration__filters,
.modal-manage-licenses__filters {
  display: flex;
  gap: 0.625rem;
}

.modal-retrieve-excel {
  max-width: max-content;
}
.modal-retrieve-excel__upload-container {
  display: flex;
  flex-direction: column;
  align-items: start;
}

.modal-import-students {
  max-width: 900px;
  max-height: 90vh !important;
  height: 100%;
  width: 100%;
  display: flex;
  justify-content: flex-start;
  gap: 1.25rem;
}
.modal-import-students .partial-modal-header {
  margin-bottom: 0;
}
.modal-import-students > *:last-child {
  margin-bottom: 0;
}
.modal-import-students__header {
  text-align: start;
  display: flex;
  justify-content: space-between;
  gap: 1.25rem;
}
.modal-import-students__subtitle {
  color: rgba(55, 62, 77, 0.4);
  font-size: 0.875rem;
  margin: 0;
  padding: 0;
  white-space: nowrap;
  flex-shrink: 0;
}
.modal-import-students__subtitle-wrapper {
  display: flex;
  align-items: center;
  gap: 1rem;
  flex: 1;
}
.modal-import-students__bulk-exam-select-wrapper {
  min-width: 15.625rem;
  max-width: 18.75rem;
  flex-shrink: 1;
}
.modal-import-students__bulk-exam-select {
  width: 100%;
}
.modal-import-students__upload-zone {
  display: flex;
  flex-direction: column;
  align-items: center;
  justify-content: center;
  padding: 3rem 1.5rem 0 1.5rem;
  background: #fff;
  border-radius: 0.5rem;
}
.modal-import-students__upload-icon {
  color: #3D68E7;
  margin-bottom: 1rem;
  display: flex;
  align-items: center;
  justify-content: center;
}
.modal-import-students__content {
  height: 69%;
  display: flex;
  flex-direction: column;
  align-items: center;
  justify-content: center;
}
.modal-import-students__content--table {
  flex-direction: row;
  align-items: flex-start;
  justify-content: flex-start;
}
.modal-import-students__content--assign {
  align-items: stretch;
  justify-content: flex-start;
  width: 100%;
}
.modal-import-students__upload-title {
  color: #373E4D;
  font-size: 1.125rem;
  font-weight: 600;
  margin: 0 0 0.5rem 0;
}
.modal-import-students__upload-subtitle {
  color: rgba(55, 62, 77, 0.4);
  font-size: 0.875rem;
  margin: 0;
}
.modal-import-students__file-upload {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  opacity: 0;
  cursor: pointer;
}
.modal-import-students__buttons {
  display: flex;
  gap: 0.75rem;
  justify-content: center;
  padding-top: 1.5rem;
}
.modal-import-students__buttons--with-file {
  padding-top: 0;
}
.modal-import-students__buttons--with-file .block-upload-file {
  margin-bottom: 0 !important;
}
.modal-import-students__buttons--with-file .block-file-upload {
  display: flex;
  justify-content: center;
  padding: 0 0.5rem !important;
  height: 40px !important;
}
.modal-import-students__submit-buttons {
  display: flex;
  gap: 0.75rem;
  justify-content: end;
}
.modal-import-students__submit-buttons .partial-button {
  margin: 0 !important;
}
.modal-import-students__file-upload-label {
  background: #3D68E7 !important;
  border: 1.2px solid #3D68E7 !important;
  color: #fff !important;
  border-radius: 0.625rem !important;
}
.modal-import-students__file-upload-label-text {
  display: flex;
  font-family: "Source Sans Pro", sans-serif !important;
  align-items: center;
  gap: 0.5rem;
  font-size: 0.875rem !important;
  transition: all 0.2s ease;
  text-transform: none !important;
  padding: 0 5px !important;
  text-align: center !important;
}
.modal-import-students__file-upload-label:hover {
  opacity: 0.8;
}
.modal-import-students__download-btn {
  margin: 0 !important;
  height: 3.125rem !important;
  border-radius: 0.625rem !important;
}
.modal-import-students__download-btn--with-file {
  height: 2.5rem !important;
  width: 8.75rem !important;
}
.modal-import-students .block-assign-student-exams {
  display: flex;
  flex-direction: column;
  height: 100%;
  gap: 1rem;
  width: 100%;
}
.modal-import-students .block-assign-student-exams__message {
  color: #E50019;
  font-size: 0.875rem;
}
.modal-import-students .block-assign-student-exams__message--error {
  background-color: rgba(229, 0, 25, 0.08);
  border-color: rgba(229, 0, 25, 0.4);
  color: #E50019;
}
.modal-import-students .block-assign-student-exams__list {
  flex: 1;
  min-height: 20rem;
  display: flex;
  width: 100%;
}
.modal-import-students .block-assign-student-exams__list .header-row .cell.checkbox {
  flex: 0 0 2.5rem;
  display: flex;
  align-items: center;
  justify-content: center;
  padding: 0;
  min-width: 2.5rem;
  max-width: 2.5rem;
}
.modal-import-students .block-assign-student-exams__list .header-row .cell.checkbox .field-checkbox {
  margin: 0;
  height: 100%;
  display: flex;
  align-items: center;
  justify-content: center;
}
.modal-import-students .block-assign-student-exams__list .header-row .cell.checkbox .field-checkbox .faux-check {
  margin: 0;
  display: flex;
  align-items: center;
  justify-content: center;
}
.modal-import-students .block-assign-student-exams__list .header-row .cell.checkbox .field-checkbox input[type=checkbox] {
  width: 1.125rem;
  height: 1.125rem;
  cursor: pointer;
  margin: 0;
}
.modal-import-students__upload-btn {
  display: flex;
  align-items: center;
  gap: 0.5rem;
  padding: 0.75rem 1.5rem;
  background: #E59021;
  color: #fff;
  border: none;
  border-radius: 0.375rem;
  font-weight: 500;
  transition: all 0.2s ease;
}
.modal-import-students__upload-btn:hover:not(:disabled) {
  background: #FEA025;
}
.modal-import-students__upload-btn:disabled {
  background: #e5e6e7;
  color: #737883;
  cursor: not-allowed;
}
.modal-import-students__uploaded {
  display: flex;
  align-items: center;
  justify-content: space-between;
  padding: 0.75rem 1rem;
  background: #E8F9F6;
  border: 1px solid rgba(28, 194, 164, 0.1019607843);
  border-radius: 0.375rem;
  margin-top: 1rem;
}
.modal-import-students__uploaded-text {
  color: #373E4D;
  font-size: 0.875rem;
  font-weight: 500;
}
.modal-import-students__uploaded-delete {
  width: 1rem;
  height: 1rem;
  cursor: pointer;
  opacity: 0.6;
  transition: opacity 0.2s ease;
}
.modal-import-students__uploaded-delete:hover {
  opacity: 1;
}
.modal-import-students__students-list {
  margin-top: 1.5rem;
  padding: 1rem;
  background: #fff;
  border: 1px solid #BDC2CE;
  border-radius: 0.5rem;
  width: 100%;
  height: 100%;
}
.modal-import-students__students-title {
  color: #373E4D;
  font-size: 1rem;
  font-weight: 600;
  margin: 0 0 1rem 0;
}
.modal-import-students__students-container {
  max-height: 18.75rem;
  overflow-y: auto;
}
.modal-import-students__students-table {
  width: 100%;
  border: 1px solid #BDC2CE;
  border-radius: 0.5rem;
  overflow: visible;
  height: max-content;
  max-height: 100%;
  overflow-y: auto;
  margin-bottom: 0;
}
.modal-import-students__students-table .partial-infinite-scroll-list__content {
  gap: 0 !important;
}
.modal-import-students__students-table .listing {
  padding-right: 0 !important;
}
.modal-import-students__students-table .header-row .cell.email {
  flex: 1;
}
.modal-import-students__students-table .header-row .cell.name {
  flex: 1;
}
.modal-import-students__students-table .header-row .cell.company {
  flex: 1;
}
.modal-import-students__students-table .header-row .cell.status {
  flex: 0.5;
}
.modal-import-students__students-table .header-row .cell.actions {
  flex: 0.25;
}
.modal-import-students__students-table .listing-classroom-students .cell {
  display: flex;
  flex-direction: column;
  justify-content: center;
}
.modal-import-students__students-table .listing-classroom-students .cell.email {
  flex: 1;
}
.modal-import-students__students-table .listing-classroom-students .cell.name {
  flex: 1;
  display: flex;
}
.modal-import-students__students-table .listing-classroom-students .cell.company {
  flex: 1;
  overflow: visible;
}
.modal-import-students__students-table .listing-classroom-students .cell.company .field {
  margin-bottom: 0 !important;
}
.modal-import-students__students-table .listing-classroom-students .cell.status {
  flex: 0.5;
  align-items: center;
  justify-content: center;
}
.modal-import-students__students-table .listing-classroom-students .cell.actions {
  flex: 0.25;
  align-items: center;
  justify-content: center;
}
.modal-import-students__student-item {
  display: flex;
  align-items: center;
  justify-content: space-between;
  padding: 0.75rem 0;
  border-bottom: 1px solid #e9ecef;
}
.modal-import-students__student-item:last-child {
  border-bottom: none;
}
.modal-import-students__student-info {
  display: flex;
  flex-direction: column;
  gap: 0.25rem;
}
.modal-import-students__student-name {
  color: #373E4D;
  font-size: 0.875rem;
  font-weight: 500;
}
.modal-import-students__student-email {
  color: rgba(55, 62, 77, 0.4);
  font-size: 0.75rem;
}
.modal-import-students__delete-btn {
  display: flex;
  align-items: center;
  justify-content: center;
  width: 2rem;
  height: 2rem;
  background: transparent;
  border-radius: 0.375rem;
  color: rgba(55, 62, 77, 0.4);
  cursor: pointer;
  transition: all 0.2s ease;
}
.modal-import-students__delete-btn svg {
  width: 1rem;
  height: 1rem;
}
.modal-import-students__status-pending {
  color: #E59021;
  font-size: 1rem;
  font-weight: 600;
}
.modal-import-students__validation-errors {
  background: #fef2f2;
  border: 1px solid #fecaca;
  border-radius: 0.375rem;
  padding: 1rem;
  margin-top: 1rem;
}
.modal-import-students__validation-errors h4 {
  color: #dc2626;
  font-size: 0.875rem;
  font-weight: 600;
  margin: 0 0 0.5rem 0;
}
.modal-import-students__validation-errors ul {
  list-style: none;
  margin: 0;
  padding: 0;
}
.modal-import-students__validation-errors .error-message {
  color: #dc2626;
  font-size: 0.8125rem;
  margin-bottom: 0.25rem;
}
.modal-import-students__validation-errors .error-message:before {
  content: "• ";
  color: #dc2626;
  font-weight: bold;
}
.modal-import-students__errors {
  position: sticky;
  bottom: 0;
  left: 0;
  display: flex;
  flex-direction: column;
  gap: 0.25rem;
  margin-top: 0.625rem;
}
.modal-import-students__error-message {
  color: #E50019;
  font-size: 0.75rem;
}

.modal-export-certificates__buttons {
  display: flex;
  gap: 20px;
}

.css-kd95nd {
  margin: auto 0;
}

.css-kd95nd,
.css-1jqn12,
.css-1f16gxa {
  color: #373E4D !important;
  font-family: "Source Sans Pro", sans-serif !important;
  font-weight: 600 !important;
  padding-left: 1.25rem !important;
  text-align: start !important;
}

.css-1f16gxa {
  font-weight: 400 !important;
}

.css-j9zkf3 {
  background-image: none !important;
  border: 2px dashed #A2AABB !important;
}

.css-186fj5z {
  margin-bottom: 10px;
}

.chakra-stack {
  display: flex !important;
  flex-flow: row wrap !important;
}

.chakra-radio__control {
  background: none !important;
  border-color: #FEA125 !important;
}

.css-zz460i[data-checked],
.css-vtg3j9[data-checked] {
  background: #FEA125 !important;
  border-color: #FEA125 !important;
}
.css-zz460i[data-checked]:hover,
.css-vtg3j9[data-checked]:hover {
  background: #FEA125 !important;
  border-color: #FEA125 !important;
  opacity: 0.8;
}

.css-1qns50l {
  background-color: #EBEDF0 !important;
  border: none !important;
  border-radius: 0.625rem;
  color: #fff !important;
  cursor: pointer;
  font-family: "Source Sans Pro", sans-serif !important;
  height: 3.625rem;
}
.css-1qns50l[data-focus-visible], .css-1qns50l:active, .css-1qns50l:focus {
  box-shadow: none !important;
  outline: none !important;
}

.css-76243y,
.css-18euh9p {
  color: #373E4D !important;
  font-weight: 600 !important;
  text-align: start !important;
}

.css-156z5jp {
  border: 1px solid #A2AABB !important;
  border-radius: 0.625rem;
  color: #373E4D;
  font-family: "Source Sans Pro", sans-serif !important;
  font-weight: 600;
}
.css-156z5jp div {
  border: none !important;
  color: #373E4D;
  font-family: "Source Sans Pro", sans-serif !important;
  font-weight: 600;
}

.css-5rupbn {
  padding: 0.625rem 0 !important;
}

.chakra-accordion__pannel {
  padding: 0.625rem 0 !important;
}
.chakra-accordion__button {
  background: #EBEDF0;
  border-radius: 0.625rem;
  font-family: "Source Sans Pro", sans-serif !important;
  font-weight: 600;
  margin-top: 10px;
  padding: 0.625rem 1.25rem;
}
.chakra-accordion__button svg {
  color: #373E4D;
}

.chakra-checkbox__control {
  color: #FEA125 !important;
}
.chakra-checkbox__control[data-checked] {
  background: #FEA125 !important;
  border-color: #FEA125 !important;
  color: #fff !important;
}
.chakra-checkbox__control[data-checked]:hover {
  background: #FEA125 !important;
  border-color: #FEA125 !important;
  opacity: 0.8;
}

.rdg-cell {
  color: #373E4D !important;
  font-family: "Source Sans Pro", sans-serif !important;
  font-weight: 600 !important;
}
.rdg-cell[aria-selected=true] {
  box-shadow: unset;
  outline: 2px solid #373E4D !important;
}

.rdg-row {
  border: none !important;
  font-family: "Source Sans Pro", sans-serif !important;
}
.rdg-row-odd {
  background-color: #fff !important;
}
.rdg-row-even {
  background-color: #EBEDF0 !important;
}

.css-1bkfpae {
  padding-bottom: 18px;
  padding-left: 29px;
}

.chakra-heading {
  color: #373E4D !important;
  font-family: "Source Sans Pro", sans-serif !important;
  font-size: 1.875rem !important;
  font-weight: 600 !important;
  line-height: 2.375rem !important;
}

.css-p48wno,
.css-1op011m,
.chakra-text {
  color: #373E4D !important;
  font-family: "Source Sans Pro", sans-serif !important;
  font-size: 1rem !important;
  font-weight: 600 !important;
  line-height: 1.25rem !important;
  margin: auto 0;
  padding-bottom: 0 !important;
}

.css-p48wno {
  color: #231F20 !important;
}

.css-3z9h8k {
  margin-right: 8px !important;
  margin-top: 3px !important;
  position: fixed !important;
}

.chakra-button {
  align-items: center !important;
  background-color: #FEA125 !important;
  border-radius: 6.25rem !important;
  color: #fff !important;
  cursor: pointer !important;
  display: flex !important;
  font-size: 1.125rem !important;
  font-weight: 600 !important;
  gap: 0.5rem !important;
  line-height: 1.4375rem !important;
  padding: 0.375rem 0.625rem !important;
  transition: all 80ms ease !important;
}

.css-18n18r6,
.css-13ridoa {
  background: #fff !important;
  border: 2px solid #A2AABB !important;
  color: #A2AABB !important;
}

.chakra-modal__body, .chakra-modal__header {
  color: #373E4D !important;
  font-family: "Source Sans Pro", sans-serif !important;
}

.css-1138g4y {
  font-size: 0.75rem !important;
  padding-bottom: 0;
}

.css-kd951d {
  margin: auto 0;
}

.css-cai8d6 {
  margin-bottom: 1.875rem;
}

.modal-tutorial {
  background: #F4F5F6 !important;
  display: flex;
  flex: 0 0 auto !important;
  max-width: 100%;
  width: 37.5rem !important;
}
@media only screen and (max-width: 768px) {
  .modal-tutorial {
    max-width: unset !important;
    width: unset !important;
  }
}
.modal-tutorial .partial-default-logo {
  margin-top: 0;
  max-height: 14.5rem;
  max-width: 18.75rem;
  pointer-events: none;
}
.modal-tutorial__link {
  align-items: center;
  cursor: pointer;
  display: flex;
  margin-right: auto;
  text-decoration: underline;
}
.modal-tutorial__link:hover {
  opacity: 0.8;
}
.modal-tutorial__content {
  align-items: flex-start;
  display: flex;
  flex-direction: column;
  gap: 1.375rem;
  margin-top: 3.125rem;
}
.modal-tutorial__title {
  color: #FEA125;
  font-size: 1.875rem;
}
.modal-tutorial__text {
  color: #373E4D;
  font-family: "Source Sans Pro", sans-serif;
  font-size: 1rem;
  font-weight: 400;
  max-width: 31.25rem;
  opacity: 0.7;
  text-align: start;
  white-space: pre-wrap;
}
.modal-tutorial__buttons {
  display: flex;
  gap: 0.5625rem;
  margin-top: 2.1875rem;
}
.modal-tutorial__buttons .partial-button {
  margin: unset !important;
}
.modal-tutorial__dot {
  background: #FEA125;
  border-radius: 50%;
  display: inline-block;
  height: 0.5rem;
  opacity: 0.4;
  width: 0.5rem;
}
.modal-tutorial__dot--active {
  opacity: 1;
}
.modal-tutorial__dots {
  display: flex;
  gap: 0.5rem;
  justify-content: center;
  margin-top: 1.875rem;
}
.modal-tutorial .logo-image {
  height: 6.5rem !important;
  margin: 0.9375rem 0 !important;
  width: 6.5rem !important;
}

.modal-checkout {
  height: 46.25rem !important;
  max-width: 37.5rem !important;
}
@media only screen and (max-width: 1024px) {
  .modal-checkout {
    height: 100% !important;
    max-width: 100% !important;
  }
}
.modal-checkout .partial-summary__items {
  padding: 1.25rem 0;
}
.modal-checkout__screen {
  display: flex;
  flex-direction: column;
  flex-grow: 1;
  gap: 0.9375rem;
}
.modal-checkout__button {
  height: 2rem !important;
  margin: auto;
  width: 6.25rem !important;
}
.modal-checkout .field-text-input {
  margin-bottom: 0;
}

.modal-course-users__description {
  font-size: 0.875rem;
}
.modal-course-users__header {
  align-items: center;
  color: #373E4D;
  display: grid;
  font-size: 0.75rem;
  font-weight: 600;
  gap: 0.625rem;
  grid-template-columns: repeat(3, 1fr) 18px;
  margin-bottom: 1.125rem;
  margin-top: 0.9375rem;
  opacity: 0.4;
  text-transform: uppercase;
}
.modal-course-users__users {
  display: flex;
  flex-direction: column;
  margin: unset;
  border: none;
}
.modal-course-users-listing__loader {
  display: flex;
  flex-direction: column;
  gap: 0.625rem;
}

/* stylelint-disable-next-line selector-class-pattern */
.InputElement {
  color: #F9FBFC;
  font-weight: 600;
}

.modal-create-report {
  overflow-y: unset;
}
.modal-create-report__button {
  margin-right: unset !important;
  margin-top: 1.625rem !important;
}
.modal-create-report__subtitle {
  margin-bottom: 1.875rem;
  opacity: 0.7;
}
.modal-create-report__subtitle--last {
  margin-top: 1.25rem;
}

.modal-create-report-organizations {
  overflow: visible;
}

.modal-add-sale__orgs, .modal-add-sale__courses,
.modal-add-organization-to-discount__orgs,
.modal-add-organization-to-discount__courses,
.modal-bundles-courses__orgs,
.modal-bundles-courses__courses {
  max-height: 37.5rem;
  overflow-y: auto;
}
.modal-add-sale__empty-state,
.modal-add-organization-to-discount__empty-state,
.modal-bundles-courses__empty-state {
  color: #373E4D;
  height: 2.8125rem;
  text-align: center;
}
.modal-add-sale__empty-state span,
.modal-add-organization-to-discount__empty-state span,
.modal-bundles-courses__empty-state span {
  font-weight: 600;
}
.modal-add-sale__empty-state p,
.modal-add-organization-to-discount__empty-state p,
.modal-bundles-courses__empty-state p {
  padding-bottom: 0;
}

.modal-add-practical-evaluation-question__form {
  display: flex;
  flex-direction: column;
  gap: 1.25rem;
  margin-bottom: 1.25rem;
}
.modal-add-practical-evaluation-question__actions {
  display: flex;
  gap: 0.625rem;
  justify-content: flex-end;
  padding-top: 1.25rem;
  border-top: 1px solid rgba(35, 43, 64, 0.2);
}
.modal-add-practical-evaluation-question__actions .partial-button {
  margin: 0;
}

.modal-import-practical-evaluation-questions__form {
  display: flex;
  flex-direction: column;
  gap: 1.25rem;
  margin-bottom: 1.25rem;
}
.modal-import-practical-evaluation-questions__instruction {
  color: #373E4D;
  font-size: 0.875rem;
  margin-bottom: 0.625rem;
}
.modal-import-practical-evaluation-questions__preview {
  margin-top: 1.25rem;
  padding: 1.25rem;
  background-color: #EBEDF0;
  border-radius: 0.5rem;
}
.modal-import-practical-evaluation-questions__preview h4 {
  color: #373E4D;
  font-size: 1rem;
  font-weight: 600;
  margin-bottom: 0.9375rem;
}
.modal-import-practical-evaluation-questions__preview-list {
  display: flex;
  flex-direction: column;
  gap: 0.625rem;
  max-height: 18.75rem;
  overflow-y: auto;
}
.modal-import-practical-evaluation-questions__preview-item {
  display: flex;
  gap: 0.625rem;
  padding: 0.625rem;
  background-color: #fff;
  border-radius: 0.25rem;
}
.modal-import-practical-evaluation-questions__preview-order {
  color: #373E4D;
  font-weight: 600;
  min-width: 1.875rem;
}
.modal-import-practical-evaluation-questions__preview-text {
  color: #373E4D;
  flex: 1;
}
.modal-import-practical-evaluation-questions__preview-more {
  color: #373E4D;
  font-size: 0.875rem;
  font-style: italic;
  margin-top: 0.625rem;
  text-align: center;
}
.modal-import-practical-evaluation-questions__actions {
  display: flex;
  gap: 0.625rem;
  justify-content: flex-end;
  padding-top: 1.25rem;
  border-top: 1px solid rgba(35, 43, 64, 0.2);
}
.modal-import-practical-evaluation-questions__actions .partial-button {
  margin: 0;
}

.modal-chapter-to-variant__chapters,
.modal-add-organization-to-discount__chapters,
.modal-bundles-courses__chapters,
.modal-course-users__chapters,
.modal-chapter-to-course__chapters {
  max-height: 34.375rem;
  overflow-y: auto;
}
.modal-chapter-to-variant__loader,
.modal-add-organization-to-discount__loader,
.modal-bundles-courses__loader,
.modal-course-users__loader,
.modal-chapter-to-course__loader {
  display: flex;
  flex-direction: column;
}
.modal-chapter-to-variant .has-search,
.modal-add-organization-to-discount .has-search,
.modal-bundles-courses .has-search,
.modal-course-users .has-search,
.modal-chapter-to-course .has-search {
  left: 0 !important;
  padding-left: 38px !important;
  width: 100% !important;
}

.modal-categories {
  max-height: 100%;
  min-height: 37.5rem;
}
.modal-categories__header {
  align-items: center;
  display: flex;
  justify-content: space-between;
  margin-bottom: 1.0625rem;
}
.modal-categories__title {
  margin-bottom: 0;
}

.modal-course-sandbox {
  max-width: 90vw;
  width: 1200px;
}
.modal-course-sandbox__content {
  padding: 1.25rem;
  height: 80vh;
  overflow: hidden;
}
.modal-course-sandbox__content .block-course-sandbox {
  box-shadow: none;
  margin: 0;
  padding: 0;
  height: 100%;
}
.modal-course-sandbox__content .block-course-sandbox__container {
  height: calc(100% - 60px);
}

.modal-add-coupon .select__value-container {
  height: max-content !important;
  padding: 0.625rem 0 !important;
}
.modal-add-coupon .select__control {
  max-height: unset !important;
  height: max-content !important;
}

.modal-copy-exam-from-variant {
  width: 700px;
  max-width: 90vw;
}
.modal-copy-exam-from-variant .modal__content {
  padding: 20px;
  display: flex;
  flex-direction: column;
}
.modal-copy-exam-from-variant__creation-type {
  display: flex;
  flex-direction: column;
  gap: 20px;
  margin-bottom: 20px;
}
.modal-copy-exam-from-variant__option {
  display: flex;
  align-items: flex-start;
  gap: 12px;
  border-radius: 8px;
  cursor: pointer;
  transition: all 0.2s ease;
  border: 1px solid #e9ecef;
  padding: 12px;
}
.modal-copy-exam-from-variant__option:hover {
  background-color: #EBEDF0;
}
.modal-copy-exam-from-variant__option--selected {
  border-color: #1CC2A4;
  background-color: rgba(28, 194, 164, 0.05);
}
.modal-copy-exam-from-variant__option input[type=radio] {
  margin-top: 4px;
  accent-color: #1CC2A4;
  outline: none;
  cursor: pointer;
}
.modal-copy-exam-from-variant__option-info {
  flex: 1;
  display: flex;
  flex-direction: column;
  gap: 4px;
}
.modal-copy-exam-from-variant__option-title {
  font-weight: 600;
  font-size: 16px;
  color: #373E4D;
}
.modal-copy-exam-from-variant__option-description {
  font-size: 14px;
  color: #a3a9bc;
}
.modal-copy-exam-from-variant__variants {
  max-height: 500px;
  overflow-y: auto;
  border-top: 1px solid #e9ecef;
  padding: 20px 0;
}
.modal-copy-exam-from-variant__variants-list {
  margin: 0;
  border: none;
}
.modal-copy-exam-from-variant__variants-items {
  display: flex;
  gap: 20px;
  flex-direction: column;
}
.modal-copy-exam-from-variant__variant {
  display: flex;
  align-items: flex-start;
  gap: 12px;
  border-radius: 8px;
  cursor: pointer;
}
.modal-copy-exam-from-variant__variant input[type=radio] {
  accent-color: #1CC2A4;
  outline: none;
  cursor: pointer;
}
.modal-copy-exam-from-variant__variant-info {
  flex: 1;
  display: flex;
  flex-direction: column;
  gap: 12px;
}
.modal-copy-exam-from-variant__variant-main {
  display: flex;
  justify-content: space-between;
  align-items: center;
  gap: 12px;
}
.modal-copy-exam-from-variant__variant-title {
  font-weight: 600;
  font-size: 16px;
  color: #373E4D;
}
.modal-copy-exam-from-variant__variant-questions {
  font-size: 14px;
  color: #a3a9bc;
  white-space: nowrap;
}

.modal-question-audit-log {
  background-color: #fff;
  border-radius: 1.25rem;
  max-height: 53.4375rem;
  max-width: 53.75rem;
  min-height: 0.0625rem;
  overflow: hidden;
  padding: 1.25rem;
  width: 53.75rem;
  color: #373E4D;
  gap: 0.75rem;
}
.modal-question-audit-log .partial-modal-header {
  margin-bottom: 0;
}
.modal-question-audit-log__header {
  display: flex;
  font-size: 1.25rem;
  align-items: center;
  font-weight: 600;
}
.modal-question-audit-log__content {
  display: flex;
  gap: 1.25rem;
  font-size: 1rem;
}
.modal-question-audit-log__question-image {
  width: 8rem;
  object-fit: contain;
}
.modal-question-audit-log__question-image-container {
  display: flex;
  gap: 0.5rem;
}
.modal-question-audit-log__action {
  font-weight: 600;
}
.modal-question-audit-log__action--add {
  color: #1CC2A4;
}
.modal-question-audit-log__action--delete {
  color: #E50019;
}
.modal-question-audit-log__action--edit {
  color: #FEA125;
}
.modal-question-audit-log__section {
  display: flex;
  flex-direction: column;
  gap: 0.5rem;
  padding-right: 1.25rem;
  border-right: 0.0625rem solid #e9ecef;
}
.modal-question-audit-log__section:last-child {
  border-right: none;
  padding-right: 0;
}
.modal-question-audit-log__label {
  font-size: 1.25rem;
  font-weight: 600;
}
.modal-question-audit-log__details {
  display: flex;
  flex-direction: column;
  gap: 0.75rem;
}
.modal-question-audit-log__options {
  display: flex;
  flex-direction: column;
  gap: 0.5rem;
  padding-left: 1rem;
  margin: 0;
}
.modal-question-audit-log__options-container {
  display: flex;
  flex-direction: column;
  gap: 0.25rem;
}
.modal-question-audit-log__field {
  display: flex;
  gap: 0.25rem;
}
.modal-question-audit-log__field-question {
  align-items: flex-start;
  display: flex;
  flex-direction: column;
}
.modal-question-audit-log__field-label {
  font-weight: 600;
}
.modal-question-audit-log__field-value.highlight {
  background-color: rgba(254, 160, 37, 0.1019607843);
  border-radius: 0.25rem;
  padding: 0.125rem 0.25rem;
}
.modal-question-audit-log__option {
  align-items: flex-start;
  border-radius: 0.25rem;
  display: flex;
  flex-direction: column;
  gap: 0.25rem;
  padding: 0.125rem 0.625rem;
  max-width: max-content;
  width: 100%;
}
.modal-question-audit-log__option.is-disabled {
  opacity: 0.4;
}
.modal-question-audit-log__option.is-edited {
  background-color: rgba(254, 160, 37, 0.1019607843);
}
.modal-question-audit-log__option.is-new {
  background-color: #b9ece3;
}
.modal-question-audit-log__option.is-removed {
  background-color: #FCDDDE;
}
.modal-question-audit-log__option-main {
  align-items: center;
  display: flex;
  gap: 0.5rem;
}
.modal-question-audit-log__option-text {
  font-weight: 400;
  width: 100%;
  word-break: break-word;
}
.modal-question-audit-log__option-justification {
  font-size: 0.875rem;
  font-style: italic;
  width: 90%;
  word-break: break-word;
  margin-left: 1.5rem;
  opacity: 0.8;
}
.modal-question-audit-log__option-status {
  color: #1CC2A4;
  font-weight: 600;
}
.modal-question-audit-log__option-image {
  width: 8rem;
  object-fit: contain;
}

.modal-invoice-reminder-emails__content {
  max-height: 70vh;
  overflow-y: auto;
  padding: 1.25rem;
}
.modal-invoice-reminder-emails__description {
  color: #373E4D;
  font-size: 1rem;
  font-weight: 500;
  margin-bottom: 1rem;
}
.modal-invoice-reminder-emails__no-reminders {
  background-color: #f8f9fa;
  border-radius: 0.375rem;
  color: #a3a9bc;
  font-style: italic;
  padding: 2.5rem 1.25rem;
  text-align: center;
}
.modal-invoice-reminder-emails__history {
  max-height: 100%;
  overflow-y: auto;
}
.modal-invoice-reminder-emails__group {
  border: 1px solid #e9ecef;
  border-radius: 0.5rem;
  box-shadow: 0 0.125rem 0.25rem rgba(0, 0, 0, 0.05);
  margin-bottom: 1.5rem;
  transition: all 0.2s ease;
}
.modal-invoice-reminder-emails__group:hover {
  box-shadow: 0 0.25rem 0.5rem rgba(0, 0, 0, 0.08);
  transform: translateY(-1px);
}
.modal-invoice-reminder-emails__group:last-child {
  margin-bottom: 0;
}
.modal-invoice-reminder-emails__header {
  align-items: center;
  background-color: #f8f9fa;
  border-bottom: 1px solid #e9ecef;
  border-top-left-radius: 0.5rem;
  border-top-right-radius: 0.5rem;
  display: flex;
  justify-content: space-between;
  padding: 0.75rem 1rem;
}
.modal-invoice-reminder-emails__date {
  align-items: center;
  color: #373E4D;
  display: flex;
  font-size: 0.875rem;
  font-weight: 600;
}
.modal-invoice-reminder-emails__date::before {
  background-color: #1CC2A4;
  border-radius: 50%;
  content: "";
  display: inline-block;
  height: 0.5rem;
  margin-right: 0.5rem;
  width: 0.5rem;
}
.modal-invoice-reminder-emails__list {
  border-bottom-left-radius: 0.5rem;
  border-bottom-right-radius: 0.5rem;
  list-style: none;
  margin: 0;
  max-height: 18.75rem;
  overflow-y: auto;
  padding: 0;
}
.modal-invoice-reminder-emails__icon {
  align-items: center;
  color: #1CC2A4;
  display: flex;
  font-size: 1rem;
  justify-content: center;
  min-width: 1.25rem;
}
.modal-invoice-reminder-emails__address {
  color: #373E4D;
  font-size: 0.875rem;
  font-weight: 500;
  overflow: hidden;
  padding-right: 0.5rem;
  text-overflow: ellipsis;
  white-space: nowrap;
}
.modal-invoice-reminder-emails__item {
  align-items: center;
  border-bottom: 1px solid #e9ecef;
  display: grid;
  gap: 0.75rem;
  grid-template-columns: auto 1fr auto;
  padding: 0.875rem 1rem;
  position: relative;
  transition: all 0.2s ease;
}
.modal-invoice-reminder-emails__item:hover {
  background-color: rgba(248, 249, 250, 0.7);
}
.modal-invoice-reminder-emails__item:last-child {
  border-bottom: none;
  border-bottom-left-radius: 0.5rem;
  border-bottom-right-radius: 0.5rem;
}
.modal-invoice-reminder-emails__item--empty {
  background-color: transparent;
  color: #a3a9bc;
  display: flex;
  font-style: italic;
  justify-content: center;
  padding: 1.25rem 1rem;
}
.modal-invoice-reminder-emails__item--opened {
  background-color: rgba(232, 249, 246, 0.3);
}
.modal-invoice-reminder-emails__item--opened:hover {
  background-color: rgba(232, 249, 246, 0.5);
}
.modal-invoice-reminder-emails__item--opened .modal-invoice-reminder-emails__address {
  font-weight: 600;
}
.modal-invoice-reminder-emails__status {
  align-items: center;
  border-radius: 1rem;
  display: flex;
  font-size: 0.75rem;
  justify-self: flex-end;
  padding: 0.375rem 0.75rem;
  white-space: nowrap;
}
.modal-invoice-reminder-emails__status--opened {
  background-color: #E8F9F6;
  color: #117462;
  font-weight: 500;
}
.modal-invoice-reminder-emails__status--opened::before {
  background-color: #1CC2A4;
  border-radius: 50%;
  content: "";
  display: inline-block;
  height: 0.375rem;
  margin-right: 0.375rem;
  width: 0.375rem;
}
.modal-invoice-reminder-emails__status--not-opened {
  background-color: #EBEDF0;
  color: #373E4D;
  font-weight: 400;
}
.modal-invoice-reminder-emails__status--not-opened::before {
  background-color: #a3a9bc;
  border-radius: 50%;
  content: "";
  display: inline-block;
  height: 0.375rem;
  margin-right: 0.375rem;
  width: 0.375rem;
}
.modal-invoice-reminder-emails__footer {
  border-top: 1px solid #e9ecef;
  display: flex;
  justify-content: flex-end;
  padding: 1rem 1.25rem;
}
.modal-invoice-reminder-emails__stats {
  background-color: #f8f9fa;
  border-radius: 0.5rem;
  box-shadow: 0 0.0625rem 0.1875rem rgba(0, 0, 0, 0.05);
  display: flex;
  justify-content: space-around;
  margin-bottom: 1.5rem;
  padding: 1rem;
}
.modal-invoice-reminder-emails__stat-item {
  align-items: center;
  display: flex;
  flex-direction: column;
  padding: 0 0.75rem;
  text-align: center;
}
.modal-invoice-reminder-emails__stat-value {
  color: #1CC2A4;
  font-size: 1.5rem;
  font-weight: 600;
  margin-bottom: 0.25rem;
}
.modal-invoice-reminder-emails__stat-label {
  color: #373E4D;
  font-size: 0.75rem;
  letter-spacing: 0.5px;
  text-transform: uppercase;
}
.modal-invoice-reminder-emails__stats-badge {
  background-color: #EBEDF0;
  border-radius: 0.75rem;
  color: #373E4D;
  font-size: 0.75rem;
  font-weight: 500;
  padding: 0.25rem 0.625rem;
}

.modal-org-users {
  max-width: 37.5rem;
}

.modal-trainer-exam {
  width: 700px;
  max-width: 90vw;
}
.modal-trainer-exam .modal__content {
  padding: 20px;
  display: flex;
  flex-direction: column;
}
.modal-trainer-exam__copy-name {
  padding: 0 0.0625rem;
}
.modal-trainer-exam__creation-type {
  display: flex;
  flex-direction: column;
  gap: 20px;
  margin-bottom: 20px;
}
.modal-trainer-exam__option {
  display: flex;
  align-items: flex-start;
  gap: 12px;
  border-radius: 8px;
  cursor: pointer;
  transition: all 0.2s ease;
  border: 1px solid #e9ecef;
  padding: 12px;
}
.modal-trainer-exam__option:hover {
  background-color: #EBEDF0;
}
.modal-trainer-exam__option--selected {
  border-color: #3D68E7;
  background-color: rgba(61, 104, 231, 0.05);
}
.modal-trainer-exam__option input[type=radio] {
  margin-top: 4px;
  accent-color: #3D68E7;
  outline: none;
  cursor: pointer;
}
.modal-trainer-exam__option-info {
  flex: 1;
  display: flex;
  flex-direction: column;
  gap: 4px;
}
.modal-trainer-exam__option-title {
  font-weight: 600;
  font-size: 16px;
  color: #373E4D;
}
.modal-trainer-exam__option-description {
  font-size: 14px;
  color: #a3a9bc;
}
.modal-trainer-exam__new-exam {
  margin-bottom: 20px;
}
.modal-trainer-exam__variants {
  max-height: 500px;
  overflow-y: auto;
  border-top: 1px solid #e9ecef;
  padding: 20px 0;
}
.modal-trainer-exam__variants-list {
  margin: 0;
  border: none;
}
.modal-trainer-exam__variants-items {
  display: flex;
  flex-direction: column;
}
.modal-trainer-exam__variant {
  border-radius: 8px;
  padding: 16px;
}
.modal-trainer-exam__variant-header {
  padding-bottom: 8px;
  border-bottom: 1px solid #EBEDF0;
}
.modal-trainer-exam__variant-title {
  font-weight: 600;
  font-size: 16px;
  color: #373E4D;
}
.modal-trainer-exam__variant-title-wrap {
  display: flex;
  align-items: center;
  gap: 12px;
}
.modal-trainer-exam__current-badge {
  background-color: rgba(28, 194, 164, 0.1019607843);
  color: #1CC2A4;
  border: 1px solid #1CC2A4;
  font-size: 0.625rem;
  font-weight: 600;
  padding: 0.25rem 0.625rem;
  border-radius: 6.25rem;
  text-transform: uppercase;
  letter-spacing: 0.03125rem;
}
.modal-trainer-exam__exam-item {
  display: flex;
  gap: 12px;
  align-items: center;
  padding: 12px;
  border-radius: 6px;
  margin-left: 8px;
}
.modal-trainer-exam__exam-details {
  display: flex;
  flex-direction: column;
  gap: 4px;
}
.modal-trainer-exam__exam-name {
  font-weight: 500;
  font-size: 14px;
  color: #373E4D;
}
.modal-trainer-exam__exam-questions {
  font-size: 12px;
  color: #a3a9bc;
}
.modal-trainer-exam__no-exam {
  color: #a3a9bc;
  font-style: italic;
  font-size: 14px;
  margin-left: 16px;
  padding: 12px;
}
.modal-trainer-exam__no-variants {
  text-align: center;
  color: #a3a9bc;
  font-style: italic;
  padding: 40px 20px;
}

.modal-trainer-course-management {
  max-width: 31.25rem;
  max-height: 80vh;
  overflow-y: auto;
}
.modal-trainer-course-management__description {
  color: #373E4D;
  font-size: 0.875rem;
  line-height: 1.25rem;
}
.modal-trainer-course-management__search-results {
  max-height: 18.75rem;
  overflow-y: auto;
}
.modal-trainer-course-management__header {
  display: grid;
  grid-template-columns: 1fr auto;
  gap: 1rem;
  padding: 0.75rem 1rem;
  border-radius: 0.375rem 0.375rem 0 0;
  border-bottom: none;
  font-weight: 600;
  color: #373E4D;
  font-size: 0.875rem;
}
.modal-trainer-course-management__header__name {
  grid-column: 1;
}
.modal-trainer-course-management__header__actions {
  grid-column: 2;
}
.modal-trainer-course-management__items {
  list-style: none;
  margin: 0;
  padding: 0;
  border-radius: 0 0 0.375rem 0.375rem;
  max-height: 18.75rem;
  overflow-y: auto;
}
.modal-trainer-course-management__item {
  display: flex;
  justify-content: space-between;
  align-items: center;
  padding: 1rem;
  transition: background-color 0.2s ease;
}
.modal-trainer-course-management__item:last-child {
  border-bottom: none;
}

.modal-reassign-exam {
  max-width: 31.25rem;
  width: 100%;
}
.modal-reassign-exam__content {
  display: flex;
  flex-direction: column;
  gap: 1rem;
  padding: 1.25rem 0;
}
.modal-reassign-exam__error {
  background-color: rgba(229, 0, 25, 0.08);
  border: 1px solid rgba(229, 0, 25, 0.4);
  border-radius: 0.375rem;
  color: #E50019;
  font-size: 0.875rem;
  padding: 0.75rem;
}
.modal-reassign-exam__loading {
  color: rgba(55, 62, 77, 0.4);
  font-size: 0.875rem;
  padding: 0.75rem;
  text-align: center;
}
.modal-reassign-exam__select {
  width: 100%;
}
.modal-reassign-exam__select-wrapper {
  width: 100%;
}
.modal-reassign-exam__select-input {
  width: 100%;
}
.modal-reassign-exam__buttons {
  display: flex;
  gap: 0.75rem;
  justify-content: flex-end;
  padding-top: 1.25rem;
  border-top: 1px solid #BDC2CE;
}
.modal-reassign-exam__buttons .partial-button {
  margin: 0 !important;
}

.modal-payment-details--large {
  max-width: 56.25rem !important;
  width: 90vw !important;
}
.modal-payment-details .modal__content {
  display: flex;
  flex-direction: column;
  gap: 1.5rem;
  max-height: 70vh;
  overflow-y: auto;
  padding: 1.25rem;
}
.modal-payment-details__loading, .modal-payment-details__error {
  align-items: center;
  display: flex;
  justify-content: center;
  min-height: 12.5rem;
}
.modal-payment-details__loading p, .modal-payment-details__error p {
  color: #373E4D;
  font-size: 1rem;
}
.modal-payment-details__section-title {
  color: #373E4D;
  font-size: 1rem;
  font-weight: 600;
  margin: 0 0 1rem;
}
.modal-payment-details__summary {
  background-color: #f8f9fa;
  border-radius: 0.5rem;
  padding: 1rem;
}
.modal-payment-details__info-grid {
  display: grid;
  gap: 0.75rem 1.5rem;
  grid-template-columns: repeat(2, 1fr);
}
@media only screen and (max-width: 768px) {
  .modal-payment-details__info-grid {
    grid-template-columns: 1fr;
  }
}
.modal-payment-details__info-item {
  display: flex;
  flex-direction: column;
  gap: 0.25rem;
}
.modal-payment-details__label {
  color: #a3a9bc;
  font-size: 0.75rem;
  font-weight: 500;
  text-transform: uppercase;
}
.modal-payment-details__value {
  color: #373E4D;
  font-size: 0.875rem;
  font-weight: 500;
}
.modal-payment-details__students {
  border: 1px solid #e9ecef;
  border-radius: 0.5rem;
}
.modal-payment-details__students-header {
  align-items: center;
  background-color: #f8f9fa;
  display: flex;
  justify-content: space-between;
  padding: 1rem;
}
.modal-payment-details__students-header .modal-payment-details__section-title {
  margin: 0;
}
.modal-payment-details__global-toggle .field {
  margin: 0;
}
.modal-payment-details__students-table {
  max-height: 18.75rem;
  overflow-y: auto;
}
.modal-payment-details__table-header {
  background-color: #fff;
  border-bottom: 1px solid #e9ecef;
  display: grid;
  gap: 1rem;
  grid-template-columns: 1fr 1fr 11.25rem;
  padding: 0.75rem 1rem;
  position: sticky;
  top: 0;
  z-index: 1;
}
.modal-payment-details__table-header .modal-payment-details__col {
  color: #373E4D;
  font-size: 0.75rem;
  font-weight: 600;
  text-transform: uppercase;
}
.modal-payment-details__table-body .modal-payment-details__row {
  border-bottom: 1px solid #e9ecef;
  display: grid;
  gap: 1rem;
  grid-template-columns: 1fr 1fr 11.25rem;
  padding: 0.75rem 1rem;
  transition: background-color 0.2s ease;
}
.modal-payment-details__table-body .modal-payment-details__row:last-child {
  border-bottom: none;
}
.modal-payment-details__table-body .modal-payment-details__row:hover {
  background-color: rgba(248, 249, 250, 0.5);
}
.modal-payment-details__table-body .modal-payment-details__row--paid {
  background-color: rgba(28, 194, 164, 0.3);
}
.modal-payment-details__table-body .modal-payment-details__row--paid:hover {
  background-color: rgba(28, 194, 164, 0.5);
}
.modal-payment-details__col {
  align-items: center;
  display: flex;
  gap: 0.5rem;
}
.modal-payment-details__col--name {
  flex-wrap: wrap;
}
.modal-payment-details__col--exam {
  flex-direction: column;
  align-items: flex-start;
  gap: 0.25rem;
}
.modal-payment-details__col--certificate {
  justify-content: flex-start;
}
.modal-payment-details__student-name {
  color: #373E4D;
  font-size: 0.875rem;
  font-weight: 500;
}
.modal-payment-details__paid-badge {
  background-color: rgba(28, 194, 164, 0.1019607843);
  border-radius: 0.25rem;
  color: #1CC2A4;
  font-size: 0.625rem;
  font-weight: 600;
  padding: 0.125rem 0.5rem;
  text-transform: uppercase;
}
.modal-payment-details__exam-name {
  color: #373E4D;
  font-size: 0.875rem;
}
.modal-payment-details__exam-price {
  color: #a3a9bc;
  font-size: 0.75rem;
}
.modal-payment-details__certificate-status {
  color: #373E4D;
  font-size: 0.875rem;
}
.modal-payment-details__certificate-price {
  color: #1CC2A4;
  font-size: 0.75rem;
  font-weight: 500;
}
.modal-payment-details__empty {
  padding: 2.5rem 1.25rem;
  text-align: center;
}
.modal-payment-details__empty p {
  color: #a3a9bc;
  font-size: 0.875rem;
  margin: 0;
}
.modal-payment-details__pricing {
  background-color: #f8f9fa;
  border-radius: 0.5rem;
  padding: 1rem;
}
.modal-payment-details__pricing-list {
  display: flex;
  flex-direction: column;
  gap: 0.75rem;
}
.modal-payment-details__pricing-row {
  align-items: center;
  display: flex;
  justify-content: space-between;
}
.modal-payment-details__pricing-row span {
  color: #373E4D;
  font-size: 0.875rem;
}
.modal-payment-details__pricing-row--discount span:last-child {
  color: #1CC2A4;
}
.modal-payment-details__pricing-row--total {
  border-top: 1px solid #e9ecef;
  margin-top: 0.5rem;
  padding-top: 0.75rem;
}
.modal-payment-details__pricing-row--total span {
  font-size: 1rem;
  font-weight: 600;
}
.modal-payment-details__actions {
  border-top: 1px solid #e9ecef;
  display: flex;
  justify-content: flex-end;
  padding-top: 1rem;
}
.modal-payment-details__actions .partial-button {
  margin: 0 !important;
}
.modal-payment-details__links-step {
  display: flex;
  flex-direction: column;
  gap: 1rem;
}
.modal-payment-details__links-header {
  display: flex;
  justify-content: space-between;
  align-items: flex-start;
}
.modal-payment-details__links-header .modal-payment-details__section-title {
  margin-bottom: 0.25rem;
}
.modal-payment-details__links-info {
  color: #a3a9bc;
  font-size: 0.875rem;
  line-height: 1.5;
  margin: 0;
}
.modal-payment-details__links-list {
  display: flex;
  flex-direction: column;
  gap: 0.75rem;
  max-height: 21.875rem;
  overflow-y: auto;
}
.modal-payment-details__link-item {
  background-color: #fff;
  border: 1px solid #e9ecef;
  border-radius: 0.5rem;
  display: flex;
  flex-direction: column;
  gap: 0.75rem;
  padding: 1rem;
}
.modal-payment-details__link-item--classroom {
  border-color: #3D68E7;
  box-shadow: 0 0.5rem 1.125rem rgba(35, 31, 32, 0.05);
}
.modal-payment-details__link-top {
  align-items: center;
  display: flex;
  justify-content: space-between;
}
.modal-payment-details__link-badges {
  align-items: center;
  display: flex;
  gap: 0.5rem;
}
.modal-payment-details__link-scope {
  border-radius: 0.25rem;
  font-size: 0.625rem;
  font-weight: 600;
  padding: 0.25rem 0.5rem;
  text-transform: uppercase;
}
.modal-payment-details__link-scope--student {
  background-color: rgba(61, 104, 231, 0.15);
  color: #3D68E7;
}
.modal-payment-details__link-scope--organization {
  background-color: rgba(28, 194, 164, 0.15);
  color: #1CC2A4;
}
.modal-payment-details__link-scope--classroom {
  background-color: rgba(28, 194, 164, 0.15);
  color: #1CC2A4;
}
.modal-payment-details__link-status {
  border-radius: 0.25rem;
  font-size: 0.625rem;
  font-weight: 600;
  padding: 0.25rem 0.5rem;
  text-transform: uppercase;
}
.modal-payment-details__link-status--pending {
  background-color: rgba(229, 144, 33, 0.15);
  color: #E59021;
}
.modal-payment-details__link-status--paid {
  background-color: rgba(28, 194, 164, 0.15);
  color: #1CC2A4;
}
.modal-payment-details__link-info {
  display: flex;
  flex-direction: column;
  gap: 0.25rem;
}
.modal-payment-details__link-name {
  color: #373E4D;
  font-size: 1rem;
  font-weight: 600;
}
.modal-payment-details__link-subtitle {
  color: #a3a9bc;
  font-size: 0.8125rem;
}
.modal-payment-details__link-callout {
  background-color: #f8f9fa;
  border: 1px dashed #3D68E7;
  border-radius: 0.375rem;
  color: #373E4D;
  font-size: 0.8125rem;
  padding: 0.75rem;
}
.modal-payment-details__link-url-wrapper {
  align-items: center;
  background-color: #f8f9fa;
  border: 1px solid transparent;
  border-radius: 0.25rem;
  display: flex;
  justify-content: space-between;
  padding: 0.625rem 0.75rem;
}
.modal-payment-details__link-url {
  color: #3D68E7;
  font-family: monospace;
  font-size: 0.8125rem;
  overflow: hidden;
  text-overflow: ellipsis;
  word-break: break-all;
}
.modal-payment-details__link-copy-wrapper {
  align-items: center;
  cursor: pointer;
  display: flex;
  justify-content: center;
  padding: 0.25rem;
  transition: opacity 0.2s ease;
}
.modal-payment-details__link-copy-wrapper:hover, .modal-payment-details__link-copy-wrapper:focus-visible {
  opacity: 0.7;
}
.modal-payment-details__link-icon {
  height: 1rem;
  width: 1rem;
}
.modal-payment-details__link-students {
  border-top: 1px solid #e9ecef;
  padding-top: 0.75rem;
}
.modal-payment-details__link-students-label {
  color: #a3a9bc;
  display: block;
  font-size: 0.75rem;
  margin-bottom: 0.5rem;
}
.modal-payment-details__link-students-list {
  display: flex;
  flex-wrap: wrap;
  gap: 0.75rem 1.5rem;
}
.modal-payment-details__link-student {
  color: #373E4D;
  font-size: 0.8125rem;
}
.modal-payment-details__links-summary {
  background-color: #f8f9fa;
  border: 1px solid #e9ecef;
  border-radius: 0.5rem;
  display: flex;
  flex-direction: column;
  align-items: center;
  gap: 0.25rem;
  padding: 1rem;
}
.modal-payment-details__links-summary-title {
  color: #373E4D;
  font-size: 1rem;
  font-weight: 600;
}
.modal-payment-details__links-summary-amount {
  color: #a3a9bc;
  font-size: 0.875rem;
}
.modal-payment-details__links-footer {
  border-top: 1px solid #e9ecef;
  display: flex;
  justify-content: flex-end;
  padding-top: 1rem;
}
.modal-payment-details__links-footer .partial-button {
  margin: 0 !important;
}