/* Partials
================================================ */
* {
  box-sizing: border-box;
}

/* http://meyerweb.com/eric/tools/css/reset/ 
   v2.0 | 20110126
   License: none (public domain)
*/
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 {
  margin: 0;
  padding: 0;
  border: 0;
  font-size: 100%;
  font: inherit;
  vertical-align: baseline;
}

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

body {
  line-height: 1;
}

ol, ul {
  list-style: none;
}

blockquote, q {
  quotes: none;
}

blockquote:before, blockquote:after,
q:before, q:after {
  content: "";
  content: none;
}

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

#wpadminbar {
  position: fixed;
}

/* Font stacks
================================================ */
/* Base Typography
================================================ */
body {
  font-family: "Poppins", sans-serif;
  font-size: 1.6rem;
  line-height: normal;
  color: #1B2B36;
  font-weight: 300;
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
  font-variant-ligatures: none;
}

h1 {
  font-size: 3.6rem;
  line-height: 4rem;
  font-weight: 700;
}

h2 {
  font-size: 2.2rem;
  font-weight: 700;
  margin-bottom: 2rem;
}
h2:only-child, h2:last-child {
  margin-bottom: 0;
}

h3 {
  font-size: 1.6rem;
  font-weight: bold;
}

p {
  margin-bottom: 1.5rem;
}
p:last-of-type {
  margin-bottom: 0;
}
p:last-child {
  margin-bottom: 0;
}
p:only-child {
  margin-bottom: 0;
}

.body-style p {
  margin-bottom: 2.5rem;
}
.body-style p:last-of-type {
  margin-bottom: 0;
}
.body-style a:not(.btn) {
  display: inline-block;
  font-weight: bold;
  color: #92C863;
  text-decoration: underline;
  text-underline-offset: 5px;
}
.body-style a:not(.btn):hover {
  text-decoration: none;
}
.body-style h1, .body-style h2, .body-style h3, .body-style h4, .body-style h5 {
  margin-bottom: 25px;
  margin-top: 25px;
}
.body-style h1:first-child, .body-style h2:first-child, .body-style h3:first-child, .body-style h4:first-child, .body-style h5:first-child {
  margin-top: 0;
}
.body-style h1:only-child, .body-style h2:only-child, .body-style h3:only-child, .body-style h4:only-child, .body-style h5:only-child {
  margin-bottom: 0;
}
.body-style ul {
  list-style: disc;
  margin-left: 30px;
  margin-bottom: 30px;
}
.body-style ul li {
  margin-bottom: 15px;
}
.body-style ul li:last-of-type {
  margin-bottom: 0;
}
.body-style ul:last-of-type {
  margin-bottom: 0;
}

strong {
  font-weight: bold;
}

/* Links
================================================ */
a, a:visited {
  color: inherit;
  text-decoration: none;
}

a[href=""] {
  pointer-events: none;
}

/* Font Face Imports
================================================ */
a.btn, .btn {
  display: flex;
  flex-direction: row;
  justify-content: center;
  align-items: center;
  transition: all 0.25s ease-in-out;
  border-radius: 0.8rem;
  display: inline-flex;
  text-align: center;
  height: 5.5rem;
  min-width: 22rem;
  padding: 0 1rem;
  background: #92C863;
  cursor: pointer;
  font-weight: 600;
  border: 1px solid #92C863;
  color: #FFF;
  font-size: 1.5rem;
  line-height: 1.2;
}
a.btn.w-full, .btn.w-full {
  width: 100%;
}
a.btn.w-half, .btn.w-half {
  width: 50%;
}
a.btn .svg-inline--fa, .btn .svg-inline--fa {
  font-size: 1.6rem;
  margin-right: 1rem;
}
a.btn.disabled, .btn.disabled {
  opacity: 0.2;
  pointer-events: none;
}
a.btn:hover, .btn:hover {
  color: #92C863;
}
a.btn.white, .btn.white {
  box-shadow: 0px 4px 12px 0px rgba(0, 0, 0, 0.06);
  background: #FFF;
  border: none;
  color: #000;
  font-weight: 400;
}
a.btn.white:hover, .btn.white:hover {
  box-shadow: 0px 4px 10px 0px rgba(0, 0, 0, 0.25);
  background: #92C863;
  color: #FFF;
}
a.btn.red, .btn.red {
  background: #EA2121;
  border-color: #EA2121;
}
a.btn.red:hover, .btn.red:hover {
  color: #EA2121;
}
a.btn.grey, .btn.grey {
  background: #636363;
  border-color: #636363;
  color: #FFF;
}
a.btn.grey:hover, .btn.grey:hover {
  color: #636363;
}
a.btn:hover, .btn:hover {
  background: none;
}
a.btn.blue, .btn.blue {
  background: #16A0DB;
  border-color: #16A0DB;
}
a.btn.blue:hover, .btn.blue:hover {
  color: #16A0DB;
}
a.btn:hover, .btn:hover {
  background: none;
  color: #000;
}
a.btn.hollow, .btn.hollow {
  background: none;
  border-color: #92C863;
  color: #000;
}
a.btn.hollow:hover, .btn.hollow:hover {
  background: #92C863;
  color: #FFF;
}

.text-link, .assessment-request .view-notes {
  display: block;
  font-weight: bold;
  text-align: center;
  text-underline-offset: 5px;
  cursor: pointer;
}
.text-link:hover, .assessment-request .view-notes:hover {
  text-decoration: underline;
}
.text-link.red, .assessment-request .red.view-notes {
  color: #EA2121;
}

html {
  scroll-behavior: smooth;
  font-size: 62.5%;
}

body {
  background: #F2F2F2;
  min-height: 100vh;
}
body.noscroll {
  overflow: hidden;
}
body ::-webkit-scrollbar {
  width: 0.1em;
}
body ::-webkit-scrollbar-track {
  background: none;
}
body ::-webkit-scrollbar-thumb {
  border-radius: 3.5rem;
  background-color: #000;
  outline: 1px solid #000;
}

.tox-promotion, .tox-statusbar {
  display: none !important;
}

.wrap {
  max-width: 1220px;
  padding: 0 30px;
  margin: 0 auto;
  width: 100%;
}

.page-container {
  overflow: hidden;
}

.block {
  padding: 50px 0;
}
.block.large-pd-top {
  padding-top: 100px;
}
.block.small-pd-top {
  padding-top: 25px;
}
.block.no-pd-top {
  padding-top: 0;
}
.block.large-pd-bottom {
  padding-bottom: 100px;
}
.block.small-pd-bottom {
  padding-bottom: 25px;
}
.block.no-pd-bottom {
  padding-bottom: 0;
}

@media only screen and (min-width: 768px) {
  .block {
    padding: 100px 0;
  }
  .block.large-pd-top {
    padding-top: 150px;
  }
  .block.small-pd-top {
    padding-top: 50px;
  }
  .block.no-pd-top {
    padding-top: 0;
  }
  .block.large-pd-bottom {
    padding-bottom: 150px;
  }
  .block.small-pd-bottom {
    padding-bottom: 50px;
  }
  .block.no-pd-bottom {
    padding-bottom: 0;
  }
}
@keyframes fadeIn {
  0% {
    opacity: 0;
  }
  100% {
    opacity: 1;
  }
}
@keyframes fadeInUp {
  0% {
    opacity: 0;
    transform: translateY(10px);
  }
  100% {
    opacity: 1;
    transform: translateY(0px);
  }
}
@keyframes pulse {
  0% {
    transform: scale(1);
  }
  50% {
    transform: scale(1.1);
  }
  100% {
    transform: scale(1);
  }
}
img, a {
  display: block;
}

img {
  -o-object-fit: cover;
     object-fit: cover;
}

/* Blog image styling
================================================ */
img.alignright, img.alignleft, img.aligncenter, img.alignnone {
  display: block;
  max-width: 100%;
  height: auto;
}

img.alignright {
  margin: 1em 0;
}

img.alignleft {
  margin: 1em 0;
}

img.alignnone {
  margin: 1em 0;
}

img.aligncenter {
  display: block;
  margin: 1em;
}

a img.alignright {
  float: right;
  margin: 0 0 1em 1em;
}

a img.alignleft {
  float: left;
  margin: 0 1em 1em 0;
}

a img.aligncenter {
  display: block;
  margin-left: auto;
  margin-right: auto;
}

@media only screen and (min-width: 768px) {
  img.alignright {
    float: right;
    margin: 0 0 1em 1em;
  }
  img.alignleft {
    float: left;
    margin: 0 1em 1em 0;
  }
  img.aligncenter {
    display: block;
    margin-left: auto;
    margin-right: auto;
  }
  a img.alignright {
    float: right;
    margin: 0 0 1em 1em;
  }
  a img.alignleft {
    float: left;
    margin: 0 1em 1em 0;
  }
  a img.aligncenter {
    display: block;
    margin-left: auto;
    margin-right: auto;
  }
  .section {
    padding: 65px 0;
  }
}
/* Third Party Payload
================================================ */
/* Layout
================================================ */
.main-container {
  min-height: 100vh;
  display: flex;
  flex-direction: row;
  justify-content: stretch;
  align-items: stretch;
  gap: 3rem;
  padding-right: 2rem;
}

main {
  flex: 1;
  padding: 3.5rem 0;
  padding-left: 15rem;
}
main .title {
  margin-bottom: 3rem;
}
main .comma:last-child {
  display: none;
}
main .title-container {
  display: flex;
  flex-direction: row;
  justify-content: space-between;
  align-items: center;
}
main .title-container .top {
  display: flex;
  flex-direction: row;
  justify-content: stretch;
  align-items: center;
  gap: 2rem;
}
main .title-container .btn.push-left {
  margin-left: auto;
}
main .title-container select {
  font-size: inherit;
  margin-left: 2rem;
  font-weight: 600;
}
main .title-container select:first-child {
  margin-left: auto;
}
main .title-container p span:last-child {
  display: none;
}
main input.search-files, main .search-messages {
  margin-bottom: 2.5rem;
  border: 0.1rem solid #636363;
}
main .message-filtering {
  display: flex;
  flex-direction: row;
  justify-content: stretch;
  align-items: center;
  margin-bottom: 2.5rem;
  gap: 2.5rem;
}
main .message-filtering .search-messages {
  margin-bottom: 0;
}
main .message-filtering select {
  max-width: 40rem;
}
main .grid {
  display: grid;
  grid-template-columns: repeat(12, 1fr);
  gap: 2rem;
  width: 100%;
}
main .grid-full {
  grid-column: span 12;
}
main .grid-1-2 {
  grid-column: span 6;
}
main .grid-3-4 {
  grid-column: span 9;
}
main .grid-2-3 {
  grid-column: span 8;
}
main .grid-1-3 {
  grid-column: span 4;
}
main .grid-1-4 {
  grid-column: span 3;
}
main .grid-row-7 {
  grid-row: span 7;
}
main .grid-row-5 {
  grid-row: span 5;
}
main .grid-row-3 {
  grid-row: span 3;
}
main .w-100 {
  width: 100%;
}
main .mb-0 {
  margin-bottom: 0;
}
main .mb-1 {
  margin-bottom: 1rem;
}
main .mb-2 {
  margin-bottom: 2rem;
}
main .mb-3 {
  margin-bottom: 2rem;
}
main .mt-0 {
  margin-bottom: 0;
}
main .mt-1 {
  margin-top: 1rem;
}
main .mt-2 {
  margin-top: 2rem;
}
main .mt-3 {
  margin-top: 2rem;
}

aside {
  position: fixed;
  height: 100vh;
  transition: all 0.25s ease-in-out;
  box-shadow: 0px 4px 10px 0px rgba(0, 0, 0, 0.25);
  width: 100%;
  max-width: 10rem;
  background: #FFF;
  padding: 2.5rem;
  z-index: 6;
  overflow: auto;
}
aside .inner {
  display: flex;
  flex-direction: column;
  justify-content: stretch;
  align-items: stretch;
  position: relative;
  overflow: hidden;
  min-height: 100%;
}
aside .logo {
  position: relative;
  width: 12rem;
  margin-bottom: 4rem;
}
aside .logo:after {
  transition: all 0.25s ease-in-out;
  content: "";
  display: block;
  position: absolute;
  pointer-events: none;
  right: 0rem;
  top: 0;
  height: 100%;
  width: 7rem;
  background: #FFF;
  z-index: 2;
}
aside .logo img {
  width: 100%;
  height: auto;
}
aside .slide-down-section, aside .logout {
  position: relative;
  display: flex;
  flex-direction: column;
  justify-content: flex-start;
  align-items: flex-start;
  margin-bottom: 4rem;
  width: 100%;
}
aside .slide-down-section .trigger, aside .logout .trigger {
  cursor: pointer;
}
aside .slide-down-section img, aside .logout img {
  transition: all 0.25s ease-in-out;
}
aside .slide-down-section:hover img, aside .logout:hover img {
  transform: scale(1.1);
}
aside .slide-down-section .title, aside .logout .title {
  pointer-events: none;
  position: absolute;
  font-weight: 500;
  left: 6rem;
  top: 1rem;
  line-height: 1.3;
  margin: 0;
  opacity: 0;
  padding-right: 7rem;
  transition: all 0.25s ease-in-out;
}
aside .slide-down-section .title:after, aside .logout .title:after {
  display: flex;
  flex-direction: row;
  justify-content: stretch;
  align-items: stretch;
  content: "";
  background: url("../library/images/down-chevron.svg") center/contain no-repeat;
  position: absolute;
  font-style: normal;
  pointer-events: none;
  border-radius: 50%;
  top: 50%;
  transform: translateY(-50%);
  left: 15rem;
  width: 2.5rem;
  height: 1.2rem;
  line-height: 1;
  z-index: 2;
  color: #41667F;
}
aside .slide-down-section:not(:has(.hidden-content)):not(.logout), aside .logout:not(:has(.hidden-content)):not(.logout) {
  pointer-events: none;
  filter: grayscale(100%);
}
aside .slide-down-section:not(:has(.hidden-content)):not(.logout) .trigger, aside .logout:not(:has(.hidden-content)):not(.logout) .trigger {
  pointer-events: none;
}
aside .slide-down-section:not(:has(.hidden-content)):not(.logout) .title, aside .logout:not(:has(.hidden-content)):not(.logout) .title {
  cursor: default;
}
aside .slide-down-section:not(:has(.hidden-content)):not(.logout) .title:after, aside .logout:not(:has(.hidden-content)):not(.logout) .title:after {
  display: none;
}
aside .slide-down-section.active .title:after, aside .logout.active .title:after {
  transform: translateY(-50%) scaleY(-1);
}
aside .hidden-content {
  display: none;
  max-height: 40rem;
  overflow: auto;
  padding-top: 3rem;
}
aside li {
  transition: all 0.25s ease-in-out;
  display: flex;
  flex-direction: row;
  justify-content: stretch;
  align-items: center;
  padding-left: 0.5rem;
  gap: 1.5rem;
  margin-bottom: 2rem;
  word-wrap: break-word;
}
aside li a {
  display: flex;
  flex-direction: row;
  justify-content: stretch;
  align-items: center;
  gap: 1.5rem;
  word-wrap: break-word;
  width: 100%;
}
aside li:hover {
  color: #92C863;
}
aside .feedback-bubble {
  box-shadow: 0px 4px 10px 0px rgba(0, 0, 0, 0.25);
  border-radius: 1rem;
  margin-left: auto;
  margin-right: auto;
  background: #F0FFF7;
  padding: 2rem;
  font-size: 1.2rem;
  margin-bottom: 2rem;
  max-width: calc(100% - 2rem);
  cursor: pointer;
}
aside .feedback-bubble p:first-of-type {
  font-size: 1.3rem;
  font-weight: bold;
  margin-bottom: 0.5rem;
}
aside .additional-links a {
  white-space: nowrap;
  text-decoration: underline;
  text-underline-offset: 0.3rem;
}
aside .additional-links a:hover {
  text-decoration: none;
}
aside .logout {
  display: flex;
  flex-direction: row;
  justify-content: center;
  align-items: center;
  margin-top: auto;
  height: 5rem;
  width: 5rem;
  background: #C75C5C;
  border-radius: 50%;
  margin-bottom: 0;
}
aside .logout svg {
  font-size: 2.2rem;
  color: #FFF;
}
aside .logout .title:after {
  display: none;
}
aside.expanded {
  max-width: 32rem;
}
aside.expanded .logo:after {
  transition-delay: 0.25s;
  pointer-events: auto;
  opacity: 0;
}
aside.expanded .title {
  transition-delay: 0.25s;
  pointer-events: auto;
  opacity: 1;
}

header {
  position: relative;
  width: 100%;
  display: flex;
  flex-direction: row;
  justify-content: stretch;
  align-items: center;
  margin-bottom: 4rem;
  z-index: 5;
}
header nav {
  width: 100%;
  margin-right: auto;
}
header ul {
  display: flex;
  flex-direction: row;
  justify-content: stretch;
  align-items: stretch;
  gap: 1rem;
}
header li {
  border-radius: 1.5rem;
  transition: all 0.25s ease-in-out;
  background: none;
}
header li a {
  display: flex;
  flex-direction: row;
  justify-content: center;
  align-items: center;
  height: 3.9rem;
  padding: 0 1.3rem;
}
header li.current-menu-item, header .single-companies li.menu-item-327, .single-companies header li.menu-item-327, header .single-companies li.menu-item-343, .single-companies header li.menu-item-343, header .single-standards li.menu-item-327, .single-standards header li.menu-item-327, header .single-standards li.menu-item-343, .single-standards header li.menu-item-343, header .single-standards li.menu-item-92, .single-standards header li.menu-item-92, header .single-standards li.menu-item-172, .single-standards header li.menu-item-172, header li:hover {
  box-shadow: 0px 4px 12px 0px rgba(0, 0, 0, 0.06);
  background: #FFF;
  color: #000;
  font-weight: bold;
}
header li:hover:not(.current-menu-item) {
  font-weight: 400;
}
header .right {
  display: flex;
  flex-direction: row;
  justify-content: stretch;
  align-items: center;
  gap: 2.5rem;
  font-size: 4rem;
}
header .right .trigger {
  position: relative;
}
header .right .trigger svg {
  cursor: pointer;
  transition: all 0.25s ease-in-out;
}
header .right .trigger svg:hover {
  transform: scale(1.1);
}
header .right .trigger.active:after {
  content: "";
  display: block;
  position: absolute;
  top: 1rem;
  right: 0;
  height: 1.5rem;
  width: 1.5rem;
  background: red;
  border-radius: 50%;
  animation: pulse 2s forwards infinite;
}

/* Components Payload
================================================ */
label, legend {
  display: block;
  font-size: 1.2rem;
  color: #41667F;
  margin-bottom: 0.5rem;
}

.gform_submission_error {
  font-size: 1.4rem;
  margin-bottom: 2rem !important;
  color: red;
  max-width: 30rem;
  font-weight: 400;
}

.gfield_validation_message {
  color: red;
  font-size: 1.2rem;
  margin-top: 1rem;
}

.gfield_required {
  display: none;
}

.gfield {
  margin-bottom: 2rem;
}

.ginput_complex {
  display: grid;
  grid-template-columns: repeat(2, 1fr);
  gap: 1rem;
}

input[type=text], input[type=email], input[type=password], input[type=submit], select, textarea {
  border-radius: 0.8rem;
  box-shadow: 0px 4px 12px 0px rgba(0, 0, 0, 0.06);
  height: 55px;
  width: 100%;
  border: 0;
  -webkit-appearance: none;
  font-size: 1.6rem;
  font-family: "Poppins", sans-serif;
  padding-left: 2rem;
  resize: none;
}

textarea {
  padding-top: 2rem;
}

.gform_drop_area {
  display: flex;
  flex-direction: row;
  justify-content: center;
  align-items: center;
  padding: 3rem;
  border: 0.1px dashed #636363;
}
.gform_drop_area:after {
  opacity: 0;
  pointer-events: none;
  background: #D9D9D9;
  transition: all 0.25s ease-in-out;
  content: "";
  display: block;
  position: absolute;
  position: absolute;
  top: 0;
  left: 0;
  height: 100%;
  width: 100%;
  display: flex;
  flex-direction: row;
  justify-content: center;
  align-items: center;
  content: "Drop file(s) here";
  z-index: 99;
  font-weight: bold;
  box-shadow: inset 0px 0px 10px 0px rgba(0, 0, 0, 0.4);
}
.gform_drop_area.active {
  border-color: transparent;
}
.gform_drop_area.active:after {
  opacity: 1;
}

input[type=file] {
  font-family: "Poppins", sans-serif;
}

.gform_button_select_files {
  display: block;
  margin-left: 1rem;
}

.ginput_preview {
  display: flex;
  flex-direction: row;
  justify-content: stretch;
  align-items: center;
  gap: 2rem;
}

.gfield_fileupload_filename, .gfield_fileupload_filesize {
  font-size: 1.2rem;
  display: block;
}

.gform_drop_instructions {
  font-size: 1.2rem;
}

.ginput_preview {
  display: grid;
  grid-template-columns: repeat(3, 1fr);
  gap: 1rem;
}

.gfield_fileupload_filesize {
  text-align: center;
}

.gform_delete_file {
  max-width: 3rem;
  margin: 0 auto;
}

.ginput_preview_list {
  margin-top: 1rem;
  padding-top: 1rem;
  border-top: 1px dashed #D9D9D9;
  display: flex;
  flex-direction: column;
  justify-content: stretch;
  align-items: stretch;
  gap: 1rem;
}

.gform_delete_file {
  cursor: pointer;
}
.gform_delete_file .dashicons {
  height: 1.5rem;
  width: 1.5rem;
  line-height: 1rem;
}
.gform_delete_file .dashicons:before {
  font-size: 1.5rem;
}

.gfield_fileupload_progress {
  display: none;
}

.gfield_description {
  display: block;
  margin-top: 1rem;
  font-size: 1.2rem;
}

select {
  cursor: pointer;
  background-image: url("../library/images/down-chevron.svg");
  background-position: 98% 50%;
  background-size: 1.6rem 0.8rem;
  background-repeat: no-repeat;
}

select:not(.gfield_select) {
  background-color: #D9D9D9;
}
select:not(.gfield_select).light {
  background-color: #FFF !important;
}

select.green-select {
  font-size: 1.8rem;
  width: auto;
  color: #FFF;
  font-weight: bold;
  background-color: #92C863;
  background-image: url("../library/images/white-down-chevron.svg");
  background-position: 95% 50%;
  padding-right: 4rem;
}

.gfield_password_strength {
  font-size: 1.2rem;
  margin-top: 1rem;
  font-weight: bold;
  text-transform: uppercase;
}
.gfield_password_strength.short, .gfield_password_strength.bad {
  color: red;
}
.gfield_password_strength.good, .gfield_password_strength.strong {
  color: #92C863;
}

input[type=submit] {
  transition: all 0.25s ease-in-out;
  cursor: pointer;
  font-weight: 600;
  background: #92C863;
  border: 1px solid #92C863;
  color: #FFF;
  box-shadow: none;
}
input[type=submit]:hover {
  color: #000;
  background: none;
}

.password_input_container {
  position: relative;
}

.gform_show_password {
  position: absolute;
  top: 50%;
  transform: translateY(-50%);
  right: 4rem;
  color: #41667F;
  padding: 0 10px;
  font-size: 20px;
  background: none;
  line-height: 40px;
  cursor: pointer;
  z-index: 5;
  outline: 0;
  border: none;
  cursor: pointer;
}
.gform_show_password .dashicons:before, .gform_show_password .dashicons:after {
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%);
  position: absolute;
  display: flex;
  align-items: center;
  justify-content: center;
  font-family: "Font Awesome 6 Free";
  content: "\f06e";
  text-rendering: auto;
  -webkit-font-smoothing: antialiased;
}
.gform_show_password .dashicons:after {
  display: none;
  content: "\f070";
}
.gform_show_password .dashicons.dashicons-visibility:before {
  display: none;
}
.gform_show_password .dashicons.dashicons-visibility:after {
  display: block;
}

.show-hide-pw {
  position: absolute;
  top: 50%;
  right: 4rem;
  color: #41667F;
  padding: 0 10px;
  font-size: 20px;
  background: none;
  line-height: 40px;
  cursor: pointer;
  z-index: 5;
  outline: 0;
  order: 2;
  border: none;
  width: 2.5rem;
  height: 2.5rem;
}
.show-hide-pw .fa-eye {
  display: none;
}
.show-hide-pw .fa-eye-slash {
  display: block;
}
.show-hide-pw.open .fa-eye-slash {
  display: none;
}
.show-hide-pw.open .fa-eye {
  display: block;
}
.show-hide-pw svg {
  position: absolute;
  top: 0;
  left: 0;
}

.loader {
  pointer-events: none;
  opacity: 0;
  transition: all 0.25s ease-in-out;
  display: flex;
  flex-direction: row;
  justify-content: center;
  align-items: center;
  position: fixed;
  height: 100vh;
  width: 100vw;
  top: 0;
  left: 0;
  background: rgba(0, 0, 0, 0.3);
  -webkit-backdrop-filter: blur(5px);
          backdrop-filter: blur(5px);
  z-index: 8;
}
.loader.active {
  pointer-events: auto;
  opacity: 1;
}
.loader .inner-loader {
  width: 8rem;
  height: 8rem;
  border-radius: 100%;
  position: relative;
  margin: 0 auto;
}
.loader .inner-loader:before, .loader .inner-loader:after {
  content: "";
  position: absolute;
  top: -10px;
  left: -10px;
  width: 100%;
  height: 100%;
  border-radius: 100%;
  border: 0.2rem solid transparent;
  border-top-color: #1B2B36;
}
.loader .inner-loader:before {
  z-index: 100;
  animation: spin 1s infinite;
}
.loader .inner-loader:after {
  border: 0.2rem solid #ccc;
}
@keyframes spin {
  0% {
    transform: rotate(0deg);
  }
  100% {
    transform: rotate(360deg);
  }
}

.module, .modal-container .modal {
  border-radius: 0.8rem;
  box-shadow: 0px 4px 10px 0px rgba(0, 0, 0, 0.25);
  background: #FFF;
  padding: 2.5rem 2rem;
}
.module-title {
  display: flex;
  flex-direction: row;
  justify-content: space-between;
  align-items: flex-end;
}
.module-title h2 {
  margin-bottom: 0;
}
.module-title .left h2 {
  margin-bottom: 0;
}
.module-title span:not(.comma) {
  font-size: 2.2rem;
  font-weight: bold;
}

a.module, .modal-container a.modal {
  transition: all 0.25s ease-in-out;
}
a.module:hover, .modal-container a.modal:hover {
  background: rgba(255, 255, 255, 0.5);
  box-shadow: 0px 4px 12px 0px rgba(0, 0, 0, 0.06);
}

.modal-container {
  pointer-events: none;
  opacity: 0;
  transition: all 0.25s ease-in-out;
  position: absolute;
  top: 0;
  left: 0;
  height: 100%;
  width: 100%;
  display: flex;
  flex-direction: row;
  justify-content: center;
  align-items: center;
  position: fixed;
  background: rgba(0, 0, 0, 0.3);
  -webkit-backdrop-filter: blur(5px);
          backdrop-filter: blur(5px);
  z-index: 6;
}
.modal-container .modal {
  display: none;
  pointer-events: none;
  opacity: 0;
  background: #F0FFF7;
  transform: translateY(0.5rem);
  max-width: 50rem;
  position: absolute;
  transform: translate(-50%, -50%);
  max-height: 85vh;
  overflow: auto;
  width: 100%;
}
.modal-container .modal .close-icon {
  transition: all 0.25s ease-in-out;
  position: absolute;
  top: -3rem;
  right: -3rem;
  font-size: 3rem;
  color: #000;
  z-index: 999;
  cursor: pointer;
}
.modal-container .modal .close-icon:hover {
  color: #EA2121;
}
.modal-container .modal.medium {
  max-width: 40rem;
  width: 100%;
}
.modal-container .modal.large {
  max-width: 61rem;
}
.modal-container .modal.active {
  animation: fadeInUp 0.25s ease-in-out forwards;
  backface-visibility: hidden;
  display: block;
  pointer-events: auto;
  animation-delay: 0.25s;
}
.modal-container .modal.overlap {
  z-index: 5;
}
.modal-container .modal-title {
  margin-bottom: 1.5rem;
}
.modal-container .modal-title h2 {
  margin-bottom: 1rem;
  text-transform: capitalize;
}
.modal-container .modal-title p {
  color: #41667F;
}
.modal-container input.modal-search-files {
  margin-bottom: 2.5rem;
  border: 0rem solid #636363;
}
.modal-container .feedback-message {
  display: none;
  color: #92C863;
  margin-top: 2rem;
  font-size: 1.2rem;
}
.modal-container .feedback-message.red {
  color: red;
}
.modal-container .buttons-container {
  display: flex;
  flex-direction: row;
  justify-content: stretch;
  align-items: stretch;
  gap: 1rem;
  margin-top: 2rem;
}
.modal-container .gform_confirmation_message {
  max-width: 35rem;
}
.modal-container .gform_confirmation_message .btn {
  margin-top: 2rem;
}
.modal-container.active {
  pointer-events: auto;
  opacity: 1;
}

.progress-bar {
  background: #D9D9D9;
  border-radius: 0.8rem;
  height: 1rem;
  width: 100%;
  margin-top: 1rem;
  overflow: hidden;
}
.progress-bar .progress-indicator {
  transition: all 0.25s ease-in-out;
  background: #92C863;
  height: 100%;
  width: 0;
}

.filters {
  display: flex;
  flex-direction: row;
  justify-content: stretch;
  align-items: stretch;
  gap: 2rem;
  margin: 3rem 0;
  opacity: 0;
  animation: fadeIn 0.25s 0.75s forwards;
}
.filters .filter {
  border-radius: 5rem;
  transition: all 0.25s ease-in-out;
  background: none;
  display: flex;
  flex-direction: row;
  justify-content: center;
  align-items: center;
  height: 3.9rem;
  padding: 0 1.3rem;
  font-weight: bold;
  cursor: pointer;
  color: #636363;
}
.filters .filter:hover, .filters .filter.active {
  box-shadow: 0px 4px 12px 0px rgba(0, 0, 0, 0.06);
  background: #92C863;
  color: #FFF;
}
.filters.demo-mode-active .filter:not([data-related=commitment]) {
  filter: grayscale(100%);
}

.filtered-content {
  opacity: 0;
  animation: fadeIn 0.25s 0.75s forwards;
}
.filtered-content .grid {
  display: none;
}
.filtered-content .grid .canvas-container {
  opacity: 0;
}
.filtered-content .grid.active {
  display: grid;
}
.filtered-content .grid.active .canvas-container {
  animation: fadeIn 0.25s 0.75s forwards;
}
.filtered-content.demo-mode-active .grid:not([data-related=commitment]) {
  position: relative;
  filter: grayscale(100%);
  filter: blur(10px);
  pointer-events: none;
}
.filtered-content.demo-mode-active .grid:not([data-related=commitment]):after {
  top: 0;
  left: 0;
  content: "";
  height: 100%;
  width: 100%;
  z-index: 999;
}
.filtered-content.demo-mode-active .grid:not([data-related=commitment]) * {
  pointer-events: none !important;
}

table {
  width: 100%;
  text-align: left;
  border: none;
}
table th, table td {
  border: none;
  vertical-align: middle;
}
table tr:not(:first-of-type) {
  transition: all 0.25s ease-in-out;
  border-bottom: 0.05rem solid rgba(0, 0, 0, 0.2);
}
table tr:not(:first-of-type):nth-of-type(2n+3) {
  background: rgba(217, 217, 217, 0.2);
}
table tr:not(:first-of-type):hover {
  background: rgba(217, 217, 217, 0.4);
}
table tr.demo-company {
  background: rgba(22, 160, 219, 0.2) !important;
}
table tr.demo-company td {
  position: relative;
}
table tr.demo-company span.demo-label {
  position: absolute;
  left: 0;
  display: inline-block;
  font-size: 0.8rem;
  text-transform: uppercase;
  font-weight: bold;
  top: 0.8rem;
  left: 2rem;
  color: #000 !important;
}
table tr.disabled {
  position: relative;
  opacity: 0.4;
}
table tr.disabled:after {
  transition: all 0.25s ease-in-out;
  content: "";
  display: block;
  position: absolute;
  height: 100%;
  width: 100%;
  background-color: rgba(255, 255, 255, 0.9);
  background-image: url("../library/images/padlock.svg");
  background-size: 3.5rem 3.5rem;
  background-position: center;
  background-repeat: no-repeat;
  left: 0;
  top: 0;
  opacity: 0;
}
table tr.disabled:hover {
  opacity: 1;
}
table tr.disabled:hover:after {
  opacity: 1;
}
table td {
  text-align: left;
  padding: 1rem 2rem;
  text-transform: capitalize;
}
table td.filetype {
  text-transform: uppercase;
}
table td.email-address {
  text-transform: none;
}
table th {
  background: #D9D9D9;
  font-weight: bold;
  color: #000;
  padding: 1.5rem 2rem;
}
table a {
  transition: all 0.25s ease-in-out;
}
table a:hover {
  color: #92C863;
}
table span {
  display: flex;
  flex-direction: row;
  justify-content: stretch;
  align-items: center;
  transition: all 0.25s ease-in-out;
  gap: 0 1.5rem;
  font-weight: bold;
  cursor: pointer;
}
table span svg {
  font-size: 2rem;
  color: #000;
}
table span:hover {
  color: #92C863;
}
table .report-title {
  position: relative;
}
table .report-title i, table .report-title svg {
  transition: all 0.25s ease-in-out;
  position: absolute;
  right: 3rem;
  top: 2.5rem;
  opacity: 1;
  color: #92C863;
  opacity: 0;
}
table .report-title:has(input.saving) svg {
  opacity: 1;
}
table input[type=text] {
  position: relative;
  background: none;
  min-width: 50rem;
  padding: 0 5rem 0 1rem;
  border: none;
  font-weight: bold;
  outline: 0;
}
table input[type=text]:not(table input[type=text]:focus) {
  box-shadow: none;
}
table input[type=text]:focus {
  background: #F4F4F4;
}
table select {
  transition: all 0.25s ease-in-out;
  height: 4.2rem;
}
table select.updated {
  background-color: #92C863;
}
table .fa-download, table .fa-upload {
  font-size: 2rem;
}
table .fa-upload {
  cursor: pointer;
  transition: all 0.25s ease-in-out;
}
table .fa-upload:hover {
  color: #92C863;
}
table .fa-square-check {
  opacity: 0.2;
  font-size: 2.4rem;
  cursor: pointer;
  transition: all 0.25s ease-in-out;
}
table .fa-square-check:hover {
  color: #92C863;
  opacity: 1;
}
table .fa-square-check.active {
  color: #92C863;
  opacity: 1;
}
table .fa-trash {
  color: red;
}

.assessment-status .cross, .assessment-status .not-applicable {
  display: none;
}
.assessment-status.accepted .tick path {
  fill: #92C863;
}
.assessment-status.partially-accepted .tick path {
  fill: #16A0DB;
}
.assessment-status.not-accepted .tick {
  display: none;
}
.assessment-status.not-accepted .cross {
  display: block;
}
.assessment-status.not-applicable .tick, .assessment-status.not-applicable .cross {
  display: none;
}
.assessment-status.not-applicable .not-applicable {
  display: block;
}
.assessment-status.trigger-modal {
  cursor: pointer;
}

.notifications {
  position: relative;
}
.notifications .notifications-container {
  border-radius: 1.5rem;
  box-shadow: 0px 4px 10px 0px rgba(0, 0, 0, 0.25);
  display: none;
  pointer-events: none;
  opacity: 0;
  position: absolute;
  top: calc(100% + 1rem);
  right: 0;
  width: 36rem;
  background: #F0FFF7;
  padding: 2rem 2rem 2rem 2rem;
  height: 36rem;
  overflow: auto;
}
.notifications .notifications-container.active {
  display: block;
  pointer-events: auto;
  animation: fadeIn 0.25s ease-in-out forwards;
  backface-visibility: hidden;
}
.notifications .notifications-container h2 {
  margin-bottom: 2rem;
}
.notifications .notifications-container .notification-list {
  display: flex;
  flex-direction: column-reverse;
}
.notifications .notifications-container .notification {
  transition: all 0.25s ease-in-out;
  border-radius: 0.8rem;
  display: block;
  position: relative;
  font-size: 1.6rem;
  padding: 1rem;
}
.notifications .notifications-container .notification p {
  max-width: 27rem;
}
.notifications .notifications-container .notification .lower-row {
  margin-top: 0.5rem;
  display: flex;
  flex-direction: row;
  justify-content: space-between;
  align-items: center;
  font-size: 0.8rem;
  color: #636363;
}
.notifications .notifications-container .notification.unread:after {
  content: "";
  display: block;
  position: absolute;
  right: 1rem;
  top: 1rem;
  transition: all 0.25s ease-in-out;
  border-radius: 50%;
  height: 1rem;
  width: 1rem;
  background: #92C863;
}
.notifications .notifications-container .notification:hover {
  background: rgba(255, 255, 255, 0.8);
}
.notifications p.no-notifications {
  display: flex;
  flex-direction: row;
  justify-content: stretch;
  align-items: center;
  font-size: 1.4rem;
}
.notifications .fa-check {
  display: inline-block;
  color: #FFF;
  background: #92C863;
  border-radius: 50%;
  height: 1.5rem;
  width: 1.5rem;
  font-size: 1.5rem;
  margin-right: 1rem;
  padding: 0.5rem;
}
.notifications .clear {
  margin-top: 2rem;
  font-size: 1rem;
  cursor: pointer;
}
.notifications .clear:hover {
  text-decoration: underline;
}

.accordion-container {
  margin-bottom: 3rem;
}
.accordion-container .row {
  border-radius: 0.8rem;
  box-shadow: 0px 4px 12px 0px rgba(0, 0, 0, 0.06);
  width: 100%;
  font-size: 1.6rem;
  padding: 2rem;
  background: #FFF;
  margin-bottom: 2rem;
}
.accordion-container .row:last-of-type {
  margin-bottom: 0;
}
.accordion-container .row .title {
  position: relative;
  font-weight: 500;
  cursor: pointer;
  padding-right: 4rem;
}
.accordion-container .row .title:after {
  content: "";
  display: block;
  position: absolute;
  transition: all 0.25s ease-in-out;
  right: 0;
  top: calc(50% - 0.63rem);
  background: url("../library/images/down-chevron.svg") center/contain no-repeat;
  width: 2.5rem;
  height: 1.26rem;
}
.accordion-container .row .title.active:after {
  transform: rotate(180deg);
}
.accordion-container .row .row {
  background: #D9D9D9;
  padding: 1rem 1.8rem;
  font-size: 1.4rem;
  margin-bottom: 0.8rem;
  box-shadow: none;
  border-radius: 0.7rem;
}
.accordion-container .row .row .title:after {
  width: 2rem;
  height: 1rem;
  top: 0.8rem;
}
.accordion-container .row .answer {
  display: none;
  margin-top: 1rem;
  padding-top: 1.5rem;
}

.feedback-item {
  border-radius: 0.8rem;
  box-shadow: 0px 4px 12px 0px rgba(0, 0, 0, 0.06);
  display: flex;
  flex-direction: row;
  justify-content: stretch;
  align-items: flex-start;
  position: relative;
  width: 100%;
  font-size: 1.6rem;
  padding: 2rem;
  background: #FFF;
  margin-bottom: 2rem;
}
.feedback-item p {
  margin-bottom: 1rem;
}
.feedback-item p.assessor-name {
  font-size: 1.6rem;
  font-weight: 500;
}
.feedback-item p:last-child {
  margin-bottom: 0;
}
.feedback-item .file-container {
  display: inline-flex;
  align-items: center;
  border-radius: 0.8rem;
  border: 1px solid #000;
  padding: 1rem 1.5rem;
  font-size: 1.4rem;
  transition: all 0.25s ease-in-out;
  margin-left: auto;
}
.feedback-item .file-container:hover {
  background: rgba(0, 0, 0, 0.1);
}
.feedback-item .fa-file, .feedback-item .fa-video {
  font-size: 1.8rem;
  line-height: 1.8rem;
  margin-right: 0.5rem;
}
.feedback-item .video-url span {
  display: block;
  white-space: nowrap;
  overflow: hidden;
  text-overflow: ellipsis;
  max-width: 30rem;
}
.feedback-item h4 {
  font-weight: bold;
  margin-top: 2rem;
  margin-bottom: 1rem;
}

/* Pages Payload
================================================ */
.login-page {
  position: relative;
  display: flex;
  flex-direction: column;
  justify-content: center;
  align-items: center;
  height: 100vh;
  width: 100vw;
  padding: 3rem;
  overflow: hidden;
}
.login-page .background-image {
  pointer-events: none;
  position: absolute;
  top: 0;
  left: 0;
  height: 100%;
  width: 100%;
}
.login-page .white-logo {
  position: absolute;
  top: 3vw;
  right: 3vw;
  width: 25vw;
  height: auto;
  z-index: 2;
}
.login-page .charter-logo {
  position: absolute;
  bottom: -7rem;
  left: -10rem;
  z-index: 2;
  width: 60rem;
  height: auto;
  opacity: 0.4;
}
.login-page .form-container {
  display: flex;
  flex-direction: column;
  justify-content: stretch;
  align-items: stretch;
  border-radius: 1.5rem;
  box-shadow: 0px 4px 10px 0px rgba(0, 0, 0, 0.25);
  position: relative;
  z-index: 2;
  background: #F0FFF7;
  padding: 40px 25px 25px 25px;
  width: 100%;
  max-width: 45rem;
}
.login-page .login-logo {
  margin: 0 auto;
  max-width: 300px;
  width: 100%;
  height: auto;
  position: relative;
  z-index: 2;
  margin-bottom: 2rem;
}
.login-page p {
  margin-bottom: 2rem;
}
.login-page p.login-password {
  margin-bottom: 3rem;
}
.login-page p:last-of-type {
  margin-bottom: 0;
}
.login-page .alert {
  border-radius: 0.8rem;
  position: relative;
  z-index: 5;
  color: red;
  font-size: 1.2rem;
  margin-top: 2rem;
}
.login-page .show-hide-pw {
  position: absolute;
  top: calc(50% - 30px);
  right: 4rem;
  color: #41667F;
  padding: 0 10px;
  font-size: 20px;
  background: none;
  line-height: 40px;
  cursor: pointer;
  z-index: 5;
  outline: 0;
  order: 2;
  border: none;
  width: 2.5rem;
  height: 2.5rem;
  display: none !important;
}
.login-page .show-hide-pw .fa-eye {
  display: none;
}
.login-page .show-hide-pw .fa-eye-slash {
  display: block;
}
.login-page .show-hide-pw.open .fa-eye-slash {
  display: none;
}
.login-page .show-hide-pw.open .fa-eye {
  display: block;
}
.login-page .show-hide-pw svg {
  position: absolute;
  top: 0;
  left: 0;
}
.login-page .login-password, .login-page .login-submit {
  order: 2;
}
.login-page a {
  display: none;
}
.login-page .forgotten-password {
  cursor: pointer;
  position: relative;
  z-index: 2;
  margin-top: 2rem;
  font-size: 1.4rem;
  order: 5;
  display: block;
  text-align: center;
  margin-top: 1rem;
  color: #636363;
}
.login-page .forgotten-password:hover {
  text-decoration: underline;
}
.login-page.failed #loginform {
  border: 1px solid red;
}

.error404__content {
  padding: 100px 0 150px;
  text-align: center;
}
.error404__content h1 {
  font-size: 7em;
  color: #1B2B36;
  line-height: 170px;
  margin-bottom: 30px;
}

.standards-overview .standards-module[standard-slug=leadership] {
  order: 1;
}
.standards-overview .standards-module[standard-slug=attendance-management] {
  order: 2;
}
.standards-overview .standards-module[standard-slug=health-safety] {
  order: 3;
}
.standards-overview .standards-module[standard-slug=mental-health] {
  order: 4;
}
.standards-overview .standards-module[standard-slug=intoxicants] {
  order: 5;
}
.standards-overview .standards-module[standard-slug=physical-health] {
  order: 6;
}
.standards-overview .standards-module[standard-slug=environment-sustainability] {
  order: 7;
}
.standards-overview .standards-module[standard-slug=inclusion-culture] {
  order: 8;
}

/* Modules Payload
================================================ */
.standards-summary .standard-row {
  display: flex;
  flex-direction: row;
  justify-content: stretch;
  align-items: center;
  gap: 2rem;
  margin-bottom: 4rem;
}
.standards-summary .standard-row:last-of-type {
  margin-bottom: 0;
}
.standards-summary .icon-container {
  width: 50px;
}
.standards-summary .icon {
  display: block;
  max-width: 100%;
  height: auto;
  -o-object-fit: contain;
     object-fit: contain;
  max-height: 5.3rem;
}
.standards-summary .right {
  width: 100%;
}
.standards-summary .text-link, .standards-summary .assessment-request .view-notes, .assessment-request .standards-summary .view-notes {
  margin-top: 4rem;
}

.reports-summary .report {
  border-radius: 0.8rem;
  display: flex;
  flex-direction: row;
  justify-content: stretch;
  align-items: center;
  transition: all 0.25s ease-in-out;
  background: #D9D9D9;
  padding: 1.2rem 2rem;
  font-weight: bold;
  color: #000;
}
.reports-summary .report .fa-file-pdf {
  margin-right: 3rem;
  font-size: 4rem;
}
.reports-summary .report .fa-download {
  font-size: 3.4rem;
}
.reports-summary .report h3 {
  margin-right: auto;
}
.reports-summary .report:hover {
  background: #636363;
  color: #FFF;
}
.reports-summary .btn {
  margin-top: 2rem;
}

.standards-module {
  display: flex;
  flex-direction: column;
  justify-content: stretch;
  align-items: center;
}
.standards-module .module-title {
  margin-bottom: 4.5rem;
  width: 100%;
}
.standards-module .module-title .icon-container {
  display: flex;
  flex-direction: row;
  justify-content: center;
  align-items: center;
  height: 60px;
}
.standards-module .module-title img {
  max-height: 60px;
  width: auto;
}
.standards-module .module-title p {
  font-size: 1.2rem;
}
.standards-module .progress-row {
  width: 100%;
  margin-bottom: 2.5rem;
}
.standards-module .progress-row .row-title {
  display: flex;
  flex-direction: row;
  justify-content: stretch;
  align-items: flex-end;
  margin-bottom: 0.5rem;
}
.standards-module .progress-row .row-title h3 {
  margin-right: auto;
}
.standards-module .progress-row .row-title span {
  font-weight: 700;
  color: #92C863;
  font-size: 2.2rem;
}
.standards-module .progress-row:last-of-type {
  margin-bottom: 4.5rem;
}
.standards-module .btn {
  width: 260px;
}

.reports-list .report {
  border-radius: 0.8rem;
  display: flex;
  flex-direction: row;
  justify-content: stretch;
  align-items: center;
  transition: all 0.25s ease-in-out;
  background: #D9D9D9;
  gap: 3rem;
  padding: 1.2rem 2rem;
  font-weight: bold;
  color: #000;
  max-width: 40rem;
}
.reports-list .report .fa-file-pdf {
  font-size: 4rem;
}
.reports-list .report .fa-download {
  margin-left: auto;
  font-size: 3.4rem;
}
.reports-list .report h3 {
  margin-right: auto;
  line-height: 1.2;
  margin-bottom: 0.5rem;
}
.reports-list .report p {
  font-size: 1rem;
}
.reports-list .report:hover {
  background: #636363;
  color: #FFF;
}

.assigned-companies {
  display: flex;
  flex-direction: column;
  justify-content: stretch;
  align-items: stretch;
  min-height: 44rem;
}
.assigned-companies .company {
  display: flex;
  align-items: center;
  margin-bottom: 4rem;
}
.assigned-companies .logo {
  height: 6rem;
  width: 6rem;
  border-radius: 50%;
  margin-right: 1.5rem;
}
.assigned-companies .right {
  width: 100%;
}
.assigned-companies .text-link, .assigned-companies .assessment-request .view-notes, .assessment-request .assigned-companies .view-notes {
  margin-top: auto;
}

.assessment-request {
  position: relative;
  display: flex;
  flex-direction: column;
  justify-content: center;
  align-items: center;
  gap: 1rem;
  padding-top: 12rem;
}
.assessment-request .top-left {
  position: absolute;
  top: 1.8rem;
  left: 1.8rem;
  display: flex;
  flex-direction: row;
  justify-content: stretch;
  align-items: center;
  flex-wrap: wrap;
  gap: 0 0.5rem;
  max-width: 40%;
}
.assessment-request h4 {
  font-size: 1.2rem;
  padding: 0.5rem 1rem;
  border-radius: 0.8em;
  border: 1px solid #636363;
  text-transform: uppercase;
  font-weight: bold;
  line-height: 2.6rem;
  text-align: center;
}
.assessment-request .new-notification {
  display: flex;
  flex-direction: column;
  justify-content: center;
  align-items: center;
  text-align: center;
  content: "New Evidence";
  top: -10px;
  right: 20px;
  height: 4rem;
  width: 4rem;
  border-radius: 50%;
  color: #FFF;
  text-transform: uppercase;
  font-weight: bold;
  font-size: 0.7rem;
  line-height: 0.6rem;
}
.assessment-request .new-notification.new-evidence {
  background: green;
}
.assessment-request .new-notification.new-feedback {
  background: red;
}
.assessment-request .help-trigger {
  display: flex;
  flex-direction: row;
  justify-content: center;
  align-items: center;
  transition: all 0.25s ease-in-out;
  position: absolute;
  right: 1.8rem;
  top: 1.8rem;
  border: 2px solid;
  border-radius: 50%;
  height: 3rem;
  width: 3rem;
  cursor: pointer;
}
.assessment-request .help-trigger:hover {
  transform: scale(1.1);
}
.assessment-request .assigned-row {
  display: flex;
  flex-direction: row;
  justify-content: stretch;
  align-items: stretch;
  width: 100%;
  margin-bottom: 2rem;
  gap: 1rem;
}
.assessment-request .assigned-row:empty {
  display: none;
}
.assessment-request .edit-question-assignment {
  color: #92C863;
  font-weight: 600;
  cursor: pointer;
}
.assessment-request .edit-question-assignment:hover {
  text-decoration: underline;
}
.assessment-request .assessment-status {
  position: absolute;
  top: 2.5rem;
  left: 50%;
  transform: translateX(-50%);
  margin-bottom: 2.5rem;
}
.assessment-request .assessment-status svg {
  height: 5.4rem;
  width: 5.4rem;
}
.assessment-request h3 {
  margin-right: auto;
  margin-bottom: 2rem;
}
.assessment-request h3 span {
  font-weight: 400;
}
.assessment-request p {
  margin-right: auto;
  font-size: 1.4rem;
}
.assessment-request .text-link, .assessment-request .view-notes {
  font-size: 1.4rem;
  margin-bottom: 0rem;
  color: #92C863;
}
.assessment-request .view-notes {
  margin-right: auto;
}
.assessment-request .notes-content {
  display: none;
  width: 100%;
  text-align: left;
  padding-bottom: 2rem;
}
.assessment-request .buttons {
  display: flex;
  flex-direction: row;
  justify-content: stretch;
  align-items: stretch;
  width: 100%;
  gap: 0.5rem;
  margin-top: auto;
  padding-top: 1rem;
}
.assessment-request .buttons .btn {
  position: relative;
  min-width: auto;
  flex: 1;
}
.assessment-request .buttons .btn i, .assessment-request .buttons .btn .svg-inline--fa {
  font-size: 2.2rem;
  margin: 0;
}
.assessment-request .buttons .btn:hover:after {
  opacity: 1;
}
.assessment-request .buttons .btn:after {
  content: "";
  display: block;
  position: absolute;
  bottom: calc(100% + 0.5rem);
  left: 50%;
  transform: translateX(-50%);
  background: #16A0DB;
  text-transform: uppercase;
  font-size: 1.2rem;
  color: #FFF;
  padding: 0.5rem 1rem;
  white-space: nowrap;
  z-index: 5;
  flex-shrink: 0;
  opacity: 0;
  transition: all 0.25s ease-in-out;
  border-radius: 0.2rem;
  pointer-events: none;
}
.assessment-request .buttons .btn[modal-related=view-evidence-modal]:after {
  content: "View Evidence";
}
.assessment-request .buttons .btn[modal-related=request-assessment]:after {
  content: "Request Assessment";
}
.assessment-request .buttons .btn[modal-related=view-feedback-modal]:after {
  content: "View Feedback";
}
.assessment-request .buttons .btn[modal-related=give-feedback-modal]:after {
  content: "Give Feedback";
}
.assessment-request .buttons .btn[modal-related=upload-evidence]:after {
  content: "Upload Evidence";
}
.assessment-request.highlighted {
  transform: scale(1.05);
  border: 2px solid #92C863;
}
.assessment-request[assessment-status=not-applicable] {
  background: rgba(255, 255, 255, 0.4);
}
.assessment-request[assessment-status=not-applicable] *:not(.assessment-status) {
  pointer-events: none;
  opacity: 0.4;
}
.assessment-request[assessment-status=not-applicable]:after {
  transition: all 0.25s ease-in-out;
  content: "";
  display: block;
  position: absolute;
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%);
  content: "N/A";
  opacity: 0;
  background: #D9D9D9;
  color: #FFF;
  text-transform: uppercase;
  font-weight: bold;
  border-radius: 10px;
  padding: 1rem 2rem;
  font-size: 2rem;
  white-space: nowrap;
}
.assessment-request[assessment-status=not-applicable]:hover:after {
  opacity: 1;
}

.assessment-requests-summary {
  display: flex;
  flex-direction: column;
  justify-content: stretch;
  align-items: stretch;
  min-height: 44rem;
}
.assessment-requests-summary .request {
  display: flex;
  flex-direction: row;
  justify-content: stretch;
  align-items: center;
  gap: 2rem;
  margin-bottom: 4rem;
}
.assessment-requests-summary .assessment-status {
  height: 4rem;
  width: 4rem;
}
.assessment-requests-summary h3 span {
  font-weight: 400;
}
.assessment-requests-summary .text-link, .assessment-requests-summary .assessment-request .view-notes, .assessment-request .assessment-requests-summary .view-notes {
  margin-top: auto;
}

.all-companies td:last-child, .all-companies td:nth-last-child(2) {
  width: 250px;
}

.assessor-assigned-companies .progress-row {
  display: flex;
  flex-direction: row;
  justify-content: space-between;
  align-items: center;
}
.assessor-assigned-companies .progress-row span {
  font-size: 2.2rem;
  font-weight: bold;
}

.chart-container {
  text-align: center;
}
.chart-container .canvas-container {
  position: relative;
}
.chart-container .value {
  font-size: 3rem;
  font-weight: 900;
  color: #000;
  position: absolute;
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%);
}
.chart-container canvas {
  min-width: 16rem;
  min-height: 16rem;
  max-width: 16rem;
  max-height: 16rem;
  margin: 0 auto;
}

.progress-bar-chart .title {
  display: flex;
  flex-direction: row;
  justify-content: stretch;
  align-items: center;
  margin-bottom: 2rem;
}
.progress-bar-chart .title h2 {
  margin-right: auto;
  margin-bottom: 0;
}
.progress-bar-chart select {
  max-width: 20rem;
  background-position: 95% 50%;
}
.progress-bar-chart .progress-legend {
  display: flex;
  flex-direction: row;
  justify-content: stretch;
  align-items: stretch;
  margin-bottom: 1.5rem;
}
.progress-bar-chart .progress-legend .standard {
  display: flex;
  flex-direction: row;
  justify-content: center;
  align-items: flex-end;
  flex: 1;
  padding-left: 1.5rem;
}
.progress-bar-chart .progress-legend .standard img {
  display: block;
  max-height: 5.5rem;
  -o-object-fit: contain;
     object-fit: contain;
}
.progress-bar-chart canvas {
  opacity: 0;
  animation: fadeIn 0.25s 0.25s forwards;
}
.progress-bar-chart canvas.inactive {
  display: none !important;
}

.assessment-mod-filters {
  display: flex;
  flex-direction: row;
  justify-content: stretch;
  align-items: center;
  background: none;
  box-shadow: none;
  padding: 0;
  gap: 5rem;
}
.assessment-mod-filters .all {
  font-weight: bold;
}
.assessment-mod-filters .assessment-status {
  transition: all 0.25s ease-in-out;
  cursor: pointer;
  display: flex;
  flex-direction: row;
  justify-content: stretch;
  align-items: center;
  gap: 1rem;
  opacity: 0.6;
}
.assessment-mod-filters .assessment-status:hover, .assessment-mod-filters .assessment-status.selected {
  opacity: 1;
}

.module.company img, .modal-container .company.modal img {
  -o-object-fit: contain;
     object-fit: contain;
  max-width: 30rem;
  max-height: 10rem;
  margin-right: auto;
  -o-object-position: left;
     object-position: left;
  width: auto;
  height: auto;
}

.message-module {
  position: relative;
  display: flex;
  flex-direction: column;
  justify-content: center;
  align-items: center;
  gap: 1rem;
  padding-bottom: 2rem;
}
.message-module .number-of-messages {
  display: flex;
  flex-direction: row;
  justify-content: center;
  align-items: center;
  transition: all 0.25s ease-in-out;
  position: absolute;
  right: 1.8rem;
  top: 1.8rem;
  border: 1px solid;
  border-radius: 50%;
  height: 2.5rem;
  width: 2.5rem;
  font-size: 1.2rem;
  pointer-events: none;
}
.message-module h3 {
  text-transform: capitalize;
  margin-right: auto;
  padding-right: 4rem;
  line-height: 1.4;
}
.message-module h3 span {
  font-size: 1.2rem;
  font-weight: 400;
}
.message-module p {
  margin-right: auto;
  font-size: 1.4rem;
}
.message-module .dates {
  font-size: 1rem;
}
.message-module .conversation-details {
  font-size: 1.2rem;
}
.message-module .conversation-details strong {
  font-size: 1.4rem;
}
.message-module .buttons {
  display: flex;
  flex-direction: row;
  justify-content: stretch;
  align-items: stretch;
  flex-wrap: wrap;
  width: 100%;
  gap: 1rem;
  margin-top: 1rem;
}
.message-module .buttons .btn {
  flex: 1;
  min-width: auto;
}

.assessor .headshot {
  height: 12rem;
  width: 12rem;
  -o-object-fit: cover;
     object-fit: cover;
  border-radius: 50%;
  margin-bottom: 2rem;
}
.assessor h3 {
  margin-bottom: 1.8rem;
}
.assessor p {
  font-size: 1.4rem;
}
.assessor p span {
  font-weight: bold;
  color: #16A0DB;
}
.assessor a:hover {
  text-decoration: underline;
}

.grid:has(.promo.module, .modal-container .promo.modal) .module, .grid:has(.promo.module, .modal-container .promo.modal) .modal-container .modal, .modal-container .grid:has(.promo.module, .modal-container .promo.modal) .modal {
  grid-row: auto !important;
}

.promo.module, .modal-container .promo.modal {
  position: relative;
  display: flex;
  flex-direction: column;
  justify-content: stretch;
  align-items: stretch;
  gap: 3rem;
}
.promo.module img, .modal-container .promo.modal img {
  position: relative;
  z-index: 2;
  width: 100%;
  height: auto;
  -o-object-fit: cover;
     object-fit: cover;
  aspect-ratio: 1/0.5;
  border-radius: 1rem;
}
.promo.module.hw-hearts, .modal-container .promo.hw-hearts.modal {
  overflow: hidden;
}
.promo.module.hw-hearts:after, .modal-container .promo.hw-hearts.modal:after {
  content: "";
  display: block;
  position: absolute;
  background: url("../library/images/charter-logo.svg") center/contain no-repeat;
  height: 20rem;
  width: 20rem;
  bottom: -5rem;
  right: -5rem;
  opacity: 0.4;
}
.promo.module.plus, .modal-container .promo.plus.modal {
  overflow: hidden;
}
.promo.module.plus:after, .modal-container .promo.plus.modal:after {
  content: "";
  display: block;
  position: absolute;
  background: url("../library/images/background-plus.svg") center/contain no-repeat;
  height: 20rem;
  width: 20rem;
  bottom: -5rem;
  right: -5rem;
  opacity: 0.4;
}
.promo.module .description, .modal-container .promo.modal .description {
  position: relative;
  z-index: 2;
}
.promo.module.grid-full, .modal-container .promo.grid-full.modal, .promo.module.grid-2-3, .modal-container .promo.grid-2-3.modal, .promo.module.grid-3-4, .modal-container .promo.grid-3-4.modal {
  display: flex;
  flex-direction: row;
  justify-content: flex-start;
  align-items: center;
}
.promo.module.grid-full img, .modal-container .promo.grid-full.modal img, .promo.module.grid-2-3 img, .modal-container .promo.grid-2-3.modal img, .promo.module.grid-3-4 img, .modal-container .promo.grid-3-4.modal img {
  max-width: 50%;
  aspect-ratio: 2/1;
}
.promo.module .btn, .modal-container .promo.modal .btn {
  margin-top: 3rem;
}
.promo.module.image-only, .modal-container .promo.image-only.modal {
  padding: 0;
  position: relative;
}
.promo.module.image-only img, .modal-container .promo.image-only.modal img {
  width: 100%;
  height: 100%;
  max-width: none;
  aspect-ratio: auto;
}
.promo.module.image-only.grid-full, .modal-container .promo.image-only.grid-full.modal, .promo.module.image-only.grid-2-3, .modal-container .promo.image-only.grid-2-3.modal, .promo.module.image-only.grid-3-4, .modal-container .promo.image-only.grid-3-4.modal {
  max-height: 40rem;
}
.promo.module.grey, .modal-container .promo.grey.modal {
  background: #636363;
}
.promo.module.blue, .modal-container .promo.blue.modal {
  background: #16A0DB;
}
.promo.module.green, .modal-container .promo.green.modal {
  background: #92C863;
}
.promo.module.green .btn, .modal-container .promo.green.modal .btn {
  background: #16A0DB;
  border-color: #16A0DB;
}
.promo.module.green .btn:hover, .modal-container .promo.green.modal .btn:hover {
  background: none;
}
.promo.module.teal, .modal-container .promo.teal.modal {
  background: #F0FFF7;
}
.promo.module.text-white, .modal-container .promo.text-white.modal {
  color: #FFF;
}
.promo.module .background-image, .modal-container .promo.modal .background-image {
  position: absolute;
  top: 0;
  left: 0;
  height: 100%;
  width: 100%;
  z-index: 0;
}
.promo.module:not([href]), .modal-container .promo.modal:not([href]) {
  pointer-events: none;
}

/* Modals Payload
================================================ */
.assignment-modal .user-container, .assignment-modal .assignment-container {
  border-radius: 0.8rem;
  box-shadow: 0px 4px 12px 0px rgba(0, 0, 0, 0.06);
  background: #FFF;
  padding: 1.5rem 2rem 2.5rem;
}
.assignment-modal .row {
  display: flex;
  flex-direction: row;
  justify-content: stretch;
  align-items: center;
  cursor: pointer;
  margin-bottom: 1rem;
  gap: 1rem;
}
.assignment-modal .row:last-of-type {
  margin-bottom: 0;
}
.assignment-modal .row.active .indicator {
  background: #92C863;
}
.assignment-modal .indicator {
  transition: all 0.25s ease-in-out;
  height: 1.2rem;
  width: 1.2rem;
  border-radius: 50%;
  border: 1px solid #92C863;
}

.create-user-modal {
  width: 100%;
}

.request-assessment-modal, .give-feedback-modal {
  max-width: 59rem;
}
.request-assessment-modal .file-container, .request-assessment-modal .video-container, .give-feedback-modal .file-container, .give-feedback-modal .video-container {
  display: flex;
  flex-direction: row;
  justify-content: stretch;
  align-items: center;
  background: #FFF;
  border-radius: 0.8rem;
  box-shadow: 0px 4px 12px 0px rgba(0, 0, 0, 0.06);
  padding: 1.5rem 2.5rem;
  margin-top: 2rem;
}
.request-assessment-modal .file-container.inactive, .request-assessment-modal .video-container.inactive, .give-feedback-modal .file-container.inactive, .give-feedback-modal .video-container.inactive {
  display: none;
}
.request-assessment-modal .video-url, .give-feedback-modal .video-url {
  margin-top: 1rem;
}
.request-assessment-modal .video-url.inactive, .give-feedback-modal .video-url.inactive {
  display: none;
}
.request-assessment-modal .file-container, .give-feedback-modal .file-container {
  flex-direction: column;
  margin-bottom: 2rem;
}
.request-assessment-modal .file-row, .give-feedback-modal .file-row {
  width: 100%;
  display: flex;
  flex-direction: row;
  justify-content: stretch;
  align-items: center;
  margin-bottom: 2rem;
}
.request-assessment-modal .file-row:last-of-type, .give-feedback-modal .file-row:last-of-type {
  margin-bottom: 0;
}
.request-assessment-modal .tox-tinymce, .give-feedback-modal .tox-tinymce {
  margin-bottom: 2rem;
}
.request-assessment-modal [modal-related=request-assessment-add-file-modal].inactive, .give-feedback-modal [modal-related=request-assessment-add-file-modal].inactive {
  display: none;
}
.request-assessment-modal .fa-file, .give-feedback-modal .fa-file {
  font-size: 2.5rem;
  line-height: 2.5rem;
  margin-right: 1rem;
}
.request-assessment-modal .remove-file, .give-feedback-modal .remove-file {
  color: #EA2121;
  cursor: pointer;
  font-size: 2.5rem;
  line-height: 2.5rem;
  margin-left: auto;
}
.request-assessment-modal select, .give-feedback-modal select {
  margin-bottom: 2rem;
}
.request-assessment-modal textarea, .give-feedback-modal textarea {
  height: 19.5rem;
}
.request-assessment-modal .buttons-container, .give-feedback-modal .buttons-container {
  justify-content: space-between;
}
.request-assessment-modal .submission-confirmation, .give-feedback-modal .submission-confirmation {
  display: none;
}
.request-assessment-modal .submission-confirmation .btn, .give-feedback-modal .submission-confirmation .btn {
  margin-top: 2rem;
}
.request-assessment-modal.success, .give-feedback-modal.success {
  width: auto;
}
.request-assessment-modal.success .fields, .give-feedback-modal.success .fields {
  display: none;
}
.request-assessment-modal.success .submission-confirmation, .give-feedback-modal.success .submission-confirmation {
  display: block;
}

.help-modal {
  min-height: 42rem;
}
.help-modal.active {
  display: flex !important;
  flex-direction: column;
}
.help-modal .btn {
  margin-top: auto;
  width: 100%;
}

.view-feedback-modal .feedback-item {
  display: block;
}
.view-feedback-modal .delete-feedback {
  position: absolute;
  top: 2rem;
  right: 2rem;
  color: red;
  cursor: pointer;
  font-size: 1.8rem;
}
.view-feedback-modal p {
  margin-bottom: 2rem;
}
.view-feedback-modal p.assessor-name {
  font-size: 1.8rem;
  font-weight: 500;
}
.view-feedback-modal p:last-child {
  margin-bottom: 0;
}
.view-feedback-modal .file-container {
  display: inline-flex;
  align-items: center;
  border-radius: 0.8rem;
  border: 1px solid #000;
  padding: 1rem 1.5rem;
  font-size: 1.4rem;
  transition: all 0.25s ease-in-out;
}
.view-feedback-modal .file-container:hover {
  background: rgba(0, 0, 0, 0.1);
}
.view-feedback-modal .fa-file, .view-feedback-modal .fa-video {
  font-size: 1.8rem;
  line-height: 1.8rem;
  margin-right: 0.5rem;
}
.view-feedback-modal .video-url span {
  display: block;
  white-space: nowrap;
  overflow: hidden;
  text-overflow: ellipsis;
  max-width: 30rem;
}
.view-feedback-modal h4 {
  font-weight: bold;
  margin-top: 2rem;
  margin-bottom: 1rem;
}
.view-feedback-modal select {
  width: 100%;
}
.view-feedback-modal .btn {
  margin-top: 2rem;
}

.set-question-status-modal {
  width: 100%;
}

.add-file-modal {
  transition: none !important;
}
.add-file-modal .close-icon {
  top: 2rem !important;
  right: 2rem !important;
}
.add-file-modal.large.wide {
  width: 100%;
  min-width: none;
  max-width: 90vw;
}
.add-file-modal .file-upload-container, .add-file-modal .select-file-container {
  display: none;
  margin-top: 1rem;
}
.add-file-modal .select-file-container {
  padding-top: 3rem;
}
.add-file-modal .select-file-container .grid {
  display: grid;
  grid-template-columns: repeat(8, 1fr);
  gap: 1rem 1.5rem;
  margin-bottom: 3rem;
  margin-top: 3rem;
}
.add-file-modal .select-file-container .no-files-uploaded {
  grid-column: 1/3;
}
.add-file-modal .select-file-container .file {
  transition: all 0.25s ease-in-out;
  border-radius: 0.8rem;
  display: flex;
  flex-direction: column;
  justify-content: flex-start;
  align-items: center;
  border: 0.1rem solid transparent;
  padding: 2rem;
  cursor: pointer;
  font-size: 1.2rem;
  line-height: 1.4rem;
  text-align: center;
}
.add-file-modal .select-file-container .file span {
  word-break: break-all;
}
.add-file-modal .select-file-container .file svg {
  font-size: 4rem;
  margin-bottom: 2rem;
}
.add-file-modal .select-file-container .file:hover, .add-file-modal .select-file-container .file.active {
  background: #F1FFE5;
  border-color: #92C863;
}
.add-file-modal .select-file-container .file:nth-child(n+33) {
  font-size: 1rem;
  line-height: 1.2rem;
  padding: 1rem;
}
.add-file-modal .select-file-container .file:nth-child(n+33) svg {
  font-size: 3rem;
  margin-bottom: 1rem;
}
.add-file-modal[modal-related=upload-custom-report]:has(.gform_confirmation_wrapper), .add-file-modal[modal-related=upload-engagement-survey]:has(.gform_confirmation_wrapper) {
  max-width: 36rem !important;
}
.add-file-modal[modal-related=upload-custom-report]:has(.gform_confirmation_wrapper) .static-title, .add-file-modal[modal-related=upload-engagement-survey]:has(.gform_confirmation_wrapper) .static-title {
  display: none;
}

.forgotten-password-modal p {
  font-size: 1.4rem;
  margin-top: 0.5rem;
}
.forgotten-password-modal .inner-modal .btn.grey {
  display: inline-flex;
}
.forgotten-password-modal .btn.grey {
  display: none;
}

.view-evidence-modal .file-container {
  display: block;
  margin-top: 2rem;
  display: inline-flex;
  align-items: center;
  font-size: 1.6rem;
  background: #FFF;
  width: 100%;
  height: 55px;
  padding: 0;
  margin: 0;
  margin-bottom: 1rem;
}
.view-evidence-modal .file-container:last-of-type {
  margin-bottom: 0;
}
.view-evidence-modal .notes {
  margin-bottom: 2rem;
}
.view-evidence-modal .fa-file {
  font-size: 1.8rem;
  line-height: 1.8rem;
  margin-right: 1rem;
}
.view-evidence-modal a {
  transition: all 0.25s ease-in-out;
  border-radius: 0.8rem;
  padding: 1rem 1.5rem;
  display: flex;
  width: 100%;
}
.view-evidence-modal a:hover {
  background: rgba(0, 0, 0, 0.1);
}
.view-evidence-modal .fa-download, .view-evidence-modal .fa-x {
  font-size: 1.8rem;
  margin-left: auto;
}
.view-evidence-modal .fa-x {
  transition: all 0.25s ease-in-out;
  flex-shrink: 0;
  font-size: 2rem;
  cursor: pointer;
  color: red;
  margin-left: 1rem;
  transform: scaleX(1.2);
}
.view-evidence-modal .delete-btn {
  margin-top: 2rem;
  text-align: right;
  margin-right: auto;
}

.modal.generate-final-report-modal {
  max-width: 80rem;
}
.modal.generate-final-report-modal .inner-modal {
  width: 100%;
}
.modal.generate-final-report-modal .success-message {
  display: none;
}
.modal.generate-final-report-modal .success-message p a {
  color: #1B2B36;
  font-weight: bold;
  display: inline-block;
  color: #92C863;
}
.modal.generate-final-report-modal .success-message p a:hover {
  text-decoration: underline;
}
.modal.generate-final-report-modal .success-message .btn {
  margin-top: 2rem;
}
.modal.generate-final-report-modal .accordion-container {
  margin-top: 3rem;
}
.modal.generate-final-report-modal label {
  display: block;
  display: flex;
  color: #000;
  margin-bottom: 1.5rem;
  cursor: pointer;
}
.modal.generate-final-report-modal label:last-of-type {
  align-items: center;
}
.modal.generate-final-report-modal label.large-label {
  flex-direction: column;
}
.modal.generate-final-report-modal input {
  flex-shrink: 0;
  height: 1.5rem;
  width: 1.5rem;
  margin-right: 1rem;
}
.modal.generate-final-report-modal textarea:not(.wysiwyg-editor) {
  display: none;
  min-height: 12rem;
  font-size: 1.4rem;
  padding: 1rem;
}
.modal.generate-final-report-modal .wysiwyg-editor {
  margin-top: 2rem;
}

.upload-evidence-modal {
  max-width: 59rem;
}
.upload-evidence-modal .file-container, .upload-evidence-modal .video-container {
  display: flex;
  flex-direction: row;
  justify-content: stretch;
  align-items: center;
  background: #FFF;
  border-radius: 0.8rem;
  box-shadow: 0px 4px 12px 0px rgba(0, 0, 0, 0.06);
  padding: 1.5rem 2.5rem;
  margin-top: 2rem;
}
.upload-evidence-modal .file-container.inactive, .upload-evidence-modal .video-container.inactive {
  display: none;
}
.upload-evidence-modal .video-url {
  margin-top: 1rem;
}
.upload-evidence-modal .video-url.inactive {
  display: none;
}
.upload-evidence-modal .file-container {
  position: relative;
  flex-direction: column;
  align-items: flex-start;
  margin-bottom: 2rem;
}
.upload-evidence-modal .file-row {
  width: 100%;
  display: flex;
  flex-direction: row;
  justify-content: stretch;
  align-items: center;
  margin-bottom: 2rem;
}
.upload-evidence-modal .file-row:last-of-type {
  margin-bottom: 0;
}
.upload-evidence-modal .tox-tinymce {
  margin-bottom: 2rem;
}
.upload-evidence-modal [modal-related=upload-evidence-add-file-modal].inactive {
  display: none;
}
.upload-evidence-modal .fa-file {
  font-size: 2.5rem;
  line-height: 2.5rem;
  margin-right: 1rem;
}
.upload-evidence-modal .remove-file {
  position: absolute;
  top: 1rem;
  right: 1rem;
  display: none;
  color: #EA2121;
  cursor: pointer;
  font-size: 3rem;
  line-height: 3rem;
  margin-left: auto;
}
.upload-evidence-modal select {
  margin-bottom: 2rem;
}
.upload-evidence-modal textarea {
  height: 19.5rem;
}
.upload-evidence-modal .buttons-container {
  justify-content: space-between;
}
.upload-evidence-modal .submission-confirmation {
  display: none;
}
.upload-evidence-modal .submission-confirmation .btn {
  margin-top: 2rem;
}
.upload-evidence-modal.success {
  width: auto;
}
.upload-evidence-modal.success .fields {
  display: none;
}
.upload-evidence-modal.success .submission-confirmation {
  display: block;
}

.send-message-modal, .feedback-response-modal {
  max-width: 100rem !important;
}
.send-message-modal .select-container, .feedback-response-modal .select-container {
  display: flex;
  flex-direction: row;
  justify-content: stretch;
  align-items: stretch;
  margin-bottom: 2rem;
  gap: 1rem;
}
.send-message-modal .select-container.general-enquiry .related-items, .feedback-response-modal .select-container.general-enquiry .related-items {
  display: none;
}
.send-message-modal select, .feedback-response-modal select {
  background-color: #FFF;
  background-image: url("../library/images/down-chevron.svg");
  background-position: 98% 50%;
  background-size: 1.6rem 0.8rem;
}
.send-message-modal .success, .feedback-response-modal .success {
  display: none;
  text-align: center;
}
.send-message-modal .success .buttons-container, .feedback-response-modal .success .buttons-container {
  justify-content: center;
}
.send-message-modal.sent, .sent.feedback-response-modal {
  max-width: 35rem !important;
}

.view-messages-modal {
  max-width: 130rem !important;
}
.view-messages-modal.active {
  display: flex !important;
  gap: 3rem;
}
.view-messages-modal h2 {
  text-transform: capitalize;
  margin-right: auto;
  padding-right: 4rem;
  line-height: 1.2;
}
.view-messages-modal h2 span {
  font-size: 1.2rem;
  font-weight: 400;
}
.view-messages-modal .message-inner {
  max-width: 55rem;
  width: 100%;
  margin-right: auto;
}
.view-messages-modal h4 {
  font-weight: bold;
  margin-bottom: 1rem;
}
.view-messages-modal .feedback {
  border-bottom: 1px dashed #D9D9D9;
  margin-bottom: 1rem;
}
.view-messages-modal .feedback-item {
  gap: 2rem;
}
.view-messages-modal .feedback-item p {
  font-size: 1rem;
}
.view-messages-modal .feedback-item p.assessor-name {
  margin-bottom: 0;
  font-size: 1.2rem;
}
.view-messages-modal .feedback-item .file-container {
  font-size: 1rem;
}
.view-messages-modal .messages {
  display: flex;
  flex-direction: column-reverse;
  padding-right: 2rem;
  max-height: 55rem;
  overflow: auto;
}
.view-messages-modal .message {
  margin-bottom: 2rem;
}
.view-messages-modal .message .inner {
  border-radius: 0.8rem;
  box-shadow: 0px 4px 12px 0px rgba(0, 0, 0, 0.06);
  width: 100%;
  font-size: 1.6rem;
  padding: 2rem;
  background: #FFF;
}
.view-messages-modal .message p {
  font-size: 1.4rem;
}
.view-messages-modal .message .sender {
  margin-top: 2rem;
  display: block;
  font-size: 1.2rem;
}
.view-messages-modal .message .timescales {
  margin-top: 1rem;
  display: flex;
  flex-direction: row;
  justify-content: flex-end;
  align-items: stretch;
  font-size: 1rem;
  gap: 1rem;
  width: 100%;
  text-align: right;
}
.view-messages-modal .message .timescales span {
  display: block;
}
.view-messages-modal .message:not(.current-user-messages) {
  text-align: right;
}
.view-messages-modal .message:not(.current-user-messages) .inner {
  background: #F4F4F4;
}
.view-messages-modal .message:not(.current-user-messages) .timescales {
  display: flex;
  flex-direction: row;
  justify-content: flex-start;
  align-items: stretch;
}
.view-messages-modal .right {
  width: 100%;
}
.view-messages-modal .reply-title {
  margin-bottom: 2rem;
}
.view-messages-modal .buttons-container .btn {
  flex: 1;
}

.modal.evidence-quick-upload-modal {
  overflow: visible !important;
}
.modal.evidence-quick-upload-modal .modal-grid {
  display: grid;
  grid-template-columns: repeat(4, 1fr);
  gap: 1rem;
}
.modal.evidence-quick-upload-modal .grid-item {
  transition: all 0.25s ease-in-out;
  position: relative;
  border-radius: 0.8rem;
  box-shadow: 0px 4px 10px 0px rgba(0, 0, 0, 0.25);
  background: #FFF;
  height: 5rem;
  display: flex;
  flex-direction: row;
  justify-content: center;
  align-items: center;
  cursor: pointer;
}
.modal.evidence-quick-upload-modal .grid-item:hover {
  background: #16A0DB;
  color: #FFF;
}
.modal.evidence-quick-upload-modal .grid-item .help-trigger {
  display: flex;
  flex-direction: row;
  justify-content: center;
  align-items: center;
  transition: all 0.25s ease-in-out;
  position: absolute;
  right: 0.5rem;
  top: 0.5rem;
  border: 1px solid;
  border-radius: 50%;
  font-size: 1rem;
  height: 1.7rem;
  width: 1.7rem;
}
.modal.evidence-quick-upload-modal .grid-item .help-trigger:hover .tooltip {
  opacity: 1;
  pointer-events: auto;
}
.modal.evidence-quick-upload-modal .grid-item .help-trigger .tooltip {
  transition: all 0.25s ease-in-out;
  opacity: 0;
  position: absolute;
  top: 2rem;
  left: 0;
  background: #FFF;
  width: 25rem;
  padding: 1rem;
  border-radius: 0.8rem;
  box-shadow: 0px 4px 10px 0px rgba(0, 0, 0, 0.25);
  z-index: 5;
  pointer-events: none;
  color: #000;
}

/*# sourceMappingURL=style.css.map*/