.l-main__grid-container {
  display: grid;
  min-height: 100vh;
  min-width: 100%;
  max-width: 100%;
  grid-template-rows: 60px 1fr 70px;
  grid-template-columns: minmax(0, 1fr);
  grid-template-areas: "header" "content" "footer";
  font-family: "Roboto", sans-serif;
}
.l-main__grid-container.has--noscroll {
  overflow: hidden;
}

.l-main__navigation {
  grid-area: header;
}

.l-main__content {
  position: relative;
  grid-area: content;
}

.l-main__footer {
  grid-area: footer;
}

.l-content-overlay {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  z-index: 100000;
  background-color: #0c193a;
  opacity: 0.3;
}

.l-editing-overlay {
  position: fixed;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  z-index: 15000;
  background-color: #d7d7d7;
  opacity: 0.3;
  cursor: not-allowed;
}

.l-main__footer {
  width: 100%;
  height: 70px;
  line-height: 70px;
  background-color: #0c193a;
  text-align: center;
}
.l-main__footer .em-copyright-text,
.l-main__footer .em-copyright-icon,
.l-main__footer .em-privacy-link {
  display: inline-block;
  vertical-align: middle;
  color: #fff;
}
.l-main__footer .em-copyright-icon {
  padding: 0 15px;
}
.l-main__footer .em-privacy-link a {
  color: #fff;
  text-decoration: none;
}
.l-main__footer .em-privacy-link a:hover {
  text-decoration: underline;
}

.popper {
  background: #fff;
  color: #0c193a;
  border: 1px solid #d7d7d7;
  padding: 15px;
  box-shadow: 0px 0px 15px #eaeaea;
  border-radius: 4px;
  text-align: left;
  z-index: 10000;
}
.popper .popper__arrow,
.popper .popper__arrow__border {
  width: 0;
  height: 0;
  border-style: solid;
  position: absolute;
  margin: 5px;
}

.popper[data-placement^=top] {
  margin-bottom: 12px;
}
.popper[data-placement^=top] .popper__arrow {
  border-width: 10px 10px 0 10px;
  border-color: #fff transparent transparent transparent;
  bottom: -10px;
  left: calc(50% - 10px);
  margin-top: 0;
  margin-bottom: 0;
}
.popper[data-placement^=top] .popper__arrow__border {
  border-width: 12px 12px 0 12px;
  border-color: #d7d7d7 transparent transparent transparent;
  bottom: -12px;
  left: calc(50% - 12px);
  margin-top: 0;
  margin-bottom: 0;
  margin-left: 3px;
}

.popper[data-placement^=bottom] {
  margin-top: 12px;
}
.popper[data-placement^=bottom] .popper__arrow {
  border-width: 0 10px 10px 10px;
  border-color: transparent transparent #fff transparent;
  top: -10px;
  left: calc(50% - 10px);
  margin-top: 0;
  margin-bottom: 0;
}
.popper[data-placement^=bottom] .popper__arrow__border {
  border-width: 0 12px 12px 12px;
  border-color: transparent transparent #d7d7d7 transparent;
  top: -12px;
  left: calc(50% - 12px);
  margin-top: 0;
  margin-bottom: 0;
  margin-left: 3px;
}

.popper[data-placement^=right] {
  margin-left: 12px;
}
.popper[data-placement^=right] .popper__arrow {
  border-width: 10px 10px 10px 0;
  border-color: transparent #fff transparent transparent;
  left: -10px;
  top: calc(50% - 10px);
  margin-left: 0;
  margin-right: 0;
}
.popper[data-placement^=right] .popper__arrow__border {
  border-width: 12px 12px 12px 0;
  border-color: transparent #d7d7d7 transparent transparent;
  left: -12px;
  top: calc(50% - 12px);
  margin-left: 0;
  margin-right: 0;
  margin-top: 3px;
}

.popper[data-placement^=left] {
  margin-right: 12px;
}
.popper[data-placement^=left] .popper__arrow {
  border-width: 10px 0 10px 10px;
  border-color: transparent transparent transparent #fff;
  right: -10px;
  top: calc(50% - 10px);
  margin-left: 0;
  margin-right: 0;
}
.popper[data-placement^=left] .popper__arrow__border {
  border-width: 12px 0 12px 12px;
  border-color: transparent transparent transparent #d7d7d7;
  right: -12px;
  top: calc(50% - 12px);
  margin-left: 0;
  margin-right: 0;
  margin-top: 3px;
}

.popper.medium {
  background: #707070;
  color: #fff;
  border: 1px solid transparent;
}

.popper.medium[data-placement^=top] {
  margin-bottom: 10px;
}
.popper.medium[data-placement^=top] .popper__arrow {
  border-width: 10px 10px 0 10px;
  border-color: #707070 transparent transparent transparent;
  bottom: -10px;
  left: calc(50% - 10px);
  margin-top: 0;
  margin-bottom: 0;
}
.popper.medium[data-placement^=top] .popper__arrow__border {
  border-width: 10px 10px 0 10px;
  border-color: transparent transparent transparent transparent;
  bottom: -10px;
  left: calc(50% - 10px);
  margin-top: 0;
  margin-bottom: 0;
  margin-left: 5px;
}

.popper.medium[data-placement^=bottom] {
  margin-top: 10px;
}
.popper.medium[data-placement^=bottom] .popper__arrow {
  border-width: 0 10px 10px 10px;
  border-color: transparent transparent #707070 transparent;
  top: -10px;
  left: calc(50% - 10px);
  margin-top: 0;
  margin-bottom: 0;
}
.popper.medium[data-placement^=bottom] .popper__arrow__border {
  border-width: 0 10px 10px 10px;
  border-color: transparent transparent transparent transparent;
  top: -10px;
  left: calc(50% - 10px);
  margin-top: 0;
  margin-bottom: 0;
  margin-left: 5px;
}

.popper.medium[data-placement^=right] {
  margin-left: 10px;
}
.popper.medium[data-placement^=right] .popper__arrow {
  border-width: 10px 10px 10px 0;
  border-color: transparent #707070 transparent transparent;
  left: -10px;
  top: calc(50% - 10px);
  margin-left: 0;
  margin-right: 0;
}
.popper.medium[data-placement^=right] .popper__arrow__border {
  border-width: 10px 10px 10px 0;
  border-color: transparent transparent transparent transparent;
  left: -10px;
  top: calc(50% - 10px);
  margin-left: 0;
  margin-right: 0;
  margin-top: 5px;
}

.popper.medium[data-placement^=left] {
  margin-right: 10px;
}
.popper.medium[data-placement^=left] .popper__arrow {
  border-width: 10px 0 10px 10px;
  border-color: transparent transparent transparent #707070;
  right: -10px;
  top: calc(50% - 10px);
  margin-left: 0;
  margin-right: 0;
}
.popper.medium[data-placement^=left] .popper__arrow__border {
  border-width: 10px 0 10px 10px;
  border-color: transparent transparent transparent transparent;
  right: -10px;
  top: calc(50% - 10px);
  margin-left: 0;
  margin-right: 0;
  margin-top: 5px;
}

.popper.dark {
  background: #0c193a;
  color: #d7d7d7;
  border: 1px solid transparent;
}

.popper.dark[data-placement^=top] {
  margin-bottom: 10px;
}
.popper.dark[data-placement^=top] .popper__arrow {
  border-width: 10px 10px 0 10px;
  border-color: #0c193a transparent transparent transparent;
  bottom: -10px;
  left: calc(50% - 10px);
  margin-top: 0;
  margin-bottom: 0;
}
.popper.dark[data-placement^=top] .popper__arrow__border {
  border-width: 10px 10px 0 10px;
  border-color: transparent transparent transparent transparent;
  bottom: -10px;
  left: calc(50% - 10px);
  margin-top: 0;
  margin-bottom: 0;
  margin-left: 5px;
}

.popper.dark[data-placement^=bottom] {
  margin-top: 10px;
}
.popper.dark[data-placement^=bottom] .popper__arrow {
  border-width: 0 10px 10px 10px;
  border-color: transparent transparent #0c193a transparent;
  top: -10px;
  left: calc(50% - 10px);
  margin-top: 0;
  margin-bottom: 0;
}
.popper.dark[data-placement^=bottom] .popper__arrow__border {
  border-width: 0 10px 10px 10px;
  border-color: transparent transparent transparent transparent;
  top: -10px;
  left: calc(50% - 10px);
  margin-top: 0;
  margin-bottom: 0;
  margin-left: 5px;
}

.popper.dark[data-placement^=right] {
  margin-left: 10px;
}
.popper.dark[data-placement^=right] .popper__arrow {
  border-width: 10px 10px 10px 0;
  border-color: transparent #0c193a transparent transparent;
  left: -10px;
  top: calc(50% - 10px);
  margin-left: 0;
  margin-right: 0;
}
.popper.dark[data-placement^=right] .popper__arrow__border {
  border-width: 10px 10px 10px 0;
  border-color: transparent transparent transparent transparent;
  left: -10px;
  top: calc(50% - 10px);
  margin-left: 0;
  margin-right: 0;
  margin-top: 5px;
}

.popper.dark[data-placement^=left] {
  margin-right: 10px;
}
.popper.dark[data-placement^=left] .popper__arrow {
  border-width: 10px 0 10px 10px;
  border-color: transparent transparent transparent #0c193a;
  right: -10px;
  top: calc(50% - 10px);
  margin-left: 0;
  margin-right: 0;
}
.popper.dark[data-placement^=left] .popper__arrow__border {
  border-width: 10px 0 10px 10px;
  border-color: transparent transparent transparent transparent;
  right: -10px;
  top: calc(50% - 10px);
  margin-left: 0;
  margin-right: 0;
  margin-top: 5px;
}

.tooltip-close-container {
  position: absolute;
  width: 10px;
  height: 10px;
  top: 10px;
  right: 10px;
  cursor: pointer;
}
.tooltip-close-container .tooltip-close-icon {
  width: 100%;
  height: 100%;
  background-image: url("../assets/edmod-close-icon-gray.svg");
  background-size: contain;
  background-repeat: no-repeat;
  background-position: center;
}

.popper.standard-tooltip h1 {
  margin: 0 0 0 0;
  font-size: 14px;
  font-weight: 600;
}
.popper.standard-tooltip h1::after {
  margin: 10px 0;
  content: " ";
  display: block;
  width: 100%;
  height: 2px;
  background: linear-gradient(to right, #F77C00, #0300FF);
}

.popper.small-tooltip {
  padding: 5px 10px;
}
.popper.small-tooltip .tooltip-close-container {
  top: 11px;
}

.tooltip-container {
  display: inline-block;
  margin-left: 10px;
  margin-top: -4px;
}

.tooltip-target {
  width: 18px;
  height: 18px;
  line-height: 18px;
  text-align: center;
  border-radius: 50%;
  background: linear-gradient(to right, #F77C00, #0300FF);
  color: #fff;
  display: inline-block;
  cursor: pointer;
  vertical-align: middle;
  font-size: 12px;
}

.generic-minimal-text-input {
  display: inline-block;
  border: none;
  border-bottom: 1px solid #707070;
  background-color: transparent;
  margin: 0px 8px;
  padding: 0;
  padding-bottom: 2px;
  width: 35px;
  text-align: center;
}
.generic-minimal-text-input.light {
  border-bottom: 1px solid #d7d7d7;
}
.generic-minimal-text-input.large-input {
  width: 85px;
}
.generic-minimal-text-input[disabled] {
  cursor: not-allowed;
}

input[type=file][disabled] {
  cursor: not-allowed;
}

.upload-link-container,
.upload-button-container {
  display: inline-block;
  vertical-align: middle;
}

.upload-link-container {
  margin-left: 20px;
}

.file-link-input {
  color: #707070;
  text-align: left;
  padding: 5px;
}

.completed-icon-container {
  width: 15px;
  height: 15px;
  display: inline-block;
  vertical-align: middle;
  margin-right: 10px;
}
.completed-icon-container.large {
  width: 14px;
  height: 14px;
  margin-right: 7px;
}
.completed-icon-container .completed-icon {
  width: 100%;
  height: 100%;
  background-image: url("../assets/edmod-circle-checkmark.svg");
  background-size: contain;
  background-repeat: no-repeat;
  background-position: center;
}

.edit-icon-container {
  width: 17px;
  height: 17px;
  display: inline-block;
  vertical-align: middle;
  margin-left: 5px;
  padding-bottom: 3px;
}
.edit-icon-container .edit-icon {
  width: 100%;
  height: 100%;
  background-image: url("../assets/edmod-gray-edit-pencil.svg");
  background-size: contain;
  background-repeat: no-repeat;
  background-position: center;
}

.m-date-picker__calendarIconContainer {
  width: 17px;
  height: 17px;
  display: inline-block;
  vertical-align: middle;
  margin-left: 3px;
}
.m-date-picker__calendarIconContainer.is--large {
  width: 25px;
  height: 25px;
}
.m-date-picker__calendarIconContainer .m-date-picker__calendarIcon {
  width: 100%;
  height: 100%;
  background-image: url("../assets/edmod-calendar-icon.svg");
  background-size: contain;
  background-repeat: no-repeat;
  background-position: center;
}

.m-date-picker__dateDisplay {
  color: #0c193a;
  font-weight: 600;
  margin-right: 10px;
}

.m-date-picker__container {
  display: flex;
  align-items: center;
}

.react-datepicker {
  font-size: 1.3rem !important;
}

.react-datepicker-popper {
  z-index: 2000 !important;
}

.react-datepicker__current-month {
  font-size: 1.5rem !important;
}

.react-datepicker__header {
  padding-top: 6px !important;
}

.react-datepicker__navigation {
  top: 13px !important;
}

.react-datepicker__day-name, .react-datepicker__day {
  margin: 0.5rem !important;
}

body {
  height: 100%;
}
body.no-scroll {
  overflow-y: hidden;
}

main {
  min-height: 600px;
  position: relative;
}
main.not-relative {
  position: static;
}

.loading-text {
  color: #ccc;
  text-transform: uppercase;
  text-align: center;
  margin: 100px 0;
}

.bold {
  font-weight: 600;
}

.standard-button {
  background-color: #0c193a;
  color: #fff;
  cursor: pointer;
  display: flex;
  justify-content: center;
  align-items: center;
  border-radius: 4px;
  height: 26px;
  padding: 0 12px;
  transition: background-color 0.1s;
  box-shadow: 0px 1px 1px rgba(112, 112, 112, 0.75);
  height: 33px;
  font-weight: bold;
}
.standard-button.is--disabled {
  color: #707070;
  background-color: #d7d7d7;
  border-color: #d7d7d7;
  cursor: not-allowed;
}
.standard-button:hover {
  background-color: #225D7E;
  border-color: #225D7E;
  text-decoration: none;
}
.standard-button:hover.is--disabled {
  color: #707070;
  background-color: #d7d7d7;
  border-color: #d7d7d7;
  cursor: not-allowed;
}
.standard-button a {
  color: #fff;
  text-decoration: none;
}
.standard-button a:hover {
  text-decoration: none;
}
.standard-button:hover {
  background-color: #225D7E;
}
.standard-button.is--disabled {
  border: 2px solid #d7d7d7;
  box-shadow: none;
}
.standard-button.grey-button {
  background-color: #707070;
}
.standard-button.grey-button:hover {
  color: #fff;
  background-color: #0c193a;
  text-decoration: none;
}
.standard-button.lighter-grey-button {
  background-color: #f8f6f6;
  color: #707070;
  border: 1px solid #707070;
  height: 27px;
}
.standard-button.lighter-grey-button:hover {
  color: #0c193a;
  background-color: #707070;
  text-decoration: none;
}
.standard-button.lighter-grey-button.disabled {
  background-color: #fff;
  color: #707070;
  border-color: transparent;
}
.standard-button.lighter-grey-button.disabled:hover {
  background-color: #e6e6e6;
  color: #d7d7d7;
}
.standard-button.red-button {
  background-color: #ad3f3c;
  color: #fff;
}
.standard-button.red-button:hover {
  color: #fff;
  background-color: #87312f;
  text-decoration: none;
}

.l-registration__mainPage {
  width: 100%;
  height: 100%;
  margin: 0;
  padding: 0;
  display: flex;
  flex-direction: column;
  justify-content: flex-start;
  align-items: center;
  background: url("../assets/edmod-login-background.png");
  background-size: cover;
  background-repeat: no-repeat;
  background-position: center;
  font-family: "Roboto", sans-serif;
  color: #0c193a;
  font-size: 14px;
}

.l-registration__section {
  width: 100%;
  height: 100%;
  min-width: 480px;
  margin: 0 auto;
  background-color: rgba(12, 25, 58, 0.6);
  display: flex;
  flex-direction: column;
  justify-content: center;
  align-items: center;
}

.l-registration__formContainer {
  display: flex;
  flex-direction: column;
  justify-content: flex-start;
  align-items: center;
  padding-bottom: 40px;
}

.m-registration__logo {
  height: 90px;
  width: 280px;
  background: url("../assets/edmod-logo-white.svg");
  background-size: contain;
  background-repeat: no-repeat;
  background-position: center;
  margin-bottom: 10px;
}

.m-registrationForm__form {
  margin: 0;
  padding: 0;
}

.m-registrationForm__button {
  width: 360px;
  display: flex;
  flex-direction: row;
  justify-content: center;
  align-items: center;
  margin-top: 10px;
  background-color: #225D7E;
  border: none;
  border-radius: 60px;
  box-shadow: 0 6px 10px #0c193a;
  height: 50px;
  cursor: pointer;
  color: #fff;
  font-size: 20px;
}
.m-registrationForm__button[disabled] {
  background-color: #0c193a;
  box-shadow: none;
  color: #aaa;
  cursor: not-allowed;
}

.m-registrationForm__forgotPassword {
  color: #fff;
  text-decoration: none;
  margin-top: 16px;
  font-style: italic;
  font-weight: 300;
  padding-bottom: 3px;
}

.m-material-input__inputGroup {
  position: relative;
  height: 45px;
  width: 300px;
  display: flex;
  flex-direction: column;
  justify-content: flex-end;
  align-items: flex-start;
  font-weight: normal;
}
.m-material-input__inputGroup .m-material-input__input {
  height: 34px;
  width: 100%;
  border: none;
  box-shadow: none;
  outline: none;
  background: none;
  padding: 0 5px;
  border-bottom: 1px solid #67686b;
  color: #0c193a;
  font-size: 14px;
  display: flex;
  justify-content: flex-start;
  align-items: center;
  transition: border-color 0.2s;
}
.m-material-input__inputGroup .m-material-input__input.is--active {
  border-color: #225D7E;
}
.m-material-input__inputGroup .m-material-input__label {
  height: 11px;
  position: absolute;
  top: 22.5px;
  left: 5px;
  display: flex;
  justify-content: flex-start;
  align-items: center;
  font-size: 14px;
  color: #67686b;
  font-weight: normal;
  font-style: italic;
  transition: all 0.2s;
}
.m-material-input__inputGroup .m-material-input__label.is--raised {
  top: 0;
  font-size: 12px;
}
.m-material-input__inputGroup .m-material-input__label.is--active {
  color: #225D7E;
}
.m-material-input__inputGroup .m-material-input__subLabel {
  height: 0px;
  color: #67686b;
  display: flex;
  align-items: center;
}
.m-material-input__inputGroup.has--error .m-material-input__input {
  border-color: #ad3f3c;
}
.m-material-input__inputGroup.has--error .m-material-input__subLabel,
.m-material-input__inputGroup.has--error .m-material-input__label {
  color: #ad3f3c;
}

.m-material-input__inputGroup.has--sublabel {
  position: relative;
  height: 65px;
  width: 300px;
  display: flex;
  flex-direction: column;
  justify-content: flex-end;
  align-items: flex-start;
  font-weight: normal;
}
.m-material-input__inputGroup.has--sublabel .m-material-input__input {
  height: 34px;
  width: 100%;
  border: none;
  box-shadow: none;
  outline: none;
  background: none;
  padding: 0 5px;
  border-bottom: 1px solid #707070;
  color: #0c193a;
  font-size: 14px;
  display: flex;
  justify-content: flex-start;
  align-items: center;
  transition: border-color 0.2s;
}
.m-material-input__inputGroup.has--sublabel .m-material-input__input.is--active {
  border-color: #225D7E;
}
.m-material-input__inputGroup.has--sublabel .m-material-input__label {
  height: 11px;
  position: absolute;
  top: 22.5px;
  left: 5px;
  display: flex;
  justify-content: flex-start;
  align-items: center;
  font-size: 14px;
  color: #707070;
  font-weight: normal;
  font-style: italic;
  transition: all 0.2s;
}
.m-material-input__inputGroup.has--sublabel .m-material-input__label.is--raised {
  top: 0;
  font-size: 12px;
}
.m-material-input__inputGroup.has--sublabel .m-material-input__label.is--active {
  color: #225D7E;
}
.m-material-input__inputGroup.has--sublabel .m-material-input__subLabel {
  height: 20px;
  color: #707070;
  display: flex;
  align-items: center;
}
.m-material-input__inputGroup.has--sublabel.has--error .m-material-input__input {
  border-color: #ad3f3c;
}
.m-material-input__inputGroup.has--sublabel.has--error .m-material-input__subLabel,
.m-material-input__inputGroup.has--sublabel.has--error .m-material-input__label {
  color: #ad3f3c;
}

.m-material-input__inputGroup.for--login {
  position: relative;
  height: 80px;
  width: 300px;
  display: flex;
  flex-direction: column;
  justify-content: flex-end;
  align-items: flex-start;
  font-weight: normal;
}
.m-material-input__inputGroup.for--login .m-material-input__input {
  height: 34px;
  width: 100%;
  border: none;
  box-shadow: none;
  outline: none;
  background: none;
  padding: 0 5px;
  border-bottom: 1px solid #fff;
  color: #fff;
  font-size: 14px;
  display: flex;
  justify-content: flex-start;
  align-items: center;
  transition: border-color 0.2s;
}
.m-material-input__inputGroup.for--login .m-material-input__input.is--active {
  border-color: #fff;
}
.m-material-input__inputGroup.for--login .m-material-input__label {
  height: 21px;
  position: absolute;
  top: 27.5px;
  left: 5px;
  display: flex;
  justify-content: flex-start;
  align-items: center;
  font-size: 14px;
  color: #fff;
  font-weight: normal;
  font-style: italic;
  transition: all 0.2s;
}
.m-material-input__inputGroup.for--login .m-material-input__label.is--raised {
  top: 0;
  font-size: 12px;
}
.m-material-input__inputGroup.for--login .m-material-input__label.is--active {
  color: #fff;
}
.m-material-input__inputGroup.for--login .m-material-input__subLabel {
  height: 25px;
  color: #fff;
  display: flex;
  align-items: center;
}
.m-material-input__inputGroup.for--login.has--error .m-material-input__input {
  border-color: #ca1a15;
}
.m-material-input__inputGroup.for--login.has--error .m-material-input__subLabel,
.m-material-input__inputGroup.for--login.has--error .m-material-input__label {
  color: #ca1a15;
}
.m-material-input__inputGroup.for--login .m-material-input__input {
  width: 350px;
}
.m-material-input__inputGroup.for--login .m-material-input__label,
.m-material-input__inputGroup.for--login .m-material-input__input {
  font-size: 16px;
  font-weight: 300;
}
.m-material-input__inputGroup.for--login.has--error .m-material-input__input {
  border-color: #fff;
}
.m-material-input__inputGroup.for--login.has--error .m-material-input__label {
  color: #fff;
}
.m-material-input__inputGroup.for--login.has--error .m-material-input__subLabel {
  font-weight: bold;
}

.m-material-input__inputGroup.for--login.no--sublabel {
  position: relative;
  height: 55px;
  width: 300px;
  display: flex;
  flex-direction: column;
  justify-content: flex-end;
  align-items: flex-start;
  font-weight: normal;
}
.m-material-input__inputGroup.for--login.no--sublabel .m-material-input__input {
  height: 34px;
  width: 100%;
  border: none;
  box-shadow: none;
  outline: none;
  background: none;
  padding: 0 5px;
  border-bottom: 1px solid #fff;
  color: #fff;
  font-size: 14px;
  display: flex;
  justify-content: flex-start;
  align-items: center;
  transition: border-color 0.2s;
}
.m-material-input__inputGroup.for--login.no--sublabel .m-material-input__input.is--active {
  border-color: #fff;
}
.m-material-input__inputGroup.for--login.no--sublabel .m-material-input__label {
  height: 21px;
  position: absolute;
  top: 27.5px;
  left: 5px;
  display: flex;
  justify-content: flex-start;
  align-items: center;
  font-size: 14px;
  color: #fff;
  font-weight: normal;
  font-style: italic;
  transition: all 0.2s;
}
.m-material-input__inputGroup.for--login.no--sublabel .m-material-input__label.is--raised {
  top: 0;
  font-size: 12px;
}
.m-material-input__inputGroup.for--login.no--sublabel .m-material-input__label.is--active {
  color: #fff;
}
.m-material-input__inputGroup.for--login.no--sublabel .m-material-input__subLabel {
  height: 0px;
  color: #fff;
  display: flex;
  align-items: center;
}
.m-material-input__inputGroup.for--login.no--sublabel.has--error .m-material-input__input {
  border-color: #ca1a15;
}
.m-material-input__inputGroup.for--login.no--sublabel.has--error .m-material-input__subLabel,
.m-material-input__inputGroup.for--login.no--sublabel.has--error .m-material-input__label {
  color: #ca1a15;
}
.m-material-input__inputGroup.for--login.no--sublabel .m-material-input__input {
  width: 350px;
}
.m-material-input__inputGroup.for--login.no--sublabel .m-material-input__label,
.m-material-input__inputGroup.for--login.no--sublabel .m-material-input__input {
  font-size: 16px;
  font-weight: 300;
}
.m-material-input__inputGroup.for--login.no--sublabel.has--error .m-material-input__input {
  border-color: #fff;
}
.m-material-input__inputGroup.for--login.no--sublabel.has--error .m-material-input__label {
  color: #fff;
}
.m-material-input__inputGroup.for--login.no--sublabel.has--error .m-material-input__subLabel {
  font-weight: bold;
}

/* Experimental Colors */
/* End Experimental Colors*/
/* New Single Page Web App Styles */
.em-learning-bio .em-lb-navigation {
  height: 50px;
  line-height: 50px;
  background-color: #eee;
  border-bottom: 2px solid #fff;
}
.em-learning-bio .em-lb-navigation .em-lb-navigation-left {
  font-weight: bold;
}
.em-learning-bio .em-lb-navigation .em-lb-navigation-right {
  text-align: right;
}
.em-learning-bio .em-lb-navigation a {
  display: inline-block;
  min-width: 20%;
  padding: 0 20px;
  text-align: center;
  color: #000;
  text-decoration: none;
}
.em-learning-bio .em-lb-navigation a.selected-tab {
  background-color: #fff;
  color: #0e3198;
  font-weight: 700;
}
.em-learning-bio .em-lb-body .row {
  padding-top: 30px;
}

.em-learning-bio.single-student .em-lb-navigation {
  height: 50px;
  line-height: 46px;
  background-color: #fff;
  border-bottom: 2px solid #0e3198;
}
.em-learning-bio.single-student .em-lb-navigation .em-lb-navigation-left {
  padding-top: 0px;
}
.em-learning-bio.single-student .em-lb-navigation a {
  height: 50px;
}
.em-learning-bio.single-student .em-lb-navigation a.selected-tab {
  border: 2px solid #0e3198;
  border-bottom: none;
  border-radius: 1px;
}
.em-learning-bio.single-student .em-lb-title {
  padding: 19px 0 10px 0;
  border-bottom: 1px solid #e6e6e6;
  font-weight: 600;
}

.em-main-navigation {
  height: 50px;
  line-height: 48px;
  width: 100%;
  background-color: #fff;
  border-bottom: 2px solid #225D7E;
}
.em-main-navigation .em-navigation-left {
  padding-left: 28px;
}
.em-main-navigation .em-navigation-right {
  text-align: right;
  padding-right: 40px;
}
.em-main-navigation .em-navigation-link a {
  color: #707070;
  display: inline-block;
  margin-left: 30px;
  text-decoration: none;
  transition: color 0.1s;
}
.em-main-navigation .em-navigation-link a:hover, .em-main-navigation .em-navigation-link a.selected {
  color: #225D7E;
}
.em-main-navigation .em-navigation-link a.selected {
  font-weight: 700;
}

.l-main__navigation {
  height: 100%;
  width: 100%;
  min-width: 900px;
  padding: 0 30px;
  background-color: #fff;
  box-shadow: 0px 0px 17px rgba(215, 215, 215, 0.7);
  border-bottom: 1px solid #d7d7d7;
  display: grid;
  grid-template-rows: 100%;
  grid-template-columns: 128px 3fr 5fr;
  grid-template-areas: "n-logo n-search n-links";
  position: relative;
  z-index: 100001;
  align-items: center;
}
.l-main__navigation .m-main-navigation__logo {
  grid-area: n-logo;
  display: flex;
  align-items: center;
  justify-content: flex-start;
}
.l-main__navigation .m-main-navigation__studentSearch {
  grid-area: n-search;
}
.l-main__navigation .m-main-navigation__navLinks {
  grid-area: n-links;
}
.l-main__navigation .m-main-navigation__navLinks {
  height: 100%;
  display: flex;
  flex-direction: row;
  justify-content: flex-end;
  align-items: center;
}
.l-main__navigation .m-main-navigation__navLinks a {
  display: flex;
  flex-direction: row;
  justify-content: center;
  align-items: center;
  color: #0c193a;
  margin-left: 35px;
  border-bottom: 6px solid transparent;
  transition: color 0.1s, border-color 0.1s;
  text-decoration: none;
  height: 60px;
}
.l-main__navigation .m-main-navigation__navLinks a:hover, .l-main__navigation .m-main-navigation__navLinks a.selected {
  color: #0c193a;
  border-color: #0c193a;
}
.l-main__navigation .m-main-navigation__navLinks a.selected {
  font-weight: 700;
}

.m-nav-author-stamp__container {
  padding-left: 20px;
  position: relative;
}

.m-nav-author-stamp__stamp {
  height: 34px;
  width: 34px;
  border-radius: 50%;
  color: #fff;
  background-color: #0c193a;
  font-size: 13px;
  display: flex;
  justify-content: center;
  align-items: center;
  transition: background-color 0.2s;
}
.m-nav-author-stamp__stamp.is--active {
  cursor: pointer;
}
.m-nav-author-stamp__stamp:hover {
  background-color: #0c193a;
}

.m-nav-author-stamp__menu {
  display: none;
  position: absolute;
  top: 36px;
  right: 0px;
  width: 165px;
  background-color: #fff;
  flex-direction: column;
  box-shadow: 0px 1px 3px #d4d4d4;
  border: 2px solid #d7d7d7;
  border-radius: 0px 0px 4px 4px;
  margin-top: 10px;
  z-index: 250000;
}
.m-nav-author-stamp__menu.is--open {
  display: flex;
}
.m-nav-author-stamp__menu.is--left-aligned {
  top: 40px;
  left: 0px;
}

.m-nav-author-stamp__menuOption {
  width: 100%;
  height: 40px;
  background-color: #fff;
  padding: 0 15px;
  color: #0c193a;
  display: flex;
  justify-content: flex-start;
  align-items: center;
  transition: color 0.2s, background-color 0.2s;
  cursor: pointer;
}
.m-nav-author-stamp__menuOption a {
  display: block;
  color: #0c193a !important;
  margin: 0px;
  margin-left: 0px !important;
  width: 100%;
  height: 100%;
  border-bottom: none !important;
  padding: 0 !important;
  line-height: 40px;
  justify-content: flex-start !important;
  text-align: left !important;
}
.m-nav-author-stamp__menuOption a:hover {
  color: #0c193a !important;
}
.m-nav-author-stamp__menuOption:last-child {
  border-bottom: none;
  border-radius: 0 0 4px 4px;
}
.m-nav-author-stamp__menuOption:first-child {
  border-radius: 4px 4px 0 0;
}
.m-nav-author-stamp__menuOption:only-child {
  border-radius: 4px 4px 4px 4px;
}
.m-nav-author-stamp__menuOption:hover {
  color: #0c193a;
  background-color: #FCE1D3;
}

.m-nav-logo-stamp {
  background-image: url("../assets/edmod-logo.svg");
  height: 40px;
  margin-top: 4px;
  width: 112px;
  background-size: contain;
  background-repeat: no-repeat;
  display: inline-block;
  vertical-align: middle;
  cursor: pointer;
}

.em-logo {
  background-image: url("../assets/edmod-logo.svg");
  height: 35px;
  margin-top: 4px;
  width: 98px;
  background-size: contain;
  background-repeat: no-repeat;
  display: inline-block;
  vertical-align: middle;
}

.m-main-navigation__notificationBellContainer {
  height: 30px;
  width: 30px;
  margin-left: 35px;
  cursor: pointer;
  position: relative;
}

.m-main-navigation__notificationBellIcon {
  width: 100%;
  height: 100%;
  width: 100%;
  height: 100%;
  background-image: url("../assets/edmod-notification-bell-dark.svg");
  background-size: contain;
  background-repeat: no-repeat;
  background-position: center;
}

.m-main-navigation__notificationDot {
  position: absolute;
  height: 8px;
  width: 8px;
  background-color: #F77C00;
  border-radius: 50%;
  top: -2px;
  right: -4px;
}

.sk-folding-cube {
  margin: 20px auto;
  width: 40px;
  height: 40px;
  position: relative;
  -webkit-transform: rotateZ(45deg);
  transform: rotateZ(45deg);
}

.sk-folding-cube .sk-cube {
  float: left;
  width: 50%;
  height: 50%;
  position: relative;
  -webkit-transform: scale(1.1);
  -ms-transform: scale(1.1);
  transform: scale(1.1);
}

.sk-folding-cube .sk-cube:before {
  content: "";
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  background-color: #e6e6e6;
  -webkit-animation: sk-foldCubeAngle 2.4s infinite linear both;
  animation: sk-foldCubeAngle 2.4s infinite linear both;
  -webkit-transform-origin: 100% 100%;
  -ms-transform-origin: 100% 100%;
  transform-origin: 100% 100%;
}

.sk-folding-cube .sk-cube2 {
  -webkit-transform: scale(1.1) rotateZ(90deg);
  transform: scale(1.1) rotateZ(90deg);
}

.sk-folding-cube .sk-cube3 {
  -webkit-transform: scale(1.1) rotateZ(180deg);
  transform: scale(1.1) rotateZ(180deg);
}

.sk-folding-cube .sk-cube4 {
  -webkit-transform: scale(1.1) rotateZ(270deg);
  transform: scale(1.1) rotateZ(270deg);
}

.sk-folding-cube .sk-cube2:before {
  -webkit-animation-delay: 0.3s;
  animation-delay: 0.3s;
}

.sk-folding-cube .sk-cube3:before {
  -webkit-animation-delay: 0.6s;
  animation-delay: 0.6s;
}

.sk-folding-cube .sk-cube4:before {
  -webkit-animation-delay: 0.9s;
  animation-delay: 0.9s;
}

@-webkit-keyframes sk-foldCubeAngle {
  0%, 10% {
    -webkit-transform: perspective(140px) rotateX(-180deg);
    transform: perspective(140px) rotateX(-180deg);
    opacity: 0;
  }
  25%, 75% {
    -webkit-transform: perspective(140px) rotateX(0deg);
    transform: perspective(140px) rotateX(0deg);
    opacity: 1;
  }
  90%, 100% {
    -webkit-transform: perspective(140px) rotateY(180deg);
    transform: perspective(140px) rotateY(180deg);
    opacity: 0;
  }
}
@keyframes sk-foldCubeAngle {
  0%, 10% {
    -webkit-transform: perspective(140px) rotateX(-180deg);
    transform: perspective(140px) rotateX(-180deg);
    opacity: 0;
  }
  25%, 75% {
    -webkit-transform: perspective(140px) rotateX(0deg);
    transform: perspective(140px) rotateX(0deg);
    opacity: 1;
  }
  90%, 100% {
    -webkit-transform: perspective(140px) rotateY(180deg);
    transform: perspective(140px) rotateY(180deg);
    opacity: 0;
  }
}
.m-filtered-page__pageHeader {
  padding: 30px 0px 30px 46px;
  max-width: 972px;
}
.m-filtered-page__pageHeader .m-filtered-page__pageHeaderInner {
  display: flex;
  align-items: center;
  justify-content: space-between;
}
.m-filtered-page__pageHeader .m-filtered-page__pageTitle {
  font-size: 24px;
  color: #0c193a;
  font-weight: bold;
}
.m-filtered-page__pageHeader .m-filtered-page__pageSubTitle {
  font-size: 16px;
  color: #0c193a;
  font-weight: normal;
  margin-top: 15px;
}
.m-filtered-page__pageHeader:after {
  content: " ";
  display: block;
  height: 1px;
  width: 80px;
  background-color: #d7d7d7;
  margin-top: 30px;
}

.m-filtered-page__pageContent {
  padding: 0px 46px;
}

.m-filtered-page__noContentMessage {
  font-size: 24px;
  color: #225D7E;
  width: 60%;
  text-align: center;
}

.m-filter-container__filtersHeaderRow {
  min-height: 80px;
  max-height: 80px;
  width: 100%;
  display: flex;
  justify-content: center;
  align-items: center;
  border-bottom: 1px solid transparent;
}

.m-filter-container__filtersHeaderTitle {
  color: #0c193a;
  font-weight: bold;
  font-size: 18px;
  min-width: 200px;
  overflow: hidden;
}

.m-filter-container__filtersToggle {
  height: 20px;
  width: 20px;
  display: flex;
  justify-content: center;
  align-items: center;
  cursor: pointer;
  transform: rotate(0deg);
  transition: transform 0.3s;
}
.m-filter-container__filtersToggle .m-filter-container__toggleIcon {
  width: 100%;
  height: 100%;
  background-image: url("../assets/edmod-caret-icon.svg");
  background-size: contain;
  background-repeat: no-repeat;
  background-position: center;
  margin-right: 2px;
  margin-bottom: 2px;
}

.m-filter-container__filtersMain {
  width: 100%;
  padding: 15px;
}

.m-filter-container__filtersSection {
  padding-left: 15px;
  padding-bottom: 15px;
}

.m-filter-container__filtersSectionTitle {
  text-transform: uppercase;
  color: #707070;
  font-weight: bold;
  font-size: 12px;
  margin-bottom: 10px;
  letter-spacing: 1px;
}

.m-filter-container__filtersSectionContent {
  padding-left: 15px;
}

.m-filter-container__filtersGroup {
  padding-bottom: 15px;
  margin-bottom: 15px;
  border-bottom: 1px solid #d7d7d7;
  width: 100%;
}
.m-filter-container__filtersGroup:last-child {
  border-bottom: none;
}
.m-filter-container__filtersGroup.is--collapsable {
  margin-bottom: 0px;
  border-bottom: none;
}

.m-filter-container__filtersGroupTitle {
  color: #0c193a;
  font-weight: bold;
  display: flex;
  align-items: center;
}
.m-filter-container__filtersGroupTitle.is--collapsable {
  margin-left: -20px;
  cursor: pointer;
}
.m-filter-container__filtersGroupTitle .m-filter-container__filtersGroupToggle {
  width: 13px;
  height: 13px;
  margin-right: 4px;
}
.m-filter-container__filtersGroupTitle .m-filter-container__filtersGroupToggle .m-filter-container__filtersGroupToggleIcon {
  width: 100%;
  height: 100%;
  background-image: url("../assets/edmod-caret-icon.svg");
  background-size: contain;
  background-repeat: no-repeat;
  background-position: center;
  transform: rotate(90deg);
  transition: transform 0.2s;
}
.m-filter-container__filtersGroupTitle .m-filter-container__filtersGroupToggle .m-filter-container__filtersGroupToggleIcon.is--collapsed {
  transform: rotate(0deg);
}

.m-filter-container__filtersGroupContent {
  margin-top: 10px;
  max-height: 1000px;
  overflow-y: auto;
  transition: max-height 0.3s;
}
.m-filter-container__filtersGroupContent.is--collapsed {
  max-height: 0px;
  margin-top: 0px;
}

.m-filter-container__filterOption {
  width: 100%;
  display: flex;
  justify-content: flex-start;
  align-items: center;
  background-color: #fff;
  margin-bottom: 5px;
  padding: 4px 5px;
  cursor: pointer;
  transition: background-color 0.2s ease;
  min-width: 200px;
  overflow: hidden;
}
.m-filter-container__filterOption input.m-filter-container__filterOptionToggle {
  margin: 0;
  margin-right: 10px;
}
.m-filter-container__filterOption .m-filter-container__filterOptionLabel.is--cta {
  color: #225D7E;
  font-weight: bold;
}
.m-filter-container__filterOption .m-filter-container__radioOption {
  height: 13px;
  width: 13px;
  border-radius: 50%;
  border: 1px solid #707070;
  display: flex;
  align-items: center;
  justify-content: center;
  margin-right: 10px;
}
.m-filter-container__filterOption .m-filter-container__radioOption .m-filter-container__radioOptionInner {
  width: 8px;
  height: 8px;
  border-radius: 50%;
  background-color: transparent;
}
.m-filter-container__filterOption:last-of-type {
  margin-bottom: 0;
}
.m-filter-container__filterOption:hover {
  background-color: #f8f6f6;
}
.m-filter-container__filterOption.no--checkbox.is--checked .m-filter-container__radioOption {
  border-color: #EE6723;
}
.m-filter-container__filterOption.no--checkbox.is--checked .m-filter-container__radioOption .m-filter-container__radioOptionInner {
  background-color: #EE6723;
}

.m-filter-container__filterAccordianOption.is--hidden .m-filter-container__filterOptionAccordianHeader {
  background-color: #fff;
}
.m-filter-container__filterAccordianOption.is--hidden .m-filter-container__filterOptionAccordianToggleIcon {
  transform: rotate(0deg);
}
.m-filter-container__filterAccordianOption.is--hidden .m-filter-container__filterOptionAccordianOptions {
  margin-top: 0px;
  padding-left: 0px;
  height: 0;
  overflow: hidden;
}

.m-filter-container__filterOptionAccordianHeader {
  width: 100%;
  display: flex;
  justify-content: flex-start;
  align-items: center;
  background-color: #E6F0FF;
  padding: 4px 5px;
}

.m-filter-container__filterOptionAccordianToggle {
  width: 25px;
  height: 25px;
}

.m-filter-container__filterOptionAccordianToggleIcon {
  width: 100%;
  height: 100%;
  background-image: url("../assets/edmod-column-carrot.svg");
  background-size: contain;
  background-repeat: no-repeat;
  background-position: center;
  transform: rotate(90deg);
  margin-right: 2px;
  margin-bottom: 2px;
}

.m-filter-container__filterOptionAccordianOptions {
  margin-top: 5px;
  padding: 0px 5px;
}

.m-filter-container__dateFiltersContainer {
  display: flex;
  flex-direction: row;
  justify-content: space-between;
  align-items: center;
  padding: 5px 0px 10px;
}
.m-filter-container__dateFiltersContainer .react-datepicker-wrapper:first-child {
  margin-right: 20px;
}

.m-datepicker__input {
  display: block;
  width: 100%;
  flex-grow: 1;
  border: 1px solid #d7d7d7;
  padding: 0px 10px;
  height: 32px;
  line-height: 32px;
  outline: none;
  font-size: 12px;
  border-radius: 4px;
}
.m-datepicker__input::placeholder {
  text-transform: uppercase;
  margin-bottom: 2px;
}
.m-datepicker__input:focus {
  border-color: #225D7E;
}
.m-datepicker__input:focus::placeholder {
  color: #225D7E;
}

.m-filter-container__exportButton {
  color: #225D7E;
  padding: 4px 6px;
  margin-top: 5px;
  font-size: 12px;
  background-color: #E6F0FF;
  border: 1px solid #225D7E;
  border-radius: 4px;
  cursor: pointer;
  display: inline-block;
  transform: background-color 0.2s;
}
.m-filter-container__exportButton:hover {
  text-decoration: none;
  background-color: #c6ddff;
}

.m-filter-container__seeMore {
  color: #707070;
  cursor: pointer;
  display: flex;
}

.m-filter-container__manageLink {
  font-size: 12px;
  color: #225D7E;
  text-decoration: underline;
  cursor: pointer;
}

.m-searchableSelect__list {
  overflow-y: auto;
  border: 2px solid #d7d7d7;
  border-top: none;
}
.m-searchableSelect__list .m-selectableList__item {
  padding: 0px 15px;
}

.m-searchableSelect__header {
  display: flex;
  align-items: center;
  background-color: #fff;
  border: 2px solid #d7d7d7;
  border-radius: 4px 4px 0px 0px;
  padding: 10px;
}
.m-searchableSelect__header .m-searchableSelect__selectAllContainer {
  width: 24px;
  margin-right: 15px;
  flex-grow: 0;
  flex-shrink: 0;
  display: flex;
  align-items: center;
  justify-content: center;
}
.m-searchableSelect__header .m-searchableSelect__searchContainer {
  flex-grow: 1;
}

.l-studentRoster__page {
  width: 100%;
  height: 100%;
  display: flex;
  flex-direction: row;
  justify-content: flex-start;
  align-items: stretch;
  min-height: 600px;
  min-width: 1000px;
  color: #0c193a;
}

.l-studentRoster__filterColumn {
  width: 60px;
  min-width: 50px;
  border-right: 1px solid #d7d7d7;
  background-color: #fff;
  transition: width 0.2s, min-width 0.2s;
  cursor: pointer;
}
.l-studentRoster__filterColumn.is--expanded {
  width: 280px;
  min-width: 280px;
  cursor: normal;
}
.l-studentRoster__filterColumn.is--expanded .m-filter-container__toggleIcon {
  transform: rotate(180deg);
}

.l-studentRoster__contentColumn {
  width: calc(100% - 60px);
  min-width: 620px;
  background-color: #F8F6F6;
}
.l-studentRoster__contentColumn.filters-expanded {
  width: 80%;
}

.l-studentRoster__loadingRoster {
  height: 205px;
  width: 100%;
  display: flex;
  justify-content: center;
  align-items: center;
  color: #707070;
  font-size: 16px;
  text-align: center;
}

.l-studentRoster__tableContainer {
  border: 2px solid #d7d7d7;
  border-radius: 4px;
  overflow: hidden;
}

.l-studentRoster__contentSelectionTabs {
  width: 100%;
  height: 60px;
  padding: 0px 30px;
  background-color: #fff;
  display: flex;
  border-bottom: 1px solid #d7d7d7;
}
.l-studentRoster__contentSelectionTabs .m-studentRoster__contentSelectionTab {
  height: 60px;
  margin-right: 30px;
  display: flex;
  align-items: center;
  justify-content: center;
  color: #707070;
  border-bottom: 7px solid transparent;
  cursor: pointer;
  transition: color 0.2s ease, border-color 0.2s ease;
}
.l-studentRoster__contentSelectionTabs .m-studentRoster__contentSelectionTab:hover {
  color: #0c193a;
}
.l-studentRoster__contentSelectionTabs .m-studentRoster__contentSelectionTab.is--active {
  color: #0c193a;
  border-color: #0c193a;
  font-weight: bold;
}

.l-studentRoster__contentDisplayContainer {
  padding: 0px 30px 30px;
}

.l-studentRoster__tableManagement .l-studentRoster__tableContentDropdowns {
  padding-top: 4px;
  height: 60px;
  display: flex;
  align-items: center;
  justify-content: flex-start;
  column-gap: 20px;
  padding-bottom: 20px;
}
.l-studentRoster__tableManagement .l-studentRoster__tableManagementHeader {
  height: 80px;
  display: flex;
  align-items: center;
  justify-content: space-between;
}
.l-studentRoster__tableManagement .l-studentRoster__tableManagementHeader .m-studentRoster__tableTitle {
  font-size: 24px;
  color: #0c193a;
  font-weight: bold;
}
.l-studentRoster__tableManagement .l-studentRoster__tableManagementHeader .m-studentRoster__tableOptions {
  display: flex;
  align-items: center;
  justify-content: flex-end;
}

.m-studentRoster__buttonWithLabel {
  display: flex;
  flex-direction: column;
  align-items: center;
  margin-right: 12px;
}
.m-studentRoster__buttonWithLabel:last-child {
  margin-right: 0px;
}
.m-studentRoster__buttonWithLabel .m-studentRoster__buttonLabel {
  font-size: 12px;
  margin-top: 3px;
}
.m-studentRoster__buttonWithLabel .m-studentRoster__buttonLabel.is--active {
  font-weight: bold;
}

.m-studentRoster__tableOptionButton {
  width: 32px;
  height: 32px;
  background-color: #0c193a;
  display: flex;
  justify-content: center;
  align-items: center;
  border-radius: 4px;
  box-shadow: 0px 1px 1px rgba(112, 112, 112, 0.75);
  cursor: pointer;
}
.m-studentRoster__tableOptionButton:hover {
  background-color: #225D7E;
}
.m-studentRoster__tableOptionButton.is--active {
  background-color: #EE6723;
}
.m-studentRoster__tableOptionButton.is--disabled {
  background-color: #d7d7d7;
  cursor: not-allowed;
  box-shadow: none;
}
.m-studentRoster__tableOptionButton .m-studentRoster__tableOptionButtonIcon.is--editor {
  width: 16px;
  height: 16px;
  background-image: url("../assets/edmod-edit-pencil-new.svg");
  background-size: contain;
  background-repeat: no-repeat;
  background-position: center;
}
.m-studentRoster__tableOptionButton .m-studentRoster__tableOptionButtonIcon.is--save-view {
  width: 16px;
  height: 16px;
  background-image: url("../assets/edmod-push-pin-white.svg");
  background-size: contain;
  background-repeat: no-repeat;
  background-position: center;
}
.m-studentRoster__tableOptionButton .m-studentRoster__tableOptionButtonIcon.is--export {
  width: 16px;
  height: 16px;
  background-image: url("../assets/edmod-export-icon.svg");
  background-size: contain;
  background-repeat: no-repeat;
  background-position: center;
}
.m-studentRoster__tableOptionButton .m-studentRoster__tableOptionButtonIcon.is--refresh {
  width: 16px;
  height: 16px;
  background-image: url("../assets/edmod-refresh-icon.svg");
  background-size: contain;
  background-repeat: no-repeat;
  background-position: center;
}

.l-studentRoster__tableEditor {
  margin-bottom: 20px;
  border: 3px solid #d7d7d7;
  border-radius: 4px;
}

.m-studentRoster__tableEditorTitle {
  height: 40px;
  display: flex;
  align-items: center;
}

.m-studentRoster__tableEditorOptions {
  height: 75px;
  display: flex;
  align-items: center;
  justify-content: space-between;
  padding: 10px;
  padding-left: 23px;
  position: sticky;
  z-index: 100;
  top: 0px;
  background-color: #F8F6F6;
  border-bottom: 1px solid #d7d7d7;
}
.m-studentRoster__tableEditorOptions .m-studentRoster__tableEditorOptionsLeft {
  display: flex;
  align-items: center;
}
.m-studentRoster__tableEditorOptions .m-studentRoster__tableEditorOptionsRight {
  display: flex;
  align-items: center;
  justify-content: flex-end;
}
.m-studentRoster__tableEditorOptions .m-studentRoster__tableEditorOptionsRight .m-search-bar__container {
  width: 300px;
  margin-bottom: 5px;
}
.m-studentRoster__tableEditorOptions .m-studentRoster__tableEditorOptionSelectAll {
  margin-right: 20px;
  margin-bottom: 5px;
}

.m-studentRoster__tableEditorOption {
  width: 32px;
  height: 32px;
  background-color: #0c193a;
  display: flex;
  justify-content: center;
  align-items: center;
  border-radius: 4px;
  box-shadow: 0px 1px 1px rgba(112, 112, 112, 0.75);
  cursor: pointer;
}
.m-studentRoster__tableEditorOption:hover {
  background-color: #225D7E;
}
.m-studentRoster__tableEditorOption.is--active {
  background-color: #EE6723;
}
.m-studentRoster__tableEditorOption.is--disabled {
  background-color: #d7d7d7;
  cursor: not-allowed;
  box-shadow: none;
}
.m-studentRoster__tableEditorOption .m-studentRoster__tableEditorOptionIcon.is--hide {
  width: 18px;
  height: 18px;
  background-image: url("../assets/edmod-minus-circle-active.svg");
  background-size: contain;
  background-repeat: no-repeat;
  background-position: center;
}
.m-studentRoster__tableEditorOption .m-studentRoster__tableEditorOptionIcon.is--hide.is--disabled {
  width: 18px;
  height: 18px;
  background-image: url("../assets/edmod-minus-circle-inactive.svg");
  background-size: contain;
  background-repeat: no-repeat;
  background-position: center;
}
.m-studentRoster__tableEditorOption .m-studentRoster__tableEditorOptionIcon.is--show {
  width: 18px;
  height: 18px;
  background-image: url("../assets/edmod-add-active.svg");
  background-size: contain;
  background-repeat: no-repeat;
  background-position: center;
}
.m-studentRoster__tableEditorOption .m-studentRoster__tableEditorOptionIcon.is--show.is--disabled {
  width: 18px;
  height: 18px;
  background-image: url("../assets/edmod-add-inactive.svg");
  background-size: contain;
  background-repeat: no-repeat;
  background-position: center;
}
.m-studentRoster__tableEditorOption .m-studentRoster__tableEditorOptionIcon.is--merge {
  width: 18px;
  height: 18px;
  background-image: url("../assets/edmod-merge-active.svg");
  background-size: contain;
  background-repeat: no-repeat;
  background-position: center;
}
.m-studentRoster__tableEditorOption .m-studentRoster__tableEditorOptionIcon.is--merge.is--disabled {
  width: 18px;
  height: 18px;
  background-image: url("../assets/edmod-merge-inactive.svg");
  background-size: contain;
  background-repeat: no-repeat;
  background-position: center;
}
.m-studentRoster__tableEditorOption .m-studentRoster__tableEditorOptionIcon.is--unmerge {
  width: 18px;
  height: 18px;
  background-image: url("../assets/edmod-unmerge-active.svg");
  background-size: contain;
  background-repeat: no-repeat;
  background-position: center;
}
.m-studentRoster__tableEditorOption .m-studentRoster__tableEditorOptionIcon.is--unmerge.is--disabled {
  width: 18px;
  height: 18px;
  background-image: url("../assets/edmod-unmerge-inactive.svg");
  background-size: contain;
  background-repeat: no-repeat;
  background-position: center;
}
.m-studentRoster__tableEditorOption .m-studentRoster__tableEditorOptionIcon.is--text-mode {
  width: 18px;
  height: 18px;
  background-image: url("../assets/edmod-to-text-active.svg");
  background-size: contain;
  background-repeat: no-repeat;
  background-position: center;
}
.m-studentRoster__tableEditorOption .m-studentRoster__tableEditorOptionIcon.is--text-mode.is--disabled {
  width: 18px;
  height: 18px;
  background-image: url("../assets/edmod-to-text-inactive.svg");
  background-size: contain;
  background-repeat: no-repeat;
  background-position: center;
}
.m-studentRoster__tableEditorOption .m-studentRoster__tableEditorOptionIcon.is--undo {
  width: 18px;
  height: 18px;
  background-image: url("../assets/edmod-undo-arrow-active.svg");
  background-size: contain;
  background-repeat: no-repeat;
  background-position: center;
}
.m-studentRoster__tableEditorOption .m-studentRoster__tableEditorOptionIcon.is--undo.is--disabled {
  width: 18px;
  height: 18px;
  background-image: url("../assets/edmod-undo-arrow-inactive.svg");
  background-size: contain;
  background-repeat: no-repeat;
  background-position: center;
}

.m-studentRoster__mergedColumnIcon {
  width: 18px;
  height: 18px;
  background-image: url("../assets/edmod-merged-column-indicator.svg");
  background-size: contain;
  background-repeat: no-repeat;
  background-position: center;
}

.m-studentRoster__dataEntryModal .m-modal__modal {
  width: 450px !important;
  top: 150px !important;
}

.m-manage-views__manageOptions {
  padding: 20px 0px;
}

.m-manage-views__section {
  margin-bottom: 20px;
}
.m-manage-views__section .m-selectableList__main {
  border: 2px solid #d7d7d7;
  border-radius: 4px;
}

.m-manage-views__sectionTitle {
  text-transform: uppercase;
  font-weight: bold;
  margin-bottom: 10px;
}

.m-manage-views__manageOptions {
  display: flex;
  align-items: center;
}
.m-manage-views__manageOptions .m-manage-views__manageOption {
  background-color: #0c193a;
  color: #fff;
  cursor: pointer;
  display: flex;
  justify-content: center;
  align-items: center;
  border-radius: 4px;
  height: 26px;
  padding: 0 12px;
  transition: background-color 0.1s;
  box-shadow: 0px 1px 1px rgba(112, 112, 112, 0.75);
  height: 33px;
  font-weight: bold;
  margin-right: 8px;
}
.m-manage-views__manageOptions .m-manage-views__manageOption.is--disabled {
  color: #707070;
  background-color: #d7d7d7;
  border-color: #d7d7d7;
  cursor: not-allowed;
}
.m-manage-views__manageOptions .m-manage-views__manageOption:hover {
  background-color: #225D7E;
  border-color: #225D7E;
  text-decoration: none;
}
.m-manage-views__manageOptions .m-manage-views__manageOption:hover.is--disabled {
  color: #707070;
  background-color: #d7d7d7;
  border-color: #d7d7d7;
  cursor: not-allowed;
}
.m-manage-views__manageOptions .m-manage-views__manageOption a {
  color: #fff;
  text-decoration: none;
}
.m-manage-views__manageOptions .m-manage-views__manageOption a:hover {
  text-decoration: none;
}
.m-manage-views__manageOptions .m-manage-views__manageOption:hover {
  background-color: #225D7E;
}
.m-manage-views__manageOptions .m-manage-views__manageOption.is--disabled {
  border: 2px solid #d7d7d7;
  box-shadow: none;
}

.m-merged-views__selectableIcons {
  display: flex;
  align-items: center;
}

.m-merged-views__selectableIcon {
  margin-right: 10px;
}
.m-merged-views__selectableIcon.is--homepage {
  width: 15px;
  height: 15px;
  background-image: url("../assets/edmod-homepage-icon.svg");
  background-size: contain;
  background-repeat: no-repeat;
  background-position: center;
}
.m-merged-views__selectableIcon.is--edit {
  width: 15px;
  height: 15px;
  background-image: url("../assets/edmod-edit-pencil-updated.svg");
  background-size: contain;
  background-repeat: no-repeat;
  background-position: center;
}
.m-merged-views__selectableIcon.is--shared {
  width: 15px;
  height: 15px;
  background-image: url("../assets/edmod-shared-users-icon.svg");
  background-size: contain;
  background-repeat: no-repeat;
  background-position: center;
}

.m-manage-plan__mainContainer {
  border: 2px solid #d7d7d7;
}

.m-manage-plan__planOption {
  height: 38px;
  display: flex;
  align-items: center;
  justify-content: flex-start;
  cursor: pointer;
  border-bottom: 2px solid #d7d7d7;
  padding: 0px 15px;
}
.m-manage-plan__planOption.is--preset {
  border-bottom: none;
}
.m-manage-plan__planOption .m-manage-plan__toggle {
  width: 25px;
  height: 14px;
  border-radius: 7px;
  border: 2px solid #0c193a;
  background-color: #fff;
  margin-right: 20px;
}
.m-manage-plan__planOption .m-manage-plan__toggle.is--selected {
  background-color: #0c193a;
}
.m-manage-plan__planOption .m-manage-plan__toggle.is--selected .m-toggle__toggleInner {
  background-color: #fff;
  transform: translate(11px);
}
.m-manage-plan__planOption .m-manage-plan__toggle .m-toggle__toggleInner {
  height: 8px;
  width: 8px;
  border-radius: 100%;
  background-color: #0c193a;
  transform: translate(2px);
  margin-top: 1px;
  transition: transform 0.3s ease;
}

.l-cards__container {
  display: grid;
  min-width: 100%;
  grid-template-columns: repeat(3, 280px);
  grid-gap: 25px;
}

.m-card__container {
  height: 255px;
  border: 1px solid #d7d7d7;
  box-shadow: 0px 0px 10px #dcdcdc;
  padding: 20px;
  display: flex;
  flex-direction: column;
  justify-content: center;
  align-items: center;
  position: relative;
  cursor: pointer;
}
.m-card__link {
  width: 100%;
  height: 100%;
  display: flex;
  flex-direction: column;
  justify-content: space-between;
  align-items: center;
  color: #0c193a;
}
.m-card__link:hover {
  text-decoration: none;
  color: #0c193a;
}

.m-card__iconContainer {
  width: 140px;
  height: 140px;
  margin-top: 10px;
  box-shadow: 0px 0px 15px #cccccc;
  border-radius: 50%;
  opacity: 0.8;
  display: flex;
  justify-content: center;
  align-items: center;
}
.m-card__iconContainer.is__pinned.DEFAULT {
  background: linear-gradient(45deg, #1e007f 0%, #0033ff 100%);
}
.m-card__iconContainer.is__pinned.PINK {
  background: linear-gradient(45deg, #630091 0%, #df33ff 100%);
}
.m-card__iconContainer.is__pinned.GREEN {
  background: linear-gradient(45deg, #004037 0%, #00c445 100%);
}
.m-card__iconContainer.is__pinned.PURPLE {
  background: linear-gradient(60deg, #960366 0%, #6d079f 28.35%, #0086ff 100%);
}

.m-card__innerIconContainer {
  height: 134px;
  width: 134px;
  background-color: #fff;
  border-radius: 50%;
  display: flex;
  justify-content: center;
  align-items: center;
}

.m-card__icon {
  width: 90px;
  height: 90px;
  background-size: contain;
  background-repeat: no-repeat;
  background-position: center;
}

.m-card__title {
  width: 100%;
  height: 25%;
  text-align: center;
  display: flex;
  justify-content: center;
  align-items: center;
  overflow: hidden;
  text-overflow: ellipsis;
  font-size: 16px;
}

.m-card__hoverOverlay {
  display: none;
  opacity: 0;
  background-color: #0c193a;
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  transition: opacity 0.5s;
}

.m-card__hiddenOverlay {
  display: block;
  opacity: 0.5;
  background-color: #0c193a;
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
}

.m-card__icon__course__DEFAULT {
  background-image: url("../assets/courses-icon-default-v6.svg");
  margin-right: 7px;
}

.m-card__icon__course__PINK {
  background-image: url("../assets/courses-icon-purple.svg");
  margin-right: 7px;
}

.m-card__icon__course__GREEN {
  background-image: url("../assets/courses-icon-green.svg");
  margin-right: 7px;
}

.m-card__icon__course__PURPLE {
  background-image: url("../assets/courses-icon-purple-blue-v3.svg");
  margin-right: 7px;
}

.m-card__icon__group__DEFAULT {
  background-image: url("../assets/groups-icon-default-v2.svg");
}

.m-card__icon__group__PINK {
  background-image: url("../assets/groups-icon-purple.svg");
}

.m-card__icon__group__GREEN {
  background-image: url("../assets/groups-icon-green.svg");
}

.m-card__icon__group__PURPLE {
  background-image: url("../assets/groups-icon-purple-blue-v3.svg");
}

.m-three-dot__container {
  display: flex;
  flex-direction: column;
  justify-content: flex-end;
  align-items: flex-end;
}
.m-three-dot__container.is__open .m-three-dot__menu {
  display: flex;
}
.m-three-dot__container.m-three-dot--darkBackground.is__open .m-three-dot__menu {
  box-shadow: 2px 2px 2px #444;
}
.m-three-dot__container.m-three-dot--darkBackground.is__open .m-three-dot__menu .m-three-dot__menuOption {
  white-space: nowrap;
}
.m-three-dot__container.m-three-dot--darkBackground.is__open .m-three-dot__menu .m-three-dot__menuOption:hover {
  background-color: #0c193a;
  color: #ffffff;
}
.m-three-dot__container.m-three-dot--darkBackground.is__open .m-three-dot__icons {
  box-shadow: 2px 2px 2px #444;
}
.m-three-dot__container.m-three-dot--darkBackground .m-three-dot__icons.is__focused .m-three-dot__icon {
  background-color: #707070;
}
.m-three-dot__container.m-three-dot--darkBackground .m-three-dot__icon {
  background-color: #fff;
}
.m-three-dot__container.m-three-dot--evenShadow.is__open .m-three-dot__menu {
  box-shadow: 0px 1px 3px #d4d4d4;
}
.m-three-dot__container.m-three-dot--leftAligned.is__open .m-three-dot__menu {
  position: absolute;
  left: 0;
  top: 22px;
}
.m-three-dot__container.m-three-dot--narrowWidth.is__open .m-three-dot__menu {
  width: 100px;
}
.m-three-dot__container.m-three-dot--smallCog .m-three-dot__cog {
  width: 22px;
  height: 22px;
}

.m-three-dot__icons {
  width: 20px;
  height: 12px;
  padding: 4px 6px;
  background-color: transparent;
  display: flex;
  flex-direction: row;
  justify-content: space-around;
  align-items: center;
  box-sizing: content-box;
  transition: background-color 0.3s;
  border-radius: 4px;
  cursor: pointer;
}
.m-three-dot__icons:hover {
  background-color: #e6e6e6;
}

.m-three-dot__icon {
  width: 4px;
  height: 4px;
  background-color: #707070;
  border-radius: 50%;
  transition: background-color 0.2s;
}

.m-three-dot__cog {
  width: 26px;
  height: 26px;
  cursor: pointer;
  opacity: 0.75;
}
.m-three-dot__cog:hover {
  opacity: 1;
}
.m-three-dot__cog.is__focused {
  opacity: 1;
}
.m-three-dot__cog .m-three-dot__cogIcon {
  width: 100%;
  height: 100%;
  background-image: url("../assets/edmod-gear-blue.svg");
  background-size: contain;
  background-repeat: no-repeat;
  background-position: center;
}

.m-three-dot__menu {
  display: none;
  min-width: 85px;
  max-width: 165px;
  background-color: #fff;
  border: 2px solid #d7d7d7;
  flex-direction: column;
  border-radius: 4px;
  margin-top: 12px;
  font-weight: normal;
  z-index: 10;
}

.m-three-dot__menuOption {
  width: 100%;
  height: 40px;
  background-color: #fff;
  white-space: nowrap;
  padding: 0 15px;
  color: #0c193a;
  display: flex;
  justify-content: flex-start;
  align-items: center;
  transition: color 0.2s, background-color 0.2s;
  cursor: pointer;
}
.m-three-dot__menuOption a {
  color: #0c193a;
  text-decoration: none;
  width: 100%;
  height: 100%;
  display: flex;
  justify-content: flex-start;
  align-items: center;
}
.m-three-dot__menuOption:last-child {
  border-bottom: none;
  border-radius: 0 0 4px 4px;
}
.m-three-dot__menuOption:first-child {
  border-radius: 4px 4px 0 0;
}
.m-three-dot__menuOption:only-child {
  border-radius: 4px 4px 4px 4px;
}
.m-three-dot__menuOption:hover {
  background-color: #FCE1D3;
}

.m-three-dot__menuElement {
  display: flex;
  flex-direction: column;
  cursor: auto;
  padding: 20px 15px 10px;
  border-top: 1px solid #fff;
}
.m-three-dot__menuElement:last-child {
  border-radius: 0 0 4px 4px;
}
.m-three-dot__menuElement:first-child {
  border-radius: 4px 4px 0 0;
}
.m-three-dot__menuElement:only-child {
  border-radius: 4px 4px 4px 4px;
}

.m-three-dot__menuElementTitle {
  height: 25px;
  display: flex;
  justify-content: flex-start;
  align-items: center;
  color: #909399;
  text-transform: uppercase;
  font-size: 12px;
  white-space: nowrap;
}

.m-three-dot__menuElementContent {
  white-space: nowrap;
}
.m-three-dot__menuElementContent.m-three-dot__changeColor {
  height: 30px;
  padding-bottom: 10px;
  display: flex;
  flex-direction: row;
  justify-content: space-between;
  align-items: center;
}

.m-three-dot__colorOption {
  width: 30px;
  height: 30px;
  transition: transform 0.1s, opacity 0.1s;
  opacity: 0.8;
  cursor: pointer;
}
.m-three-dot__colorOption:hover {
  transform: scale(1.067, 1.067);
  opacity: 1;
}
.m-three-dot__colorOption.is__selected {
  border: 2px solid #000;
}
.m-three-dot__colorOption.DEFAULT {
  background: linear-gradient(45deg, #1e007f 0%, #0033ff 100%);
}
.m-three-dot__colorOption.PINK {
  background: linear-gradient(45deg, #630091 0%, #df33ff 100%);
}
.m-three-dot__colorOption.GREEN {
  background: linear-gradient(45deg, #004037 0%, #00c445 100%);
}
.m-three-dot__colorOption.PURPLE {
  background: linear-gradient(60deg, #960366 0%, #6d079f 28.35%, #0086ff 100%);
}

.m-search-bar__container {
  width: 100%;
  height: 42px;
  position: relative;
}

.m-search-bar__inputContainer {
  width: 100%;
  height: 100%;
  border: 2px solid #d7d7d7;
  background-color: #fff;
  border-radius: 4px;
  padding: 3px;
  display: flex;
  flex-direction: row;
  align-items: center;
  justify-content: flex-start;
}
.m-search-bar__inputContainer.is__focused {
  border-color: #225D7E;
  background-color: #fff;
}
.m-search-bar__inputContainer.is__focused .m-search-bar__input {
  background-color: #fff;
}
.m-search-bar__inputContainer.is__focused:hover {
  background-color: #fff;
}
.m-search-bar__inputContainer.is__focused:hover .m-search-bar__input {
  background-color: #fff;
}
.m-search-bar__inputContainer.is__searching {
  border-color: #225D7E;
  background-color: #fff;
  border-radius: 4px 4px 0 0;
  border-bottom: none;
}
.m-search-bar__inputContainer.is__searching .m-search-bar__input {
  background-color: #fff;
}
.m-search-bar__inputContainer.is__searching:hover {
  background-color: #fff;
}
.m-search-bar__inputContainer.is__searching:hover .m-search-bar__input {
  background-color: #fff;
}

.m-search-bar__icon {
  height: 60%;
  min-width: 36px;
  background-size: contain;
  background-repeat: no-repeat;
  background-position: center;
  background-image: url("../assets/edmod-search-icon-gray.svg");
}

.m-search-bar__clearIcon {
  height: 45%;
  min-width: 30px;
  margin-right: 2px;
  background-size: contain;
  background-repeat: no-repeat;
  background-position: center;
  background-image: url("../assets/edmod-darker-close-icon.svg");
  cursor: pointer;
}

.m-search-bar__input {
  height: 100%;
  flex-grow: 6;
  border: none;
  outline: none;
  padding-left: 3px;
  margin-right: 10px;
  background-color: #fff;
  width: 100%;
}
.m-search-bar__input::placeholder {
  color: #707070;
}

.m-search-bar__divider {
  position: absolute;
  height: 1px;
  top: 42px;
  left: 3%;
  width: 94%;
  background-color: #fff;
  z-index: 20000;
}

.m-search-bar__resultsContainer {
  position: absolute;
  top: 42px;
  left: 0;
  width: 100%;
  border: 2px solid #225D7E;
  border-radius: 0 0 4px 4px;
  border-top: none;
  padding: 10px 0;
  background-color: #fff;
  z-index: 10001;
}

.m-search-bar__resultGroupTitle {
  padding: 5px 10px;
  text-transform: uppercase;
  color: #707070;
  font-size: 10px;
}

.m-search-bar__resultOption {
  padding: 5px 10px;
  cursor: pointer;
  background-color: #fff;
  transition: background-color 0.2s;
}
.m-search-bar__resultOption:hover {
  background-color: #d7d7d7;
}
.m-search-bar__resultOption.m-search-bar--see-more {
  color: #707070;
  cursor: default;
}
.m-search-bar__resultOption.m-search-bar--see-more:hover {
  background-color: #fff;
}
.m-search-bar__resultOption.is--focused {
  background-color: #d7d7d7;
}

.m-search-bar__container.has--simple-search-styling {
  margin-bottom: 5px;
}
.m-search-bar__container.has--simple-search-styling .m-search-bar__inputContainer {
  border: none;
  border-bottom: 1px solid #d7d7d7;
  border-radius: 0px;
  background-color: transparent;
}
.m-search-bar__container.has--simple-search-styling .m-search-bar__inputContainer.is__focused, .m-search-bar__container.has--simple-search-styling .m-search-bar__inputContainer.is__searching {
  border-color: #225D7E;
}
.m-search-bar__container.has--simple-search-styling .m-search-bar__inputContainer.is__focused:hover .m-search-bar__input, .m-search-bar__container.has--simple-search-styling .m-search-bar__inputContainer.is__searching:hover .m-search-bar__input {
  background-color: transparent;
}
.m-search-bar__container.has--simple-search-styling .m-search-bar__inputContainer .m-search-bar__icon {
  display: none;
}
.m-search-bar__container.has--simple-search-styling .m-search-bar__inputContainer:hover {
  background-color: transparent;
}
.m-search-bar__container.has--simple-search-styling .m-search-bar__resultsContainer {
  border-radius: 0px;
}
.m-search-bar__container.has--simple-search-styling .m-search-bar__resultOption:last-child {
  border-radius: 0px;
}
.m-search-bar__container.has--simple-search-styling .m-search-bar__input {
  background-color: transparent;
}
.m-search-bar__container.has--simple-search-styling .m-search-bar__divider {
  display: none;
}
.m-search-bar__container.has--simple-search-styling .m-search-bar__clearIcon {
  display: none;
}

.m-table__table {
  position: relative;
}
.m-table__table .m-table__row {
  width: 100%;
  height: 40px;
  display: flex;
  align-items: center;
  flex-grow: 1;
}
.m-table__table .m-table__row .m-table__cell {
  background-color: #fff;
  border-bottom: 1px solid #d7d7d7;
}
.m-table__table .m-table__row .m-table__cell.has--transparent-bg {
  background-color: rgba(255, 255, 255, 0.9);
}
.m-table__table .m-table__row:nth-child(odd) .m-table__cell {
  background-color: #F8F6F6;
}
.m-table__table .m-table__row:nth-child(odd) .m-table__cell.has--transparent-bg {
  background-color: rgba(248, 246, 246, 0.9);
}
.m-table__table .m-table__row:last-child, .m-table__table .m-table__row.no--border {
  border-bottom: none;
}
.m-table__table .m-table__row.is--header {
  text-transform: uppercase;
  color: #707070;
  font-size: 12px;
  font-weight: bold;
  background-color: #fff;
}
.m-table__table .m-table__row.is--header .m-table__cell {
  background-color: #fff;
}
.m-table__table .m-table__cell {
  height: 100%;
  padding: 0px 5px;
  display: flex;
  justify-content: center;
  align-items: center;
  text-align: center;
  flex-grow: 1;
  border-right: 1px solid #d7d7d7;
}
.m-table__table .m-table__cell:last-child, .m-table__table .m-table__cell.no--border {
  border-right: none;
}
.m-table__table .m-table__cell.left--aligned {
  justify-content: flex-start;
  text-align: left;
}
.m-table__table .m-table__cell input[type=checkbox] {
  margin: 0;
  cursor: pointer;
}
.m-table__table .m-table__rowToggleIcon {
  width: 14px;
  height: 14px;
  background-image: url("../assets/edmod-caret-icon.svg");
  background-size: contain;
  background-repeat: no-repeat;
  background-position: center;
  margin-right: 10px;
}
.m-table__table .m-table__rowToggleIcon.is--expanded {
  transform: rotate(90deg);
}
.m-table__table .m-table__editIcon {
  width: 16px;
  height: 16px;
  background-image: url("../assets/edmod-edit-pencil-updated.svg");
  background-size: contain;
  background-repeat: no-repeat;
  background-position: center;
}

.m-resultCell__linkOverlay {
  position: absolute;
  top: 0;
  left: -5px;
  height: 100%;
  width: calc(100% + 10px);
  cursor: pointer;
  background-color: rgba(215, 215, 215, 0.2);
  display: flex;
  justify-content: flex-end;
  align-items: center;
  padding-right: 5px;
}
.m-resultCell__linkOverlay .m-resultCell__linkIcon {
  width: 20px;
  height: 20px;
  background-image: url("../assets/edmod-link-icon.svg");
  background-size: contain;
  background-repeat: no-repeat;
  background-position: center;
  background-color: #fff;
  border-radius: 4px;
}

.m-table__expandCell {
  height: 15px;
  width: 15px;
  position: absolute;
  bottom: 5px;
  right: 5px;
  background-color: rgba(12, 25, 58, 0.8);
  border-radius: 4px;
  cursor: pointer;
  display: flex;
  justify-content: center;
  align-items: center;
}
.m-table__expandCell .m-table__expandCellIcon {
  width: 16px;
  height: 16px;
  background-image: url("../assets/edmod-caret-icon-white.svg");
  background-size: contain;
  background-repeat: no-repeat;
  background-position: center;
  transform: rotate(90deg);
}
.m-table__expandCell .m-table__expandCellIcon.is--expanded {
  transform: rotate(-90deg);
}

.m-table__headerSortIcon {
  position: absolute;
  right: 3px;
  cursor: pointer;
  width: 100%;
  height: 100%;
  background-image: url("../assets/edmod-column-sort.svg");
  background-size: contain;
  background-repeat: no-repeat;
  background-position: center;
  height: 18px;
  width: 12px;
}
.m-table__headerSortIcon.is--asc {
  width: 100%;
  height: 100%;
  background-image: url("../assets/edmod-column-sort-asc.svg");
  background-size: contain;
  background-repeat: no-repeat;
  background-position: center;
  height: 18px;
  width: 12px;
}
.m-table__headerSortIcon.is--desc {
  width: 100%;
  height: 100%;
  background-image: url("../assets/edmod-column-sort-desc.svg");
  background-size: contain;
  background-repeat: no-repeat;
  background-position: center;
  height: 18px;
  width: 12px;
}

.m-table__headerSortFilterContainer {
  width: 20px;
  height: 20px;
  position: absolute;
  right: 3px;
  opacity: 0.5;
  cursor: pointer;
  background-color: #e6e6e6;
  border-radius: 4px;
  display: flex;
  justify-content: center;
  align-items: center;
}
.m-table__headerSortFilterContainer:hover {
  opacity: 1;
}
.m-table__headerSortFilterContainer.is--active {
  background-color: #FCE1D3;
  opacity: 1;
}
.m-table__headerSortFilterContainer .m-table__headerSortFilterIcon {
  width: 18px;
  height: 18px;
  background-image: url("../assets/edmod-filter-icon.svg");
  background-size: contain;
  background-repeat: no-repeat;
  background-position: center;
}

.m-table__sortFilterDialog {
  position: absolute;
  z-index: 1000;
  padding: 10px;
  width: 250px;
  border: 2px solid #d7d7d7;
  box-shadow: 0px 4px 4px rgba(112, 112, 112, 0.5);
  background-color: #fff;
  border-radius: 4px;
  border: 2px solid #d7d7d7;
  border-radius: 0px;
  text-transform: none;
  color: #0c193a;
  font-weight: normal;
  font-size: 14px;
  display: flex;
  flex-direction: column;
  justify-content: stretch;
  align-items: flex-start;
}
.m-table__sortFilterDialog .m-table__sortSection {
  width: 100%;
}
.m-table__sortFilterDialog .m-table__sortOption {
  height: 30px;
  padding: 5px;
  display: flex;
  align-items: center;
  cursor: pointer;
  background-color: #fff;
  width: 100%;
}
.m-table__sortFilterDialog .m-table__sortOption:hover {
  background-color: #f8f6f6;
}
.m-table__sortFilterDialog .m-table__sortOption:hover.is--active {
  background-color: #FCE1D3;
}
.m-table__sortFilterDialog .m-table__sortOption.is--active {
  background-color: #FCE1D3;
}
.m-table__sortFilterDialog .m-table__sortFilterFooter {
  display: flex;
  justify-content: space-between;
  width: 100%;
  height: 30px;
  align-items: center;
}
.m-table__sortFilterDialog .m-table__sortFilterFooter .m-table__sortFilterClearButton {
  color: #ad3f3c;
  font-weight: bold;
  text-transform: uppercase;
  text-decoration: none;
  cursor: pointer;
  padding-bottom: 2px;
  border-bottom: 1px solid transparent;
  transition: border-color 0.2s;
}
.m-table__sortFilterDialog .m-table__sortFilterFooter .m-table__sortFilterClearButton:hover {
  border-color: #ad3f3c;
}
.m-table__sortFilterDialog .m-table__sortFilterFooter .m-table__sortFilterClearButton a {
  color: #707070;
  font-weight: bold;
  text-transform: uppercase;
}
.m-table__sortFilterDialog .m-table__sortFilterFooter .m-table__sortFilterClearButton a:hover {
  text-decoration: none;
}
.m-table__sortFilterDialog .m-table__sortFilterFooter .m-table__sortFilterClearButton.is--disabled {
  cursor: not-allowed;
  color: #d7d7d7;
  border-color: transparent;
}
.m-table__sortFilterDialog .m-table__sortFilterFooter .m-table__sortFilterClearButton.is--disabled:hover {
  border-color: transparent;
}
.m-table__sortFilterDialog .m-table__sortFilterFooter .m-table__sortFilterSaveButton {
  color: #707070;
  font-weight: bold;
  text-transform: uppercase;
  text-decoration: none;
  cursor: pointer;
  padding-bottom: 2px;
  border-bottom: 1px solid transparent;
  transition: border-color 0.2s;
}
.m-table__sortFilterDialog .m-table__sortFilterFooter .m-table__sortFilterSaveButton:hover {
  border-color: #707070;
}
.m-table__sortFilterDialog .m-table__sortFilterFooter .m-table__sortFilterSaveButton a {
  color: #707070;
  font-weight: bold;
  text-transform: uppercase;
}
.m-table__sortFilterDialog .m-table__sortFilterFooter .m-table__sortFilterSaveButton a:hover {
  text-decoration: none;
}
.m-table__sortFilterDialog .m-table__sortFilterFooter .m-table__sortFilterSaveButton.is--disabled {
  cursor: not-allowed;
  color: #d7d7d7;
  border-color: transparent;
}
.m-table__sortFilterDialog .m-table__sortFilterFooter .m-table__sortFilterSaveButton.is--disabled:hover {
  border-color: transparent;
}
.m-table__sortFilterDialog .m-filteredSelectList__filterSection {
  margin: 10px 0;
}
.m-table__sortFilterDialog .m-filteredSelectList__filterSection .m-filteredSelectList__filterSectionTitle {
  text-align: left;
  font-weight: bold;
  margin-bottom: 5px;
}
.m-table__sortFilterDialog .m-filteredSelectList__filterSection .m-filteredSelectList__filterList {
  max-height: 175px;
  overflow-y: auto;
}

.m-table__noContent {
  height: 205px;
  width: 100%;
  display: flex;
  justify-content: center;
  align-items: center;
  color: #707070;
  font-size: 16px;
}

.m-resultList__metadata {
  color: #707070;
  font-style: italic;
}

.m-windowed-table__firstColumn {
  scrollbar-width: none;
  /* Firefox */
  -ms-overflow-style: none;
  /* Internet Explorer 10+ */
}
.m-windowed-table__firstColumn::-webkit-scrollbar {
  /* WebKit */
  width: 0;
  height: 0;
}

.m-windowed-table__header {
  border-bottom: 1px solid #0c193a;
  background-color: #fff;
  padding: 0 15px;
}
.m-windowed-table__header .m-windowed-table__headerContent {
  display: flex;
  justify-content: center;
  align-items: center;
  overflow: hidden;
  text-align: center;
  height: 100%;
  width: 100%;
  color: #0c193a;
  font-size: 14px;
  font-weight: 600;
  line-height: 1.1em;
}
.m-windowed-table__header .m-windowed-table__headerContent.is--header-link {
  text-decoration: underline;
}
.m-windowed-table__header .m-windowed-table__headerContent.is--header-link a {
  color: #0c193a;
}
.m-windowed-table__header .m-windowed-table__headerContent.is--fixed {
  justify-content: flex-start;
}
.m-windowed-table__header .m-windowed-table__headerContent.is--ln {
  color: #225D7E;
}
.m-windowed-table__header .m-windowed-table__headerContent.is--iep {
  color: #225D7E;
}
.m-windowed-table__header .m-windowed-table__headerContent.is--504 {
  color: #9B296D;
}
.m-windowed-table__header .m-windowed-table__headerContent.is--ell {
  color: #63790C;
}
.m-windowed-table__header .m-windowed-table__headerContent.progress {
  background-color: inherit;
  border: unset;
  box-shadow: unset;
}

.m-windowed-table__cell {
  display: flex;
  align-items: flex-start;
  justify-content: center;
  border-right: 1px solid #fff;
}
.m-windowed-table__cell.is--relative {
  position: relative;
}
.m-windowed-table__cell.is--plain-text {
  align-items: center;
  justify-content: center;
}
.m-windowed-table__cell.is--plain-text.m-editable .m-table-cell__edit-icon-wrapper {
  position: absolute;
  top: 0;
  right: 0;
  cursor: pointer;
  display: none;
  padding: 4px 5px 5px 5px;
}
.m-windowed-table__cell.is--plain-text.m-editable .m-table-cell__edit-icon {
  width: 16px;
  height: 16px;
  background-image: url("../assets/edmod-edit-pencil-updated.svg");
  background-size: contain;
  background-repeat: no-repeat;
  background-position: center;
}
.m-windowed-table__cell.is--plain-text.m-editable:hover .m-table-cell__edit-icon-wrapper {
  display: block;
}
.m-windowed-table__cell.is--plain-text .m-windowed-table__textContent {
  width: 100%;
  height: 100%;
  display: flex;
  align-items: center;
  justify-content: center;
}
.m-windowed-table__cell.is--plain-text .m-windowed-table__textContent.is--long-text {
  align-items: flex-start;
  justify-content: flex-start;
  overflow: auto;
}
.m-windowed-table__cell.is--long-text {
  align-items: flex-start;
  justify-content: flex-start;
  padding: 5px 20px 5px 5px;
}
.m-windowed-table__cell.is--long-text .m-windowed-table__longTextContent {
  overflow: hidden;
  width: 100%;
  height: 100%;
}
.m-windowed-table__cell.is--long-text p {
  margin-bottom: 2px;
}
.m-windowed-table__cell.is--long-text.m-editable .m-table-cell__edit-icon-wrapper {
  position: absolute;
  top: 0;
  right: 0;
  cursor: pointer;
  display: none;
  padding: 4px 5px 5px 5px;
}
.m-windowed-table__cell.is--long-text.m-editable .m-table-cell__edit-icon {
  width: 16px;
  height: 16px;
  background-image: url("../assets/edmod-edit-pencil-updated.svg");
  background-size: contain;
  background-repeat: no-repeat;
  background-position: center;
}
.m-windowed-table__cell.is--long-text.m-editable:hover .m-table-cell__edit-icon-wrapper {
  display: block;
}
.m-windowed-table__cell.is--long-text.m-editable .m-windowed-table__longTextContent {
  cursor: pointer;
}
.m-windowed-table__cell .m-windowed-cell__boolContent {
  width: 100%;
  height: 100%;
  max-height: 50px;
  display: flex;
  align-items: center;
  justify-content: center;
  position: relative;
}
.m-windowed-table__cell .m-windowed-cell__boolContent .m-table__boolCheckMark {
  width: 20px;
  height: 20px;
  background-image: url("../assets/edmod-checkmark-dark.svg");
  background-size: contain;
  background-repeat: no-repeat;
  background-position: center;
}
.m-windowed-table__cell .m-windowed-cell__boolContent.is--ln .m-table__boolCheckMark {
  width: 20px;
  height: 20px;
  background-image: url("../assets/edmod-checkmark-blue.svg");
  background-size: contain;
  background-repeat: no-repeat;
  background-position: center;
}
.m-windowed-table__cell .m-windowed-cell__boolContent.is--iep .m-table__boolCheckMark {
  width: 20px;
  height: 20px;
  background-image: url("../assets/edmod-checkmark-blue.svg");
  background-size: contain;
  background-repeat: no-repeat;
  background-position: center;
}
.m-windowed-table__cell .m-windowed-cell__boolContent.is--504 .m-table__boolCheckMark {
  width: 20px;
  height: 20px;
  background-image: url("../assets/edmod-checkmark-pink.svg");
  background-size: contain;
  background-repeat: no-repeat;
  background-position: center;
}
.m-windowed-table__cell .m-windowed-cell__boolContent.is--ell .m-table__boolCheckMark {
  width: 20px;
  height: 20px;
  background-image: url("../assets/edmod-checkmark-green.svg");
  background-size: contain;
  background-repeat: no-repeat;
  background-position: center;
}
.m-windowed-table__cell .m-windowed-cell__boolContent .m-windowed-cell__hoverIndicator {
  position: absolute;
  right: 51px;
  top: 16px;
  width: 6px;
  height: 6px;
  border-radius: 50%;
  background-color: #67686b;
}
.m-windowed-table__cell .m-windowed-cell__boolContent.progress {
  background-color: inherit;
  border: unset;
  box-shadow: unset;
}
.m-windowed-table__cell .m-windowed-cell__boolContent.m-editable .m-table-cell__edit-icon-wrapper {
  position: absolute;
  top: 0;
  right: 0;
  cursor: pointer;
  display: none;
  padding: 4px 4px 4px 4px;
}
.m-windowed-table__cell .m-windowed-cell__boolContent.m-editable .m-table-cell__edit-icon {
  width: 16px;
  height: 16px;
  background-image: url("../assets/edmod-edit-pencil-updated.svg");
  background-size: contain;
  background-repeat: no-repeat;
  background-position: center;
}
.m-windowed-table__cell .m-windowed-cell__boolContent.m-editable:hover .m-table-cell__edit-icon-wrapper {
  display: block;
}
.m-windowed-table__cell .m-windowed-table__textCellContent {
  display: flex;
  justify-content: flex-start;
  align-items: center;
  width: 100%;
  height: 100%;
  max-height: 50px;
  padding: 0 15px;
}
.m-windowed-table__cell .m-windowed-table__textCellContent a {
  color: #0c193a;
  text-decoration: none;
  border-bottom: 1px solid transparent;
}
.m-windowed-table__cell .m-windowed-table__textCellContent a:hover {
  border-color: #0c193a;
}

.m-window-table__expandText {
  width: 100%;
  height: 100%;
  background-image: url("../assets/edmod-info-tool-tip.svg");
  background-size: contain;
  background-repeat: no-repeat;
  background-position: center;
  position: absolute;
  bottom: 5px;
  right: 5px;
  width: 17px;
  height: 17px;
}

.m-windowed-table__toggleColumnOrder {
  position: absolute;
  right: 3px;
  cursor: pointer;
  width: 100%;
  height: 100%;
  background-image: url("../assets/edmod-column-sort.svg");
  background-size: contain;
  background-repeat: no-repeat;
  background-position: center;
  height: 18px;
  width: 12px;
}
.m-windowed-table__toggleColumnOrder.is--ordered {
  width: 100%;
  height: 100%;
  background-image: url("../assets/edmod-column-sort-active.svg");
  background-size: contain;
  background-repeat: no-repeat;
  background-position: center;
  height: 18px;
  width: 12px;
}

.m-windowed-table__scrollButton {
  height: 44px;
  width: 18px;
  background-color: #0c193a;
  position: absolute;
  top: 3px;
  display: flex;
  justify-content: center;
  align-items: center;
  cursor: pointer;
  border-radius: 4px;
}
.m-windowed-table__scrollButton.is--left {
  left: -20px;
}
.m-windowed-table__scrollButton.is--left .m-windowed-table__scrollIcon {
  transform: rotate(180deg);
}
.m-windowed-table__scrollButton.is--right {
  right: 4px;
}
.m-windowed-table__scrollButton .m-windowed-table__scrollIcon {
  width: 16px;
  height: 16px;
  background-image: url("../assets/edmod-caret-icon-white.svg");
  background-size: contain;
  background-repeat: no-repeat;
  background-position: center;
}

.m-table__showMore {
  padding: 20px 50px;
  display: flex;
  flex-direction: column;
  align-items: center;
  justify-content: center;
  position: sticky;
  left: 50px;
  color: #707070;
  font-style: italic;
}
.m-table__showMore span {
  cursor: pointer;
  color: #0c193a;
  border-bottom: 1px solid transparent;
  margin-right: 20px;
  margin-left: 5px;
}
.m-table__showMore span:hover {
  border-color: #0c193a;
}

.m-table__showHiddenColumn {
  width: 17px;
  height: 17px;
  background-image: url("../assets/edmod-hidden-icon.svg");
  background-size: contain;
  background-repeat: no-repeat;
  background-position: center;
  cursor: pointer;
  flex-shrink: 0;
  margin-left: -1px;
}

.m-modal__student-update-info {
  margin-bottom: 35px;
  padding: 15px 15px 30px 15px;
}
.m-modal__student-update-info .m-edit-learning-needs__wrapper {
  width: 100%;
}
.m-modal__student-update-info .m-learning-needs__selectedList {
  width: 100%;
  background-color: white;
  padding: 10px;
  border: 1px solid #225D7E;
}
.m-modal__student-update-info .m-learning-needs__unSelectedList {
  width: 100%;
  background-color: white;
  padding: 10px;
  border: 1px solid #225D7E;
}
.m-modal__student-update-info .m-accommClass__addNewContainer {
  width: 100%;
  background-color: white;
  padding: 10px;
  border: 1px solid #225D7E;
}
.m-modal__student-update-info .m-rich-text__container {
  background-color: white !important;
  border: 1px solid #b2b9bd;
}
.m-modal__student-update-info .m-student-module__textSection .m-student-module__textSectionTitle {
  font-size: 16px;
}
.m-modal__student-update-info .m-student-module__textSection input.m-text__input {
  width: 100%;
  padding: 5px 10px;
  outline: none;
}
.m-modal__student-update-info .m-learning-needs__editTitle {
  font-size: 16px;
}
.m-modal__student-update-info .m-student-update-info__warning-icon {
  position: absolute;
  left: 15px;
  top: 10px;
  width: 36px;
  height: 36px;
  background-image: url("../assets/edmod-warning-icon.svg");
  background-size: contain;
  background-repeat: no-repeat;
  background-position: center;
}
.m-modal__student-update-info .m-accommodations__selectedGroupList {
  background-color: white;
  border: 1px solid #225D7E;
  padding: 10px;
}
.m-modal__student-update-info .m-accommodations__unSelectedGroupList {
  background-color: white;
  border: 1px solid #225D7E;
  padding: 10px;
}
.m-modal__student-update-info .m-accommodations__editTitle {
  font-size: 16px;
  margin: 0 0 15px 0;
  color: #0c193a;
  font-weight: 600;
}
.m-modal__student-update-info .m-strategies__editTitle {
  font-size: 16px;
  margin: 0 0 15px 0;
  color: #0c193a;
  font-weight: 600;
}

.m-modal__dit-student_information .m-modal__mainContent {
  padding: 0 !important;
}
.m-modal__dit-student_information .m-modal__modal {
  width: 500px !important;
}
.m-modal__dit-student_information .m-modal__saveCancel {
  position: absolute;
  width: 100%;
  height: 50px;
  bottom: 0;
  right: 0;
  background-color: #F8F6F6;
  padding: 0 10px;
  border-top: 1px solid #b2b9bd;
  margin-top: 0 !important;
}

.m-modal__add-strategy .m-modal__mainContent .m-modal__subheader {
  margin-bottom: 40px;
}
.m-modal__add-strategy .m-modal__mainContent .m-modal__subheader .m-strategysave__selectOption {
  display: flex;
  align-items: center;
  cursor: pointer;
  transition: background-color 0.2s;
}
.m-modal__add-strategy .m-modal__mainContent .m-modal__subheader .m-strategysave__selectOption .m-strategysave__selectOptionToggle {
  margin-right: 10px;
  margin-top: 0;
}

.m-filtered-page__pageHeader {
  padding: 30px 0px 30px 46px;
  max-width: 972px;
}
.m-filtered-page__pageHeader .m-filtered-page__pageHeaderInner {
  display: flex;
  align-items: center;
  justify-content: space-between;
}
.m-filtered-page__pageHeader .m-filtered-page__pageTitle {
  font-size: 24px;
  color: #0c193a;
  font-weight: bold;
}
.m-filtered-page__pageHeader .m-filtered-page__pageSubTitle {
  font-size: 16px;
  color: #0c193a;
  font-weight: normal;
  margin-top: 15px;
}
.m-filtered-page__pageHeader:after {
  content: " ";
  display: block;
  height: 1px;
  width: 80px;
  background-color: #d7d7d7;
  margin-top: 30px;
}

.m-filtered-page__pageContent {
  padding: 0px 46px;
}

.m-filtered-page__noContentMessage {
  font-size: 24px;
  color: #225D7E;
  width: 60%;
  text-align: center;
}

.m-filter-container__filtersHeaderRow {
  min-height: 80px;
  max-height: 80px;
  width: 100%;
  display: flex;
  justify-content: center;
  align-items: center;
  border-bottom: 1px solid transparent;
}

.m-filter-container__filtersHeaderTitle {
  color: #0c193a;
  font-weight: bold;
  font-size: 18px;
  min-width: 200px;
  overflow: hidden;
}

.m-filter-container__filtersToggle {
  height: 20px;
  width: 20px;
  display: flex;
  justify-content: center;
  align-items: center;
  cursor: pointer;
  transform: rotate(0deg);
  transition: transform 0.3s;
}
.m-filter-container__filtersToggle .m-filter-container__toggleIcon {
  width: 100%;
  height: 100%;
  background-image: url("../assets/edmod-caret-icon.svg");
  background-size: contain;
  background-repeat: no-repeat;
  background-position: center;
  margin-right: 2px;
  margin-bottom: 2px;
}

.m-filter-container__filtersMain {
  width: 100%;
  padding: 15px;
}

.m-filter-container__filtersSection {
  padding-left: 15px;
  padding-bottom: 15px;
}

.m-filter-container__filtersSectionTitle {
  text-transform: uppercase;
  color: #707070;
  font-weight: bold;
  font-size: 12px;
  margin-bottom: 10px;
  letter-spacing: 1px;
}

.m-filter-container__filtersSectionContent {
  padding-left: 15px;
}

.m-filter-container__filtersGroup {
  padding-bottom: 15px;
  margin-bottom: 15px;
  border-bottom: 1px solid #d7d7d7;
  width: 100%;
}
.m-filter-container__filtersGroup:last-child {
  border-bottom: none;
}
.m-filter-container__filtersGroup.is--collapsable {
  margin-bottom: 0px;
  border-bottom: none;
}

.m-filter-container__filtersGroupTitle {
  color: #0c193a;
  font-weight: bold;
  display: flex;
  align-items: center;
}
.m-filter-container__filtersGroupTitle.is--collapsable {
  margin-left: -20px;
  cursor: pointer;
}
.m-filter-container__filtersGroupTitle .m-filter-container__filtersGroupToggle {
  width: 13px;
  height: 13px;
  margin-right: 4px;
}
.m-filter-container__filtersGroupTitle .m-filter-container__filtersGroupToggle .m-filter-container__filtersGroupToggleIcon {
  width: 100%;
  height: 100%;
  background-image: url("../assets/edmod-caret-icon.svg");
  background-size: contain;
  background-repeat: no-repeat;
  background-position: center;
  transform: rotate(90deg);
  transition: transform 0.2s;
}
.m-filter-container__filtersGroupTitle .m-filter-container__filtersGroupToggle .m-filter-container__filtersGroupToggleIcon.is--collapsed {
  transform: rotate(0deg);
}

.m-filter-container__filtersGroupContent {
  margin-top: 10px;
  max-height: 1000px;
  overflow-y: auto;
  transition: max-height 0.3s;
}
.m-filter-container__filtersGroupContent.is--collapsed {
  max-height: 0px;
  margin-top: 0px;
}

.m-filter-container__filterOption {
  width: 100%;
  display: flex;
  justify-content: flex-start;
  align-items: center;
  background-color: #fff;
  margin-bottom: 5px;
  padding: 4px 5px;
  cursor: pointer;
  transition: background-color 0.2s ease;
  min-width: 200px;
  overflow: hidden;
}
.m-filter-container__filterOption input.m-filter-container__filterOptionToggle {
  margin: 0;
  margin-right: 10px;
}
.m-filter-container__filterOption .m-filter-container__filterOptionLabel.is--cta {
  color: #225D7E;
  font-weight: bold;
}
.m-filter-container__filterOption .m-filter-container__radioOption {
  height: 13px;
  width: 13px;
  border-radius: 50%;
  border: 1px solid #707070;
  display: flex;
  align-items: center;
  justify-content: center;
  margin-right: 10px;
}
.m-filter-container__filterOption .m-filter-container__radioOption .m-filter-container__radioOptionInner {
  width: 8px;
  height: 8px;
  border-radius: 50%;
  background-color: transparent;
}
.m-filter-container__filterOption:last-of-type {
  margin-bottom: 0;
}
.m-filter-container__filterOption:hover {
  background-color: #f8f6f6;
}
.m-filter-container__filterOption.no--checkbox.is--checked .m-filter-container__radioOption {
  border-color: #EE6723;
}
.m-filter-container__filterOption.no--checkbox.is--checked .m-filter-container__radioOption .m-filter-container__radioOptionInner {
  background-color: #EE6723;
}

.m-filter-container__filterAccordianOption.is--hidden .m-filter-container__filterOptionAccordianHeader {
  background-color: #fff;
}
.m-filter-container__filterAccordianOption.is--hidden .m-filter-container__filterOptionAccordianToggleIcon {
  transform: rotate(0deg);
}
.m-filter-container__filterAccordianOption.is--hidden .m-filter-container__filterOptionAccordianOptions {
  margin-top: 0px;
  padding-left: 0px;
  height: 0;
  overflow: hidden;
}

.m-filter-container__filterOptionAccordianHeader {
  width: 100%;
  display: flex;
  justify-content: flex-start;
  align-items: center;
  background-color: #E6F0FF;
  padding: 4px 5px;
}

.m-filter-container__filterOptionAccordianToggle {
  width: 25px;
  height: 25px;
}

.m-filter-container__filterOptionAccordianToggleIcon {
  width: 100%;
  height: 100%;
  background-image: url("../assets/edmod-column-carrot.svg");
  background-size: contain;
  background-repeat: no-repeat;
  background-position: center;
  transform: rotate(90deg);
  margin-right: 2px;
  margin-bottom: 2px;
}

.m-filter-container__filterOptionAccordianOptions {
  margin-top: 5px;
  padding: 0px 5px;
}

.m-filter-container__dateFiltersContainer {
  display: flex;
  flex-direction: row;
  justify-content: space-between;
  align-items: center;
  padding: 5px 0px 10px;
}
.m-filter-container__dateFiltersContainer .react-datepicker-wrapper:first-child {
  margin-right: 20px;
}

.m-datepicker__input {
  display: block;
  width: 100%;
  flex-grow: 1;
  border: 1px solid #d7d7d7;
  padding: 0px 10px;
  height: 32px;
  line-height: 32px;
  outline: none;
  font-size: 12px;
  border-radius: 4px;
}
.m-datepicker__input::placeholder {
  text-transform: uppercase;
  margin-bottom: 2px;
}
.m-datepicker__input:focus {
  border-color: #225D7E;
}
.m-datepicker__input:focus::placeholder {
  color: #225D7E;
}

.m-filter-container__exportButton {
  color: #225D7E;
  padding: 4px 6px;
  margin-top: 5px;
  font-size: 12px;
  background-color: #E6F0FF;
  border: 1px solid #225D7E;
  border-radius: 4px;
  cursor: pointer;
  display: inline-block;
  transform: background-color 0.2s;
}
.m-filter-container__exportButton:hover {
  text-decoration: none;
  background-color: #c6ddff;
}

.m-filter-container__seeMore {
  color: #707070;
  cursor: pointer;
  display: flex;
}

.m-filter-container__manageLink {
  font-size: 12px;
  color: #225D7E;
  text-decoration: underline;
  cursor: pointer;
}

.m-searchableSelect__list {
  overflow-y: auto;
  border: 2px solid #d7d7d7;
  border-top: none;
}
.m-searchableSelect__list .m-selectableList__item {
  padding: 0px 15px;
}

.m-searchableSelect__header {
  display: flex;
  align-items: center;
  background-color: #fff;
  border: 2px solid #d7d7d7;
  border-radius: 4px 4px 0px 0px;
  padding: 10px;
}
.m-searchableSelect__header .m-searchableSelect__selectAllContainer {
  width: 24px;
  margin-right: 15px;
  flex-grow: 0;
  flex-shrink: 0;
  display: flex;
  align-items: center;
  justify-content: center;
}
.m-searchableSelect__header .m-searchableSelect__searchContainer {
  flex-grow: 1;
}

.m-iconButton__container {
  display: flex;
  flex-direction: column;
  justify-content: center;
  align-items: center;
}
.m-iconButton__container .m-iconButton__button {
  width: 32px;
  height: 32px;
  background-color: #0c193a;
  display: flex;
  justify-content: center;
  align-items: center;
  border-radius: 4px;
  box-shadow: 0px 1px 1px rgba(112, 112, 112, 0.75);
  cursor: pointer;
}
.m-iconButton__container .m-iconButton__button:hover {
  background-color: #225D7E;
}
.m-iconButton__container .m-iconButton__button.is--active {
  background-color: #EE6723;
}
.m-iconButton__container .m-iconButton__button.is--disabled {
  background-color: #d7d7d7;
  cursor: not-allowed;
  box-shadow: none;
}
.m-iconButton__container .m-iconButton__button .m-iconButton__buttonIcon.is--filter {
  width: 16px;
  height: 16px;
  background-image: url("../assets/edmod-filter-slider-icon.svg");
  background-size: contain;
  background-repeat: no-repeat;
  background-position: center;
}
.m-iconButton__container .m-iconButton__button .m-iconButton__buttonIcon.is--export {
  width: 16px;
  height: 16px;
  background-image: url("../assets/edmod-export-icon.svg");
  background-size: contain;
  background-repeat: no-repeat;
  background-position: center;
}
.m-iconButton__container .m-iconButton__button .m-iconButton__buttonIcon.is--reset {
  width: 16px;
  height: 16px;
  background-image: url("../assets/edmod-undo-arrow-active.svg");
  background-size: contain;
  background-repeat: no-repeat;
  background-position: center;
}
.m-iconButton__container .m-iconButton__button .m-iconButton__buttonIcon.is--save {
  width: 16px;
  height: 16px;
  background-image: url("../assets/edmod-push-pin-white.svg");
  background-size: contain;
  background-repeat: no-repeat;
  background-position: center;
}
.m-iconButton__container .m-iconButton__button .m-iconButton__buttonIcon.is--edit {
  width: 16px;
  height: 16px;
  background-image: url("../assets/edmod-edit-pencil-new.svg");
  background-size: contain;
  background-repeat: no-repeat;
  background-position: center;
}
.m-iconButton__container .m-iconButton__button .m-iconButton__buttonIcon.is--table {
  width: 16px;
  height: 16px;
  background-image: url("../assets/edmod-table-icon.svg");
  background-size: contain;
  background-repeat: no-repeat;
  background-position: center;
}
.m-iconButton__container .m-iconButton__button .m-iconButton__buttonIcon.is--list {
  width: 16px;
  height: 16px;
  background-image: url("../assets/edmod-list-icon.svg");
  background-size: contain;
  background-repeat: no-repeat;
  background-position: center;
}
.m-iconButton__container .m-iconButton__button .m-iconButton__buttonIcon.is--add {
  width: 16px;
  height: 16px;
  background-image: url("../assets/edmod-add-active.svg");
  background-size: contain;
  background-repeat: no-repeat;
  background-position: center;
}
.m-iconButton__container .m-iconButton__button .m-iconButton__buttonIcon.is--duplicate {
  width: 20px;
  height: 20px;
  background-image: url("../assets/edmod-duplicate-icon-white.svg");
  background-size: contain;
  background-repeat: no-repeat;
  background-position: center;
}
.m-iconButton__container .m-iconButton__button .m-iconButton__buttonIcon.is--delete {
  width: 24px;
  height: 24px;
  background-image: url("../assets/edmod-trash-icon-white.svg");
  background-size: contain;
  background-repeat: no-repeat;
  background-position: center;
}
.m-iconButton__container .m-iconButton__button .m-iconButton__buttonIcon.is--save-floppy {
  width: 20px;
  height: 20px;
  background-image: url("../assets/edmod-save-floppy-icon.svg");
  background-size: contain;
  background-repeat: no-repeat;
  background-position: center;
}
.m-iconButton__container .m-iconButton__button .m-iconButton__buttonIcon.is--user {
  width: 35px;
  height: 35px;
  background-image: url("../assets/edmod-single-user-icon.svg");
  background-size: contain;
  background-repeat: no-repeat;
  background-position: center;
}
.m-iconButton__container .m-iconButton__button .m-iconButton__buttonIcon.is--multi-user {
  width: 40px;
  height: 40px;
  background-image: url("../assets/edmod-multi-user-icon.svg");
  background-size: contain;
  background-repeat: no-repeat;
  background-position: center;
}
.m-iconButton__container .m-iconButton__button .m-iconButton__buttonIcon.is--config {
  width: 18px;
  height: 18px;
  background-image: url("../assets/edmod-gear-white.svg");
  background-size: contain;
  background-repeat: no-repeat;
  background-position: center;
}
.m-iconButton__container .m-iconButton__button .m-iconButton__buttonIcon.is--archive {
  width: 18px;
  height: 18px;
  background-image: url("../assets/edmod-archive-icon-white.svg");
  background-size: contain;
  background-repeat: no-repeat;
  background-position: center;
}
.m-iconButton__container .m-iconButton__button .m-iconButton__buttonIcon.is--restore {
  width: 18px;
  height: 18px;
  background-image: url("../assets/edmod-restore-icon.svg");
  background-size: contain;
  background-repeat: no-repeat;
  background-position: center;
}
.m-iconButton__container .m-iconButton__title {
  font-size: 12px;
  margin-top: 3px;
}

.m-btn__wrapper {
  width: 100px;
  height: 32px;
  background-color: #0c193a;
  display: flex;
  justify-content: center;
  align-items: center;
  border-radius: 4px;
  box-shadow: 0 1px 1px rgba(112, 112, 112, 0.75);
  cursor: pointer;
  color: white;
}
.m-btn__wrapper .is--export {
  width: 16px;
  height: 16px;
  background-image: url("../assets/edmod-export-icon.svg");
  background-size: contain;
  background-repeat: no-repeat;
  background-position: center;
  margin-right: 10px;
}
.m-btn__wrapper .is--refresh {
  width: 16px;
  height: 16px;
  background-image: url("../assets/edmod-refresh-icon.svg");
  background-size: contain;
  background-repeat: no-repeat;
  background-position: center;
  margin-right: 10px;
}
.m-btn__wrapper .is--save-floppy {
  width: 20px;
  height: 20px;
  background-image: url("../assets/edmod-save-floppy-icon.svg");
  background-size: contain;
  background-repeat: no-repeat;
  background-position: center;
  margin-right: 10px;
}
.m-btn__wrapper .is--add {
  width: 20px;
  height: 20px;
  background-image: url("../assets/edmod-add-active.svg");
  background-size: contain;
  background-repeat: no-repeat;
  background-position: center;
  margin-right: 10px;
}
.m-btn__wrapper:hover {
  background-color: #225D7E;
}
.m-btn__wrapper.is--active {
  background-color: #EE6723;
}
.m-btn__wrapper.is--disabled {
  background-color: #d7d7d7;
  cursor: not-allowed;
  box-shadow: none;
}

.m-pagination__container {
  display: flex;
  flex-direction: row;
  justify-content: flex-start;
  align-items: center;
  flex-wrap: wrap;
}

.m-pagination__item {
  cursor: pointer;
  color: #0c193a;
  margin: 0 5px;
  border-bottom: 1px solid transparent;
  transition: font-weight 0.2s, border-color 0.2s, color 0.2s;
}
.m-pagination__item:hover {
  font-weight: bold;
}
.m-pagination__item.is__active {
  font-weight: bold;
  border-color: #225D7E;
  color: #225D7E;
}

.m-save-bar__container {
  display: flex;
  flex-direction: row;
  justify-content: flex-end;
  align-items: center;
}

.m-save-bar__cancelOption {
  cursor: pointer;
  color: #0c193a;
  border-bottom: 1px solid transparent;
  margin-right: 20px;
}
.m-save-bar__cancelOption:hover {
  border-color: #0c193a;
}

.m-save-bar__saveOption {
  background-color: #0c193a;
  color: #fff;
  cursor: pointer;
  display: flex;
  justify-content: center;
  align-items: center;
  border-radius: 4px;
  height: 26px;
  padding: 0 12px;
  transition: background-color 0.1s;
  box-shadow: 0px 1px 1px rgba(112, 112, 112, 0.75);
  height: 33px;
  font-weight: bold;
}
.m-save-bar__saveOption.is--disabled {
  color: #707070;
  background-color: #d7d7d7;
  border-color: #d7d7d7;
  cursor: not-allowed;
}
.m-save-bar__saveOption:hover {
  background-color: #225D7E;
  border-color: #225D7E;
  text-decoration: none;
}
.m-save-bar__saveOption:hover.is--disabled {
  color: #707070;
  background-color: #d7d7d7;
  border-color: #d7d7d7;
  cursor: not-allowed;
}
.m-save-bar__saveOption a {
  color: #fff;
  text-decoration: none;
}
.m-save-bar__saveOption a:hover {
  text-decoration: none;
}
.m-save-bar__saveOption:hover {
  background-color: #225D7E;
}
.m-save-bar__saveOption.is--disabled {
  border: 2px solid #d7d7d7;
  box-shadow: none;
}

.m-dropdown__main {
  height: 30px;
  display: inline-block;
  background-color: transparent;
  color: #0c193a;
  cursor: pointer;
  position: relative;
}
.m-dropdown__main.is--minimized {
  height: 18px;
}
.m-dropdown__main.is--minimized .m-dropdown__topSection {
  height: 18px;
  width: 18px;
}
.m-dropdown__main.is--minimized .m-dropdown__topSection .m-dropdown__arrow {
  flex-shrink: 0;
  margin-left: -15px;
  margin-top: -1px;
}
.m-dropdown__main.is--minimized .m-dropdown__options {
  top: 15px;
}
.m-dropdown__main.is--minimized .m-dropdown__arrow {
  width: 20px;
  height: 20px;
  background-image: url("../assets/edmod-caret-down.svg");
  background-size: contain;
  background-repeat: no-repeat;
  background-position: center;
}
.m-dropdown__main.is--minimized .m-dropdown__arrow.is--up {
  transform: rotate(180deg);
}
.m-dropdown__main .m-dropdown__topSection {
  width: 100%;
  height: 100%;
  display: flex;
  align-items: center;
  justify-content: space-between;
  background-color: #fff;
  border: 2px solid #d7d7d7;
  border-radius: 4px;
  padding: 0px 5px 0px 15px;
}
.m-dropdown__main .m-dropdown__topSection .m-dropdown__topText {
  display: flex;
  flex-direction: column;
  align-items: center;
  justify-content: center;
  width: calc(100% - 25px);
}
.m-dropdown__main .m-dropdown__topSection .m-dropdown__topText .m-dropdown__prompt {
  color: #707070;
  margin-bottom: -2px;
  display: flex;
  align-items: center;
  width: 100%;
}
.m-dropdown__main .m-dropdown__topSection .m-dropdown__topText .m-dropdown__currentSelection {
  font-weight: bold;
  margin-top: -2px;
  overflow: hidden;
  white-space: nowrap;
  text-overflow: ellipsis;
  width: 100%;
}
.m-dropdown__main .m-dropdown__topSection .m-dropdown__icon {
  margin-right: 5px;
}
.m-dropdown__main .m-dropdown__topSection .m-dropdown__icon.is--pin {
  width: 13px;
  height: 13px;
  background-image: url("../assets/edmod-push-pin-orange.svg");
  background-size: contain;
  background-repeat: no-repeat;
  background-position: center;
}
.m-dropdown__main:hover .m-dropdown__topSection {
  border-color: #d7d7d7;
}
.m-dropdown__main.is--shown .m-dropdown__topSection {
  border-color: #d7d7d7;
  border-radius: 4px 4px 0px 0px;
}
.m-dropdown__main .m-dropdown__arrow {
  width: 20px;
  height: 20px;
  background-image: url("../assets/edmod-caret-down.svg");
  background-size: contain;
  background-repeat: no-repeat;
  background-position: center;
}
.m-dropdown__main .m-dropdown__arrow.is--up {
  transform: rotate(180deg);
}
.m-dropdown__main .m-dropdown__options {
  display: none;
  position: absolute;
  z-index: 10000;
  top: 30px;
  left: 0px;
  width: 100%;
  background-color: #fff;
  border: 2px solid #d7d7d7;
  border-radius: 0px 0px 4px 4px;
  border-top: 0px;
  text-align: left;
  color: #0c193a;
  font-weight: normal;
}
.m-dropdown__main .m-dropdown__options.is--shown {
  display: block;
}
.m-dropdown__main .m-dropdown__options .m-dropdown__optionGroup {
  padding-bottom: 5px;
  margin-bottom: 5px;
  border-bottom: 1px solid #707070;
}
.m-dropdown__main .m-dropdown__options .m-dropdown__optionGroup.with--title {
  padding-bottom: 0px;
  border-bottom: none;
}
.m-dropdown__main .m-dropdown__options .m-dropdown__optionGroup:last-child {
  padding-bottom: 0px;
  margin-bottom: 0px;
  border-bottom: none;
  border-radius: 0px 0px 4px 4px;
}
.m-dropdown__main .m-dropdown__options .m-dropdown__optionGroup:last-child .m-dropdown__option:last-child {
  border-radius: 0px 0px 4px 4px;
}
.m-dropdown__main .m-dropdown__options .m-dropdown__optionGroupTitle {
  color: #707070;
  text-transform: uppercase;
  font-size: 12px;
  font-weight: bold;
  padding: 5px 10px;
}
.m-dropdown__main .m-dropdown__options .m-dropdown__option {
  width: 100%;
  padding: 4px 8px;
  cursor: pointer;
  background-color: #fff;
  transition: background-color 0.2s;
  display: flex;
  align-items: center;
}
.m-dropdown__main .m-dropdown__options .m-dropdown__option:hover {
  background-color: #FCE1D3;
}
.m-dropdown__main .m-dropdown__options .m-dropdown__option.is--selected {
  background-color: #FCE1D3;
}
.m-dropdown__main .m-dropdown__options .m-dropdown__option .m-dropdown__optionSelection {
  width: 12px;
  height: 12px;
  margin-right: 8px;
}
.m-dropdown__main .m-dropdown__options .m-dropdown__option .m-dropdown__optionSelection .m-dropdown__selectionIcon {
  width: 100%;
  height: 100%;
  background-image: url("../assets/edmod-checkmark-dark.svg");
  background-size: contain;
  background-repeat: no-repeat;
  background-position: center;
}
.m-dropdown__main .m-dropdown__options .m-dropdown__option .m-dropdown__optionText {
  width: calc(100% - 12px);
  white-space: nowrap;
  overflow: hidden;
  text-overflow: ellipsis;
}
.m-dropdown__main .m-dropdown__options .m-dropdown__borderSpacer {
  height: 1px;
  background-color: #d7d7d7;
  width: calc(100% - 28px);
  position: absolute;
  top: 0;
  left: 28px;
}
.m-dropdown__main .m-dropdown__options .m-dropdown__noOptions {
  width: 100%;
  height: 30px;
  display: flex;
  align-items: center;
  justify-content: center;
  color: #707070;
  font-style: italic;
}
.m-dropdown__main .m-dropdown__options .m-dropdown__manageLink {
  cursor: pointer;
  padding: 5px 5px 10px;
  font-size: 12px;
  color: #225D7E;
  text-decoration: underline;
}
.m-dropdown__main.is--grey .m-dropdown__topSection {
  background-color: #F8F6F6;
  border-color: #d7d7d7;
}
.m-dropdown__main.with--label {
  height: 45px;
  display: inline-block;
  background-color: transparent;
  color: #0c193a;
  cursor: pointer;
  position: relative;
}
.m-dropdown__main.with--label.is--minimized {
  height: 33px;
}
.m-dropdown__main.with--label.is--minimized .m-dropdown__topSection {
  height: 33px;
  width: 33px;
}
.m-dropdown__main.with--label.is--minimized .m-dropdown__topSection .m-dropdown__arrow {
  flex-shrink: 0;
  margin-left: -15px;
  margin-top: -1px;
}
.m-dropdown__main.with--label.is--minimized .m-dropdown__options {
  top: 30px;
}
.m-dropdown__main.with--label.is--minimized .m-dropdown__arrow {
  width: 20px;
  height: 20px;
  background-image: url("../assets/edmod-caret-down.svg");
  background-size: contain;
  background-repeat: no-repeat;
  background-position: center;
}
.m-dropdown__main.with--label.is--minimized .m-dropdown__arrow.is--up {
  transform: rotate(180deg);
}
.m-dropdown__main.with--label .m-dropdown__topSection {
  width: 100%;
  height: 100%;
  display: flex;
  align-items: center;
  justify-content: space-between;
  background-color: #fff;
  border: 2px solid #d7d7d7;
  border-radius: 4px;
  padding: 0px 5px 0px 15px;
}
.m-dropdown__main.with--label .m-dropdown__topSection .m-dropdown__topText {
  display: flex;
  flex-direction: column;
  align-items: center;
  justify-content: center;
  width: calc(100% - 25px);
}
.m-dropdown__main.with--label .m-dropdown__topSection .m-dropdown__topText .m-dropdown__prompt {
  color: #707070;
  margin-bottom: -2px;
  display: flex;
  align-items: center;
  width: 100%;
}
.m-dropdown__main.with--label .m-dropdown__topSection .m-dropdown__topText .m-dropdown__currentSelection {
  font-weight: bold;
  margin-top: -2px;
  overflow: hidden;
  white-space: nowrap;
  text-overflow: ellipsis;
  width: 100%;
}
.m-dropdown__main.with--label .m-dropdown__topSection .m-dropdown__icon {
  margin-right: 5px;
}
.m-dropdown__main.with--label .m-dropdown__topSection .m-dropdown__icon.is--pin {
  width: 13px;
  height: 13px;
  background-image: url("../assets/edmod-push-pin-orange.svg");
  background-size: contain;
  background-repeat: no-repeat;
  background-position: center;
}
.m-dropdown__main.with--label:hover .m-dropdown__topSection {
  border-color: #d7d7d7;
}
.m-dropdown__main.with--label.is--shown .m-dropdown__topSection {
  border-color: #d7d7d7;
  border-radius: 4px 4px 0px 0px;
}
.m-dropdown__main.with--label .m-dropdown__arrow {
  width: 20px;
  height: 20px;
  background-image: url("../assets/edmod-caret-down.svg");
  background-size: contain;
  background-repeat: no-repeat;
  background-position: center;
}
.m-dropdown__main.with--label .m-dropdown__arrow.is--up {
  transform: rotate(180deg);
}
.m-dropdown__main.with--label .m-dropdown__options {
  display: none;
  position: absolute;
  z-index: 10000;
  top: 45px;
  left: 0px;
  width: 100%;
  background-color: #fff;
  border: 2px solid #d7d7d7;
  border-radius: 0px 0px 4px 4px;
  border-top: 0px;
  text-align: left;
  color: #0c193a;
  font-weight: normal;
}
.m-dropdown__main.with--label .m-dropdown__options.is--shown {
  display: block;
}
.m-dropdown__main.with--label .m-dropdown__options .m-dropdown__optionGroup {
  padding-bottom: 5px;
  margin-bottom: 5px;
  border-bottom: 1px solid #707070;
}
.m-dropdown__main.with--label .m-dropdown__options .m-dropdown__optionGroup.with--title {
  padding-bottom: 0px;
  border-bottom: none;
}
.m-dropdown__main.with--label .m-dropdown__options .m-dropdown__optionGroup:last-child {
  padding-bottom: 0px;
  margin-bottom: 0px;
  border-bottom: none;
  border-radius: 0px 0px 4px 4px;
}
.m-dropdown__main.with--label .m-dropdown__options .m-dropdown__optionGroup:last-child .m-dropdown__option:last-child {
  border-radius: 0px 0px 4px 4px;
}
.m-dropdown__main.with--label .m-dropdown__options .m-dropdown__optionGroupTitle {
  color: #707070;
  text-transform: uppercase;
  font-size: 12px;
  font-weight: bold;
  padding: 5px 10px;
}
.m-dropdown__main.with--label .m-dropdown__options .m-dropdown__option {
  width: 100%;
  padding: 4px 8px;
  cursor: pointer;
  background-color: #fff;
  transition: background-color 0.2s;
  display: flex;
  align-items: center;
}
.m-dropdown__main.with--label .m-dropdown__options .m-dropdown__option:hover {
  background-color: #FCE1D3;
}
.m-dropdown__main.with--label .m-dropdown__options .m-dropdown__option.is--selected {
  background-color: #FCE1D3;
}
.m-dropdown__main.with--label .m-dropdown__options .m-dropdown__option .m-dropdown__optionSelection {
  width: 12px;
  height: 12px;
  margin-right: 8px;
}
.m-dropdown__main.with--label .m-dropdown__options .m-dropdown__option .m-dropdown__optionSelection .m-dropdown__selectionIcon {
  width: 100%;
  height: 100%;
  background-image: url("../assets/edmod-checkmark-dark.svg");
  background-size: contain;
  background-repeat: no-repeat;
  background-position: center;
}
.m-dropdown__main.with--label .m-dropdown__options .m-dropdown__option .m-dropdown__optionText {
  width: calc(100% - 12px);
  white-space: nowrap;
  overflow: hidden;
  text-overflow: ellipsis;
}
.m-dropdown__main.with--label .m-dropdown__options .m-dropdown__borderSpacer {
  height: 1px;
  background-color: #d7d7d7;
  width: calc(100% - 43px);
  position: absolute;
  top: 0;
  left: 43px;
}
.m-dropdown__main.with--label .m-dropdown__options .m-dropdown__noOptions {
  width: 100%;
  height: 30px;
  display: flex;
  align-items: center;
  justify-content: center;
  color: #707070;
  font-style: italic;
}
.m-dropdown__main.with--label .m-dropdown__options .m-dropdown__manageLink {
  cursor: pointer;
  padding: 5px 5px 10px;
  font-size: 12px;
  color: #225D7E;
  text-decoration: underline;
}
.m-dropdown__main.with--label.is--grey .m-dropdown__topSection {
  background-color: #F8F6F6;
  border-color: #d7d7d7;
}
.m-dropdown__main.is--tall {
  height: 50px;
  display: inline-block;
  background-color: transparent;
  color: #0c193a;
  cursor: pointer;
  position: relative;
}
.m-dropdown__main.is--tall.is--minimized {
  height: 38px;
}
.m-dropdown__main.is--tall.is--minimized .m-dropdown__topSection {
  height: 38px;
  width: 38px;
}
.m-dropdown__main.is--tall.is--minimized .m-dropdown__topSection .m-dropdown__arrow {
  flex-shrink: 0;
  margin-left: -15px;
  margin-top: -1px;
}
.m-dropdown__main.is--tall.is--minimized .m-dropdown__options {
  top: 35px;
}
.m-dropdown__main.is--tall.is--minimized .m-dropdown__arrow {
  width: 20px;
  height: 20px;
  background-image: url("../assets/edmod-caret-down.svg");
  background-size: contain;
  background-repeat: no-repeat;
  background-position: center;
}
.m-dropdown__main.is--tall.is--minimized .m-dropdown__arrow.is--up {
  transform: rotate(180deg);
}
.m-dropdown__main.is--tall .m-dropdown__topSection {
  width: 100%;
  height: 100%;
  display: flex;
  align-items: center;
  justify-content: space-between;
  background-color: #fff;
  border: 2px solid #d7d7d7;
  border-radius: 4px;
  padding: 0px 5px 0px 15px;
}
.m-dropdown__main.is--tall .m-dropdown__topSection .m-dropdown__topText {
  display: flex;
  flex-direction: column;
  align-items: center;
  justify-content: center;
  width: calc(100% - 25px);
}
.m-dropdown__main.is--tall .m-dropdown__topSection .m-dropdown__topText .m-dropdown__prompt {
  color: #707070;
  margin-bottom: -2px;
  display: flex;
  align-items: center;
  width: 100%;
}
.m-dropdown__main.is--tall .m-dropdown__topSection .m-dropdown__topText .m-dropdown__currentSelection {
  font-weight: bold;
  margin-top: -2px;
  overflow: hidden;
  white-space: nowrap;
  text-overflow: ellipsis;
  width: 100%;
}
.m-dropdown__main.is--tall .m-dropdown__topSection .m-dropdown__icon {
  margin-right: 5px;
}
.m-dropdown__main.is--tall .m-dropdown__topSection .m-dropdown__icon.is--pin {
  width: 13px;
  height: 13px;
  background-image: url("../assets/edmod-push-pin-orange.svg");
  background-size: contain;
  background-repeat: no-repeat;
  background-position: center;
}
.m-dropdown__main.is--tall:hover .m-dropdown__topSection {
  border-color: #d7d7d7;
}
.m-dropdown__main.is--tall.is--shown .m-dropdown__topSection {
  border-color: #d7d7d7;
  border-radius: 4px 4px 0px 0px;
}
.m-dropdown__main.is--tall .m-dropdown__arrow {
  width: 20px;
  height: 20px;
  background-image: url("../assets/edmod-caret-down.svg");
  background-size: contain;
  background-repeat: no-repeat;
  background-position: center;
}
.m-dropdown__main.is--tall .m-dropdown__arrow.is--up {
  transform: rotate(180deg);
}
.m-dropdown__main.is--tall .m-dropdown__options {
  display: none;
  position: absolute;
  z-index: 10000;
  top: 50px;
  left: 0px;
  width: 100%;
  background-color: #fff;
  border: 2px solid #d7d7d7;
  border-radius: 0px 0px 4px 4px;
  border-top: 0px;
  text-align: left;
  color: #0c193a;
  font-weight: normal;
}
.m-dropdown__main.is--tall .m-dropdown__options.is--shown {
  display: block;
}
.m-dropdown__main.is--tall .m-dropdown__options .m-dropdown__optionGroup {
  padding-bottom: 5px;
  margin-bottom: 5px;
  border-bottom: 1px solid #707070;
}
.m-dropdown__main.is--tall .m-dropdown__options .m-dropdown__optionGroup.with--title {
  padding-bottom: 0px;
  border-bottom: none;
}
.m-dropdown__main.is--tall .m-dropdown__options .m-dropdown__optionGroup:last-child {
  padding-bottom: 0px;
  margin-bottom: 0px;
  border-bottom: none;
  border-radius: 0px 0px 4px 4px;
}
.m-dropdown__main.is--tall .m-dropdown__options .m-dropdown__optionGroup:last-child .m-dropdown__option:last-child {
  border-radius: 0px 0px 4px 4px;
}
.m-dropdown__main.is--tall .m-dropdown__options .m-dropdown__optionGroupTitle {
  color: #707070;
  text-transform: uppercase;
  font-size: 12px;
  font-weight: bold;
  padding: 5px 10px;
}
.m-dropdown__main.is--tall .m-dropdown__options .m-dropdown__option {
  width: 100%;
  padding: 4px 8px;
  cursor: pointer;
  background-color: #fff;
  transition: background-color 0.2s;
  display: flex;
  align-items: center;
}
.m-dropdown__main.is--tall .m-dropdown__options .m-dropdown__option:hover {
  background-color: #FCE1D3;
}
.m-dropdown__main.is--tall .m-dropdown__options .m-dropdown__option.is--selected {
  background-color: #FCE1D3;
}
.m-dropdown__main.is--tall .m-dropdown__options .m-dropdown__option .m-dropdown__optionSelection {
  width: 12px;
  height: 12px;
  margin-right: 8px;
}
.m-dropdown__main.is--tall .m-dropdown__options .m-dropdown__option .m-dropdown__optionSelection .m-dropdown__selectionIcon {
  width: 100%;
  height: 100%;
  background-image: url("../assets/edmod-checkmark-dark.svg");
  background-size: contain;
  background-repeat: no-repeat;
  background-position: center;
}
.m-dropdown__main.is--tall .m-dropdown__options .m-dropdown__option .m-dropdown__optionText {
  width: calc(100% - 12px);
  white-space: nowrap;
  overflow: hidden;
  text-overflow: ellipsis;
}
.m-dropdown__main.is--tall .m-dropdown__options .m-dropdown__borderSpacer {
  height: 1px;
  background-color: #d7d7d7;
  width: calc(100% - 48px);
  position: absolute;
  top: 0;
  left: 48px;
}
.m-dropdown__main.is--tall .m-dropdown__options .m-dropdown__noOptions {
  width: 100%;
  height: 30px;
  display: flex;
  align-items: center;
  justify-content: center;
  color: #707070;
  font-style: italic;
}
.m-dropdown__main.is--tall .m-dropdown__options .m-dropdown__manageLink {
  cursor: pointer;
  padding: 5px 5px 10px;
  font-size: 12px;
  color: #225D7E;
  text-decoration: underline;
}
.m-dropdown__main.is--tall.is--grey .m-dropdown__topSection {
  background-color: #F8F6F6;
  border-color: #d7d7d7;
}

.m-multi-picker__main {
  position: relative;
}
.m-multi-picker__main .m-multi-picker__top {
  display: flex;
  align-items: center;
  justify-content: space-between;
  height: 45px;
  background-color: #fff;
  border: 2px solid #d7d7d7;
  border-radius: 4px;
  padding: 0px 5px 0px 15px;
  cursor: pointer;
}
.m-multi-picker__main .m-multi-picker__top.is--expanded {
  border-radius: 4px 4px 0px 0px;
}
.m-multi-picker__main .m-multi-picker__top .m-multi-picker__textTop {
  padding-right: 20px;
}
.m-multi-picker__main .m-multi-picker__top .m-multi-picker__prompt {
  color: #707070;
  margin-bottom: -2px;
}
.m-multi-picker__main .m-multi-picker__top .m-multi-picker__selectionText {
  color: #0c193a;
  font-weight: bold;
  margin-top: -2px;
  white-space: nowrap;
  text-overflow: ellipsis;
}
.m-multi-picker__main .m-multi-picker__top .m-multi-picker__arrow {
  width: 20px;
  height: 20px;
  background-image: url("../assets/edmod-caret-down.svg");
  background-size: contain;
  background-repeat: no-repeat;
  background-position: center;
}
.m-multi-picker__main .m-multi-picker__options {
  position: absolute;
  top: 43px;
  right: 0px;
  z-index: 4999;
  padding-bottom: 10px;
  background-color: #fff;
  border: 2px solid #d7d7d7;
}
.m-multi-picker__main .m-multi-picker__options.is--hidden {
  display: none;
}
.m-multi-picker__main .m-multi-picker__options .m-multi-picker__option {
  padding: 5px 20px;
  display: flex;
  align-items: center;
  cursor: pointer;
  background-color: #fff;
  transition: background-color 0.2s;
}
.m-multi-picker__main .m-multi-picker__options .m-multi-picker__option.with--expand {
  justify-content: space-between;
}
.m-multi-picker__main .m-multi-picker__options .m-multi-picker__option.with--expand .m-multi-picker__optionLeft {
  display: flex;
  align-items: center;
}
.m-multi-picker__main .m-multi-picker__options .m-multi-picker__option.with--expand .m-multi-picker__optionRight {
  height: 20px;
}
.m-multi-picker__main .m-multi-picker__options .m-multi-picker__option.no--bg:hover {
  background-color: #fff;
}
.m-multi-picker__main .m-multi-picker__options .m-multi-picker__option.no--bg.is--selected {
  background-color: #fff;
}
.m-multi-picker__main .m-multi-picker__options .m-multi-picker__option:hover {
  background-color: #FCE1D3;
}
.m-multi-picker__main .m-multi-picker__options .m-multi-picker__option.is--selected {
  background-color: #FCE1D3;
}
.m-multi-picker__main .m-multi-picker__options .m-multi-picker__option input[type=checkbox] {
  margin-top: 0px;
  margin-right: 10px;
}
.m-multi-picker__main .m-multi-picker__options .m-multi-picker__option .m-multi-picker__label {
  white-space: nowrap;
  overflow: hidden;
  text-overflow: ellipsis;
  max-width: 210px;
}
.m-multi-picker__main .m-multi-picker__options .m-multi-picker__option .m-multi-picker__label.with--tooltip {
  width: 210px;
  display: flex;
  align-items: center;
  justify-content: space-between;
}
.m-multi-picker__main .m-multi-picker__options .m-multi-picker__option .m-multi-picker__label .m-multi-picker__toolTipIcon {
  width: 15px;
  height: 15px;
  background-image: url("../assets/edmod-info-tool-tip.svg");
  background-size: contain;
  background-repeat: no-repeat;
  background-position: center;
}
.m-multi-picker__main .m-multi-picker__selectionGroup .m-multi-picker__expandClickable {
  height: 100%;
  width: 20px;
  display: flex;
  justify-content: center;
  align-items: center;
  cursor: pointer;
}
.m-multi-picker__main .m-multi-picker__selectionGroup .m-multi-picker__expandContract {
  width: 20px;
  height: 20px;
  background-image: url("../assets/edmod-caret-down.svg");
  background-size: contain;
  background-repeat: no-repeat;
  background-position: center;
  transform: rotate(-90deg);
}
.m-multi-picker__main .m-multi-picker__selectionGroup .m-multi-picker__selectionGroupHeader {
  display: flex;
  justify-content: space-between;
  align-items: center;
}
.m-multi-picker__main .m-multi-picker__selectionGroup .m-multi-picker__selectionGroupHeader .m-multi-picker__option {
  width: 100%;
}
.m-multi-picker__main .m-multi-picker__selectionGroup .m-multi-picker__selectionGroupOptions {
  max-height: 0px;
  overflow-y: hidden;
  overflow-x: hidden;
  padding-left: 20px;
}
.m-multi-picker__main .m-multi-picker__selectionGroup .m-multi-picker__selectionGroupOptions .m-multi-picker__label {
  white-space: normal;
}
.m-multi-picker__main .m-multi-picker__selectionGroup.is--expanded .m-multi-picker__expandContract {
  transform: rotate(0deg);
}
.m-multi-picker__main .m-multi-picker__selectionGroup.is--expanded .m-multi-picker__selectionGroupOptions {
  max-height: 250px;
  overflow-y: scroll;
}
.m-multi-picker__main .m-multi-picker__searchSection {
  margin-bottom: 10px;
}
.m-multi-picker__main .m-multi-picker__searchSection .m-search-bar__inputContainer {
  border: none;
  border-bottom: 2px solid #d7d7d7;
  border-radius: 0px;
}
.m-multi-picker__main .m-multi-picker__searchSection .m-multi-picker__searchResults {
  max-height: 150px;
  overflow-y: scroll;
  overflow-x: hidden;
  padding: 5px 0px 10px;
  border-bottom: 2px solid #d7d7d7;
}
.m-multi-picker__main .m-multi-picker__searchSection .m-multi-picker__searchResults .m-multi-picker__label {
  white-space: normal;
}
.m-multi-picker__main .m-multi-picker__noOptions {
  display: flex;
  justify-content: center;
  align-items: center;
  color: #707070;
  font-style: italic;
  padding: 10px 20px 0px;
}

.m-dropdown-selector__main {
  position: relative;
}
.m-dropdown-selector__main .m-dropdown-selector__top {
  display: flex;
  align-items: center;
  justify-content: space-between;
  height: 45px;
  background-color: #fff;
  border: 2px solid #d7d7d7;
  border-radius: 4px;
  padding: 0px 5px 0px 15px;
  cursor: pointer;
}
.m-dropdown-selector__main .m-dropdown-selector__top.is--expanded {
  border-radius: 4px 4px 0px 0px;
}
.m-dropdown-selector__main .m-dropdown-selector__top .m-dropdown-selector__textTop {
  padding-right: 0;
}
.m-dropdown-selector__main .m-dropdown-selector__top .m-dropdown-selector__textTop .m-dropdown-selector__prompt {
  font-size: 12px;
}
.m-dropdown-selector__main .m-dropdown-selector__top .m-dropdown-selector__prompt {
  color: #707070;
  margin-bottom: -2px;
}
.m-dropdown-selector__main .m-dropdown-selector__top .m-dropdown-selector__selectionText {
  color: #0c193a;
  font-weight: bold;
  margin-top: 0;
  white-space: nowrap;
  text-overflow: ellipsis;
  overflow: hidden;
}
.m-dropdown-selector__main .m-dropdown-selector__top .m-dropdown-selector__arrow {
  width: 20px;
  height: 20px;
  background-image: url("../assets/edmod-caret-down.svg");
  background-size: contain;
  background-repeat: no-repeat;
  background-position: center;
}
.m-dropdown-selector__main .m-dropdown-selector__options-wrapper {
  position: absolute;
  top: 43px;
  right: 0px;
  z-index: 4999;
  padding-bottom: 10px;
  background-color: #fff;
  border: 2px solid #d7d7d7;
}
.m-dropdown-selector__main .m-dropdown-selector__options-wrapper.is--hidden {
  display: none;
}
.m-dropdown-selector__main .m-dropdown-selector__options-wrapper .m-dropdown-selector__option {
  padding: 5px 20px;
  display: flex;
  align-items: center;
  cursor: pointer;
  background-color: #fff;
  transition: background-color 0.2s;
}
.m-dropdown-selector__main .m-dropdown-selector__options-wrapper .m-dropdown-selector__option.with--expand {
  justify-content: space-between;
}
.m-dropdown-selector__main .m-dropdown-selector__options-wrapper .m-dropdown-selector__option.with--expand .m-dropdown-selector__optionLeft {
  display: flex;
  align-items: center;
}
.m-dropdown-selector__main .m-dropdown-selector__options-wrapper .m-dropdown-selector__option.with--expand .m-dropdown-selector__optionRight {
  height: 20px;
}
.m-dropdown-selector__main .m-dropdown-selector__options-wrapper .m-dropdown-selector__option.no--bg:hover {
  background-color: #fff;
}
.m-dropdown-selector__main .m-dropdown-selector__options-wrapper .m-dropdown-selector__option.no--bg.is--selected {
  background-color: #fff;
}
.m-dropdown-selector__main .m-dropdown-selector__options-wrapper .m-dropdown-selector__option:hover {
  background-color: #FCE1D3;
}
.m-dropdown-selector__main .m-dropdown-selector__options-wrapper .m-dropdown-selector__option.is--selected {
  background-color: #FCE1D3;
}
.m-dropdown-selector__main .m-dropdown-selector__options-wrapper .m-dropdown-selector__option input[type=checkbox] {
  margin-top: 0px;
  margin-right: 15px;
}
.m-dropdown-selector__main .m-dropdown-selector__options-wrapper .m-dropdown-selector__option .m-dropdown-selector__label {
  white-space: nowrap;
  overflow: hidden;
  text-overflow: ellipsis;
  max-width: 210px;
}
.m-dropdown-selector__main .m-dropdown-selector__options-wrapper .m-dropdown-selector__option .m-dropdown-selector__label.with--tooltip {
  width: 210px;
  display: flex;
  align-items: center;
  justify-content: space-between;
}
.m-dropdown-selector__main .m-dropdown-selector__options-wrapper .m-dropdown-selector__option .m-dropdown-selector__label .m-dropdown-selector__toolTipIcon {
  width: 15px;
  height: 15px;
  background-image: url("../assets/edmod-info-tool-tip.svg");
  background-size: contain;
  background-repeat: no-repeat;
  background-position: center;
}
.m-dropdown-selector__main .m-dropdown-selector__options-wrapper.single-selection .m-dropdown-selector__option {
  padding: 5px 15px;
}
.m-dropdown-selector__main .m-dropdown-selector__selectionOptions {
  max-height: 0px;
  overflow-y: hidden;
  overflow-x: hidden;
}
.m-dropdown-selector__main .m-dropdown-selector__selectionOptions .m-dropdown-selector__label {
  white-space: normal;
}
.m-dropdown-selector__main .m-dropdown-selector__selectionOptions.is--expanded {
  max-height: 250px;
  overflow-y: scroll;
}
.m-dropdown-selector__main .m-dropdown-selector__searchSection {
  margin-bottom: 10px;
}
.m-dropdown-selector__main .m-dropdown-selector__searchSection .m-search-bar__inputContainer {
  border: none;
  border-bottom: 2px solid #d7d7d7;
  border-radius: 0px;
}
.m-dropdown-selector__main .m-dropdown-selector__searchSection .m-dropdown-selector__searchResults {
  max-height: 150px;
  overflow-y: scroll;
  overflow-x: hidden;
  padding: 5px 0px 10px;
  border-bottom: 2px solid #d7d7d7;
}
.m-dropdown-selector__main .m-dropdown-selector__searchSection .m-dropdown-selector__searchResults .m-multi-picker__label {
  white-space: normal;
}
.m-dropdown-selector__main .m-dropdown-selector__noOptions {
  display: flex;
  justify-content: center;
  align-items: center;
  color: #707070;
  font-style: italic;
  padding: 10px 20px 0px;
}

.m-documentUploader__main .m-documentUploader__section {
  margin-bottom: 10px;
  width: 100%;
  position: relative;
}
.m-documentUploader__main .m-documentUploader__section:last-child {
  margin-bottom: 0px;
}
.m-documentUploader__main .m-documentUploader__section.is--focused .m-documentUploader__sectionHeader {
  font-weight: bold;
  color: #0c193a;
}
.m-documentUploader__main .m-documentUploader__input {
  border: none;
  border-bottom: 1px solid #707070;
  color: #0c193a;
  width: 200px;
  padding: 5px;
  background: none;
  transition: border-color 0.2 ease;
  outline: none;
  width: 100%;
}
.m-documentUploader__main .m-documentUploader__input[disabled] {
  cursor: not-allowed;
}
.m-documentUploader__main .m-documentUploader__input:focus {
  border-color: #0c193a;
}
.m-documentUploader__main .m-documentUploader__uploadContainer {
  position: absolute;
  top: 10px;
  right: 0px;
}
.m-documentUploader__main .m-documentUploader__saveCancel {
  display: flex;
  justify-content: flex-end;
  align-items: center;
}
.m-documentUploader__main .m-documentUploader__saveOption {
  color: #225D7E;
  padding: 4px 6px;
  margin-top: 5px;
  font-size: 12px;
  background-color: #E6F0FF;
  border: 1px solid #225D7E;
  border-radius: 4px;
  cursor: pointer;
  display: inline-block;
  transform: background-color 0.2s;
  margin-right: 0px;
  text-transform: lowercase;
  padding: 2px 6px;
}
.m-documentUploader__main .m-documentUploader__saveOption:hover {
  text-decoration: none;
  background-color: #c6ddff;
}
.m-documentUploader__main .m-documentUploader__uploadLink {
  color: #0c193a;
  border-bottom: 1px solid #0c193a;
  cursor: pointer;
}
.m-documentUploader__main .m-documentUploader__uploadLink.disabled {
  color: #707070;
  border-bottom: none;
  cursor: not-allowed;
}

.m-selectableList__main .m-selectableList__item {
  height: 35px;
  background-color: #fff;
  display: flex;
  align-items: center;
  justify-content: space-between;
  border: 1px solid #fff;
  border-bottom: 1px solid #d7d7d7;
  color: #0c193a;
  cursor: pointer;
  padding: 0px 20px;
  transition: border-color 0.5s ease;
}
.m-selectableList__main .m-selectableList__item.is--disabled {
  color: #707070;
  font-style: italic;
}
.m-selectableList__main .m-selectableList__item.has--subtle-text {
  color: #707070;
  font-style: italic;
}
.m-selectableList__main .m-selectableList__item.is--updated {
  border-color: #707070;
}
.m-selectableList__main .m-selectableList__item.is--reorderable {
  padding-left: 5px;
}
.m-selectableList__main .m-selectableList__item.has--variable-height {
  height: 100%;
}
.m-selectableList__main .m-selectableList__item .m-selectableList__itemLeft {
  display: flex;
  align-items: center;
}
.m-selectableList__main .m-selectableList__item .m-selectableList__itemLeft input[type=checkbox] {
  margin-top: 0;
  margin-right: 20px;
}
.m-selectableList__main .m-selectableList__item .m-selectableList__itemLeft .m-selectableList__reorderToggle {
  width: 25px;
  height: 25px;
  background-image: url("../assets/edmod-reordable-icon.svg");
  background-size: contain;
  background-repeat: no-repeat;
  background-position: center;
  margin-right: 5px;
}
.m-selectableList__main .m-selectableList__item .m-selectableList__mainContent {
  display: flex;
  flex-grow: 1;
  justify-content: space-between;
  align-items: center;
  padding-right: 10px;
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
}
.m-selectableList__main .m-selectableList__item .m-selectableList__mainContent .m-selectableList__itemLabel {
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
}
.m-selectableList__main .m-selectableList__item .m-selectableList__itemRight {
  display: flex;
  align-items: center;
}
.m-selectableList__main .m-selectableList__item .m-selectableList__itemRight .m-selectableList__itemSortableIcon {
  width: 100%;
  height: 100%;
  background-image: url("../assets/edmod-reordable-icon.svg");
  background-size: contain;
  background-repeat: no-repeat;
  background-position: center;
  width: 30px;
  height: 30px;
}
.m-selectableList__main .m-selectableList__noItems {
  height: 35px;
  width: 100%;
  display: flex;
  align-items: center;
  justify-content: center;
  color: #707070;
  font-style: italic;
}
.m-selectableList__main .m-selectableList__editItemLabel {
  border: none;
  border-bottom: 1px solid #707070;
  color: #0c193a;
  width: 200px;
  padding: 5px;
  background: none;
  transition: border-color 0.2 ease;
  margin: 2px 0px;
}
.m-selectableList__main .m-selectableList__editItemLabel[disabled] {
  cursor: not-allowed;
}
.m-selectableList__main .m-selectableList__editItemLabel:focus {
  border-color: #0c193a;
}
.m-selectableList__main .m-selectableList__saveEdits {
  cursor: pointer;
  color: #0c193a;
  border-bottom: 1px solid transparent;
  margin-right: 20px;
}
.m-selectableList__main .m-selectableList__saveEdits:hover {
  border-color: #0c193a;
}

.m-modal__container {
  position: fixed;
  width: 100%;
  height: 100%;
  top: 0px;
  left: 0;
  z-index: 110000;
  overflow-y: scroll;
  background-color: rgba(112, 112, 112, 0.5);
}
.m-modal__container.is--narrow .m-modal__modal {
  width: 450px !important;
}
.m-modal__container .m-modal__modal {
  position: relative;
  top: 50px;
  z-index: 10;
  margin: 0px auto 50px;
  width: 800px;
  background-color: #F8F6F6;
  border: 2px solid #d7d7d7;
  border-radius: 4px;
  box-shadow: 0px 4px 4px rgba(0, 0, 0, 0.25);
}
.m-modal__container .m-modal__close {
  position: absolute;
  width: 44px;
  height: 44px;
  display: flex;
  justify-content: center;
  align-items: center;
  border-radius: 50%;
  background-color: #0c193a;
  right: -22px;
  top: -22px;
  cursor: pointer;
}
.m-modal__container .m-modal__close .m-modal__closeIcon {
  width: 100%;
  height: 100%;
  background-image: url("../assets/edmod-close-icon-white-new.svg");
  background-size: contain;
  background-repeat: no-repeat;
  background-position: center;
  width: 20px;
  height: 20px;
}
.m-modal__container .m-modal__mainContent {
  padding: 15px;
}
.m-modal__container .m-modal__header {
  font-size: 18px;
  color: #0c193a;
  font-weight: bold;
  margin-bottom: 5px;
  margin-top: 20px;
  display: flex;
  align-items: center;
}
.m-modal__container .m-modal__header:first-child {
  margin-top: 0px;
}
.m-modal__container .m-modal__header .m-modal__headerIcon {
  margin-right: 10px;
}
.m-modal__container .m-modal__header .m-modal__headerIcon.is--push-pin {
  width: 20px;
  height: 20px;
  background-image: url("../assets/edmod-push-pin-dark.svg");
  background-size: contain;
  background-repeat: no-repeat;
  background-position: center;
}
.m-modal__container .m-modal__header .m-modal__headerIcon.is--share {
  width: 20px;
  height: 20px;
  background-image: url("../assets/edmod-users-icon-dark.svg");
  background-size: contain;
  background-repeat: no-repeat;
  background-position: center;
}
.m-modal__container .m-modal__inputGroup {
  display: flex;
  flex-direction: column;
}
.m-modal__container .m-modal__inputGroup .m-modal__fieldLabel {
  margin-bottom: 10px;
  display: flex;
  align-items: center;
}
.m-modal__container .m-modal__inputGroup .m-modal__textInput {
  display: flex;
  align-items: center;
  border: 1px solid #0c193a;
  border-radius: 4px;
  padding: 0px 10px;
  height: 50px;
  outline: none;
}
.m-modal__container .m-modal__inputGroup .m-modal__textInput:focus {
  border: 2px solid #0c193a;
  outline: none;
}
.m-modal__container .m-modal__inputGroup .m-modal__checkboxInput {
  margin-top: 0px;
  margin-right: 5px;
}
.m-modal__container .m-modal__inputGroup .m-modal__fieldDescription {
  display: flex;
  align-items: center;
  margin-top: 10px;
}
.m-modal__container .m-modal__inputGroup .m-modal__fieldDescription a {
  color: #225D7E;
}
.m-modal__container .m-modal__inputGroup .m-modal__fieldDescription a:hover {
  color: #225D7E;
}
.m-modal__container .m-modal__inputGroup .has--errors {
  border: 2px solid #ad3f3c;
}
.m-modal__container .m-modal__inputGroup .m-modal__link {
  color: #0c193a;
  border-bottom: 1px solid transparent;
  text-decoration: none;
  cursor: pointer;
}
.m-modal__container .m-modal__inputGroup .m-modal__link:hover {
  border-color: #0c193a;
}
.m-modal__container .m-modal__inputGroup .m-modal__link.is--red {
  color: #ad3f3c;
}
.m-modal__container .m-modal__inputGroup .m-modal__link.is--red:hover {
  border-color: #ad3f3c;
}
.m-modal__container .m-modal__listContainer {
  border: 2px solid #d7d7d7;
  margin-top: 20px;
}
.m-modal__container .m-modal__saveCancel {
  display: flex;
  align-items: center;
  justify-content: flex-end;
  margin-top: 20px;
}
.m-modal__container .m-modal__saveCancel .m-modal__saveButton {
  background-color: #0c193a;
  color: #fff;
  cursor: pointer;
  display: flex;
  justify-content: center;
  align-items: center;
  border-radius: 4px;
  height: 26px;
  padding: 0 12px;
  transition: background-color 0.1s;
  box-shadow: 0px 1px 1px rgba(112, 112, 112, 0.75);
  height: 33px;
  font-weight: bold;
}
.m-modal__container .m-modal__saveCancel .m-modal__saveButton.is--disabled {
  color: #707070;
  background-color: #d7d7d7;
  border-color: #d7d7d7;
  cursor: not-allowed;
}
.m-modal__container .m-modal__saveCancel .m-modal__saveButton:hover {
  background-color: #225D7E;
  border-color: #225D7E;
  text-decoration: none;
}
.m-modal__container .m-modal__saveCancel .m-modal__saveButton:hover.is--disabled {
  color: #707070;
  background-color: #d7d7d7;
  border-color: #d7d7d7;
  cursor: not-allowed;
}
.m-modal__container .m-modal__saveCancel .m-modal__saveButton a {
  color: #fff;
  text-decoration: none;
}
.m-modal__container .m-modal__saveCancel .m-modal__saveButton a:hover {
  text-decoration: none;
}
.m-modal__container .m-modal__saveCancel .m-modal__saveButton:hover {
  background-color: #225D7E;
}
.m-modal__container .m-modal__saveCancel .m-modal__saveButton.is--disabled {
  border: 2px solid #d7d7d7;
  box-shadow: none;
}
.m-modal__container .m-modal__saveCancel .m-modal__cancelButton {
  background-color: #fff;
  color: #0c193a;
  cursor: pointer;
  display: flex;
  justify-content: center;
  align-items: center;
  border-radius: 4px;
  height: 26px;
  padding: 0 12px;
  transition: background-color 0.1s;
  box-shadow: 0px 1px 1px rgba(112, 112, 112, 0.75);
  border: 2px solid #0c193a;
  height: 33px;
  font-weight: bold;
  margin-right: 20px;
}
.m-modal__container .m-modal__saveCancel .m-modal__cancelButton.is--disabled {
  color: #707070;
  background-color: #d7d7d7;
  border-color: #d7d7d7;
  cursor: not-allowed;
}
.m-modal__container .m-modal__saveCancel .m-modal__cancelButton:hover {
  background-color: #225D7E;
  border-color: #225D7E;
  text-decoration: none;
}
.m-modal__container .m-modal__saveCancel .m-modal__cancelButton:hover.is--disabled {
  color: #707070;
  background-color: #d7d7d7;
  border-color: #d7d7d7;
  cursor: not-allowed;
}
.m-modal__container .m-modal__saveCancel .m-modal__cancelButton a {
  color: #0c193a;
  text-decoration: none;
}
.m-modal__container .m-modal__saveCancel .m-modal__cancelButton a:hover {
  text-decoration: none;
}
.m-modal__container .m-modal__saveCancel .m-modal__cancelButton:hover {
  background-color: #225D7E;
  border-color: #225D7E;
  color: #fff;
}
.m-modal__container .m-modal__saveCancel .m-modal__cancelButton.is--disabled {
  opacity: 0.75;
  box-shadow: none;
  cursor: not-allowed;
}
.m-modal__container .m-modal__saveCancel .m-modal__cancelButton.is--disabled:hover {
  border-color: #d7d7d7;
}
.m-modal__container .m-modal__deleteOverlay {
  width: 100%;
  height: 100%;
  position: absolute;
  top: 0;
  left: 0;
  display: flex;
  flex-direction: column;
  align-items: center;
  justify-content: center;
}
.m-modal__container .m-modal__deleteOverlay .m-delete-overlay__color {
  position: absolute;
  width: 100%;
  height: 100%;
  background-color: #0c193a;
  opacity: 0.8;
}
.m-modal__container .m-modal__deleteOverlay .m-delete-overlay__message {
  color: #fff;
  margin-bottom: 25px;
  text-align: center;
  width: 100%;
  font-size: 18px;
  font-weight: bold;
  position: relative;
  z-index: 100;
}
.m-modal__container .m-modal__deleteOverlay .m-delete-overlay__options {
  display: flex;
  align-items: center;
  justify-content: center;
  position: relative;
  z-index: 100;
}
.m-modal__container .m-modal__deleteOverlay .m-delete-overlay__options .m-delete-overlay__cancelOption {
  cursor: pointer;
  color: #fff;
  border-bottom: 1px solid transparent;
  margin-right: 20px;
}
.m-modal__container .m-modal__deleteOverlay .m-delete-overlay__options .m-delete-overlay__cancelOption:hover {
  border-color: #fff;
}
.m-modal__container .m-modal__deleteOverlay .m-delete-overlay__options .m-delete-overlay__confirmOption {
  background-color: #ad3f3c;
  color: #fff;
  cursor: pointer;
  display: flex;
  justify-content: center;
  align-items: center;
  border-radius: 4px;
  height: 26px;
  padding: 0 12px;
  transition: background-color 0.1s;
}
.m-modal__container .m-modal__deleteOverlay .m-delete-overlay__options .m-delete-overlay__confirmOption.is--disabled {
  color: #707070;
  background-color: #d7d7d7;
  border-color: #d7d7d7;
  cursor: not-allowed;
}
.m-modal__container .m-modal__deleteOverlay .m-delete-overlay__options .m-delete-overlay__confirmOption:hover {
  background-color: #87312f;
  border-color: #87312f;
  text-decoration: none;
}
.m-modal__container .m-modal__deleteOverlay .m-delete-overlay__options .m-delete-overlay__confirmOption:hover.is--disabled {
  color: #707070;
  background-color: #d7d7d7;
  border-color: #d7d7d7;
  cursor: not-allowed;
}
.m-modal__container .m-modal__deleteOverlay .m-delete-overlay__options .m-delete-overlay__confirmOption a {
  color: #fff;
  text-decoration: none;
}
.m-modal__container .m-modal__deleteOverlay .m-delete-overlay__options .m-delete-overlay__confirmOption a:hover {
  text-decoration: none;
}

.m-tag-input__main {
  display: flex;
  flex-wrap: wrap;
  align-items: center;
  width: 100%;
  min-height: 50px;
  padding: 5px 10px;
  border: 1px solid #0c193a;
  border-radius: 4px;
  background-color: #fff;
}
.m-tag-input__main.is--focused {
  border: 2px solid #0c193a;
}
.m-tag-input__main .m-tag-input__tag {
  display: flex;
  align-items: center;
  padding: 3px 5px;
  background-color: #d7d7d7;
  margin-left: 5px;
  height: 25px;
}
.m-tag-input__main .m-tag-input__tag .m-tag-input__removeTag {
  width: 12px;
  height: 12px;
  background-image: url("../assets/edmod-close-icon-grey-new.svg");
  background-size: contain;
  background-repeat: no-repeat;
  background-position: center;
  margin-left: 5px;
  cursor: pointer;
}
.m-tag-input__main .m-tag-input__inputContainer {
  position: relative;
  height: 25px;
  min-width: 150px;
}
.m-tag-input__main .m-tag-input__inputContainer input {
  width: 100%;
  background-color: #fff;
  border: none;
  box-shadow: none;
  outline: none;
}
.m-tag-input__main .m-tag-input__inputContainer .m-tag-input__optionsContainer {
  position: absolute;
  width: 100%;
  top: 25px;
  background-color: #fff;
  border: 2px solid #d7d7d7;
  border-radius: 4px;
  padding: 5px 0px;
}
.m-tag-input__main .m-tag-input__inputContainer .m-tag-input__optionsContainer .m-tag-input__option {
  background-color: transparent;
  padding: 5px 10px;
  cursor: pointer;
}
.m-tag-input__main .m-tag-input__inputContainer .m-tag-input__optionsContainer .m-tag-input__option.is--selected {
  background-color: #FCE1D3;
}

.m-fileDragDrop__dropBox {
  height: 300px;
  width: 100%;
  display: flex;
  align-items: center;
  justify-content: center;
}
.m-fileDragDrop__dropBox .m-fileDragDrop__dropZone {
  border: 2px solid #707070;
  height: 100%;
  width: 100%;
  padding: 50px 0px;
}
.m-fileDragDrop__dropBox .m-fileDragDrop__dropZone .m-fileDragDrop__dropInstructionMain,
.m-fileDragDrop__dropBox .m-fileDragDrop__dropZone .m-fileDragDrop__dropInstructionBottom {
  height: 40%;
  display: flex;
  justify-content: center;
  align-items: center;
}
.m-fileDragDrop__dropBox .m-fileDragDrop__dropZone .m-fileDragDrop__dropInstructionSub {
  height: 20%;
  display: flex;
  justify-content: center;
  align-items: center;
  font-size: 16px;
  font-style: italic;
}
.m-fileDragDrop__dropBox .m-fileDragDrop__dropZone .m-fileDragDrop__dropInstructionMain {
  font-size: 18px;
  color: #0c193a;
  font-weight: bold;
}
.m-fileDragDrop__dropBox .m-fileDragDrop__dropZone .m-fileDragDrop__uploadButton {
  background-color: #0c193a;
  color: #fff;
  cursor: pointer;
  display: flex;
  justify-content: center;
  align-items: center;
  border-radius: 4px;
  height: 26px;
  padding: 0 12px;
  transition: background-color 0.1s;
  box-shadow: 0px 1px 1px rgba(112, 112, 112, 0.75);
  height: 33px;
  font-weight: bold;
}
.m-fileDragDrop__dropBox .m-fileDragDrop__dropZone .m-fileDragDrop__uploadButton.is--disabled {
  color: #707070;
  background-color: #d7d7d7;
  border-color: #d7d7d7;
  cursor: not-allowed;
}
.m-fileDragDrop__dropBox .m-fileDragDrop__dropZone .m-fileDragDrop__uploadButton:hover {
  background-color: #225D7E;
  border-color: #225D7E;
  text-decoration: none;
}
.m-fileDragDrop__dropBox .m-fileDragDrop__dropZone .m-fileDragDrop__uploadButton:hover.is--disabled {
  color: #707070;
  background-color: #d7d7d7;
  border-color: #d7d7d7;
  cursor: not-allowed;
}
.m-fileDragDrop__dropBox .m-fileDragDrop__dropZone .m-fileDragDrop__uploadButton a {
  color: #fff;
  text-decoration: none;
}
.m-fileDragDrop__dropBox .m-fileDragDrop__dropZone .m-fileDragDrop__uploadButton a:hover {
  text-decoration: none;
}
.m-fileDragDrop__dropBox .m-fileDragDrop__dropZone .m-fileDragDrop__uploadButton:hover {
  background-color: #225D7E;
}
.m-fileDragDrop__dropBox .m-fileDragDrop__dropZone .m-fileDragDrop__uploadButton.is--disabled {
  border: 2px solid #d7d7d7;
  box-shadow: none;
}

.m-filteredSelectList__main {
  display: flex;
  flex-direction: row;
  overflow: auto;
}
.m-filteredSelectList__main .m-filteredSelectList__filterColumn {
  width: 50px;
  flex-grow: 0;
  flex-shrink: 0;
}
.m-filteredSelectList__main .m-filteredSelectList__filterColumn.is--expanded {
  width: 250px;
}
.m-filteredSelectList__main .m-filteredSelectList__contentColumn {
  width: 100%;
  padding-left: 10px;
  border-left: 2px solid #d7d7d7;
}
.m-filteredSelectList__main .m-filteredSelectList__actionBar {
  display: flex;
  align-items: center;
  justify-content: space-between;
  height: 70px;
  padding: 0 20px;
  border-bottom: 2px solid #d7d7d7;
  position: relative;
  z-index: 1000;
}
.m-filteredSelectList__main .m-filteredSelectList__actionsLeft,
.m-filteredSelectList__main .m-filteredSelectList__actionsRight {
  display: flex;
  align-items: center;
  gap: 15px;
  width: 20%;
}
.m-filteredSelectList__main .m-filteredSelectList__actionsRight {
  width: 80%;
}
.m-filteredSelectList__main .m-filteredSelectList__actionsRight {
  justify-content: flex-end;
}
.m-filteredSelectList__main .m-filteredSelectList__selectAll {
  display: flex;
  align-items: center;
  gap: 5px;
}
.m-filteredSelectList__main .m-filteredSelectList__selectAll input {
  margin: 0;
}
.m-filteredSelectList__main .m-filteredSelectedList__selectAllLabel {
  color: #0c193a;
  font-size: 11px;
}
.m-filteredSelectList__main .m-filteredSelectList__dropDownAction {
  position: relative;
  flex-grow: 0;
  flex-shrink: 0;
}
.m-filteredSelectList__main .m-filteredSelectList__dropDownAction .m-filteredSelectList__actionDropDown {
  position: absolute;
  z-index: 80;
  top: 32px;
  right: 0px;
  background-color: #fff;
  border: 2px solid #d7d7d7;
  border-radius: 4px;
  width: 200px;
}
.m-filteredSelectList__main .m-filteredSelectList__dropDownAction .m-filteredSelectList__actionDropDown .m-filteredSelectList__actionOption {
  padding: 0px 10px;
  display: flex;
  align-items: center;
  height: 35px;
  border-bottom: 2px solid #d7d7d7;
  background-color: #fff;
  cursor: pointer;
}
.m-filteredSelectList__main .m-filteredSelectList__dropDownAction .m-filteredSelectList__actionDropDown .m-filteredSelectList__actionOption:hover {
  background-color: #FCE1D3;
}
.m-filteredSelectList__main .m-filteredSelectList__filterDisplay {
  padding: 20px;
  border-bottom: 2px solid #d7d7d7;
  display: flex;
  gap: 10px;
}
.m-filteredSelectList__main .m-filteredSelectList__filterTag {
  display: flex;
  align-items: center;
  padding: 3px 10px;
  background-color: #d7d7d7;
  border-radius: 4px;
  height: 25px;
}
.m-filteredSelectList__main .m-filteredSelectList__filterTag .m-filteredSelectList__removeFilter {
  width: 12px;
  height: 12px;
  background-image: url("../assets/edmod-close-icon-grey-new.svg");
  background-size: contain;
  background-repeat: no-repeat;
  background-position: center;
  margin-left: 5px;
  cursor: pointer;
}
.m-filteredSelectList__main .m-filteredSelectList__filterLink {
  color: #225D7E;
  cursor: pointer;
  margin: 10px 5px;
}
.m-filteredSelectList__main .m-filteredSelectList__list {
  max-height: 450px;
  overflow-y: auto;
}
.m-filteredSelectList__main .m-filteredSelectList__list .m-selectableList__mainContent {
  padding: 0;
}

.m-filteredSelectList__filtersMain {
  padding: 0px 10px 10px;
}
.m-filteredSelectList__filtersMain .m-filteredSelectList__filterHeader {
  height: 70px;
  margin-bottom: 10px;
  border-bottom: 2px solid #d7d7d7;
  display: flex;
  align-items: center;
  justify-content: space-between;
  cursor: pointer;
}
.m-filteredSelectList__filtersMain .m-filteredSelectList__filterTitle {
  font-size: 18px;
  color: #0c193a;
  font-weight: bold;
  padding: 0px 10px;
}
.m-filteredSelectList__filtersMain .m-filteredSelectList__filterToggle {
  width: 18px;
  height: 18px;
  background-image: url("../assets/edmod-caret-icon.svg");
  background-size: contain;
  background-repeat: no-repeat;
  background-position: center;
  flex-grow: 0;
  flex-shrink: 0;
  transform: rotate(180deg);
}
.m-filteredSelectList__filtersMain .m-filteredSelectList__filterToggle.is--hidden {
  transform: rotate(0deg);
  margin-left: 5px;
}
.m-filteredSelectList__filtersMain .m-filteredSelectList__filterContainer {
  display: flex;
  flex-direction: column;
}
.m-filteredSelectList__filtersMain .m-filteredSelectList__filterSection {
  width: 100%;
  margin-bottom: 10px;
  border-bottom: 2px solid #d7d7d7;
  padding-bottom: 10px;
}
.m-filteredSelectList__filtersMain .m-filteredSelectList__filterSection:last-child {
  border-bottom: none;
}
.m-filteredSelectList__filtersMain .m-filteredSelectList__filterSection.is--collapsable {
  border-bottom: none;
}
.m-filteredSelectList__filtersMain .m-filteredSelectList__filterSection.is--collapsable .m-filteredSelectList__filterSectionTitle {
  cursor: pointer;
  margin-bottom: 0px;
}
.m-filteredSelectList__filtersMain .m-filteredSelectList__filterSection.is--collapsable.is--expanded {
  border-bottom: 2px solid #d7d7d7;
}
.m-filteredSelectList__filtersMain .m-filteredSelectList__filterSection.is--collapsable.is--expanded .m-filteredSelectList__filterSectionTitle {
  margin-bottom: 10px;
}
.m-filteredSelectList__filtersMain .m-filteredSelectList__filterSectionTitle {
  font-weight: bold;
  margin-bottom: 10px;
  display: flex;
  justify-content: space-between;
  align-items: center;
}
.m-filteredSelectList__filtersMain .m-filteredSelectList__filterSectionToggle {
  width: 12px;
  height: 12px;
  background-image: url("../assets/edmod-caret-icon.svg");
  background-size: contain;
  background-repeat: no-repeat;
  background-position: center;
  transform: rotate(90deg);
}
.m-filteredSelectList__filtersMain .m-filteredSelectList__filterSectionToggle.is--expanded {
  transform: rotate(-90deg);
}
.m-filteredSelectList__filtersMain .m-filteredSelectList__filterList {
  max-height: 170px;
  overflow-y: auto;
  border-top: none;
}
.m-filteredSelectList__filtersMain .m-filteredSelectList__filterList .m-selectableList__item {
  border-bottom: none;
  padding: 0px;
}

.m-filteredSelectList__filterDateContainer {
  display: flex;
  gap: 10px;
  align-items: center;
}

.m-draggableItem {
  transform: translateZ(0);
}

.m-switcher__main {
  width: 100%;
  background-color: #fff;
  padding: 0px 20px 20px;
}
.m-switcher__main .m-switcher__mainHeader {
  height: 70px;
  display: flex;
  align-items: center;
  justify-content: space-between;
  border-bottom: 2px solid #d7d7d7;
}
.m-switcher__main .m-switcher__title {
  font-size: 18px;
  color: #0c193a;
  font-weight: bold;
}
.m-switcher__main .m-switcher__search {
  width: 400px;
  flex-grow: 0;
  flex-shrink: 0;
}
.m-switcher__main .m-switcher__content {
  display: flex;
  align-items: stretch;
  border-bottom: 2px solid #d7d7d7;
}
.m-switcher__main .m-switcher__filtersColumn {
  width: 50px;
  flex-grow: 0;
  flex-shrink: 0;
  border-right: 2px solid #d7d7d7;
}
.m-switcher__main .m-switcher__filtersColumn.is--expanded {
  width: 250px;
}
.m-switcher__main .m-switcher__columns {
  position: relative;
  width: 100%;
  flex-grow: 1;
  display: flex;
}
.m-switcher__main .m-switcher__columnTitle {
  position: sticky;
  top: 0px;
  background-color: #fff;
  padding: 0px 5px;
  display: flex;
  align-items: center;
  height: 50px;
  border-bottom: 2px solid #d7d7d7;
}
.m-switcher__main .m-switcher__column {
  position: relative;
  width: 50%;
  flex-grow: 0;
  flex-shrink: 0;
  height: 325px;
  overflow: hidden;
  border-right: 2px solid #d7d7d7;
}
.m-switcher__main .m-switcher__column:last-child {
  border-right: none;
}
.m-switcher__main .m-switcher__columnList {
  padding: 0px 5px;
  height: 235px;
  overflow-y: auto;
}
.m-switcher__main .m-switcher__footerAction {
  position: absolute;
  bottom: 0px;
  height: 40px;
  background-color: #fff;
  border-top: 2px solid #d7d7d7;
  width: 100%;
  display: flex;
  align-items: center;
  justify-content: flex-end;
  padding: 5px;
}
.m-switcher__main .m-switcher__footerAction.is--in {
  justify-content: flex-start;
}
.m-switcher__main .m-switcher__footerAction .m-switcher__moveAllButton {
  background-color: #fff;
  color: #d7d7d7;
  cursor: pointer;
  display: flex;
  justify-content: center;
  align-items: center;
  border-radius: 4px;
  height: 26px;
  padding: 0 12px;
  transition: background-color 0.1s;
  box-shadow: 0px 1px 1px rgba(112, 112, 112, 0.75);
  border: 2px solid #d7d7d7;
  height: 25px;
  font-weight: bold;
}
.m-switcher__main .m-switcher__footerAction .m-switcher__moveAllButton.is--disabled {
  color: #707070;
  background-color: #d7d7d7;
  border-color: #d7d7d7;
  cursor: not-allowed;
}
.m-switcher__main .m-switcher__footerAction .m-switcher__moveAllButton:hover {
  background-color: #225D7E;
  border-color: #225D7E;
  text-decoration: none;
}
.m-switcher__main .m-switcher__footerAction .m-switcher__moveAllButton:hover.is--disabled {
  color: #707070;
  background-color: #d7d7d7;
  border-color: #d7d7d7;
  cursor: not-allowed;
}
.m-switcher__main .m-switcher__footerAction .m-switcher__moveAllButton a {
  color: #d7d7d7;
  text-decoration: none;
}
.m-switcher__main .m-switcher__footerAction .m-switcher__moveAllButton a:hover {
  text-decoration: none;
}
.m-switcher__main .m-switcher__footerAction .m-switcher__moveAllButton:hover {
  background-color: #225D7E;
  border-color: #225D7E;
  color: #fff;
}
.m-switcher__main .m-switcher__footerAction .m-switcher__moveAllButton.is--disabled {
  opacity: 0.75;
  box-shadow: none;
  cursor: not-allowed;
}
.m-switcher__main .m-switcher__footerAction .m-switcher__moveAllButton.is--disabled:hover {
  border-color: #d7d7d7;
}
.m-switcher__main .m-switcher__item {
  height: 35px;
  display: flex;
  align-items: center;
  justify-content: space-between;
  border-bottom: 1px solid #d7d7d7;
}
.m-switcher__main .m-switcher__item.is--in {
  justify-content: flex-start;
  gap: 20px;
}
.m-switcher__main .m-switcher__item:hover {
  background-color: #E6F0FF;
}
.m-switcher__main .m-switcher__item:hover .m-switcher__toggleItem {
  background-color: #fff;
  color: #225D7E;
  cursor: pointer;
  display: flex;
  justify-content: center;
  align-items: center;
  border-radius: 4px;
  height: 26px;
  padding: 0 12px;
  transition: background-color 0.1s;
  box-shadow: 0px 1px 1px rgba(112, 112, 112, 0.75);
  border: 2px solid #225D7E;
  height: 25px;
  font-weight: bold;
}
.m-switcher__main .m-switcher__item:hover .m-switcher__toggleItem.is--disabled {
  color: #707070;
  background-color: #d7d7d7;
  border-color: #d7d7d7;
  cursor: not-allowed;
}
.m-switcher__main .m-switcher__item:hover .m-switcher__toggleItem:hover {
  background-color: #225D7E;
  border-color: #225D7E;
  text-decoration: none;
}
.m-switcher__main .m-switcher__item:hover .m-switcher__toggleItem:hover.is--disabled {
  color: #707070;
  background-color: #d7d7d7;
  border-color: #d7d7d7;
  cursor: not-allowed;
}
.m-switcher__main .m-switcher__item:hover .m-switcher__toggleItem a {
  color: #225D7E;
  text-decoration: none;
}
.m-switcher__main .m-switcher__item:hover .m-switcher__toggleItem a:hover {
  text-decoration: none;
}
.m-switcher__main .m-switcher__item:hover .m-switcher__toggleItem:hover {
  background-color: #225D7E;
  border-color: #225D7E;
  color: #fff;
}
.m-switcher__main .m-switcher__item:hover .m-switcher__toggleItem.is--disabled {
  opacity: 0.75;
  box-shadow: none;
  cursor: not-allowed;
}
.m-switcher__main .m-switcher__item:hover .m-switcher__toggleItem.is--disabled:hover {
  border-color: #d7d7d7;
}
.m-switcher__main .m-switcher__itemLabel.is--clickable {
  cursor: pointer;
  border-bottom: 1px solid transparent;
}
.m-switcher__main .m-switcher__itemLabel.is--clickable:hover {
  border-color: #0c193a;
}
.m-switcher__main .m-switcher__toggleItem {
  background-color: #fff;
  color: #d7d7d7;
  cursor: pointer;
  display: flex;
  justify-content: center;
  align-items: center;
  border-radius: 4px;
  height: 26px;
  padding: 0 12px;
  transition: background-color 0.1s;
  box-shadow: 0px 1px 1px rgba(112, 112, 112, 0.75);
  border: 2px solid #d7d7d7;
  height: 25px;
  font-weight: bold;
}
.m-switcher__main .m-switcher__toggleItem.is--disabled {
  color: #707070;
  background-color: #d7d7d7;
  border-color: #d7d7d7;
  cursor: not-allowed;
}
.m-switcher__main .m-switcher__toggleItem:hover {
  background-color: #225D7E;
  border-color: #225D7E;
  text-decoration: none;
}
.m-switcher__main .m-switcher__toggleItem:hover.is--disabled {
  color: #707070;
  background-color: #d7d7d7;
  border-color: #d7d7d7;
  cursor: not-allowed;
}
.m-switcher__main .m-switcher__toggleItem a {
  color: #d7d7d7;
  text-decoration: none;
}
.m-switcher__main .m-switcher__toggleItem a:hover {
  text-decoration: none;
}
.m-switcher__main .m-switcher__toggleItem:hover {
  background-color: #225D7E;
  border-color: #225D7E;
  color: #fff;
}
.m-switcher__main .m-switcher__toggleItem.is--disabled {
  opacity: 0.75;
  box-shadow: none;
  cursor: not-allowed;
}
.m-switcher__main .m-switcher__toggleItem.is--disabled:hover {
  border-color: #d7d7d7;
}

.m-toolTip__icon {
  width: 15px;
  height: 15px;
  background-image: url("../assets/edmod-info-tool-tip.svg");
  background-size: contain;
  background-repeat: no-repeat;
  background-position: center;
}

.tippy-box {
  background-color: #0c193a;
  color: #fff;
  padding: 2px;
  max-height: 500px;
  box-shadow: 0px 4px 4px rgba(0, 0, 0, 0.25);
  font-family: "Roboto", sans-serif;
}

.tippy-box[data-placement^=top] > .tippy-arrow::before {
  border-top-color: #0c193a;
}

.tippy-box[data-placement^=bottom] > .tippy-arrow::before {
  border-bottom-color: #0c193a;
}

.tippy-box[data-placement^=left] > .tippy-arrow::before {
  border-left-color: #0c193a;
}

.tippy-box[data-placement^=right] > .tippy-arrow::before {
  border-right-color: #0c193a;
}

.tippy-box[data-theme~=em-light] {
  background-color: #fff;
  color: #0c193a;
  border: 3px solid #d7d7d7;
  padding: 10px;
  box-shadow: 0px 4px 4px rgba(0, 0, 0, 0.25);
}
.tippy-box[data-theme~=em-light] ul {
  padding-left: 20px;
}

.tippy-box[data-theme~=em-light][data-placement^=top] > .tippy-arrow::before {
  border-top-color: #d7d7d7;
}

.tippy-box[data-theme~=em-light][data-placement^=bottom] > .tippy-arrow::before {
  border-bottom-color: #d7d7d7;
}

.tippy-box[data-theme~=em-light][data-placement^=left] > .tippy-arrow::before {
  border-left-color: #d7d7d7;
}

.tippy-box[data-theme~=em-light][data-placement^=right] > .tippy-arrow::before {
  border-right-color: #d7d7d7;
}

.BeaconContainer {
  z-index: 100003 !important;
}

.m-alert__container {
  position: fixed;
  right: 30px;
  bottom: 80px;
  max-width: 0px;
  min-height: 60px;
  justify-content: flex-end;
  align-items: center;
  display: none;
}
.m-alert__container.is__shown {
  max-width: 700px;
  display: flex;
  align-items: center;
  z-index: 9999;
}

.m-alert__alert {
  background-color: #0c193a;
  color: #fff;
  height: 100%;
  padding: 10px 20px;
  display: flex;
  align-items: center;
  justify-content: flex-start;
  border-radius: 4px;
  opacity: 0;
  transition: opacity 0.4s;
}
.m-alert__alert.is__shown {
  opacity: 1;
}
.m-alert__alert a {
  font-weight: bold;
  color: #fff;
  text-decoration: underline;
}
.m-alert__alert a:hover {
  color: #fff;
}

.m-alert__header {
  font-weight: bold;
}

.m-alert__list {
  margin: 5px 0px;
}
.m-alert__list .m-alert__listItem {
  margin-bottom: 5px;
}
.m-alert__list .m-alert__listItem:last-child {
  margin-bottom: 0px;
}

.m-alert__remove {
  width: 14px;
  height: 14px;
  background-size: contain;
  background-repeat: no-repeat;
  background-position: center;
  background-image: url("../assets/edmod-close-icon.svg");
  margin-left: 20px;
  cursor: pointer;
}

.m-snapshot__viewContainer {
  margin-top: 15px;
}
.m-snapshot__viewContainer a {
  overflow-wrap: break-word;
}

.m-snapshot__editContainer .m-rich-text__container {
  min-height: 290px;
}

.m-student-module__textSection {
  display: flex;
  flex-direction: column;
  justify-content: flex-start;
  align-items: flex-start;
  margin-bottom: 5px;
  padding-right: 180px;
}
.m-student-module__textSection.is--editing {
  padding-right: 0px;
}
.m-student-module__textSection.is--editing .m-student-module__textSectionTitle {
  max-width: 60%;
}
.m-student-module__textSection .m-student-module__textSectionTitle {
  font-weight: bold;
  color: #0c193a;
  margin-bottom: 10px;
}
.m-student-module__textSection .m-student-module__textSectionContent {
  position: relative;
  width: 100%;
}
.m-student-module__textSection .m-student-module__textSectionContent.is--editable {
  border-radius: 4px;
  border: 1px solid #d7d7d7;
  box-shadow: inset 0px 0px 15px #eaeaea;
}
.m-student-module__textSection .m-student-module__textSectionContent.is--editable .m-rich-text__toolBar {
  border: none;
  border-bottom: 1px solid #225D7E;
  border-radius: 4px 4px 0px 0px;
}
.m-student-module__textSection .m-student-module__textSectionContent.is--editable .m-rich-text__editableArea {
  padding: 0 10px;
}
.m-student-module__textSection .m-student-module__textSectionContent.is--editable.is--focused {
  border-bottom: 1px solid #225D7E;
}
.m-student-module__textSection .m-student-module__textSectionContent.is--editable.is--focused .m-rich-text__toolBar {
  border-bottom: 1px solid #d7d7d7;
}
.m-student-module__textSection .m-student-module__textSectionContent .m-student-module__placeholderContent {
  color: #67686b;
  font-style: italic;
  margin-left: 10px;
}
.m-student-module__textSection .m-student-module__textSectionContent input {
  position: relative;
  width: 100%;
  border: none;
  outline: none;
  resize: none;
  background-color: transparent;
  border-bottom: 1px solid #d7d7d7;
  min-height: 25px;
  padding: 8px;
}
.m-student-module__textSection .m-student-module__textSectionContent input:focus {
  border-color: #225D7E;
}
.m-student-module__textSection.is--inline {
  flex-direction: row;
  align-items: center;
}
.m-student-module__textSection.is--inline .m-student-module__textSectionTitle {
  margin-bottom: 0px;
  margin-right: 10px;
}
.m-student-module__textSection.is--inline .m-student-module__textSectionContent {
  width: auto;
  flex: 1;
}
.m-student-module__textSection.is--inline .m-student-module__textSectionContent.is--editable {
  display: flex;
  justify-content: flex-start;
  align-items: center;
}
.m-student-module__textSection.is--inline .m-student-module__textSectionContent .m-student-module__placeholderContent {
  margin-left: 0px;
}
.m-student-module__textSection p:last-child {
  margin-bottom: 0;
}
.m-student-module__textSection ul:last-child {
  margin-bottom: 0;
}
.m-student-module__textSection a {
  color: #0e3198;
  text-decoration: underline;
}
.m-student-module__textSection .m-student-module__noEditOverlay {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  background-color: #d7d7d7;
  opacity: 0.5;
  cursor: not-allowed;
}

.m-student-module__textSectionMetaContent {
  color: #707070;
  font-style: italic;
  font-size: 12px;
  height: 0px;
  overflow: hidden;
  transition: height 0.1s;
}
.m-student-module__textSectionMetaContent.is--expanded {
  height: 15px;
}

.m-learning-needs__classificationTitle a {
  color: #0c193a;
  border-bottom: 1px solid #0c193a;
  text-decoration: none;
}
.m-learning-needs__classificationTitle a:hover {
  text-decoration: none;
  color: #225D7E;
}

.m-learning-needs__classificationContext {
  padding-left: 20px;
}
.m-learning-needs__classificationContext ul {
  padding-left: 20px;
}

.m-learning-needs__classicationList {
  margin-left: 0px;
}

.m-learning-needs__classification {
  margin-bottom: 6px;
}

.m-learning-needs__classificationDetail {
  color: #0c193a;
  margin-left: 10px;
}

.m-learning-needs__classificationLink {
  color: #0c193a;
}
.m-learning-needs__classificationLink:hover {
  color: #225D7E;
}

.m-learning-needs__editTitle {
  margin: 15px 0;
  color: #0c193a;
  font-weight: 600;
}
.m-learning-needs__editTitle:first-child {
  margin-top: 0px;
}

.m-learning-needs__classificationSection {
  margin-bottom: 15px;
}
.m-learning-needs__classificationSection:last-child {
  margin-bottom: 0px;
}

.m-learning-needs__classificationSectionTitle {
  margin-bottom: 10px;
  color: #0c193a;
  font-weight: 600;
}

.m-learning-needs__selectedList {
  padding-bottom: 15px;
  margin-bottom: 15px;
  border-bottom: 1px solid #225D7E;
}

.m-learning-needs__editDivider {
  margin: 20px 0px 25px -20px;
  width: calc(100% + 40px);
  height: 50px;
  background-color: #f8f6f6;
}

.m-learning-needs__option {
  display: flex;
  flex-direction: column;
  width: 100%;
}
.m-learning-needs__option .m-check-box__item.checked .m-check-box__label {
  font-weight: normal;
  color: #0c193a;
}
.m-learning-needs__option .m-learning-needs__showNoteOption {
  margin-left: 5px;
}
.m-learning-needs__option .m-learning-needs__showNoteOption .m-learning-needs__expandNote {
  margin-left: 5px;
}
.m-learning-needs__option .m-learning-needs__showNoteOption .m-learning-needs__expandNote.is--button {
  cursor: pointer;
  color: #0c193a;
  border-bottom: 1px solid transparent;
  margin-right: 20px;
  border-color: #0c193a;
}
.m-learning-needs__option .m-learning-needs__showNoteOption .m-learning-needs__expandNote.is--button:hover {
  border-color: #0c193a;
}
.m-learning-needs__option .m-learning-needs__showNoteOption .m-learning-needs__expandNote.is--highlighted {
  font-weight: bold;
  color: #225D7E;
}
.m-learning-needs__option .m-learning-needs__optionContext {
  width: 100%;
  padding-top: 8px;
  padding-left: 23px;
}
.m-learning-needs__option .m-learning-needs__contextContainer {
  border-radius: 4px;
  border: 1px solid #d7d7d7;
  box-shadow: inset 0px 0px 15px #eaeaea;
  margin-bottom: 10px;
}
.m-learning-needs__option .m-learning-needs__contextContainer .m-rich-text__toolBar {
  border: none;
  border-bottom: 1px solid #225D7E;
  border-radius: 4px 4px 0px 0px;
}
.m-learning-needs__option .m-learning-needs__contextContainer .m-rich-text__editableArea {
  padding: 0 10px;
}

.m-accommodations__groupHeading {
  font-weight: bold;
  color: #0c193a;
  padding-bottom: 3px;
}

.m-accommodations__accommodationList {
  padding-left: 15px;
}

.m-accommodations__selectedGroupList {
  padding-bottom: 10px;
  margin-bottom: 20px;
  border-bottom: 1px solid #225D7E;
}

.m-accommodations__unSelectedGroupList {
  min-height: 250px;
}

.m-accommodations__accommodationList .m-check-box__item.checked .m-check-box__label,
.m-accommodations__accommodationEditList .m-check-box__item.checked .m-check-box__label {
  font-weight: normal;
  color: #0c193a;
}

.m-accommodations__accommodationEditList {
  margin-bottom: 10px;
}

.m-accommodations__accommodationOption {
  display: flex;
  justify-content: space-between;
  align-items: center;
  padding: 0px 4px;
}
.m-accommodations__accommodationOption.is--editable:hover {
  background-color: #F8F6F6;
}
.m-accommodations__accommodationOption.is--in-edit-mode {
  padding: 10px 8px;
  border: 2px solid #d7d7d7;
  border-radius: 4px;
  background-color: #F8F6F6;
}
.m-accommodations__accommodationOption .m-accommodations__accommodationEdit {
  flex-grow: 1;
  display: flex;
  align-items: center;
}
.m-accommodations__accommodationOption .m-accommodations__accommodationEdit input {
  flex-grow: 1;
  background: #fff;
  border: 2px solid #d7d7d7;
  border-radius: 4px;
  outline: none;
  padding: 5px;
  margin-right: 10px;
}
.m-accommodations__accommodationOption .m-accommodations__editAccommodationButton {
  color: #67686b;
  cursor: pointer;
}
.m-accommodations__accommodationOption .m-accommodations__editAccommodationButton:hover {
  color: #225D7E;
}

.m-accommClass__addNewCTAContainer {
  display: flex;
  align-items: center;
  justify-content: flex-end;
  padding-bottom: 10px;
}
.m-accommClass__addNewCTAContainer .m-accomClass__addNewCTA {
  color: #707070;
  font-weight: bold;
  text-transform: uppercase;
  text-decoration: none;
  cursor: pointer;
  padding-bottom: 2px;
  border-bottom: 1px solid transparent;
  transition: border-color 0.2s;
}
.m-accommClass__addNewCTAContainer .m-accomClass__addNewCTA:hover {
  border-color: #707070;
}
.m-accommClass__addNewCTAContainer .m-accomClass__addNewCTA a {
  color: #707070;
  font-weight: bold;
  text-transform: uppercase;
}
.m-accommClass__addNewCTAContainer .m-accomClass__addNewCTA a:hover {
  text-decoration: none;
}
.m-accommClass__addNewCTAContainer .m-accomClass__addNewCTA.is--disabled {
  cursor: not-allowed;
  color: #d7d7d7;
  border-color: transparent;
}
.m-accommClass__addNewCTAContainer .m-accomClass__addNewCTA.is--disabled:hover {
  border-color: transparent;
}

.m-accommClass__addNewContainer {
  border: 2px solid #d7d7d7;
  border-radius: 4px;
  padding: 10px 15px;
  margin-bottom: 20px;
  background-color: #F8F6F6;
}

.m-accommClass__addNewInputContainer {
  display: flex;
  height: 30px;
  width: 100%;
  align-items: center;
  margin-top: 5px;
  margin-bottom: 15px;
  padding-left: 2px;
}

.m-accommClass__instruction {
  font-weight: bold;
  display: flex;
  align-items: center;
  margin-bottom: 10px;
}

.m-accommClass__instructionToolTip {
  width: 16px;
  height: 16px;
  background-image: url("../assets/edmod-info-tool-tip.svg");
  background-size: contain;
  background-repeat: no-repeat;
  background-position: center;
  margin-left: 5px;
}

.m-accommClass__addNewInput {
  height: 100%;
  display: flex;
  flex-grow: 1;
  border: 2px solid #d7d7d7;
  background-color: #fff;
}
.m-accommClass__addNewInput.is--focused {
  border-color: #225D7E;
}
.m-accommClass__addNewInput input {
  background: none;
  border: none;
  flex-grow: 1;
  outline: none;
}

.m-accommClass__addNewButton {
  color: #004037;
  font-weight: bold;
  text-transform: uppercase;
  text-decoration: none;
  cursor: pointer;
  padding-bottom: 2px;
  border-bottom: 1px solid transparent;
  transition: border-color 0.2s;
}
.m-accommClass__addNewButton:hover {
  border-color: #004037;
}
.m-accommClass__addNewButton a {
  color: #707070;
  font-weight: bold;
  text-transform: uppercase;
}
.m-accommClass__addNewButton a:hover {
  text-decoration: none;
}
.m-accommClass__addNewButton.is--disabled {
  cursor: not-allowed;
  color: #d7d7d7;
  border-color: transparent;
}
.m-accommClass__addNewButton.is--disabled:hover {
  border-color: transparent;
}

.m-accommClass__typeSelectionContainer {
  display: flex;
  width: 200px;
  flex-grow: 0;
  flex-shrink: 0;
  margin-right: 20px;
}

.m-accommClass__searchInput {
  margin-right: 10px;
}
.m-accommClass__searchInput .m-search-bar__icon {
  display: none;
}

.m-documents__viewContainer {
  margin-top: -15px;
  display: flex;
  flex-direction: column;
  justify-content: space-between;
  min-height: 335px;
}

.m-documents__documentGrid {
  width: 100%;
}

.m-documents__documentGridRow {
  display: flex;
  align-items: center;
  height: 40px;
  background-color: #fff;
  padding: 0px 10px;
}
.m-documents__documentGridRow:nth-child(even) {
  background-color: #f8f6f6;
}
.m-documents__documentGridRow.is--header {
  height: 50px;
}
.m-documents__documentGridRow .m-documents__documentGridHeaderOption {
  font-weight: bold;
  color: #0c193a;
}
.m-documents__documentGridRow .m-documents__documentGridHeaderOption.is--name {
  width: calc(100% - 100px);
}
.m-documents__documentGridRow .m-documents__documentGridHeaderOption.is--type {
  width: 175px;
}
.m-documents__documentGridRow .m-documents__documentGridHeaderOption.is--date {
  width: 100px;
}
.m-documents__documentGridRow .m-documents__documentGridHeaderOption.is--delete {
  width: 50px;
}
.m-documents__documentGridRow .m-documents__documentName {
  width: calc(100% - 100px);
}
.m-documents__documentGridRow .m-documents__documentType {
  width: 175px;
  color: #707070;
  font-size: 12px;
  text-transform: uppercase;
}
.m-documents__documentGridRow .m-documents__documentUploadedOn {
  width: 100px;
  color: #707070;
}
.m-documents__documentGridRow .m-documents__deleteDocument {
  width: 50px;
  display: flex;
}
.m-documents__documentGridRow.is--export .m-documents__documentGridHeaderOption.is--name {
  width: calc(100% - 100px - 30px);
}

.m-documents__documentGridEditRow {
  display: flex;
  align-items: center;
  height: 40px;
  background-color: #fff;
  padding: 0px 10px;
}
.m-documents__documentGridEditRow:nth-child(even) {
  background-color: #f8f6f6;
}
.m-documents__documentGridEditRow .m-documents__documentName {
  flex-grow: 1;
}
.m-documents__documentGridEditRow .m-documents__documentActions {
  display: flex;
  justify-content: flex-end;
  align-items: center;
}
.m-documents__documentGridEditRow .m-documents__documentActions .m-documents__editDocument {
  color: #707070;
  border-bottom: 1px solid transparent;
  cursor: pointer;
  margin-right: 20px;
}
.m-documents__documentGridEditRow .m-documents__documentActions .m-documents__editDocument:hover {
  border-color: #707070;
}
.m-documents__documentGridEditRow .m-documents__documentActions .m-documents__deleteDocument {
  color: #ad3f3c;
  border-bottom: 1px solid transparent;
  cursor: pointer;
}
.m-documents__documentGridEditRow .m-documents__documentActions .m-documents__deleteDocument:hover {
  border-color: #ad3f3c;
}

.m-documents__documentName {
  color: #0c193a;
  padding-bottom: 3px;
}
.m-documents__documentName a {
  color: #0c193a;
  border-bottom: 1px solid transparent;
}
.m-documents__documentName a:hover {
  color: #0c193a;
  border-color: #0c193a;
  text-decoration: none;
}

.m-documents__main {
  margin-bottom: 15px;
}

.m-documents__uploadBox {
  background-color: #F8F6F6;
  border: 2px solid #d7d7d7;
  border-radius: 4px;
  padding: 20px;
  margin-top: 10px;
}

.m-documents__uploadNewIconContainer {
  width: 80px;
  height: 80px;
}

.m-documents__uploadRow {
  display: flex;
  flex-direction: row;
  align-items: flex-end;
  flex-wrap: wrap;
  row-gap: 15px;
  width: 100%;
  position: relative;
  padding-bottom: 5px;
}
.m-documents__uploadRow .m-text-input__inputItem {
  margin-bottom: 0px;
}

.m-documents__saveUploadRow {
  display: flex;
  align-items: center;
  justify-content: flex-end;
}
.m-documents__saveUploadRow .m-documents__addDocumentButton {
  color: #004037;
  font-weight: bold;
  text-transform: uppercase;
  text-decoration: none;
  cursor: pointer;
  padding-bottom: 2px;
  border-bottom: 1px solid transparent;
  transition: border-color 0.2s;
}
.m-documents__saveUploadRow .m-documents__addDocumentButton:hover {
  border-color: #004037;
}
.m-documents__saveUploadRow .m-documents__addDocumentButton a {
  color: #707070;
  font-weight: bold;
  text-transform: uppercase;
}
.m-documents__saveUploadRow .m-documents__addDocumentButton a:hover {
  text-decoration: none;
}
.m-documents__saveUploadRow .m-documents__addDocumentButton.is--disabled {
  cursor: not-allowed;
  color: #d7d7d7;
  border-color: transparent;
}
.m-documents__saveUploadRow .m-documents__addDocumentButton.is--disabled:hover {
  border-color: transparent;
}
.m-documents__saveUploadRow .m-documents__cancelButton {
  cursor: pointer;
  color: #0c193a;
  border-bottom: 1px solid transparent;
  margin-right: 20px;
}
.m-documents__saveUploadRow .m-documents__cancelButton:hover {
  border-color: #0c193a;
}

.m-documents__newDocumentUploader {
  margin-left: 15px;
  position: absolute;
  right: 0px;
  top: 15px;
}

.m-documents__uploadTitle {
  margin: 15px 0px 10px;
  color: #707070;
  text-transform: uppercase;
  font-size: 12px;
}

.m-documents__learningPlanOption {
  margin-right: 15px;
  display: flex;
  justify-content: flex-start;
  align-items: center;
  cursor: pointer;
  color: #0c193a;
}
.m-documents__learningPlanOption.is--selected {
  color: #0c193a;
  font-weight: bold;
}
.m-documents__learningPlanOption.is--selected .m-documents__learningPlanToggle {
  background-color: #0c193a;
}
.m-documents__learningPlanOption .m-documents__learningPlanToggle {
  width: 8px;
  height: 8px;
  border: 1px solid #0c193a;
  border-radius: 50%;
  margin-right: 10px;
}

.m-documents__deleteDocumentOption {
  cursor: pointer;
  color: #ad3f3c;
  border-bottom: 1px solid transparent;
  margin-right: 20px;
  margin: 0px;
}
.m-documents__deleteDocumentOption:hover {
  border-color: #ad3f3c;
}

.m-documents__deleteOverlay {
  width: 100%;
  height: 100%;
  position: absolute;
  top: 0;
  left: 0;
  display: flex;
  flex-direction: column;
  align-items: center;
  justify-content: center;
}
.m-documents__deleteOverlay .m-delete-overlay__color {
  position: absolute;
  width: 100%;
  height: 100%;
  background-color: #0c193a;
  opacity: 0.8;
}
.m-documents__deleteOverlay .m-delete-overlay__message {
  color: #fff;
  margin-bottom: 25px;
  text-align: center;
  width: 100%;
  font-size: 18px;
  font-weight: bold;
  position: relative;
  z-index: 100;
}
.m-documents__deleteOverlay .m-delete-overlay__options {
  display: flex;
  align-items: center;
  justify-content: center;
  position: relative;
  z-index: 100;
}
.m-documents__deleteOverlay .m-delete-overlay__options .m-delete-overlay__cancelOption {
  cursor: pointer;
  color: #fff;
  border-bottom: 1px solid transparent;
  margin-right: 20px;
}
.m-documents__deleteOverlay .m-delete-overlay__options .m-delete-overlay__cancelOption:hover {
  border-color: #fff;
}
.m-documents__deleteOverlay .m-delete-overlay__options .m-delete-overlay__confirmOption {
  background-color: #ad3f3c;
  color: #fff;
  cursor: pointer;
  display: flex;
  justify-content: center;
  align-items: center;
  border-radius: 4px;
  height: 26px;
  padding: 0 12px;
  transition: background-color 0.1s;
}
.m-documents__deleteOverlay .m-delete-overlay__options .m-delete-overlay__confirmOption.is--disabled {
  color: #707070;
  background-color: #d7d7d7;
  border-color: #d7d7d7;
  cursor: not-allowed;
}
.m-documents__deleteOverlay .m-delete-overlay__options .m-delete-overlay__confirmOption:hover {
  background-color: #87312f;
  border-color: #87312f;
  text-decoration: none;
}
.m-documents__deleteOverlay .m-delete-overlay__options .m-delete-overlay__confirmOption:hover.is--disabled {
  color: #707070;
  background-color: #d7d7d7;
  border-color: #d7d7d7;
  cursor: not-allowed;
}
.m-documents__deleteOverlay .m-delete-overlay__options .m-delete-overlay__confirmOption a {
  color: #fff;
  text-decoration: none;
}
.m-documents__deleteOverlay .m-delete-overlay__options .m-delete-overlay__confirmOption a:hover {
  text-decoration: none;
}

.m-filtered-page__pageHeader {
  padding: 30px 0px 30px 46px;
  max-width: 972px;
}
.m-filtered-page__pageHeader .m-filtered-page__pageHeaderInner {
  display: flex;
  align-items: center;
  justify-content: space-between;
}
.m-filtered-page__pageHeader .m-filtered-page__pageTitle {
  font-size: 24px;
  color: #0c193a;
  font-weight: bold;
}
.m-filtered-page__pageHeader .m-filtered-page__pageSubTitle {
  font-size: 16px;
  color: #0c193a;
  font-weight: normal;
  margin-top: 15px;
}
.m-filtered-page__pageHeader:after {
  content: " ";
  display: block;
  height: 1px;
  width: 80px;
  background-color: #d7d7d7;
  margin-top: 30px;
}

.m-filtered-page__pageContent {
  padding: 0px 46px;
}

.m-filtered-page__noContentMessage {
  font-size: 24px;
  color: #225D7E;
  width: 60%;
  text-align: center;
}

.m-filter-container__filtersHeaderRow {
  min-height: 80px;
  max-height: 80px;
  width: 100%;
  display: flex;
  justify-content: center;
  align-items: center;
  border-bottom: 1px solid transparent;
}

.m-filter-container__filtersHeaderTitle {
  color: #0c193a;
  font-weight: bold;
  font-size: 18px;
  min-width: 200px;
  overflow: hidden;
}

.m-filter-container__filtersToggle {
  height: 20px;
  width: 20px;
  display: flex;
  justify-content: center;
  align-items: center;
  cursor: pointer;
  transform: rotate(0deg);
  transition: transform 0.3s;
}
.m-filter-container__filtersToggle .m-filter-container__toggleIcon {
  width: 100%;
  height: 100%;
  background-image: url("../assets/edmod-caret-icon.svg");
  background-size: contain;
  background-repeat: no-repeat;
  background-position: center;
  margin-right: 2px;
  margin-bottom: 2px;
}

.m-filter-container__filtersMain {
  width: 100%;
  padding: 15px;
}

.m-filter-container__filtersSection {
  padding-left: 15px;
  padding-bottom: 15px;
}

.m-filter-container__filtersSectionTitle {
  text-transform: uppercase;
  color: #707070;
  font-weight: bold;
  font-size: 12px;
  margin-bottom: 10px;
  letter-spacing: 1px;
}

.m-filter-container__filtersSectionContent {
  padding-left: 15px;
}

.m-filter-container__filtersGroup {
  padding-bottom: 15px;
  margin-bottom: 15px;
  border-bottom: 1px solid #d7d7d7;
  width: 100%;
}
.m-filter-container__filtersGroup:last-child {
  border-bottom: none;
}
.m-filter-container__filtersGroup.is--collapsable {
  margin-bottom: 0px;
  border-bottom: none;
}

.m-filter-container__filtersGroupTitle {
  color: #0c193a;
  font-weight: bold;
  display: flex;
  align-items: center;
}
.m-filter-container__filtersGroupTitle.is--collapsable {
  margin-left: -20px;
  cursor: pointer;
}
.m-filter-container__filtersGroupTitle .m-filter-container__filtersGroupToggle {
  width: 13px;
  height: 13px;
  margin-right: 4px;
}
.m-filter-container__filtersGroupTitle .m-filter-container__filtersGroupToggle .m-filter-container__filtersGroupToggleIcon {
  width: 100%;
  height: 100%;
  background-image: url("../assets/edmod-caret-icon.svg");
  background-size: contain;
  background-repeat: no-repeat;
  background-position: center;
  transform: rotate(90deg);
  transition: transform 0.2s;
}
.m-filter-container__filtersGroupTitle .m-filter-container__filtersGroupToggle .m-filter-container__filtersGroupToggleIcon.is--collapsed {
  transform: rotate(0deg);
}

.m-filter-container__filtersGroupContent {
  margin-top: 10px;
  max-height: 1000px;
  overflow-y: auto;
  transition: max-height 0.3s;
}
.m-filter-container__filtersGroupContent.is--collapsed {
  max-height: 0px;
  margin-top: 0px;
}

.m-filter-container__filterOption {
  width: 100%;
  display: flex;
  justify-content: flex-start;
  align-items: center;
  background-color: #fff;
  margin-bottom: 5px;
  padding: 4px 5px;
  cursor: pointer;
  transition: background-color 0.2s ease;
  min-width: 200px;
  overflow: hidden;
}
.m-filter-container__filterOption input.m-filter-container__filterOptionToggle {
  margin: 0;
  margin-right: 10px;
}
.m-filter-container__filterOption .m-filter-container__filterOptionLabel.is--cta {
  color: #225D7E;
  font-weight: bold;
}
.m-filter-container__filterOption .m-filter-container__radioOption {
  height: 13px;
  width: 13px;
  border-radius: 50%;
  border: 1px solid #707070;
  display: flex;
  align-items: center;
  justify-content: center;
  margin-right: 10px;
}
.m-filter-container__filterOption .m-filter-container__radioOption .m-filter-container__radioOptionInner {
  width: 8px;
  height: 8px;
  border-radius: 50%;
  background-color: transparent;
}
.m-filter-container__filterOption:last-of-type {
  margin-bottom: 0;
}
.m-filter-container__filterOption:hover {
  background-color: #f8f6f6;
}
.m-filter-container__filterOption.no--checkbox.is--checked .m-filter-container__radioOption {
  border-color: #EE6723;
}
.m-filter-container__filterOption.no--checkbox.is--checked .m-filter-container__radioOption .m-filter-container__radioOptionInner {
  background-color: #EE6723;
}

.m-filter-container__filterAccordianOption.is--hidden .m-filter-container__filterOptionAccordianHeader {
  background-color: #fff;
}
.m-filter-container__filterAccordianOption.is--hidden .m-filter-container__filterOptionAccordianToggleIcon {
  transform: rotate(0deg);
}
.m-filter-container__filterAccordianOption.is--hidden .m-filter-container__filterOptionAccordianOptions {
  margin-top: 0px;
  padding-left: 0px;
  height: 0;
  overflow: hidden;
}

.m-filter-container__filterOptionAccordianHeader {
  width: 100%;
  display: flex;
  justify-content: flex-start;
  align-items: center;
  background-color: #E6F0FF;
  padding: 4px 5px;
}

.m-filter-container__filterOptionAccordianToggle {
  width: 25px;
  height: 25px;
}

.m-filter-container__filterOptionAccordianToggleIcon {
  width: 100%;
  height: 100%;
  background-image: url("../assets/edmod-column-carrot.svg");
  background-size: contain;
  background-repeat: no-repeat;
  background-position: center;
  transform: rotate(90deg);
  margin-right: 2px;
  margin-bottom: 2px;
}

.m-filter-container__filterOptionAccordianOptions {
  margin-top: 5px;
  padding: 0px 5px;
}

.m-filter-container__dateFiltersContainer {
  display: flex;
  flex-direction: row;
  justify-content: space-between;
  align-items: center;
  padding: 5px 0px 10px;
}
.m-filter-container__dateFiltersContainer .react-datepicker-wrapper:first-child {
  margin-right: 20px;
}

.m-datepicker__input {
  display: block;
  width: 100%;
  flex-grow: 1;
  border: 1px solid #d7d7d7;
  padding: 0px 10px;
  height: 32px;
  line-height: 32px;
  outline: none;
  font-size: 12px;
  border-radius: 4px;
}
.m-datepicker__input::placeholder {
  text-transform: uppercase;
  margin-bottom: 2px;
}
.m-datepicker__input:focus {
  border-color: #225D7E;
}
.m-datepicker__input:focus::placeholder {
  color: #225D7E;
}

.m-filter-container__exportButton {
  color: #225D7E;
  padding: 4px 6px;
  margin-top: 5px;
  font-size: 12px;
  background-color: #E6F0FF;
  border: 1px solid #225D7E;
  border-radius: 4px;
  cursor: pointer;
  display: inline-block;
  transform: background-color 0.2s;
}
.m-filter-container__exportButton:hover {
  text-decoration: none;
  background-color: #c6ddff;
}

.m-filter-container__seeMore {
  color: #707070;
  cursor: pointer;
  display: flex;
}

.m-filter-container__manageLink {
  font-size: 12px;
  color: #225D7E;
  text-decoration: underline;
  cursor: pointer;
}

.m-searchableSelect__list {
  overflow-y: auto;
  border: 2px solid #d7d7d7;
  border-top: none;
}
.m-searchableSelect__list .m-selectableList__item {
  padding: 0px 15px;
}

.m-searchableSelect__header {
  display: flex;
  align-items: center;
  background-color: #fff;
  border: 2px solid #d7d7d7;
  border-radius: 4px 4px 0px 0px;
  padding: 10px;
}
.m-searchableSelect__header .m-searchableSelect__selectAllContainer {
  width: 24px;
  margin-right: 15px;
  flex-grow: 0;
  flex-shrink: 0;
  display: flex;
  align-items: center;
  justify-content: center;
}
.m-searchableSelect__header .m-searchableSelect__searchContainer {
  flex-grow: 1;
}

.l-learning-bio {
  width: 100%;
  height: 100%;
  min-width: 800px;
  min-height: 600px;
  color: #0c193a;
}

.l-learning-bio__content {
  height: calc(100% - 60px);
}

.l-learning-bio__contentJR {
  width: 100%;
  height: 100%;
  min-width: 800px;
  min-height: 600px;
  color: #0c193a;
}

.l-learning-bio__section {
  width: 100%;
}
.l-learning-bio__section.is--columned {
  width: 100%;
  height: 100%;
  display: flex;
  flex-direction: row;
  justify-content: flex-start;
  align-items: stretch;
  min-height: 600px;
  min-width: 1000px;
  color: #0c193a;
}

.l-learning-bio__navigation {
  display: flex;
  flex-direction: row;
  align-items: center;
  justify-content: flex-start;
  height: 60px;
  font-size: 14px;
  background-color: #fff;
  box-shadow: 0px 1px 10px rgba(112, 112, 112, 0.2);
  position: relative;
  display: flex;
  justify-content: space-between;
  align-items: center;
  padding: 0 30px 0 30px;
}

.m-learning-bio-nav__main {
  display: flex;
  justify-content: flex-start;
  align-items: center;
}

.m-learning-bio-nav__breadcrumbs {
  display: flex;
  align-items: center;
  min-width: 320px;
}
.m-learning-bio-nav__breadcrumbs a {
  display: flex;
  align-items: center;
  text-decoration: none;
}
.m-learning-bio-nav__breadcrumbs a:hover .m-learning-bio-nav__lastPage {
  border-color: #707070;
  text-decoration: none;
}

.m-learning-bio-nav__backButton {
  width: 20px;
  height: 20px;
  margin-right: 10px;
}
.m-learning-bio-nav__backButton .m-learning-bio-nav__backButtonIcon {
  width: 100%;
  height: 100%;
  background-image: url("../assets/edmod-back-arrow-grey.svg");
  background-size: contain;
  background-repeat: no-repeat;
  background-position: center;
}

.m-learning-bio-nav__studentName,
.m-learning-bio-nav__lastPage {
  color: #707070;
  margin-right: 5px;
  white-space: nowrap;
  border-bottom: 1px solid transparent;
  padding: 4px 0px;
}
.m-learning-bio-nav__studentName.is--active,
.m-learning-bio-nav__lastPage.is--active {
  font-weight: bold;
  padding: 4px 0;
  border-bottom: 2px solid #0c193a;
  color: #0c193a;
}

.m-learning-bio-nav__navLinks {
  padding-left: 20px;
  display: flex;
  flex-direction: flex-start;
  align-items: center;
}
.m-learning-bio-nav__navLinks a {
  color: #0c193a;
  padding: 20px 5px 13px 5px;
  margin-right: 30px;
  border-bottom: 7px solid transparent;
  cursor: pointer;
  transition: color 0.2s ease, border-color 0.2s ease;
  display: flex;
  align-items: center;
}
.m-learning-bio-nav__navLinks a:hover, .m-learning-bio-nav__navLinks a.selected-tab {
  color: #0c193a;
  text-decoration: none;
  border-color: #0c193a;
}
.m-learning-bio-nav__navLinks a.selected-tab {
  font-weight: bold;
}
.m-learning-bio-nav__navLinks .m-toolTip__icon {
  margin-left: 5px;
}

.m-learning-bio-nav__linkWithAlert {
  position: relative;
}

.m-learning-bio-nav__linkAlert {
  height: 8px;
  width: 8px;
  border-radius: 50%;
  background-color: #F77C00;
  position: absolute;
  top: calc(50% - 4px);
  right: 20px;
}

.m-learning-bio-nav__exportOptionsSection {
  display: flex;
  justify-content: flex-end;
  align-items: center;
}

.m-learning-bio-nav__exportButton {
  width: 25px;
  height: 25px;
  justify-content: center;
  align-items: center;
  margin-right: 5px;
  cursor: pointer;
}
.m-learning-bio-nav__exportButton .m-learning-bio-nav__exportButtonIcon {
  width: 100%;
  height: 100%;
  background-image: url("../assets/edmod-export-icon-dark.svg");
  background-size: contain;
  background-repeat: no-repeat;
  background-position: center;
}

.l-learning-bio__sectionTitleBar {
  display: flex;
  flex-direction: row;
  justify-content: space-between;
  align-items: center;
  padding: 15px 0;
  width: 100%;
}

.l-learning-bio__sectionTitle {
  color: #707070;
  font-size: 20px;
  font-weight: 600;
}

.l-learning-bio__sectionOptions {
  position: relative;
}

.m-learning-bio__printButton {
  color: #225D7E;
  padding: 4px 6px;
  margin-top: 5px;
  font-size: 12px;
  background-color: #E6F0FF;
  border: 1px solid #225D7E;
  border-radius: 4px;
  cursor: pointer;
  display: inline-block;
  transform: background-color 0.2s;
  margin: 0;
  font-size: 14px;
}
.m-learning-bio__printButton:hover {
  text-decoration: none;
  background-color: #c6ddff;
}

.l-learning-bio__overviewTabs {
  width: 60px;
  min-width: 50px;
  border-right: 1px solid #d7d7d7;
  background-color: #fff;
  transition: width 0.2s, min-width 0.2s;
  cursor: pointer;
  padding-top: 30px;
}
.l-learning-bio__overviewTabs.is--expanded {
  width: 280px;
  min-width: 280px;
  cursor: normal;
}
.l-learning-bio__overviewTabs.is--expanded .m-filter-container__toggleIcon {
  transform: rotate(180deg);
}

.m-learning-bio__overviewTab {
  height: 65px;
  width: 100%;
  display: flex;
  flex-direction: row;
  justify-content: flex-start;
  align-items: center;
  background-color: transparent;
  border-left: 6px solid transparent;
  padding-left: 40px;
  padding-right: 20px;
  color: #0c193a;
  cursor: pointer;
}
.m-learning-bio__overviewTab .m-toolTip__icon {
  margin-left: 5px;
}
.m-learning-bio__overviewTab.is--active {
  color: #0c193a;
  background-color: #F8F6F6;
  border-color: #0c193a;
  font-weight: bold;
}
.m-learning-bio__overviewTab.is--active:hover {
  background-color: #F8F6F6;
}
.m-learning-bio__overviewTab:hover {
  background-color: #F8F6F6;
}
.m-learning-bio__overviewTab .m-learning-bio__overviewTabIconContainer {
  height: 30px;
  width: 30px;
  margin-right: 15px;
}
.m-learning-bio__overviewTab .m-learning-bio__overviewTabIconContainer .m-learning-bio__overviewTabIcon {
  width: 100%;
  height: 100%;
  background-image: url("../assets/edmod-lb-nav-folder-active.svg");
  background-size: contain;
  background-repeat: no-repeat;
  background-position: center;
}
.m-learning-bio__overviewTab .m-learning-bio__overviewTabIconContainer .m-learning-bio__overviewTabIcon.is--snapshot {
  width: 100%;
  height: 100%;
  background-image: url("../assets/edmod-lb-nav-snapshot-active.svg");
  background-size: contain;
  background-repeat: no-repeat;
  background-position: center;
}
.m-learning-bio__overviewTab .m-learning-bio__overviewTabIconContainer .m-learning-bio__overviewTabIcon.is--accommodations {
  width: 100%;
  height: 100%;
  background-image: url("../assets/edmod-lb-nav-accom-active.svg");
  background-size: contain;
  background-repeat: no-repeat;
  background-position: center;
}
.m-learning-bio__overviewTab .m-learning-bio__overviewTabIconContainer .m-learning-bio__overviewTabIcon.is--documents {
  width: 100%;
  height: 100%;
  background-image: url("../assets/edmod-lb-nav-docs-active.svg");
  background-size: contain;
  background-repeat: no-repeat;
  background-position: center;
}
.m-learning-bio__overviewTab.is--active .m-learning-bio__overviewTabIconContainer .m-learning-bio__overviewTabIcon {
  width: 100%;
  height: 100%;
  background-image: url("../assets/edmod-lb-nav-folder-active.svg");
  background-size: contain;
  background-repeat: no-repeat;
  background-position: center;
}
.m-learning-bio__overviewTab.is--active .m-learning-bio__overviewTabIconContainer .m-learning-bio__overviewTabIcon.is--snapshot {
  width: 100%;
  height: 100%;
  background-image: url("../assets/edmod-lb-nav-snapshot-active.svg");
  background-size: contain;
  background-repeat: no-repeat;
  background-position: center;
}
.m-learning-bio__overviewTab.is--active .m-learning-bio__overviewTabIconContainer .m-learning-bio__overviewTabIcon.is--accommodations {
  width: 100%;
  height: 100%;
  background-image: url("../assets/edmod-lb-nav-accom-active.svg");
  background-size: contain;
  background-repeat: no-repeat;
  background-position: center;
}
.m-learning-bio__overviewTab.is--active .m-learning-bio__overviewTabIconContainer .m-learning-bio__overviewTabIcon.is--documents {
  width: 100%;
  height: 100%;
  background-image: url("../assets/edmod-lb-nav-docs-active.svg");
  background-size: contain;
  background-repeat: no-repeat;
  background-position: center;
}

.l-learning-bio__overviewContent {
  width: calc(100% - 60px);
  min-width: 620px;
  background-color: #F8F6F6;
  padding: 30px 30px 30px 30px;
}
.l-learning-bio__overviewContent.filters-expanded {
  width: 80%;
}

.m-student-module__module {
  width: 100%;
  background-color: #fff;
  border: 3px solid #d7d7d7;
  border-radius: 4px;
  box-shadow: 0px 4px 4px rgba(112, 112, 112, 0.5);
  display: flex;
  flex-direction: column;
  position: relative;
  margin-bottom: 20px;
}
.m-student-module__module.is--editing {
  z-index: 16000;
  border-color: #707070;
  box-shadow: none;
}
.m-student-module__module .m-student-module__header {
  width: 100%;
  height: 60px;
  padding: 0 20px;
  display: flex;
  align-items: center;
  justify-content: space-between;
  position: relative;
  border-bottom: 2px solid #d7d7d7;
}
.m-student-module__module .m-student-module__title {
  font-size: 18px;
  color: #0c193a;
  font-weight: bold;
}
.m-student-module__module .m-student-module__content {
  flex: 1;
}
.m-student-module__module .m-student-module__expandBanner {
  position: absolute;
  left: 0px;
  bottom: 0px;
  height: 50px;
  width: 100%;
  border: 1px solid rgba(112, 112, 112, 0.5);
  display: flex;
  align-items: center;
  justify-content: center;
  cursor: pointer;
  background-color: rgba(112, 112, 112, 0.5);
  transition: border-color 0.3s;
}
.m-student-module__module .m-student-module__expandBanner:hover {
  border-color: #707070;
}
.m-student-module__module .m-student-module__expandBanner .m-student-module__expandBannerIcon {
  width: 100%;
  height: 100%;
  background-image: url("../assets/edmod-column-carrot.svg");
  background-size: contain;
  background-repeat: no-repeat;
  background-position: center;
  width: 40px;
  height: 40px;
  transform: rotate(90deg);
}
.m-student-module__module .m-student-module__expandBanner.is--expanded .m-student-module__expandBannerIcon {
  transform: rotate(270deg);
}
.m-student-module__module .m-student-module__main {
  height: 100%;
  width: 100%;
  display: flex;
  flex-direction: column;
  align-items: flex-start;
  justify-content: flex-start;
}
.m-student-module__module .m-student-module__mainContent {
  width: 100%;
  flex: 1;
  min-height: 50px;
  padding: 20px 20px 0;
}
.m-student-module__module .m-student-module__mainContent.has--no-top-padding {
  padding-top: 0px;
}
.m-student-module__module .m-student-module__footer {
  width: 100%;
  height: 50px;
  padding: 0 20px;
  display: flex;
  align-items: center;
  justify-content: flex-end;
  position: absolute;
  top: 0px;
}
.m-student-module__module .m-student-module__footer .m-student-module__cancel {
  cursor: pointer;
  color: #0c193a;
  border-bottom: 1px solid transparent;
  margin-right: 20px;
}
.m-student-module__module .m-student-module__footer .m-student-module__cancel:hover {
  border-color: #0c193a;
}
.m-student-module__module .m-student-module__footer .m-student-module__save {
  background-color: #0c193a;
  color: #fff;
  cursor: pointer;
  display: flex;
  justify-content: center;
  align-items: center;
  border-radius: 4px;
  height: 26px;
  padding: 0 12px;
  transition: background-color 0.1s;
  box-shadow: 0px 1px 1px rgba(112, 112, 112, 0.75);
  height: 33px;
  font-weight: bold;
}
.m-student-module__module .m-student-module__footer .m-student-module__save.is--disabled {
  color: #707070;
  background-color: #d7d7d7;
  border-color: #d7d7d7;
  cursor: not-allowed;
}
.m-student-module__module .m-student-module__footer .m-student-module__save:hover {
  background-color: #225D7E;
  border-color: #225D7E;
  text-decoration: none;
}
.m-student-module__module .m-student-module__footer .m-student-module__save:hover.is--disabled {
  color: #707070;
  background-color: #d7d7d7;
  border-color: #d7d7d7;
  cursor: not-allowed;
}
.m-student-module__module .m-student-module__footer .m-student-module__save a {
  color: #fff;
  text-decoration: none;
}
.m-student-module__module .m-student-module__footer .m-student-module__save a:hover {
  text-decoration: none;
}
.m-student-module__module .m-student-module__footer .m-student-module__save:hover {
  background-color: #225D7E;
}
.m-student-module__module .m-student-module__footer .m-student-module__save.is--disabled {
  border: 2px solid #d7d7d7;
  box-shadow: none;
}

.m-student-overview__element {
  min-height: 375px;
  display: flex;
  flex-direction: column;
}

.m-student-overview__header {
  display: flex;
  border-bottom: 1px solid #d7d7d7;
  justify-content: space-between;
  align-items: center;
  height: 45px;
}
.m-student-overview__header.is--editing {
  border-bottom: 1px solid #225D7E;
}

.m-student-overview__title {
  font-weight: 600;
}

.m-student-overview__options {
  height: 32px;
  width: 30px;
  position: relative;
}

.m-student-overview__content {
  min-height: 320px;
}

.m-student-overview__emptyMessage {
  color: #707070;
  font-style: italic;
}

.m-student-overview__noContent {
  width: 100%;
  min-height: 250px;
  display: flex;
  justify-content: center;
  align-items: center;
  flex-direction: column;
}

.m-student-overview__noContentIconContainer {
  width: 140px;
  height: 100px;
  margin-bottom: 25px;
}

.m-student-overview__noContentIcon {
  width: 100%;
  height: 100%;
  background-image: url("../assets/edmod-wetntk-placeholder.svg");
  background-size: contain;
  background-repeat: no-repeat;
  background-position: center;
}

.m-student-overview__noContentMessage {
  color: #707070;
  font-size: 20px;
  padding: 15px 0;
}

.l-learning-bio__noAccess {
  height: 205px;
  width: 100%;
  display: flex;
  justify-content: center;
  align-items: center;
  color: #707070;
  font-size: 16px;
}

.l-learning-bio__exportModal {
  position: fixed;
  width: 100%;
  height: 100%;
  top: 0px;
  left: 0;
  z-index: 110000;
  overflow-y: scroll;
  background-color: rgba(112, 112, 112, 0.5);
}
.l-learning-bio__exportModal.is--narrow .m-modal__modal {
  width: 450px !important;
}
.l-learning-bio__exportModal .m-modal__modal {
  position: relative;
  top: 50px;
  z-index: 10;
  margin: 0px auto 50px;
  width: 800px;
  background-color: #F8F6F6;
  border: 2px solid #d7d7d7;
  border-radius: 4px;
  box-shadow: 0px 4px 4px rgba(0, 0, 0, 0.25);
}
.l-learning-bio__exportModal .m-modal__close {
  position: absolute;
  width: 44px;
  height: 44px;
  display: flex;
  justify-content: center;
  align-items: center;
  border-radius: 50%;
  background-color: #0c193a;
  right: -22px;
  top: -22px;
  cursor: pointer;
}
.l-learning-bio__exportModal .m-modal__close .m-modal__closeIcon {
  width: 100%;
  height: 100%;
  background-image: url("../assets/edmod-close-icon-white-new.svg");
  background-size: contain;
  background-repeat: no-repeat;
  background-position: center;
  width: 20px;
  height: 20px;
}
.l-learning-bio__exportModal .m-modal__mainContent {
  padding: 15px;
}
.l-learning-bio__exportModal .m-modal__header {
  font-size: 18px;
  color: #0c193a;
  font-weight: bold;
  margin-bottom: 5px;
  margin-top: 20px;
  display: flex;
  align-items: center;
}
.l-learning-bio__exportModal .m-modal__header:first-child {
  margin-top: 0px;
}
.l-learning-bio__exportModal .m-modal__header .m-modal__headerIcon {
  margin-right: 10px;
}
.l-learning-bio__exportModal .m-modal__header .m-modal__headerIcon.is--push-pin {
  width: 20px;
  height: 20px;
  background-image: url("../assets/edmod-push-pin-dark.svg");
  background-size: contain;
  background-repeat: no-repeat;
  background-position: center;
}
.l-learning-bio__exportModal .m-modal__header .m-modal__headerIcon.is--share {
  width: 20px;
  height: 20px;
  background-image: url("../assets/edmod-users-icon-dark.svg");
  background-size: contain;
  background-repeat: no-repeat;
  background-position: center;
}
.l-learning-bio__exportModal .m-modal__inputGroup {
  display: flex;
  flex-direction: column;
}
.l-learning-bio__exportModal .m-modal__inputGroup .m-modal__fieldLabel {
  margin-bottom: 10px;
  display: flex;
  align-items: center;
}
.l-learning-bio__exportModal .m-modal__inputGroup .m-modal__textInput {
  display: flex;
  align-items: center;
  border: 1px solid #0c193a;
  border-radius: 4px;
  padding: 0px 10px;
  height: 50px;
  outline: none;
}
.l-learning-bio__exportModal .m-modal__inputGroup .m-modal__textInput:focus {
  border: 2px solid #0c193a;
  outline: none;
}
.l-learning-bio__exportModal .m-modal__inputGroup .m-modal__checkboxInput {
  margin-top: 0px;
  margin-right: 5px;
}
.l-learning-bio__exportModal .m-modal__inputGroup .m-modal__fieldDescription {
  display: flex;
  align-items: center;
  margin-top: 10px;
}
.l-learning-bio__exportModal .m-modal__inputGroup .m-modal__fieldDescription a {
  color: #225D7E;
}
.l-learning-bio__exportModal .m-modal__inputGroup .m-modal__fieldDescription a:hover {
  color: #225D7E;
}
.l-learning-bio__exportModal .m-modal__inputGroup .has--errors {
  border: 2px solid #ad3f3c;
}
.l-learning-bio__exportModal .m-modal__inputGroup .m-modal__link {
  color: #0c193a;
  border-bottom: 1px solid transparent;
  text-decoration: none;
  cursor: pointer;
}
.l-learning-bio__exportModal .m-modal__inputGroup .m-modal__link:hover {
  border-color: #0c193a;
}
.l-learning-bio__exportModal .m-modal__inputGroup .m-modal__link.is--red {
  color: #ad3f3c;
}
.l-learning-bio__exportModal .m-modal__inputGroup .m-modal__link.is--red:hover {
  border-color: #ad3f3c;
}
.l-learning-bio__exportModal .m-modal__listContainer {
  border: 2px solid #d7d7d7;
  margin-top: 20px;
}
.l-learning-bio__exportModal .m-modal__saveCancel {
  display: flex;
  align-items: center;
  justify-content: flex-end;
  margin-top: 20px;
}
.l-learning-bio__exportModal .m-modal__saveCancel .m-modal__saveButton {
  background-color: #0c193a;
  color: #fff;
  cursor: pointer;
  display: flex;
  justify-content: center;
  align-items: center;
  border-radius: 4px;
  height: 26px;
  padding: 0 12px;
  transition: background-color 0.1s;
  box-shadow: 0px 1px 1px rgba(112, 112, 112, 0.75);
  height: 33px;
  font-weight: bold;
}
.l-learning-bio__exportModal .m-modal__saveCancel .m-modal__saveButton.is--disabled {
  color: #707070;
  background-color: #d7d7d7;
  border-color: #d7d7d7;
  cursor: not-allowed;
}
.l-learning-bio__exportModal .m-modal__saveCancel .m-modal__saveButton:hover {
  background-color: #225D7E;
  border-color: #225D7E;
  text-decoration: none;
}
.l-learning-bio__exportModal .m-modal__saveCancel .m-modal__saveButton:hover.is--disabled {
  color: #707070;
  background-color: #d7d7d7;
  border-color: #d7d7d7;
  cursor: not-allowed;
}
.l-learning-bio__exportModal .m-modal__saveCancel .m-modal__saveButton a {
  color: #fff;
  text-decoration: none;
}
.l-learning-bio__exportModal .m-modal__saveCancel .m-modal__saveButton a:hover {
  text-decoration: none;
}
.l-learning-bio__exportModal .m-modal__saveCancel .m-modal__saveButton:hover {
  background-color: #225D7E;
}
.l-learning-bio__exportModal .m-modal__saveCancel .m-modal__saveButton.is--disabled {
  border: 2px solid #d7d7d7;
  box-shadow: none;
}
.l-learning-bio__exportModal .m-modal__saveCancel .m-modal__cancelButton {
  background-color: #fff;
  color: #0c193a;
  cursor: pointer;
  display: flex;
  justify-content: center;
  align-items: center;
  border-radius: 4px;
  height: 26px;
  padding: 0 12px;
  transition: background-color 0.1s;
  box-shadow: 0px 1px 1px rgba(112, 112, 112, 0.75);
  border: 2px solid #0c193a;
  height: 33px;
  font-weight: bold;
  margin-right: 20px;
}
.l-learning-bio__exportModal .m-modal__saveCancel .m-modal__cancelButton.is--disabled {
  color: #707070;
  background-color: #d7d7d7;
  border-color: #d7d7d7;
  cursor: not-allowed;
}
.l-learning-bio__exportModal .m-modal__saveCancel .m-modal__cancelButton:hover {
  background-color: #225D7E;
  border-color: #225D7E;
  text-decoration: none;
}
.l-learning-bio__exportModal .m-modal__saveCancel .m-modal__cancelButton:hover.is--disabled {
  color: #707070;
  background-color: #d7d7d7;
  border-color: #d7d7d7;
  cursor: not-allowed;
}
.l-learning-bio__exportModal .m-modal__saveCancel .m-modal__cancelButton a {
  color: #0c193a;
  text-decoration: none;
}
.l-learning-bio__exportModal .m-modal__saveCancel .m-modal__cancelButton a:hover {
  text-decoration: none;
}
.l-learning-bio__exportModal .m-modal__saveCancel .m-modal__cancelButton:hover {
  background-color: #225D7E;
  border-color: #225D7E;
  color: #fff;
}
.l-learning-bio__exportModal .m-modal__saveCancel .m-modal__cancelButton.is--disabled {
  opacity: 0.75;
  box-shadow: none;
  cursor: not-allowed;
}
.l-learning-bio__exportModal .m-modal__saveCancel .m-modal__cancelButton.is--disabled:hover {
  border-color: #d7d7d7;
}
.l-learning-bio__exportModal .m-modal__deleteOverlay {
  width: 100%;
  height: 100%;
  position: absolute;
  top: 0;
  left: 0;
  display: flex;
  flex-direction: column;
  align-items: center;
  justify-content: center;
}
.l-learning-bio__exportModal .m-modal__deleteOverlay .m-delete-overlay__color {
  position: absolute;
  width: 100%;
  height: 100%;
  background-color: #0c193a;
  opacity: 0.8;
}
.l-learning-bio__exportModal .m-modal__deleteOverlay .m-delete-overlay__message {
  color: #fff;
  margin-bottom: 25px;
  text-align: center;
  width: 100%;
  font-size: 18px;
  font-weight: bold;
  position: relative;
  z-index: 100;
}
.l-learning-bio__exportModal .m-modal__deleteOverlay .m-delete-overlay__options {
  display: flex;
  align-items: center;
  justify-content: center;
  position: relative;
  z-index: 100;
}
.l-learning-bio__exportModal .m-modal__deleteOverlay .m-delete-overlay__options .m-delete-overlay__cancelOption {
  cursor: pointer;
  color: #fff;
  border-bottom: 1px solid transparent;
  margin-right: 20px;
}
.l-learning-bio__exportModal .m-modal__deleteOverlay .m-delete-overlay__options .m-delete-overlay__cancelOption:hover {
  border-color: #fff;
}
.l-learning-bio__exportModal .m-modal__deleteOverlay .m-delete-overlay__options .m-delete-overlay__confirmOption {
  background-color: #ad3f3c;
  color: #fff;
  cursor: pointer;
  display: flex;
  justify-content: center;
  align-items: center;
  border-radius: 4px;
  height: 26px;
  padding: 0 12px;
  transition: background-color 0.1s;
}
.l-learning-bio__exportModal .m-modal__deleteOverlay .m-delete-overlay__options .m-delete-overlay__confirmOption.is--disabled {
  color: #707070;
  background-color: #d7d7d7;
  border-color: #d7d7d7;
  cursor: not-allowed;
}
.l-learning-bio__exportModal .m-modal__deleteOverlay .m-delete-overlay__options .m-delete-overlay__confirmOption:hover {
  background-color: #87312f;
  border-color: #87312f;
  text-decoration: none;
}
.l-learning-bio__exportModal .m-modal__deleteOverlay .m-delete-overlay__options .m-delete-overlay__confirmOption:hover.is--disabled {
  color: #707070;
  background-color: #d7d7d7;
  border-color: #d7d7d7;
  cursor: not-allowed;
}
.l-learning-bio__exportModal .m-modal__deleteOverlay .m-delete-overlay__options .m-delete-overlay__confirmOption a {
  color: #fff;
  text-decoration: none;
}
.l-learning-bio__exportModal .m-modal__deleteOverlay .m-delete-overlay__options .m-delete-overlay__confirmOption a:hover {
  text-decoration: none;
}

.m-rich-text__container {
  position: relative;
  display: flex;
  flex-direction: column;
  justify-content: space-between;
  height: 100%;
}

.m-rich-text__toolBar {
  display: flex;
  flex-direction: row;
  justify-content: flex-start;
  align-items: center;
  padding: 8px;
  background: #f8f6f6;
  border: 1px solid #d7d7d7;
  border-top: none;
  margin-bottom: 10px;
}

.m-rich-text__editorContainer {
  padding-top: 10px;
}

.m-rich-text__editor {
  min-height: 100px;
  color: #0c193a;
}
.m-rich-text__editor span[contenteditable=false] {
  color: #707070 !important;
  opacity: 1 !important;
  font-style: italic;
}

.m-rich-text__editableArea {
  padding: 0 2px;
  min-height: 100px;
}

.m-rich-text__mentionContainer {
  position: absolute;
  top: -9999px;
  left: -9999px;
  background-color: #fff;
  border: 1px solid #d7d7d7;
  border-radius: 4px;
  box-shadow: 0px 0px 5px #dcdcdc;
  min-width: 200px;
  max-height: 200px;
  overflow-y: auto;
}

.m-rich-text__mentionOption {
  display: flex;
  flex-direction: row;
  justify-content: space-between;
  align-items: center;
  padding: 5px 10px;
  background-color: #fff;
  cursor: pointer;
  transition: background-color 0.2s;
}
.m-rich-text__mentionOption.is--selected {
  background-color: #E6F0FF;
}

.m-rich-text__addMentionIcon {
  display: flex;
  justify-content: center;
  align-items: center;
  height: 20px;
  width: 20px;
  padding-bottom: 5px;
  font-size: 20px;
  color: #225D7E;
}

.m-rich-text__mentionedUser {
  color: #EE6723;
  font-weight: bold;
}

.m-rich-text__studentInfoInsert {
  padding: 2px 5px;
  background-color: #FCE1D3;
  border-radius: 4px;
}

.m-rich-text__markButton {
  height: 22px;
  width: 22px;
  margin-right: 10px;
  position: relative;
  border: 1px solid transparent;
  border-radius: 4px;
  display: flex;
  justify-content: center;
  align-items: center;
  cursor: pointer;
}
.m-rich-text__markButton:hover, .m-rich-text__markButton.is--active {
  background-color: #E6F0FF;
  border-color: #225D7E;
}
.m-rich-text__markButton.is--disabled {
  opacity: 0.5;
  cursor: not-allowed;
}

.m-rich-text__markIcon.bold-icon {
  width: 95%;
  height: 95%;
  background-image: url("../assets/rte-bold.svg");
  background-size: contain;
  background-repeat: no-repeat;
  background-position: center;
}
.m-rich-text__markIcon.bold-icon.is--active, .m-rich-text__markIcon.bold-icon:hover {
  width: 95%;
  height: 95%;
  background-image: url("../assets/rte-bold-blue.svg");
  background-size: contain;
  background-repeat: no-repeat;
  background-position: center;
}
.m-rich-text__markIcon.italic-icon {
  width: 95%;
  height: 95%;
  background-image: url("../assets/rte-italic.svg");
  background-size: contain;
  background-repeat: no-repeat;
  background-position: center;
}
.m-rich-text__markIcon.italic-icon.is--active, .m-rich-text__markIcon.italic-icon:hover {
  width: 95%;
  height: 95%;
  background-image: url("../assets/rte-italic-blue.svg");
  background-size: contain;
  background-repeat: no-repeat;
  background-position: center;
}
.m-rich-text__markIcon.underline-icon {
  width: 85%;
  height: 85%;
  background-image: url("../assets/rte-underline.svg");
  background-size: contain;
  background-repeat: no-repeat;
  background-position: center;
  margin-top: 1px;
}
.m-rich-text__markIcon.underline-icon.is--active, .m-rich-text__markIcon.underline-icon:hover {
  width: 85%;
  height: 85%;
  background-image: url("../assets/rte-underline-blue.svg");
  background-size: contain;
  background-repeat: no-repeat;
  background-position: center;
}
.m-rich-text__markIcon.ordered-list-icon {
  width: 90%;
  height: 90%;
  background-image: url("../assets/rte-numbered-list.svg");
  background-size: contain;
  background-repeat: no-repeat;
  background-position: center;
}
.m-rich-text__markIcon.ordered-list-icon.is--active, .m-rich-text__markIcon.ordered-list-icon:hover {
  width: 90%;
  height: 90%;
  background-image: url("../assets/rte-numbered_list-blue.svg");
  background-size: contain;
  background-repeat: no-repeat;
  background-position: center;
}
.m-rich-text__markIcon.unordered-list-icon {
  width: 90%;
  height: 90%;
  background-image: url("../assets/rte-bulleted_list.svg");
  background-size: contain;
  background-repeat: no-repeat;
  background-position: center;
}
.m-rich-text__markIcon.unordered-list-icon.is--active, .m-rich-text__markIcon.unordered-list-icon:hover {
  width: 90%;
  height: 90%;
  background-image: url("../assets/rte-bulleted_list-blue.svg");
  background-size: contain;
  background-repeat: no-repeat;
  background-position: center;
}
.m-rich-text__markIcon.mention-icon {
  width: 95%;
  height: 95%;
  background-image: url("../assets/edmod-tb-mention.svg");
  background-size: contain;
  background-repeat: no-repeat;
  background-position: center;
}
.m-rich-text__markIcon.mention-icon.is--active, .m-rich-text__markIcon.mention-icon:hover {
  width: 95%;
  height: 95%;
  background-image: url("../assets/edmod-tb-mention.svg");
  background-size: contain;
  background-repeat: no-repeat;
  background-position: center;
}
.m-rich-text__markIcon.strikethrough-icon {
  width: 95%;
  height: 95%;
  background-image: url("../assets/rte-strikethrough.svg");
  background-size: contain;
  background-repeat: no-repeat;
  background-position: center;
}
.m-rich-text__markIcon.strikethrough-icon.is--active, .m-rich-text__markIcon.strikethrough-icon:hover {
  width: 95%;
  height: 95%;
  background-image: url("../assets/rte-strikethrough-blue.svg");
  background-size: contain;
  background-repeat: no-repeat;
  background-position: center;
}
.m-rich-text__markIcon.highlight-icon {
  width: 95%;
  height: 95%;
  background-image: url("../assets/rte-highlight.svg");
  background-size: contain;
  background-repeat: no-repeat;
  background-position: center;
}
.m-rich-text__markIcon.highlight-icon.is--active, .m-rich-text__markIcon.highlight-icon:hover {
  width: 95%;
  height: 95%;
  background-image: url("../assets/rte-highlight-blue.svg");
  background-size: contain;
  background-repeat: no-repeat;
  background-position: center;
}
.m-rich-text__markIcon.text-color-icon {
  width: 95%;
  height: 95%;
  background-image: url("../assets/rte-text_color.svg");
  background-size: contain;
  background-repeat: no-repeat;
  background-position: center;
}
.m-rich-text__markIcon.text-color-icon.is--active, .m-rich-text__markIcon.text-color-icon:hover {
  width: 95%;
  height: 95%;
  background-image: url("../assets/rte-text_color-blue.svg");
  background-size: contain;
  background-repeat: no-repeat;
  background-position: center;
}
.m-rich-text__markIcon.hyperlink-icon {
  width: 120%;
  height: 120%;
  background-image: url("../assets/rte-hyperlink.svg");
  background-size: contain;
  background-repeat: no-repeat;
  background-position: center;
}
.m-rich-text__markIcon.hyperlink-icon.is--active, .m-rich-text__markIcon.hyperlink-icon:hover {
  width: 120%;
  height: 120%;
  background-image: url("../assets/rte-hyperlink-blue.svg");
  background-size: contain;
  background-repeat: no-repeat;
  background-position: center;
}
.m-rich-text__markIcon.student-info-icon {
  width: 95%;
  height: 95%;
  background-image: url("../assets/edmod-user-list-icon.svg");
  background-size: contain;
  background-repeat: no-repeat;
  background-position: center;
}
.m-rich-text__markIcon.student-info-icon.is--active, .m-rich-text__markIcon.student-info-icon:hover {
  width: 95%;
  height: 95%;
  background-image: url("../assets/edmod-user-list-icon-active.svg");
  background-size: contain;
  background-repeat: no-repeat;
  background-position: center;
}
.m-rich-text__markIcon.attachment-icon {
  width: 95%;
  height: 95%;
  background-image: url("../assets/rte-attachment.svg");
  background-size: contain;
  background-repeat: no-repeat;
  background-position: center;
}
.m-rich-text__markIcon.attachment-icon.is--active, .m-rich-text__markIcon.attachment-icon:hover {
  width: 95%;
  height: 95%;
  background-image: url("../assets/rte-attachment-blue.svg");
  background-size: contain;
  background-repeat: no-repeat;
  background-position: center;
}
.m-rich-text__markIcon.undo-icon {
  width: 95%;
  height: 95%;
  background-image: url("../assets/rte-undo.svg");
  background-size: contain;
  background-repeat: no-repeat;
  background-position: center;
}
.m-rich-text__markIcon.undo-icon.is--active, .m-rich-text__markIcon.undo-icon:hover {
  width: 95%;
  height: 95%;
  background-image: url("../assets/rte-undo-blue.svg");
  background-size: contain;
  background-repeat: no-repeat;
  background-position: center;
}
.m-rich-text__markIcon.redo-icon {
  width: 95%;
  height: 95%;
  background-image: url("../assets/rte-redo.svg");
  background-size: contain;
  background-repeat: no-repeat;
  background-position: center;
}
.m-rich-text__markIcon.redo-icon.is--active, .m-rich-text__markIcon.redo-icon:hover {
  width: 95%;
  height: 95%;
  background-image: url("../assets/rte-redo-blue.svg");
  background-size: contain;
  background-repeat: no-repeat;
  background-position: center;
}

.m-rich-text__selectColorContainer {
  position: absolute;
  z-index: 100;
  top: 24px;
  padding: 8px;
  background-color: #fff;
  border: 1px solid #225D7E;
  border-radius: 8px;
  display: flex;
  justify-content: space-between;
  align-items: center;
  flex-wrap: wrap;
}
.m-rich-text__selectColorContainer .m-rich-text__selectColorOption {
  height: 25px;
  width: 25px;
  margin: 0 2px;
  border-radius: 4px;
  border: 2px solid transparent;
}
.m-rich-text__selectColorContainer .m-rich-text__selectColorOption:hover {
  box-shadow: 0px 0px 5px #67686b;
}
.m-rich-text__selectColorContainer .m-rich-text__selectColorOption.is--selected {
  border-color: #000;
}

.m-rich-text__addLinkContainer {
  height: 85px;
  position: absolute;
  z-index: 100;
  top: 10px;
  left: 25px;
  padding: 6px;
  padding-bottom: 0px;
  width: 250px;
  background-color: #fff;
  border: 2px solid #d7d7d7;
  border-radius: 4px;
  display: flex;
  flex-direction: column;
  justify-content: space-between;
  align-items: flex-start;
}
.m-rich-text__addLinkContainer .m-rich-text__addLinkInput {
  height: 25px;
  width: 100%;
  display: flex;
  align-items: center;
  justify-content: flex-start;
}
.m-rich-text__addLinkContainer .m-rich-text__addLinkInputLabel {
  color: #0c193a;
  font-size: 12px;
  margin-right: 10px;
  width: 30px;
}
.m-rich-text__addLinkContainer input[type=text] {
  height: 24px;
  padding: 3px;
  flex-grow: 1;
  background-color: #fff;
  border: none;
  border-bottom: 1px solid #707070;
  outline: none;
}
.m-rich-text__addLinkContainer input[type=text]::placeholder {
  color: #707070;
  font-style: italic;
}
.m-rich-text__addLinkContainer .m-rich-text__addLinkFooter {
  width: 100%;
  display: flex;
  justify-content: flex-end;
  align-items: center;
}
.m-rich-text__addLinkContainer .m-rich-text__addLinkFooter .m-rich-text__addLinkSave {
  color: #707070;
  font-weight: bold;
  text-transform: uppercase;
  text-decoration: none;
  cursor: pointer;
  padding-bottom: 2px;
  border-bottom: 1px solid transparent;
  transition: border-color 0.2s;
  font-size: 12px;
  padding: 5px 0px;
}
.m-rich-text__addLinkContainer .m-rich-text__addLinkFooter .m-rich-text__addLinkSave:hover {
  border-color: #707070;
}
.m-rich-text__addLinkContainer .m-rich-text__addLinkFooter .m-rich-text__addLinkSave a {
  color: #707070;
  font-weight: bold;
  text-transform: uppercase;
}
.m-rich-text__addLinkContainer .m-rich-text__addLinkFooter .m-rich-text__addLinkSave a:hover {
  text-decoration: none;
}
.m-rich-text__addLinkContainer .m-rich-text__addLinkFooter .m-rich-text__addLinkSave.is--disabled {
  cursor: not-allowed;
  color: #d7d7d7;
  border-color: transparent;
}
.m-rich-text__addLinkContainer .m-rich-text__addLinkFooter .m-rich-text__addLinkSave.is--disabled:hover {
  border-color: transparent;
}

.m-rich-text__characterLimit {
  position: absolute;
  bottom: 10px;
  right: 20px;
  color: #d7d7d7;
  font-style: italic;
}

.m-rich-text__disabledOverlay {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  background-color: #d7d7d7;
  opacity: 0.2;
  cursor: not-allowed;
}

.m-rich-text__attachment {
  display: flex;
  align-items: center;
  justify-content: space-between;
  padding: 5px 10px;
  background-color: #E6F0FF;
  margin-bottom: 5px;
}
.m-rich-text__attachment:last-child {
  margin-bottom: 0px;
}
.m-rich-text__attachment a {
  font-weight: bold;
  color: #225D7E;
  text-decoration: none;
  border-bottom: 1px solid transparent;
}
.m-rich-text__attachment a:hover {
  border-color: #225D7E;
}
.m-rich-text__attachment .m-rich-text__removeAttachment {
  width: 100%;
  height: 100%;
  background-image: url("../assets/edmod-close-icon-gray.svg");
  background-size: contain;
  background-repeat: no-repeat;
  background-position: center;
  width: 15px;
  height: 15px;
  cursor: pointer;
}

.m-rich-text__addStudentInfoContainer {
  height: 120px;
  position: absolute;
  z-index: 2000;
  top: 10px;
  left: 25px;
  padding: 10px;
  width: 250px;
  overflow-y: auto;
  background-color: #fff;
  border: 2px solid #d7d7d7;
  border-radius: 4px;
}

.m-addStudentInfo__module {
  margin: 5px 0px;
}
.m-addStudentInfo__module:first-child {
  margin-top: 0px;
}

.m-addStudentInfo__moduleTitle {
  font-size: 10px;
  color: #707070;
  text-transform: uppercase;
  margin-bottom: 5px;
  white-space: nowrap;
  overflow: hidden;
  text-overflow: ellipsis;
}

.m-addStudentInfo__section {
  padding: 0px 5px;
  height: 25px;
  background-color: #fff;
  cursor: pointer;
  display: flex;
  align-items: center;
  white-space: nowrap;
  overflow: hidden;
  text-overflow: ellipsis;
}
.m-addStudentInfo__section:hover {
  background-color: #FCE1D3;
}

.m-check-box__item {
  display: flex;
  flex-direction: row;
  justify-content: flex-start;
  align-items: center;
  margin: 5px 0;
}
.m-check-box__item input[type=checkbox] {
  margin: 0;
}
.m-check-box__item.checked .m-check-box__label {
  font-weight: 600;
  color: #225D7E;
}

.m-check-box__input {
  cursor: pointer;
}

.m-check-box__label {
  margin-left: 10px;
}

.m-text-input__inputItem {
  margin-bottom: 10px;
  display: flex;
  flex-direction: column;
  justify-content: flex-start;
  align-items: flex-start;
  width: 250px;
}
.m-text-input__inputItem.is--full-width {
  width: 100%;
}
.m-text-input__inputItem.is--focused label {
  color: #0c193a;
  font-weight: 600;
}
.m-text-input__inputItem label {
  color: #707070;
  text-transform: uppercase;
  font-size: 12px;
  width: 100%;
}
.m-text-input__inputItem input[type=text] {
  border: none;
  border-bottom: 1px solid #707070;
  color: #0c193a;
  height: 27px;
  width: 100%;
  padding: 5px;
  outline: none;
  background: none;
}
.m-text-input__inputItem input[type=text][disabled] {
  cursor: not-allowed;
}
.m-text-input__inputItem input[type=text]:focus {
  border-color: #0c193a;
}

.m-modal--FormStatistics .m-modal__mainContent {
  height: 700px !important;
  overflow-y: scroll !important;
}

.m-form-statistics {
  max-width: 1280px;
  margin: 0 auto;
}
.m-form-statistics .m-form-statistics__multi-schools-panel {
  display: flex;
  gap: 15px;
  flex-direction: row;
  margin-bottom: 20px;
}
.m-form-statistics .m-form-statistics__single-schools-panel {
  display: flex;
  flex-direction: row;
  gap: 15px;
  width: 100%;
}
.m-form-statistics .m-form-statistics__info-panel {
  background-color: white;
  border: 2px solid #d7d7d7;
  border-radius: 4px;
  padding: 20px 15px;
  height: 145px;
  display: flex;
  align-items: center;
  justify-content: center;
}
.m-form-statistics .m-form-statistics__info-panel .info-panel__info {
  font-size: 50px;
}
.m-form-statistics .m-form-statistics__info-panel .info-panel__info-date {
  font-size: 36px;
}
.m-form-statistics .m-form-statistics__info-panel .info-panel__label {
  font-size: 20px;
}
.m-form-statistics .m-form-statistics__options .m-form-statistics__expand {
  width: 22px;
  height: 22px;
  background-image: url("../assets/edmod-show-more-icon.svg");
  background-size: contain;
  background-repeat: no-repeat;
  background-position: center;
  cursor: pointer;
}
.m-form-statistics .m-formMain__filtersMain-Wrapper .m-filteredSelectList__filterSection .m-filteredSelectList__by-month {
  display: flex;
  gap: 10px;
  align-items: center;
}
.m-form-statistics .m-formMain__filtersMain-Wrapper .m-filteredSelectList__filterSection .m-filteredSelectList__by-month .m-dropdown__main {
  width: 100%;
}
.m-form-statistics .m-formMain__filtersMain-Wrapper .m-filteredSelectList__filterSection .m-filteredSelectList__by-month .m-dropdown__main .m-dropdown__topSection {
  width: 100%;
  border: 1px solid #d7d7d7;
  padding: 0px 10px;
  height: 32px;
  line-height: 32px;
  outline: none;
  font-size: 12px;
  border-radius: 4px;
}
.m-form-statistics .m-formMain__filtersMain-Wrapper .m-filteredSelectList__filterSection .m-filteredSelectList__by-month .m-dropdown__main .m-dropdown__topSection .m-dropdown__currentSelection {
  font-weight: unset;
}
.m-form-statistics .m-formMain__filtersMain-Wrapper .m-filteredSelectList__filterSection .m-filteredSelectList__by-month .m-dropdown__main .m-dropdown__options {
  border: 1px solid #d7d7d7;
}
.m-form-statistics .m-table-order-icon__arrow {
  display: block;
  float: left;
  margin-top: 2px;
  width: 15px;
  height: 15px;
  background-image: url("../assets/edmod-caret-down.svg");
  background-size: contain;
  background-repeat: no-repeat;
  background-position: center;
}
.m-form-statistics .m-table-order-icon__arrow.arrow-cres {
  transform: rotate(180deg);
}
.m-form-statistics .m-dropdown__main.is--tall {
  height: 45px !important;
}
.m-form-statistics .m-form-statistics__no-permission {
  background-color: white;
  border: 2px solid #d7d7d7;
  padding: 15px;
  min-height: 200px;
  max-height: 200px;
  overflow-y: auto;
  border-radius: 4px;
  display: flex;
  justify-content: center;
  align-items: center;
}
.m-form-statistics .m-form-statistics__no-permission .m-form-statistics__no-permission-text {
  font-size: 16px;
  text-align: center;
  color: #707070;
  font-style: italic;
}

.m-form-statistics__table .m-form-statistics__table-wrapper {
  background-color: white;
  border: 2px solid #d7d7d7;
  padding: 15px;
  min-height: 306px;
  max-height: 306px;
  overflow-y: auto;
  border-radius: 4px;
}
.m-form-statistics__table .m-form-statistics__table-wrapper.message-panel-wrapper {
  display: flex;
  justify-content: center;
  align-items: center;
}
.m-form-statistics__table .m-form-statistics__table-wrapper.message-panel-wrapper .message-panel {
  font-size: 16px;
  text-align: center;
  color: #707070;
  font-style: italic;
}
.m-form-statistics__table table thead th {
  cursor: pointer;
  position: relative;
  padding: 5px 15px;
  border-bottom: 1px solid #ccc;
  clear: both;
}
.m-form-statistics__table table tbody td {
  padding: 5px 15px;
  border-bottom: 1px solid #ccc;
}

.m-question-stats__chart-wrapper {
  width: 50%;
  float: left;
  padding: 0 10px;
  margin-bottom: 20px;
}
.m-question-stats__chart-wrapper .m-question-stats__chart-box {
  background-color: white;
  border: 2px solid #ccc;
  border-radius: 4px;
  padding: 15px 10px;
  min-height: 332px;
}
.m-question-stats__chart-wrapper .m-question-stats__chart-box .m-question-stats__chart-header {
  font-weight: bold;
  padding: 0 10px;
  margin-bottom: 20px;
  font-size: 16px;
  color: #0c193a;
  display: flex;
  flex-direction: row;
  justify-content: space-between;
  min-height: 46px;
  max-height: 46px;
  overflow: hidden;
}
.m-question-stats__chart-wrapper .m-question-stats__chart-box .m-question-stats__chart-body {
  display: flex;
  flex-direction: row;
  row-gap: 10px;
}
.m-question-stats__chart-wrapper .m-question-stats__chart-box .m-question-stats__chart-body .m-question-stats__chart-legend-wrapper {
  flex-grow: 1;
  width: 400px;
  min-height: 300px;
  overflow-y: auto;
}
.m-question-stats__chart-wrapper .m-question-stats__table-box {
  background-color: white;
  padding: 10px;
  height: 210px;
  overflow-y: auto;
  border: 2px solid #d7d7d7;
  border-radius: 4px;
}

.m-question-statistics__modal .m-modal__modal {
  width: 70% !important;
  border: none !important;
  margin: 0 auto !important;
}
.m-question-statistics__modal .m-modal__modal .m-modal__mainContent {
  padding: 0 !important;
}
.m-question-statistics__modal .m-question-stats__chart-wrapper {
  width: 100%;
  float: unset;
  padding: 0;
  margin-bottom: 0;
}

.m-dch-exports-table__panel .m-dch-exports-table-wrapper {
  border: 1px solid #0c193a;
  background-color: white;
  padding: 10px;
  max-height: 155px;
  overflow-y: scroll;
  border-radius: 4px;
}
.m-dch-exports-table__panel .m-dch-exports-table-wrapper table {
  width: 100%;
}
.m-dch-exports-table__panel .m-dch-exports-table-wrapper table tr:nth-child(even) {
  background-color: #f8f6f6;
}
.m-dch-exports-table__panel .m-dch-exports-table-wrapper table td {
  padding: 3px 6px;
}
.m-dch-exports-table__panel .m-dch-exports-table-wrapper table td a {
  color: #0c193a;
}
.m-dch-exports-table__panel .m-dch-exports-table-wrapper table th {
  padding: 5px 6px;
  font-weight: bold;
}

.m-chat-box__container {
  width: 100%;
}

.m-chat-box__composeContainer {
  background-color: transparent;
  margin-bottom: 10px;
  display: flex;
  flex-direction: row;
  justify-content: flex-start;
  align-items: stretch;
}

.m-chat-box__saveMessage {
  padding: 0px 30px 10px;
}

.m-chat-box__newMessageSection {
  min-height: 60px;
  padding: 10px;
  display: flex;
  flex-direction: row;
  justify-content: flex-start;
  align-items: center;
}

.m-chat-box__authorContainer {
  height: 40px;
  display: flex;
  justify-content: center;
  align-items: center;
}

.m-chat-box__authorIcon {
  height: 36px;
  width: 36px;
  background-color: #0c193a;
  color: #fff;
  border-radius: 50%;
  display: flex;
  justify-content: center;
  align-items: center;
}

.m-chat-box__composeMessageContainer {
  min-height: 40px;
  width: calc(100% - 40px);
  margin-left: 20px;
  display: flex;
  justify-content: flex-start;
  align-items: center;
}

.m-chat-box__composeMessage {
  min-height: 36px;
  width: 100%;
  background-color: #fff;
  border: 1px solid #d7d7d7;
  border-radius: 20px;
  padding: 0px 15px;
  display: flex;
  justify-content: flex-start;
  align-items: center;
  cursor: text;
  overflow: hidden;
  transition: min-height 0.4s ease, border-radius 0.3s ease, background-color 0.2s ease;
}
.m-chat-box__composeMessage.is--expanded {
  min-height: 220px;
  border-radius: 4px;
  align-items: flex-start;
  padding: 20px 25px 25px 25px;
  margin-top: 15px;
  box-shadow: inset 0 0 6px #d7d7d7;
  border: 2px solid #d7d7d7;
}
.m-chat-box__composeMessage.is--expanded:hover {
  background-color: #fff;
}
.m-chat-box__composeMessage.is--focused {
  border-bottom: 1px solid #225D7E;
}
.m-chat-box__composeMessage:hover {
  background-color: #f8f6f6;
}

.m-chat-box__newMessage {
  width: 100%;
  min-height: 36px;
  display: flex;
  flex-direction: column;
  justify-content: center;
}

.m-chat-box__newMessageInnerContainer {
  display: flex;
  flex-direction: row;
  justify-content: flex-start;
  align-items: stretch;
}

.m-chat-box__addCategoryContainer {
  width: 250px;
  min-height: 250px;
  border-right: 1px solid #d7d7d7;
  padding-right: 15px;
  margin-right: 15px;
}

.m-chat-box__addCategoryTitle {
  padding-bottom: 10px;
  border-bottom: 1px solid #0c193a;
}

.m-chat-box__categoryOptions {
  padding: 5px 0;
}

.m-chat-box__categoryOption {
  width: 100%;
  display: flex;
  justify-content: flex-start;
  align-items: center;
  background-color: #fff;
  margin-bottom: 5px;
  padding: 3px 6px;
  cursor: pointer;
}
.m-chat-box__categoryOption input.m-chat-box__categoryOptionToggle {
  margin: 0;
  margin-right: 10px;
}
.m-chat-box__categoryOption:last-of-type {
  margin-bottom: 0;
}
.m-chat-box__newMessageContent {
  width: 100%;
}
.m-chat-box__newMessageContent .m-rich-text__container {
  height: calc(100% - 31px);
}

.m-chat-box__titleInput {
  width: 100%;
  padding: 0px 2px 10px;
  border: none;
  border-bottom: 1px solid #d7d7d7;
  outline: none;
  color: #0c193a;
  font-weight: 600;
}
.m-chat-box__titleInput::placeholder {
  color: #000000;
  font-weight: normal;
  font-style: italic;
  opacity: 0.333;
}
.m-chat-box__titleInput:focus {
  border-color: #225D7E;
}

.m-chat-box__emptyMessage {
  padding: 15px;
  color: #707070;
  font-style: italic;
}

.m-chat-box__message {
  color: #0c193a;
  position: relative;
  background-color: #fff;
  border: 3px solid #d7d7d7;
  box-shadow: 0px 4px 4px rgba(112, 112, 112, 0.5);
  margin-top: 15px;
  display: flex;
  align-items: stretch;
}
.m-chat-box__message:last-of-type {
  margin-bottom: 20px;
}
.m-chat-box__message.is--archived {
  background-color: #f8f6f6;
}
.m-chat-box__message.is--archived .m-chat-box__messageBanner {
  background-color: #d7d7d7;
}
.m-chat-box__messageBanner {
  width: 7px;
  background-color: #225D7E;
}
.m-chat-box__messageBanner.is--unread {
  background-color: #F77C00;
}

.m-chat-box__viewMessage {
  margin: 0 20px;
  padding: 0 5px;
  width: 100%;
}

.m-chat-box__messageHeader {
  display: flex;
  flex-direction: row;
  justify-content: space-between;
  align-items: center;
  padding: 15px 0;
}

.m-chat-box__messageTagContainer {
  position: relative;
}

.m-chat-box__messageInnerTag {
  background-color: #F8F6F6;
  color: #707070;
  border-radius: 4px;
  font-size: 12px;
  padding: 6px 8px;
}

.m-chat-box__messageTitle {
  font-weight: 600;
  margin-bottom: 5px;
}

.m-chat-box__messageBody {
  line-height: 1.5;
}
.m-chat-box__messageBody p {
  margin-bottom: 5px;
}

.m-chat-box__messageFooter {
  display: flex;
  flex-direction: row;
  justify-content: space-between;
  align-items: center;
  margin-top: 15px;
}

.m-chat-box__messageReplyOption {
  display: flex;
  flex-direction: row;
  justify-content: flex-start;
  align-items: center;
}

.m-chat-box__messageReplySeperator {
  width: 5px;
  height: 5px;
  border-radius: 50%;
  background-color: #225D7E;
  margin: 0 10px;
}

.m-chat-box__messageReplyLink {
  color: #0c193a;
  font-weight: bold;
  cursor: pointer;
}

.m-chat-box__footerSection {
  display: grid;
  min-width: 100%;
  grid-template-rows: 50px;
  grid-template-columns: 1fr 1fr 1fr;
  grid-template-areas: ". cb-pagination cb-archived";
  padding: 0 15px;
}

.m-chat-box__pagination {
  grid-area: cb-pagination;
  display: flex;
  justify-content: center;
  align-items: center;
}

.m-chat-box__showArchived {
  grid-area: cb-archived;
  display: flex;
  justify-content: flex-end;
  align-items: center;
}

.m-chat-box__showArchivedLink {
  color: #707070;
  cursor: pointer;
  border-bottom: 1px solid transparent;
}
.m-chat-box__showArchivedLink:hover {
  color: #0c193a;
  border-color: #0c193a;
}

.m-chat-box__container.is--archived {
  background-color: #f8f6f6;
  border-color: #d7d7d7;
}
.m-chat-box__container.is--archived .m-chat-box__viewMessage {
  border-color: #d7d7d7;
}

.m-chat-box__archivedHeader {
  height: 50px;
  display: flex;
  justify-content: flex-start;
  align-items: center;
  padding: 15px 5px;
  margin: 0 15px;
  border-bottom: 1px solid #0c193a;
  font-size: 16px;
}

.m-chat-box__messageMetaDetails {
  display: flex;
  align-items: center;
  font-style: italic;
}

.m-chat-box__footerActions {
  display: flex;
  flex-direction: row;
  justify-content: flex-end;
  align-items: center;
  margin-top: 5px;
}

.m-chat-box__composeReplyContainer {
  margin-top: 15px;
  margin-left: -25px;
  width: calc(100% + 50px);
}
.m-chat-box__composeReplyContainer .m-chat-box__composeMessage.is--expanded {
  min-height: 100px;
}

.m-chat-box__editReplyContainer {
  margin-top: -15px;
  width: 100%;
}
.m-chat-box__editReplyContainer .m-chat-box__composeMessage.is--expanded {
  min-height: 100px;
}

.m-chat-box__composeReply {
  margin: 15px 15px 0px 30px;
  padding-bottom: 15px;
}
.m-chat-box__composeReply .m-chat-box__newMessageSection {
  padding: 0;
  padding-bottom: 15px;
}
.m-chat-box__composeReply .m-rich-text__toolBar {
  border-top: 1px solid #d7d7d7;
}
.m-chat-box__composeReply .m-chat-box__saveMessage {
  padding-bottom: 0px;
}

.m-chat-box__reply {
  margin: 15px 0px 0px 30px;
  padding: 10px;
  border-left: 2px solid #e6e6e6;
}

.m-chat-box__noMessagesContainer {
  border: 2px solid #d7d7d7;
  box-shadow: 0px 4px 4px rgba(112, 112, 112, 0.5);
  background-color: #fff;
  border-radius: 4px;
  min-height: 400px;
  display: flex;
  justify-content: center;
  align-items: center;
  min-height: 528px;
}

.m-chat-box__messageAttachments {
  margin-top: 10px;
}
.m-chat-box__messageAttachments::before {
  content: "";
  display: block;
  width: 100px;
  height: 1px;
  background-color: #d7d7d7;
  margin-bottom: 7px;
}

.m-chat-box__messageAttachment {
  padding: 3px 0px;
}
.m-chat-box__messageAttachment a {
  font-weight: bold;
  color: #225D7E;
  text-decoration: none;
  border-bottom: 1px solid transparent;
}
.m-chat-box__messageAttachment a:hover {
  border-color: #225D7E;
}

.m-chat-box__messageHeaderLeft {
  display: flex;
  align-items: center;
}
.m-chat-box__messageHeaderLeft .m-chat-box__messageAuthorStamp {
  height: 40px;
  width: 40px;
  border-radius: 4px;
  background-color: #0c193a;
  color: #fff;
  display: flex;
  align-items: center;
  justify-content: center;
  margin-right: 15px;
}
.m-chat-box__messageHeaderLeft .m-chat-box__messageAuthorDetails {
  display: flex;
  flex-direction: column;
}
.m-chat-box__messageHeaderLeft .m-chat-box__messageAuthorDetails .m-chat-box__authorName {
  font-size: 18px;
  color: #0c193a;
  font-weight: bold;
}
.m-chat-box__messageHeaderLeft .m-chat-box__messageAuthorDetails .m-chat-box__authoredOn {
  color: #707070;
  size: 12px;
}

.m-filtered-page__pageHeader {
  padding: 30px 0px 30px 46px;
  max-width: 972px;
}
.m-filtered-page__pageHeader .m-filtered-page__pageHeaderInner {
  display: flex;
  align-items: center;
  justify-content: space-between;
}
.m-filtered-page__pageHeader .m-filtered-page__pageTitle {
  font-size: 24px;
  color: #0c193a;
  font-weight: bold;
}
.m-filtered-page__pageHeader .m-filtered-page__pageSubTitle {
  font-size: 16px;
  color: #0c193a;
  font-weight: normal;
  margin-top: 15px;
}
.m-filtered-page__pageHeader:after {
  content: " ";
  display: block;
  height: 1px;
  width: 80px;
  background-color: #d7d7d7;
  margin-top: 30px;
}

.m-filtered-page__pageContent {
  padding: 0px 46px;
}

.m-filtered-page__noContentMessage {
  font-size: 24px;
  color: #225D7E;
  width: 60%;
  text-align: center;
}

.m-filter-container__filtersHeaderRow {
  min-height: 80px;
  max-height: 80px;
  width: 100%;
  display: flex;
  justify-content: center;
  align-items: center;
  border-bottom: 1px solid transparent;
}

.m-filter-container__filtersHeaderTitle {
  color: #0c193a;
  font-weight: bold;
  font-size: 18px;
  min-width: 200px;
  overflow: hidden;
}

.m-filter-container__filtersToggle {
  height: 20px;
  width: 20px;
  display: flex;
  justify-content: center;
  align-items: center;
  cursor: pointer;
  transform: rotate(0deg);
  transition: transform 0.3s;
}
.m-filter-container__filtersToggle .m-filter-container__toggleIcon {
  width: 100%;
  height: 100%;
  background-image: url("../assets/edmod-caret-icon.svg");
  background-size: contain;
  background-repeat: no-repeat;
  background-position: center;
  margin-right: 2px;
  margin-bottom: 2px;
}

.m-filter-container__filtersMain {
  width: 100%;
  padding: 15px;
}

.m-filter-container__filtersSection {
  padding-left: 15px;
  padding-bottom: 15px;
}

.m-filter-container__filtersSectionTitle {
  text-transform: uppercase;
  color: #707070;
  font-weight: bold;
  font-size: 12px;
  margin-bottom: 10px;
  letter-spacing: 1px;
}

.m-filter-container__filtersSectionContent {
  padding-left: 15px;
}

.m-filter-container__filtersGroup {
  padding-bottom: 15px;
  margin-bottom: 15px;
  border-bottom: 1px solid #d7d7d7;
  width: 100%;
}
.m-filter-container__filtersGroup:last-child {
  border-bottom: none;
}
.m-filter-container__filtersGroup.is--collapsable {
  margin-bottom: 0px;
  border-bottom: none;
}

.m-filter-container__filtersGroupTitle {
  color: #0c193a;
  font-weight: bold;
  display: flex;
  align-items: center;
}
.m-filter-container__filtersGroupTitle.is--collapsable {
  margin-left: -20px;
  cursor: pointer;
}
.m-filter-container__filtersGroupTitle .m-filter-container__filtersGroupToggle {
  width: 13px;
  height: 13px;
  margin-right: 4px;
}
.m-filter-container__filtersGroupTitle .m-filter-container__filtersGroupToggle .m-filter-container__filtersGroupToggleIcon {
  width: 100%;
  height: 100%;
  background-image: url("../assets/edmod-caret-icon.svg");
  background-size: contain;
  background-repeat: no-repeat;
  background-position: center;
  transform: rotate(90deg);
  transition: transform 0.2s;
}
.m-filter-container__filtersGroupTitle .m-filter-container__filtersGroupToggle .m-filter-container__filtersGroupToggleIcon.is--collapsed {
  transform: rotate(0deg);
}

.m-filter-container__filtersGroupContent {
  margin-top: 10px;
  max-height: 1000px;
  overflow-y: auto;
  transition: max-height 0.3s;
}
.m-filter-container__filtersGroupContent.is--collapsed {
  max-height: 0px;
  margin-top: 0px;
}

.m-filter-container__filterOption {
  width: 100%;
  display: flex;
  justify-content: flex-start;
  align-items: center;
  background-color: #fff;
  margin-bottom: 5px;
  padding: 4px 5px;
  cursor: pointer;
  transition: background-color 0.2s ease;
  min-width: 200px;
  overflow: hidden;
}
.m-filter-container__filterOption input.m-filter-container__filterOptionToggle {
  margin: 0;
  margin-right: 10px;
}
.m-filter-container__filterOption .m-filter-container__filterOptionLabel.is--cta {
  color: #225D7E;
  font-weight: bold;
}
.m-filter-container__filterOption .m-filter-container__radioOption {
  height: 13px;
  width: 13px;
  border-radius: 50%;
  border: 1px solid #707070;
  display: flex;
  align-items: center;
  justify-content: center;
  margin-right: 10px;
}
.m-filter-container__filterOption .m-filter-container__radioOption .m-filter-container__radioOptionInner {
  width: 8px;
  height: 8px;
  border-radius: 50%;
  background-color: transparent;
}
.m-filter-container__filterOption:last-of-type {
  margin-bottom: 0;
}
.m-filter-container__filterOption:hover {
  background-color: #f8f6f6;
}
.m-filter-container__filterOption.no--checkbox.is--checked .m-filter-container__radioOption {
  border-color: #EE6723;
}
.m-filter-container__filterOption.no--checkbox.is--checked .m-filter-container__radioOption .m-filter-container__radioOptionInner {
  background-color: #EE6723;
}

.m-filter-container__filterAccordianOption.is--hidden .m-filter-container__filterOptionAccordianHeader {
  background-color: #fff;
}
.m-filter-container__filterAccordianOption.is--hidden .m-filter-container__filterOptionAccordianToggleIcon {
  transform: rotate(0deg);
}
.m-filter-container__filterAccordianOption.is--hidden .m-filter-container__filterOptionAccordianOptions {
  margin-top: 0px;
  padding-left: 0px;
  height: 0;
  overflow: hidden;
}

.m-filter-container__filterOptionAccordianHeader {
  width: 100%;
  display: flex;
  justify-content: flex-start;
  align-items: center;
  background-color: #E6F0FF;
  padding: 4px 5px;
}

.m-filter-container__filterOptionAccordianToggle {
  width: 25px;
  height: 25px;
}

.m-filter-container__filterOptionAccordianToggleIcon {
  width: 100%;
  height: 100%;
  background-image: url("../assets/edmod-column-carrot.svg");
  background-size: contain;
  background-repeat: no-repeat;
  background-position: center;
  transform: rotate(90deg);
  margin-right: 2px;
  margin-bottom: 2px;
}

.m-filter-container__filterOptionAccordianOptions {
  margin-top: 5px;
  padding: 0px 5px;
}

.m-filter-container__dateFiltersContainer {
  display: flex;
  flex-direction: row;
  justify-content: space-between;
  align-items: center;
  padding: 5px 0px 10px;
}
.m-filter-container__dateFiltersContainer .react-datepicker-wrapper:first-child {
  margin-right: 20px;
}

.m-datepicker__input {
  display: block;
  width: 100%;
  flex-grow: 1;
  border: 1px solid #d7d7d7;
  padding: 0px 10px;
  height: 32px;
  line-height: 32px;
  outline: none;
  font-size: 12px;
  border-radius: 4px;
}
.m-datepicker__input::placeholder {
  text-transform: uppercase;
  margin-bottom: 2px;
}
.m-datepicker__input:focus {
  border-color: #225D7E;
}
.m-datepicker__input:focus::placeholder {
  color: #225D7E;
}

.m-filter-container__exportButton {
  color: #225D7E;
  padding: 4px 6px;
  margin-top: 5px;
  font-size: 12px;
  background-color: #E6F0FF;
  border: 1px solid #225D7E;
  border-radius: 4px;
  cursor: pointer;
  display: inline-block;
  transform: background-color 0.2s;
}
.m-filter-container__exportButton:hover {
  text-decoration: none;
  background-color: #c6ddff;
}

.m-filter-container__seeMore {
  color: #707070;
  cursor: pointer;
  display: flex;
}

.m-filter-container__manageLink {
  font-size: 12px;
  color: #225D7E;
  text-decoration: underline;
  cursor: pointer;
}

.m-searchableSelect__list {
  overflow-y: auto;
  border: 2px solid #d7d7d7;
  border-top: none;
}
.m-searchableSelect__list .m-selectableList__item {
  padding: 0px 15px;
}

.m-searchableSelect__header {
  display: flex;
  align-items: center;
  background-color: #fff;
  border: 2px solid #d7d7d7;
  border-radius: 4px 4px 0px 0px;
  padding: 10px;
}
.m-searchableSelect__header .m-searchableSelect__selectAllContainer {
  width: 24px;
  margin-right: 15px;
  flex-grow: 0;
  flex-shrink: 0;
  display: flex;
  align-items: center;
  justify-content: center;
}
.m-searchableSelect__header .m-searchableSelect__searchContainer {
  flex-grow: 1;
}

.l-permissions__page {
  width: 100%;
  height: 100%;
  display: flex;
  flex-direction: row;
  justify-content: flex-start;
  align-items: stretch;
  min-height: 600px;
  min-width: 1000px;
  color: #0c193a;
}

.l-permissions__navigation {
  width: 60px;
  min-width: 50px;
  border-right: 1px solid #d7d7d7;
  background-color: #fff;
  transition: width 0.2s, min-width 0.2s;
  cursor: pointer;
  padding-top: 30px;
}
.l-permissions__navigation.is--expanded {
  width: 280px;
  min-width: 280px;
  cursor: normal;
}
.l-permissions__navigation.is--expanded .m-filter-container__toggleIcon {
  transform: rotate(180deg);
}

.l-permissions__mainContent {
  width: calc(100% - 60px);
  min-width: 620px;
  background-color: #F8F6F6;
  padding: 10px 30px 30px 30px;
}
.l-permissions__mainContent.filters-expanded {
  width: 80%;
}

.m-permissions__navTab {
  height: 65px;
  width: 100%;
  display: flex;
  flex-direction: row;
  justify-content: flex-start;
  align-items: center;
  background-color: transparent;
  border-left: 6px solid transparent;
  padding-left: 40px;
  padding-right: 20px;
  color: #0c193a;
  cursor: pointer;
}
.m-permissions__navTab .m-toolTip__icon {
  margin-left: 5px;
}
.m-permissions__navTab.is--active {
  color: #0c193a;
  background-color: #F8F6F6;
  border-color: #0c193a;
  font-weight: bold;
}
.m-permissions__navTab.is--active:hover {
  background-color: #F8F6F6;
}
.m-permissions__navTab:hover {
  background-color: #F8F6F6;
}
.m-permissions__navTab .m-permissions__navTabIcon {
  margin-right: 15px;
  width: 25px;
  height: 25px;
  background-image: url("../assets/edmod-lb-nav-docs-active.svg");
  background-size: contain;
  background-repeat: no-repeat;
  background-position: center;
}
.m-permissions__navTab .m-permissions__navTabIcon.is--add-new {
  width: 25px;
  height: 25px;
  background-image: url("../assets/edmod-add-inactive.svg");
  background-size: contain;
  background-repeat: no-repeat;
  background-position: center;
}
.m-permissions__navTab.is--disabled {
  cursor: not-allowed;
}

.l-permissions__mainHeading {
  height: 70px;
  margin-bottom: 10px;
  display: flex;
  align-items: center;
  justify-content: space-between;
}
.l-permissions__mainHeading .m-permissions__mainHeader {
  font-size: 24px;
  color: #0c193a;
  font-weight: bold;
}
.l-permissions__mainHeading .m-permissions__saveActions {
  display: flex;
  align-items: center;
  justify-content: flex-end;
  gap: 10px;
}

.l-permissions__main,
.l-userRoles__main {
  border: 2px solid #d7d7d7;
  box-shadow: 0px 4px 4px rgba(112, 112, 112, 0.5);
  background-color: #fff;
  border-radius: 4px;
  min-height: 500px;
  min-width: 700px;
}

.l-permissions__main {
  padding: 5px 0px;
}

.m-permissions__userRoleHeaders {
  height: 50px;
  padding: 0px 40px;
  display: flex;
  justify-content: flex-start;
  align-items: center;
  background-color: #fff;
  z-index: 76;
  position: sticky;
  top: -1px;
}
.m-permissions__userRoleHeaders.is--stuck {
  border-bottom: 2px solid #d7d7d7;
}
.m-permissions__userRoleHeaders .m-permissions__addNewUserType {
  height: 100%;
  display: flex;
  justify-content: center;
  align-items: center;
  cursor: pointer;
}
.m-permissions__userRoleHeaders .m-permissions__addNewUserType .m-permissions__addNewUserTypeIcon {
  width: 20px;
  height: 20px;
  background-image: url("../assets/edmod-add-inactive.svg");
  background-size: contain;
  background-repeat: no-repeat;
  background-position: center;
}
.m-permissions__userRoleHeaders .m-permissions__userRoleHeader {
  position: relative;
  display: flex;
  justify-content: center;
  align-items: center;
  text-align: center;
  padding: 0 5px;
  hyphens: auto;
  height: 100%;
  font-weight: bold;
  border-right: 2px solid #d7d7d7;
}
.m-permissions__userRoleHeaders .m-permissions__userRoleHeader:last-child {
  border-right: none;
}
.m-permissions__userRoleHeaders .m-permissions__userRoleHeaderOverlay {
  position: absolute;
  display: flex;
  align-items: center;
  justify-content: flex-end;
  padding-right: 5px;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  background-color: rgba(215, 215, 215, 0);
  cursor: pointer;
  transition: background-color 0.3s;
}
.m-permissions__userRoleHeaders .m-permissions__userRoleHeaderOverlay:hover {
  background-color: rgba(215, 215, 215, 0.4);
}
.m-permissions__userRoleHeaders .m-permissions__userRoleHeaderOverlay:hover .m-permissions__editIconContainer {
  opacity: 0.85;
}
.m-permissions__userRoleHeaders .m-permissions__userRoleHeaderOverlay .m-permissions__editIconContainer {
  background-color: #fff;
  width: 20px;
  height: 20px;
  display: flex;
  justify-content: center;
  align-items: center;
  border-radius: 3px;
  opacity: 0;
  transition: opacity 0.3s;
}
.m-permissions__userRoleHeaders .m-permissions__userRoleHeaderOverlay .m-permissions__editIcon {
  width: 15px;
  height: 15px;
  background-image: url("../assets/edmod-pencil-black.svg");
  background-size: contain;
  background-repeat: no-repeat;
  background-position: center;
}

.m-permissions__group {
  margin-bottom: 10px;
  padding: 0px 20px 10px;
  border-bottom: 1px solid #d7d7d7;
}
.m-permissions__group .m-permissions__groupHeader {
  height: 40px;
  padding: 0px 20px;
  display: flex;
  justify-content: space-between;
  align-items: center;
  cursor: pointer;
}
.m-permissions__group .m-permissions__groupHeader .m-permissions__groupHeaderLeft,
.m-permissions__group .m-permissions__groupHeader .m-permissionsGroupHeaderRight {
  display: flex;
  align-items: center;
  gap: 10px;
}
.m-permissions__group .m-permissions__groupHeader .m-permissions__groupHeaderRight {
  justify-content: flex-end;
}
.m-permissions__group .m-permissions__groupHeader .m-permissions__groupTitle {
  font-size: 18px;
  color: #0c193a;
  font-weight: bold;
}
.m-permissions__group .m-permissions__groupHeader .m-permissions__groupToolTip {
  width: 16px;
  height: 16px;
  background-image: url("../assets/edmod-info-tool-tip.svg");
  background-size: contain;
  background-repeat: no-repeat;
  background-position: center;
}
.m-permissions__group .m-permissions__groupHeader .m-permissions__groupExpandIcon {
  width: 16px;
  height: 16px;
  background-image: url("../assets/edmod-caret-icon.svg");
  background-size: contain;
  background-repeat: no-repeat;
  background-position: center;
  transform: rotate(90deg);
}
.m-permissions__group .m-permissions__groupHeader .m-permissions__groupExpandIcon.is--expanded {
  transform: rotate(-90deg);
}
.m-permissions__group .m-permissions__groupContent {
  padding: 0px 20px;
  display: flex;
}
.m-permissions__group .m-permissions__groupContent .permission-title__wrapper {
  -webkit-line-clamp: 2;
  -webkit-box-orient: vertical;
  flex-grow: 0;
  flex-shrink: 0;
  padding-left: 40px;
  max-height: 40px;
  overflow: hidden;
}

.m-staffPermissions__main {
  width: 100%;
  display: flex;
  justify-content: space-between;
  align-items: center;
}
.m-staffPermissions__main .m-staffPermissions__groupTag {
  display: flex;
  align-items: center;
  padding: 3px 10px;
  background-color: #d7d7d7;
  border-radius: 4px;
  height: 25px;
}

.m-filtered-page__pageHeader {
  padding: 30px 0px 30px 46px;
  max-width: 972px;
}
.m-filtered-page__pageHeader .m-filtered-page__pageHeaderInner {
  display: flex;
  align-items: center;
  justify-content: space-between;
}
.m-filtered-page__pageHeader .m-filtered-page__pageTitle {
  font-size: 24px;
  color: #0c193a;
  font-weight: bold;
}
.m-filtered-page__pageHeader .m-filtered-page__pageSubTitle {
  font-size: 16px;
  color: #0c193a;
  font-weight: normal;
  margin-top: 15px;
}
.m-filtered-page__pageHeader:after {
  content: " ";
  display: block;
  height: 1px;
  width: 80px;
  background-color: #d7d7d7;
  margin-top: 30px;
}

.m-filtered-page__pageContent {
  padding: 0px 46px;
}

.m-filtered-page__noContentMessage {
  font-size: 24px;
  color: #225D7E;
  width: 60%;
  text-align: center;
}

.m-filter-container__filtersHeaderRow {
  min-height: 80px;
  max-height: 80px;
  width: 100%;
  display: flex;
  justify-content: center;
  align-items: center;
  border-bottom: 1px solid transparent;
}

.m-filter-container__filtersHeaderTitle {
  color: #0c193a;
  font-weight: bold;
  font-size: 18px;
  min-width: 200px;
  overflow: hidden;
}

.m-filter-container__filtersToggle {
  height: 20px;
  width: 20px;
  display: flex;
  justify-content: center;
  align-items: center;
  cursor: pointer;
  transform: rotate(0deg);
  transition: transform 0.3s;
}
.m-filter-container__filtersToggle .m-filter-container__toggleIcon {
  width: 100%;
  height: 100%;
  background-image: url("../assets/edmod-caret-icon.svg");
  background-size: contain;
  background-repeat: no-repeat;
  background-position: center;
  margin-right: 2px;
  margin-bottom: 2px;
}

.m-filter-container__filtersMain {
  width: 100%;
  padding: 15px;
}

.m-filter-container__filtersSection {
  padding-left: 15px;
  padding-bottom: 15px;
}

.m-filter-container__filtersSectionTitle {
  text-transform: uppercase;
  color: #707070;
  font-weight: bold;
  font-size: 12px;
  margin-bottom: 10px;
  letter-spacing: 1px;
}

.m-filter-container__filtersSectionContent {
  padding-left: 15px;
}

.m-filter-container__filtersGroup {
  padding-bottom: 15px;
  margin-bottom: 15px;
  border-bottom: 1px solid #d7d7d7;
  width: 100%;
}
.m-filter-container__filtersGroup:last-child {
  border-bottom: none;
}
.m-filter-container__filtersGroup.is--collapsable {
  margin-bottom: 0px;
  border-bottom: none;
}

.m-filter-container__filtersGroupTitle {
  color: #0c193a;
  font-weight: bold;
  display: flex;
  align-items: center;
}
.m-filter-container__filtersGroupTitle.is--collapsable {
  margin-left: -20px;
  cursor: pointer;
}
.m-filter-container__filtersGroupTitle .m-filter-container__filtersGroupToggle {
  width: 13px;
  height: 13px;
  margin-right: 4px;
}
.m-filter-container__filtersGroupTitle .m-filter-container__filtersGroupToggle .m-filter-container__filtersGroupToggleIcon {
  width: 100%;
  height: 100%;
  background-image: url("../assets/edmod-caret-icon.svg");
  background-size: contain;
  background-repeat: no-repeat;
  background-position: center;
  transform: rotate(90deg);
  transition: transform 0.2s;
}
.m-filter-container__filtersGroupTitle .m-filter-container__filtersGroupToggle .m-filter-container__filtersGroupToggleIcon.is--collapsed {
  transform: rotate(0deg);
}

.m-filter-container__filtersGroupContent {
  margin-top: 10px;
  max-height: 1000px;
  overflow-y: auto;
  transition: max-height 0.3s;
}
.m-filter-container__filtersGroupContent.is--collapsed {
  max-height: 0px;
  margin-top: 0px;
}

.m-filter-container__filterOption {
  width: 100%;
  display: flex;
  justify-content: flex-start;
  align-items: center;
  background-color: #fff;
  margin-bottom: 5px;
  padding: 4px 5px;
  cursor: pointer;
  transition: background-color 0.2s ease;
  min-width: 200px;
  overflow: hidden;
}
.m-filter-container__filterOption input.m-filter-container__filterOptionToggle {
  margin: 0;
  margin-right: 10px;
}
.m-filter-container__filterOption .m-filter-container__filterOptionLabel.is--cta {
  color: #225D7E;
  font-weight: bold;
}
.m-filter-container__filterOption .m-filter-container__radioOption {
  height: 13px;
  width: 13px;
  border-radius: 50%;
  border: 1px solid #707070;
  display: flex;
  align-items: center;
  justify-content: center;
  margin-right: 10px;
}
.m-filter-container__filterOption .m-filter-container__radioOption .m-filter-container__radioOptionInner {
  width: 8px;
  height: 8px;
  border-radius: 50%;
  background-color: transparent;
}
.m-filter-container__filterOption:last-of-type {
  margin-bottom: 0;
}
.m-filter-container__filterOption:hover {
  background-color: #f8f6f6;
}
.m-filter-container__filterOption.no--checkbox.is--checked .m-filter-container__radioOption {
  border-color: #EE6723;
}
.m-filter-container__filterOption.no--checkbox.is--checked .m-filter-container__radioOption .m-filter-container__radioOptionInner {
  background-color: #EE6723;
}

.m-filter-container__filterAccordianOption.is--hidden .m-filter-container__filterOptionAccordianHeader {
  background-color: #fff;
}
.m-filter-container__filterAccordianOption.is--hidden .m-filter-container__filterOptionAccordianToggleIcon {
  transform: rotate(0deg);
}
.m-filter-container__filterAccordianOption.is--hidden .m-filter-container__filterOptionAccordianOptions {
  margin-top: 0px;
  padding-left: 0px;
  height: 0;
  overflow: hidden;
}

.m-filter-container__filterOptionAccordianHeader {
  width: 100%;
  display: flex;
  justify-content: flex-start;
  align-items: center;
  background-color: #E6F0FF;
  padding: 4px 5px;
}

.m-filter-container__filterOptionAccordianToggle {
  width: 25px;
  height: 25px;
}

.m-filter-container__filterOptionAccordianToggleIcon {
  width: 100%;
  height: 100%;
  background-image: url("../assets/edmod-column-carrot.svg");
  background-size: contain;
  background-repeat: no-repeat;
  background-position: center;
  transform: rotate(90deg);
  margin-right: 2px;
  margin-bottom: 2px;
}

.m-filter-container__filterOptionAccordianOptions {
  margin-top: 5px;
  padding: 0px 5px;
}

.m-filter-container__dateFiltersContainer {
  display: flex;
  flex-direction: row;
  justify-content: space-between;
  align-items: center;
  padding: 5px 0px 10px;
}
.m-filter-container__dateFiltersContainer .react-datepicker-wrapper:first-child {
  margin-right: 20px;
}

.m-datepicker__input {
  display: block;
  width: 100%;
  flex-grow: 1;
  border: 1px solid #d7d7d7;
  padding: 0px 10px;
  height: 32px;
  line-height: 32px;
  outline: none;
  font-size: 12px;
  border-radius: 4px;
}
.m-datepicker__input::placeholder {
  text-transform: uppercase;
  margin-bottom: 2px;
}
.m-datepicker__input:focus {
  border-color: #225D7E;
}
.m-datepicker__input:focus::placeholder {
  color: #225D7E;
}

.m-filter-container__exportButton {
  color: #225D7E;
  padding: 4px 6px;
  margin-top: 5px;
  font-size: 12px;
  background-color: #E6F0FF;
  border: 1px solid #225D7E;
  border-radius: 4px;
  cursor: pointer;
  display: inline-block;
  transform: background-color 0.2s;
}
.m-filter-container__exportButton:hover {
  text-decoration: none;
  background-color: #c6ddff;
}

.m-filter-container__seeMore {
  color: #707070;
  cursor: pointer;
  display: flex;
}

.m-filter-container__manageLink {
  font-size: 12px;
  color: #225D7E;
  text-decoration: underline;
  cursor: pointer;
}

.m-searchableSelect__list {
  overflow-y: auto;
  border: 2px solid #d7d7d7;
  border-top: none;
}
.m-searchableSelect__list .m-selectableList__item {
  padding: 0px 15px;
}

.m-searchableSelect__header {
  display: flex;
  align-items: center;
  background-color: #fff;
  border: 2px solid #d7d7d7;
  border-radius: 4px 4px 0px 0px;
  padding: 10px;
}
.m-searchableSelect__header .m-searchableSelect__selectAllContainer {
  width: 24px;
  margin-right: 15px;
  flex-grow: 0;
  flex-shrink: 0;
  display: flex;
  align-items: center;
  justify-content: center;
}
.m-searchableSelect__header .m-searchableSelect__searchContainer {
  flex-grow: 1;
}

.l-team-board__container {
  width: 100%;
  height: 100%;
  display: flex;
  flex-direction: row;
  justify-content: flex-start;
  align-items: stretch;
  min-height: 600px;
  min-width: 1000px;
  color: #0c193a;
}

.l-team-board__filtersContainer {
  width: 60px;
  min-width: 50px;
  border-right: 1px solid #d7d7d7;
  background-color: #fff;
  transition: width 0.2s, min-width 0.2s;
  cursor: pointer;
}
.l-team-board__filtersContainer.is--expanded {
  width: 280px;
  min-width: 280px;
  cursor: normal;
}
.l-team-board__filtersContainer.is--expanded .m-filter-container__toggleIcon {
  transform: rotate(180deg);
}

.l-team-board__messageContainer {
  width: calc(100% - 60px);
  min-width: 620px;
  background-color: #F8F6F6;
  padding: 30px 30px 30px 30px;
}
.l-team-board__messageContainer.filters-expanded {
  width: 80%;
}

.l-team-board__loading {
  height: 205px;
  width: 100%;
  display: flex;
  justify-content: center;
  align-items: center;
  color: #707070;
  font-size: 16px;
}

.m-filtered-page__pageHeader {
  padding: 30px 0px 30px 46px;
  max-width: 972px;
}
.m-filtered-page__pageHeader .m-filtered-page__pageHeaderInner {
  display: flex;
  align-items: center;
  justify-content: space-between;
}
.m-filtered-page__pageHeader .m-filtered-page__pageTitle {
  font-size: 24px;
  color: #0c193a;
  font-weight: bold;
}
.m-filtered-page__pageHeader .m-filtered-page__pageSubTitle {
  font-size: 16px;
  color: #0c193a;
  font-weight: normal;
  margin-top: 15px;
}
.m-filtered-page__pageHeader:after {
  content: " ";
  display: block;
  height: 1px;
  width: 80px;
  background-color: #d7d7d7;
  margin-top: 30px;
}

.m-filtered-page__pageContent {
  padding: 0px 46px;
}

.m-filtered-page__noContentMessage {
  font-size: 24px;
  color: #225D7E;
  width: 60%;
  text-align: center;
}

.m-filter-container__filtersHeaderRow {
  min-height: 80px;
  max-height: 80px;
  width: 100%;
  display: flex;
  justify-content: center;
  align-items: center;
  border-bottom: 1px solid transparent;
}

.m-filter-container__filtersHeaderTitle {
  color: #0c193a;
  font-weight: bold;
  font-size: 18px;
  min-width: 200px;
  overflow: hidden;
}

.m-filter-container__filtersToggle {
  height: 20px;
  width: 20px;
  display: flex;
  justify-content: center;
  align-items: center;
  cursor: pointer;
  transform: rotate(0deg);
  transition: transform 0.3s;
}
.m-filter-container__filtersToggle .m-filter-container__toggleIcon {
  width: 100%;
  height: 100%;
  background-image: url("../assets/edmod-caret-icon.svg");
  background-size: contain;
  background-repeat: no-repeat;
  background-position: center;
  margin-right: 2px;
  margin-bottom: 2px;
}

.m-filter-container__filtersMain {
  width: 100%;
  padding: 15px;
}

.m-filter-container__filtersSection {
  padding-left: 15px;
  padding-bottom: 15px;
}

.m-filter-container__filtersSectionTitle {
  text-transform: uppercase;
  color: #707070;
  font-weight: bold;
  font-size: 12px;
  margin-bottom: 10px;
  letter-spacing: 1px;
}

.m-filter-container__filtersSectionContent {
  padding-left: 15px;
}

.m-filter-container__filtersGroup {
  padding-bottom: 15px;
  margin-bottom: 15px;
  border-bottom: 1px solid #d7d7d7;
  width: 100%;
}
.m-filter-container__filtersGroup:last-child {
  border-bottom: none;
}
.m-filter-container__filtersGroup.is--collapsable {
  margin-bottom: 0px;
  border-bottom: none;
}

.m-filter-container__filtersGroupTitle {
  color: #0c193a;
  font-weight: bold;
  display: flex;
  align-items: center;
}
.m-filter-container__filtersGroupTitle.is--collapsable {
  margin-left: -20px;
  cursor: pointer;
}
.m-filter-container__filtersGroupTitle .m-filter-container__filtersGroupToggle {
  width: 13px;
  height: 13px;
  margin-right: 4px;
}
.m-filter-container__filtersGroupTitle .m-filter-container__filtersGroupToggle .m-filter-container__filtersGroupToggleIcon {
  width: 100%;
  height: 100%;
  background-image: url("../assets/edmod-caret-icon.svg");
  background-size: contain;
  background-repeat: no-repeat;
  background-position: center;
  transform: rotate(90deg);
  transition: transform 0.2s;
}
.m-filter-container__filtersGroupTitle .m-filter-container__filtersGroupToggle .m-filter-container__filtersGroupToggleIcon.is--collapsed {
  transform: rotate(0deg);
}

.m-filter-container__filtersGroupContent {
  margin-top: 10px;
  max-height: 1000px;
  overflow-y: auto;
  transition: max-height 0.3s;
}
.m-filter-container__filtersGroupContent.is--collapsed {
  max-height: 0px;
  margin-top: 0px;
}

.m-filter-container__filterOption {
  width: 100%;
  display: flex;
  justify-content: flex-start;
  align-items: center;
  background-color: #fff;
  margin-bottom: 5px;
  padding: 4px 5px;
  cursor: pointer;
  transition: background-color 0.2s ease;
  min-width: 200px;
  overflow: hidden;
}
.m-filter-container__filterOption input.m-filter-container__filterOptionToggle {
  margin: 0;
  margin-right: 10px;
}
.m-filter-container__filterOption .m-filter-container__filterOptionLabel.is--cta {
  color: #225D7E;
  font-weight: bold;
}
.m-filter-container__filterOption .m-filter-container__radioOption {
  height: 13px;
  width: 13px;
  border-radius: 50%;
  border: 1px solid #707070;
  display: flex;
  align-items: center;
  justify-content: center;
  margin-right: 10px;
}
.m-filter-container__filterOption .m-filter-container__radioOption .m-filter-container__radioOptionInner {
  width: 8px;
  height: 8px;
  border-radius: 50%;
  background-color: transparent;
}
.m-filter-container__filterOption:last-of-type {
  margin-bottom: 0;
}
.m-filter-container__filterOption:hover {
  background-color: #f8f6f6;
}
.m-filter-container__filterOption.no--checkbox.is--checked .m-filter-container__radioOption {
  border-color: #EE6723;
}
.m-filter-container__filterOption.no--checkbox.is--checked .m-filter-container__radioOption .m-filter-container__radioOptionInner {
  background-color: #EE6723;
}

.m-filter-container__filterAccordianOption.is--hidden .m-filter-container__filterOptionAccordianHeader {
  background-color: #fff;
}
.m-filter-container__filterAccordianOption.is--hidden .m-filter-container__filterOptionAccordianToggleIcon {
  transform: rotate(0deg);
}
.m-filter-container__filterAccordianOption.is--hidden .m-filter-container__filterOptionAccordianOptions {
  margin-top: 0px;
  padding-left: 0px;
  height: 0;
  overflow: hidden;
}

.m-filter-container__filterOptionAccordianHeader {
  width: 100%;
  display: flex;
  justify-content: flex-start;
  align-items: center;
  background-color: #E6F0FF;
  padding: 4px 5px;
}

.m-filter-container__filterOptionAccordianToggle {
  width: 25px;
  height: 25px;
}

.m-filter-container__filterOptionAccordianToggleIcon {
  width: 100%;
  height: 100%;
  background-image: url("../assets/edmod-column-carrot.svg");
  background-size: contain;
  background-repeat: no-repeat;
  background-position: center;
  transform: rotate(90deg);
  margin-right: 2px;
  margin-bottom: 2px;
}

.m-filter-container__filterOptionAccordianOptions {
  margin-top: 5px;
  padding: 0px 5px;
}

.m-filter-container__dateFiltersContainer {
  display: flex;
  flex-direction: row;
  justify-content: space-between;
  align-items: center;
  padding: 5px 0px 10px;
}
.m-filter-container__dateFiltersContainer .react-datepicker-wrapper:first-child {
  margin-right: 20px;
}

.m-datepicker__input {
  display: block;
  width: 100%;
  flex-grow: 1;
  border: 1px solid #d7d7d7;
  padding: 0px 10px;
  height: 32px;
  line-height: 32px;
  outline: none;
  font-size: 12px;
  border-radius: 4px;
}
.m-datepicker__input::placeholder {
  text-transform: uppercase;
  margin-bottom: 2px;
}
.m-datepicker__input:focus {
  border-color: #225D7E;
}
.m-datepicker__input:focus::placeholder {
  color: #225D7E;
}

.m-filter-container__exportButton {
  color: #225D7E;
  padding: 4px 6px;
  margin-top: 5px;
  font-size: 12px;
  background-color: #E6F0FF;
  border: 1px solid #225D7E;
  border-radius: 4px;
  cursor: pointer;
  display: inline-block;
  transform: background-color 0.2s;
}
.m-filter-container__exportButton:hover {
  text-decoration: none;
  background-color: #c6ddff;
}

.m-filter-container__seeMore {
  color: #707070;
  cursor: pointer;
  display: flex;
}

.m-filter-container__manageLink {
  font-size: 12px;
  color: #225D7E;
  text-decoration: underline;
  cursor: pointer;
}

.m-searchableSelect__list {
  overflow-y: auto;
  border: 2px solid #d7d7d7;
  border-top: none;
}
.m-searchableSelect__list .m-selectableList__item {
  padding: 0px 15px;
}

.m-searchableSelect__header {
  display: flex;
  align-items: center;
  background-color: #fff;
  border: 2px solid #d7d7d7;
  border-radius: 4px 4px 0px 0px;
  padding: 10px;
}
.m-searchableSelect__header .m-searchableSelect__selectAllContainer {
  width: 24px;
  margin-right: 15px;
  flex-grow: 0;
  flex-shrink: 0;
  display: flex;
  align-items: center;
  justify-content: center;
}
.m-searchableSelect__header .m-searchableSelect__searchContainer {
  flex-grow: 1;
}

.l-notifications__page {
  width: 100%;
  height: 100%;
  min-width: 800px;
  min-height: 600px;
  color: #0c193a;
}

.l-notifications__container {
  width: 100%;
  height: 100%;
  display: flex;
  flex-direction: row;
  justify-content: flex-start;
  align-items: stretch;
  min-height: 600px;
  min-width: 1000px;
  color: #0c193a;
}

.l-notifications__filtersContainer {
  width: 60px;
  min-width: 50px;
  border-right: 1px solid #d7d7d7;
  background-color: #fff;
  transition: width 0.2s, min-width 0.2s;
  cursor: pointer;
  padding-top: 30px;
}
.l-notifications__filtersContainer.is--expanded {
  width: 280px;
  min-width: 280px;
  cursor: normal;
}
.l-notifications__filtersContainer.is--expanded .m-filter-container__toggleIcon {
  transform: rotate(180deg);
}

.l-notifications__mainContainer {
  width: calc(100% - 60px);
  min-width: 620px;
  background-color: #F8F6F6;
  padding: 30px 50px 30px 30px;
}
.l-notifications__mainContainer.filters-expanded {
  width: 80%;
}

.m-notifications__noNotificationsContainer {
  border: 2px solid #d7d7d7;
  box-shadow: 0px 4px 4px rgba(112, 112, 112, 0.5);
  background-color: #fff;
  border-radius: 4px;
  min-height: 400px;
  display: flex;
  justify-content: center;
  align-items: center;
  min-height: 500px;
}

.m-notifications__notificationItem {
  border: 2px solid #d7d7d7;
  box-shadow: 0px 4px 4px rgba(112, 112, 112, 0.5);
  background-color: #fff;
  border-radius: 4px;
  height: 60px;
  display: flex;
  justify-content: flex-start;
  align-items: center;
  padding-right: 20px;
  margin: 15px 0;
  cursor: pointer;
  background-color: #fff;
  transition: background-color 0.2s ease, border-color 0.2s ease;
}
.m-notifications__notificationItem:first-of-type {
  margin-top: 0;
}
.m-notifications__notificationItem:hover {
  background-color: #f8f6f6;
}

.m-notifications__notificationBanner {
  width: 0px;
  height: 100%;
  background-color: transparent;
}

.m-notifications__notificationMention {
  padding: 2px 5px;
  padding: 2px 8px;
  color: #EE6723;
  font-weight: bold;
  border-radius: 4px;
  background-color: #FCE1D3;
  border: 1px solid #EE6723;
  margin-left: 25px;
}

.m-notifications__notificationContent {
  width: calc(100% - 10px - 150px);
  padding: 0 25px;
}

.m-notifications__notificationDate {
  width: 150px;
  font-style: italic;
  text-align: right;
  font-size: 12px;
  color: #707070;
}

.m-filtered-page__pageHeader {
  padding: 30px 0px 30px 46px;
  max-width: 972px;
}
.m-filtered-page__pageHeader .m-filtered-page__pageHeaderInner {
  display: flex;
  align-items: center;
  justify-content: space-between;
}
.m-filtered-page__pageHeader .m-filtered-page__pageTitle {
  font-size: 24px;
  color: #0c193a;
  font-weight: bold;
}
.m-filtered-page__pageHeader .m-filtered-page__pageSubTitle {
  font-size: 16px;
  color: #0c193a;
  font-weight: normal;
  margin-top: 15px;
}
.m-filtered-page__pageHeader:after {
  content: " ";
  display: block;
  height: 1px;
  width: 80px;
  background-color: #d7d7d7;
  margin-top: 30px;
}

.m-filtered-page__pageContent {
  padding: 0px 46px;
}

.m-filtered-page__noContentMessage {
  font-size: 24px;
  color: #225D7E;
  width: 60%;
  text-align: center;
}

.m-filter-container__filtersHeaderRow {
  min-height: 80px;
  max-height: 80px;
  width: 100%;
  display: flex;
  justify-content: center;
  align-items: center;
  border-bottom: 1px solid transparent;
}

.m-filter-container__filtersHeaderTitle {
  color: #0c193a;
  font-weight: bold;
  font-size: 18px;
  min-width: 200px;
  overflow: hidden;
}

.m-filter-container__filtersToggle {
  height: 20px;
  width: 20px;
  display: flex;
  justify-content: center;
  align-items: center;
  cursor: pointer;
  transform: rotate(0deg);
  transition: transform 0.3s;
}
.m-filter-container__filtersToggle .m-filter-container__toggleIcon {
  width: 100%;
  height: 100%;
  background-image: url("../assets/edmod-caret-icon.svg");
  background-size: contain;
  background-repeat: no-repeat;
  background-position: center;
  margin-right: 2px;
  margin-bottom: 2px;
}

.m-filter-container__filtersMain {
  width: 100%;
  padding: 15px;
}

.m-filter-container__filtersSection {
  padding-left: 15px;
  padding-bottom: 15px;
}

.m-filter-container__filtersSectionTitle {
  text-transform: uppercase;
  color: #707070;
  font-weight: bold;
  font-size: 12px;
  margin-bottom: 10px;
  letter-spacing: 1px;
}

.m-filter-container__filtersSectionContent {
  padding-left: 15px;
}

.m-filter-container__filtersGroup {
  padding-bottom: 15px;
  margin-bottom: 15px;
  border-bottom: 1px solid #d7d7d7;
  width: 100%;
}
.m-filter-container__filtersGroup:last-child {
  border-bottom: none;
}
.m-filter-container__filtersGroup.is--collapsable {
  margin-bottom: 0px;
  border-bottom: none;
}

.m-filter-container__filtersGroupTitle {
  color: #0c193a;
  font-weight: bold;
  display: flex;
  align-items: center;
}
.m-filter-container__filtersGroupTitle.is--collapsable {
  margin-left: -20px;
  cursor: pointer;
}
.m-filter-container__filtersGroupTitle .m-filter-container__filtersGroupToggle {
  width: 13px;
  height: 13px;
  margin-right: 4px;
}
.m-filter-container__filtersGroupTitle .m-filter-container__filtersGroupToggle .m-filter-container__filtersGroupToggleIcon {
  width: 100%;
  height: 100%;
  background-image: url("../assets/edmod-caret-icon.svg");
  background-size: contain;
  background-repeat: no-repeat;
  background-position: center;
  transform: rotate(90deg);
  transition: transform 0.2s;
}
.m-filter-container__filtersGroupTitle .m-filter-container__filtersGroupToggle .m-filter-container__filtersGroupToggleIcon.is--collapsed {
  transform: rotate(0deg);
}

.m-filter-container__filtersGroupContent {
  margin-top: 10px;
  max-height: 1000px;
  overflow-y: auto;
  transition: max-height 0.3s;
}
.m-filter-container__filtersGroupContent.is--collapsed {
  max-height: 0px;
  margin-top: 0px;
}

.m-filter-container__filterOption {
  width: 100%;
  display: flex;
  justify-content: flex-start;
  align-items: center;
  background-color: #fff;
  margin-bottom: 5px;
  padding: 4px 5px;
  cursor: pointer;
  transition: background-color 0.2s ease;
  min-width: 200px;
  overflow: hidden;
}
.m-filter-container__filterOption input.m-filter-container__filterOptionToggle {
  margin: 0;
  margin-right: 10px;
}
.m-filter-container__filterOption .m-filter-container__filterOptionLabel.is--cta {
  color: #225D7E;
  font-weight: bold;
}
.m-filter-container__filterOption .m-filter-container__radioOption {
  height: 13px;
  width: 13px;
  border-radius: 50%;
  border: 1px solid #707070;
  display: flex;
  align-items: center;
  justify-content: center;
  margin-right: 10px;
}
.m-filter-container__filterOption .m-filter-container__radioOption .m-filter-container__radioOptionInner {
  width: 8px;
  height: 8px;
  border-radius: 50%;
  background-color: transparent;
}
.m-filter-container__filterOption:last-of-type {
  margin-bottom: 0;
}
.m-filter-container__filterOption:hover {
  background-color: #f8f6f6;
}
.m-filter-container__filterOption.no--checkbox.is--checked .m-filter-container__radioOption {
  border-color: #EE6723;
}
.m-filter-container__filterOption.no--checkbox.is--checked .m-filter-container__radioOption .m-filter-container__radioOptionInner {
  background-color: #EE6723;
}

.m-filter-container__filterAccordianOption.is--hidden .m-filter-container__filterOptionAccordianHeader {
  background-color: #fff;
}
.m-filter-container__filterAccordianOption.is--hidden .m-filter-container__filterOptionAccordianToggleIcon {
  transform: rotate(0deg);
}
.m-filter-container__filterAccordianOption.is--hidden .m-filter-container__filterOptionAccordianOptions {
  margin-top: 0px;
  padding-left: 0px;
  height: 0;
  overflow: hidden;
}

.m-filter-container__filterOptionAccordianHeader {
  width: 100%;
  display: flex;
  justify-content: flex-start;
  align-items: center;
  background-color: #E6F0FF;
  padding: 4px 5px;
}

.m-filter-container__filterOptionAccordianToggle {
  width: 25px;
  height: 25px;
}

.m-filter-container__filterOptionAccordianToggleIcon {
  width: 100%;
  height: 100%;
  background-image: url("../assets/edmod-column-carrot.svg");
  background-size: contain;
  background-repeat: no-repeat;
  background-position: center;
  transform: rotate(90deg);
  margin-right: 2px;
  margin-bottom: 2px;
}

.m-filter-container__filterOptionAccordianOptions {
  margin-top: 5px;
  padding: 0px 5px;
}

.m-filter-container__dateFiltersContainer {
  display: flex;
  flex-direction: row;
  justify-content: space-between;
  align-items: center;
  padding: 5px 0px 10px;
}
.m-filter-container__dateFiltersContainer .react-datepicker-wrapper:first-child {
  margin-right: 20px;
}

.m-datepicker__input {
  display: block;
  width: 100%;
  flex-grow: 1;
  border: 1px solid #d7d7d7;
  padding: 0px 10px;
  height: 32px;
  line-height: 32px;
  outline: none;
  font-size: 12px;
  border-radius: 4px;
}
.m-datepicker__input::placeholder {
  text-transform: uppercase;
  margin-bottom: 2px;
}
.m-datepicker__input:focus {
  border-color: #225D7E;
}
.m-datepicker__input:focus::placeholder {
  color: #225D7E;
}

.m-filter-container__exportButton {
  color: #225D7E;
  padding: 4px 6px;
  margin-top: 5px;
  font-size: 12px;
  background-color: #E6F0FF;
  border: 1px solid #225D7E;
  border-radius: 4px;
  cursor: pointer;
  display: inline-block;
  transform: background-color 0.2s;
}
.m-filter-container__exportButton:hover {
  text-decoration: none;
  background-color: #c6ddff;
}

.m-filter-container__seeMore {
  color: #707070;
  cursor: pointer;
  display: flex;
}

.m-filter-container__manageLink {
  font-size: 12px;
  color: #225D7E;
  text-decoration: underline;
  cursor: pointer;
}

.m-searchableSelect__list {
  overflow-y: auto;
  border: 2px solid #d7d7d7;
  border-top: none;
}
.m-searchableSelect__list .m-selectableList__item {
  padding: 0px 15px;
}

.m-searchableSelect__header {
  display: flex;
  align-items: center;
  background-color: #fff;
  border: 2px solid #d7d7d7;
  border-radius: 4px 4px 0px 0px;
  padding: 10px;
}
.m-searchableSelect__header .m-searchableSelect__selectAllContainer {
  width: 24px;
  margin-right: 15px;
  flex-grow: 0;
  flex-shrink: 0;
  display: flex;
  align-items: center;
  justify-content: center;
}
.m-searchableSelect__header .m-searchableSelect__searchContainer {
  flex-grow: 1;
}

.l-dashboard__container {
  width: 100%;
  height: 100%;
  min-width: 800px;
  min-height: 600px;
  color: #0c193a;
}

.l-dashboard__navigation {
  position: relative;
  display: flex;
  justify-content: space-between;
  align-items: center;
  padding: 0 30px;
}

.m-dashboard-nav__teacherName {
  font-weight: bold;
  padding: 4px 0;
  border-bottom: 2px solid #0c193a;
  font-weight: normal;
}

.m-dashboard-nav__navLinks {
  padding-left: 20px;
  display: flex;
  flex-direction: flex-start;
  align-items: center;
}
.m-dashboard-nav__navLinks a {
  color: #0c193a;
  padding: 20px 5px 13px 5px;
  margin-right: 30px;
  border-bottom: 7px solid transparent;
  cursor: pointer;
  transition: color 0.2s ease, border-color 0.2s ease;
  display: flex;
  align-items: center;
}
.m-dashboard-nav__navLinks a:hover, .m-dashboard-nav__navLinks a.selected-tab {
  color: #0c193a;
  text-decoration: none;
  border-color: #0c193a;
}
.m-dashboard-nav__navLinks a.selected-tab {
  font-weight: bold;
}
.m-dashboard-nav__navLinks .m-toolTip__icon {
  margin-left: 5px;
}

.m-filtered-page__pageHeader {
  padding: 30px 0px 30px 46px;
  max-width: 972px;
}
.m-filtered-page__pageHeader .m-filtered-page__pageHeaderInner {
  display: flex;
  align-items: center;
  justify-content: space-between;
}
.m-filtered-page__pageHeader .m-filtered-page__pageTitle {
  font-size: 24px;
  color: #0c193a;
  font-weight: bold;
}
.m-filtered-page__pageHeader .m-filtered-page__pageSubTitle {
  font-size: 16px;
  color: #0c193a;
  font-weight: normal;
  margin-top: 15px;
}
.m-filtered-page__pageHeader:after {
  content: " ";
  display: block;
  height: 1px;
  width: 80px;
  background-color: #d7d7d7;
  margin-top: 30px;
}

.m-filtered-page__pageContent {
  padding: 0px 46px;
}

.m-filtered-page__noContentMessage {
  font-size: 24px;
  color: #225D7E;
  width: 60%;
  text-align: center;
}

.m-filter-container__filtersHeaderRow {
  min-height: 80px;
  max-height: 80px;
  width: 100%;
  display: flex;
  justify-content: center;
  align-items: center;
  border-bottom: 1px solid transparent;
}

.m-filter-container__filtersHeaderTitle {
  color: #0c193a;
  font-weight: bold;
  font-size: 18px;
  min-width: 200px;
  overflow: hidden;
}

.m-filter-container__filtersToggle {
  height: 20px;
  width: 20px;
  display: flex;
  justify-content: center;
  align-items: center;
  cursor: pointer;
  transform: rotate(0deg);
  transition: transform 0.3s;
}
.m-filter-container__filtersToggle .m-filter-container__toggleIcon {
  width: 100%;
  height: 100%;
  background-image: url("../assets/edmod-caret-icon.svg");
  background-size: contain;
  background-repeat: no-repeat;
  background-position: center;
  margin-right: 2px;
  margin-bottom: 2px;
}

.m-filter-container__filtersMain {
  width: 100%;
  padding: 15px;
}

.m-filter-container__filtersSection {
  padding-left: 15px;
  padding-bottom: 15px;
}

.m-filter-container__filtersSectionTitle {
  text-transform: uppercase;
  color: #707070;
  font-weight: bold;
  font-size: 12px;
  margin-bottom: 10px;
  letter-spacing: 1px;
}

.m-filter-container__filtersSectionContent {
  padding-left: 15px;
}

.m-filter-container__filtersGroup {
  padding-bottom: 15px;
  margin-bottom: 15px;
  border-bottom: 1px solid #d7d7d7;
  width: 100%;
}
.m-filter-container__filtersGroup:last-child {
  border-bottom: none;
}
.m-filter-container__filtersGroup.is--collapsable {
  margin-bottom: 0px;
  border-bottom: none;
}

.m-filter-container__filtersGroupTitle {
  color: #0c193a;
  font-weight: bold;
  display: flex;
  align-items: center;
}
.m-filter-container__filtersGroupTitle.is--collapsable {
  margin-left: -20px;
  cursor: pointer;
}
.m-filter-container__filtersGroupTitle .m-filter-container__filtersGroupToggle {
  width: 13px;
  height: 13px;
  margin-right: 4px;
}
.m-filter-container__filtersGroupTitle .m-filter-container__filtersGroupToggle .m-filter-container__filtersGroupToggleIcon {
  width: 100%;
  height: 100%;
  background-image: url("../assets/edmod-caret-icon.svg");
  background-size: contain;
  background-repeat: no-repeat;
  background-position: center;
  transform: rotate(90deg);
  transition: transform 0.2s;
}
.m-filter-container__filtersGroupTitle .m-filter-container__filtersGroupToggle .m-filter-container__filtersGroupToggleIcon.is--collapsed {
  transform: rotate(0deg);
}

.m-filter-container__filtersGroupContent {
  margin-top: 10px;
  max-height: 1000px;
  overflow-y: auto;
  transition: max-height 0.3s;
}
.m-filter-container__filtersGroupContent.is--collapsed {
  max-height: 0px;
  margin-top: 0px;
}

.m-filter-container__filterOption {
  width: 100%;
  display: flex;
  justify-content: flex-start;
  align-items: center;
  background-color: #fff;
  margin-bottom: 5px;
  padding: 4px 5px;
  cursor: pointer;
  transition: background-color 0.2s ease;
  min-width: 200px;
  overflow: hidden;
}
.m-filter-container__filterOption input.m-filter-container__filterOptionToggle {
  margin: 0;
  margin-right: 10px;
}
.m-filter-container__filterOption .m-filter-container__filterOptionLabel.is--cta {
  color: #225D7E;
  font-weight: bold;
}
.m-filter-container__filterOption .m-filter-container__radioOption {
  height: 13px;
  width: 13px;
  border-radius: 50%;
  border: 1px solid #707070;
  display: flex;
  align-items: center;
  justify-content: center;
  margin-right: 10px;
}
.m-filter-container__filterOption .m-filter-container__radioOption .m-filter-container__radioOptionInner {
  width: 8px;
  height: 8px;
  border-radius: 50%;
  background-color: transparent;
}
.m-filter-container__filterOption:last-of-type {
  margin-bottom: 0;
}
.m-filter-container__filterOption:hover {
  background-color: #f8f6f6;
}
.m-filter-container__filterOption.no--checkbox.is--checked .m-filter-container__radioOption {
  border-color: #EE6723;
}
.m-filter-container__filterOption.no--checkbox.is--checked .m-filter-container__radioOption .m-filter-container__radioOptionInner {
  background-color: #EE6723;
}

.m-filter-container__filterAccordianOption.is--hidden .m-filter-container__filterOptionAccordianHeader {
  background-color: #fff;
}
.m-filter-container__filterAccordianOption.is--hidden .m-filter-container__filterOptionAccordianToggleIcon {
  transform: rotate(0deg);
}
.m-filter-container__filterAccordianOption.is--hidden .m-filter-container__filterOptionAccordianOptions {
  margin-top: 0px;
  padding-left: 0px;
  height: 0;
  overflow: hidden;
}

.m-filter-container__filterOptionAccordianHeader {
  width: 100%;
  display: flex;
  justify-content: flex-start;
  align-items: center;
  background-color: #E6F0FF;
  padding: 4px 5px;
}

.m-filter-container__filterOptionAccordianToggle {
  width: 25px;
  height: 25px;
}

.m-filter-container__filterOptionAccordianToggleIcon {
  width: 100%;
  height: 100%;
  background-image: url("../assets/edmod-column-carrot.svg");
  background-size: contain;
  background-repeat: no-repeat;
  background-position: center;
  transform: rotate(90deg);
  margin-right: 2px;
  margin-bottom: 2px;
}

.m-filter-container__filterOptionAccordianOptions {
  margin-top: 5px;
  padding: 0px 5px;
}

.m-filter-container__dateFiltersContainer {
  display: flex;
  flex-direction: row;
  justify-content: space-between;
  align-items: center;
  padding: 5px 0px 10px;
}
.m-filter-container__dateFiltersContainer .react-datepicker-wrapper:first-child {
  margin-right: 20px;
}

.m-datepicker__input {
  display: block;
  width: 100%;
  flex-grow: 1;
  border: 1px solid #d7d7d7;
  padding: 0px 10px;
  height: 32px;
  line-height: 32px;
  outline: none;
  font-size: 12px;
  border-radius: 4px;
}
.m-datepicker__input::placeholder {
  text-transform: uppercase;
  margin-bottom: 2px;
}
.m-datepicker__input:focus {
  border-color: #225D7E;
}
.m-datepicker__input:focus::placeholder {
  color: #225D7E;
}

.m-filter-container__exportButton {
  color: #225D7E;
  padding: 4px 6px;
  margin-top: 5px;
  font-size: 12px;
  background-color: #E6F0FF;
  border: 1px solid #225D7E;
  border-radius: 4px;
  cursor: pointer;
  display: inline-block;
  transform: background-color 0.2s;
}
.m-filter-container__exportButton:hover {
  text-decoration: none;
  background-color: #c6ddff;
}

.m-filter-container__seeMore {
  color: #707070;
  cursor: pointer;
  display: flex;
}

.m-filter-container__manageLink {
  font-size: 12px;
  color: #225D7E;
  text-decoration: underline;
  cursor: pointer;
}

.m-searchableSelect__list {
  overflow-y: auto;
  border: 2px solid #d7d7d7;
  border-top: none;
}
.m-searchableSelect__list .m-selectableList__item {
  padding: 0px 15px;
}

.m-searchableSelect__header {
  display: flex;
  align-items: center;
  background-color: #fff;
  border: 2px solid #d7d7d7;
  border-radius: 4px 4px 0px 0px;
  padding: 10px;
}
.m-searchableSelect__header .m-searchableSelect__selectAllContainer {
  width: 24px;
  margin-right: 15px;
  flex-grow: 0;
  flex-shrink: 0;
  display: flex;
  align-items: center;
  justify-content: center;
}
.m-searchableSelect__header .m-searchableSelect__searchContainer {
  flex-grow: 1;
}

.l-settings__container {
  width: 100%;
  height: 100%;
  min-width: 800px;
  min-height: 600px;
  color: #0c193a;
}

.l-settings__navigation {
  display: flex;
  flex-direction: row;
  align-items: center;
  justify-content: flex-start;
  height: 60px;
  font-size: 14px;
  background-color: #fff;
  box-shadow: 0px 1px 10px rgba(112, 112, 112, 0.2);
  position: relative;
  display: flex;
  justify-content: flex-start;
  align-items: center;
  padding: 0 30px;
  z-index: 15001;
}

.m-settings-nav__titleContainer {
  min-width: 240px;
  display: flex;
  align-items: center;
}

.m-settings-nav__title {
  font-weight: bold;
  padding: 4px 0;
  border-bottom: 2px solid #0c193a;
}

.m-settings-nav__navLinks {
  padding-left: 20px;
  display: flex;
  flex-direction: flex-start;
  align-items: center;
}
.m-settings-nav__navLinks a {
  color: #0c193a;
  padding: 20px 5px 13px 5px;
  margin-right: 30px;
  border-bottom: 7px solid transparent;
  cursor: pointer;
  transition: color 0.2s ease, border-color 0.2s ease;
  display: flex;
  align-items: center;
}
.m-settings-nav__navLinks a:hover, .m-settings-nav__navLinks a.selected-tab {
  color: #0c193a;
  text-decoration: none;
  border-color: #0c193a;
}
.m-settings-nav__navLinks a.selected-tab {
  font-weight: bold;
}
.m-settings-nav__navLinks .m-toolTip__icon {
  margin-left: 5px;
}

.l-email-settings__container {
  width: 100%;
  height: 100%;
  display: flex;
  flex-direction: row;
  justify-content: flex-start;
  align-items: stretch;
  min-height: 600px;
  min-width: 1000px;
  color: #0c193a;
}

.l-email-settings__filtersContainer {
  width: 60px;
  min-width: 50px;
  border-right: 1px solid #d7d7d7;
  background-color: #fff;
  transition: width 0.2s, min-width 0.2s;
  cursor: pointer;
}
.l-email-settings__filtersContainer.is--expanded {
  width: 280px;
  min-width: 280px;
  cursor: normal;
}
.l-email-settings__filtersContainer.is--expanded .m-filter-container__toggleIcon {
  transform: rotate(180deg);
}

.l-email-settings__mainContainer {
  width: calc(100% - 60px);
  min-width: 620px;
  background-color: #F8F6F6;
  padding: 10px 50px 30px 30px;
}
.l-email-settings__mainContainer.filters-expanded {
  width: 80%;
}

.m-email-settings__sectionTitle {
  height: 60px;
  display: flex;
  justify-content: flex-start;
  align-items: center;
  font-size: 24px;
  color: #0c193a;
  font-weight: bold;
}

.m-email-settings__sectionOption {
  height: 35px;
  display: flex;
  justify-content: flex-start;
  align-items: center;
}
.m-email-settings__sectionOption input[type=checkbox] {
  margin: 0;
  margin-right: 10px;
}

.m-filtered-page__pageHeader {
  padding: 30px 0px 30px 46px;
  max-width: 972px;
}
.m-filtered-page__pageHeader .m-filtered-page__pageHeaderInner {
  display: flex;
  align-items: center;
  justify-content: space-between;
}
.m-filtered-page__pageHeader .m-filtered-page__pageTitle {
  font-size: 24px;
  color: #0c193a;
  font-weight: bold;
}
.m-filtered-page__pageHeader .m-filtered-page__pageSubTitle {
  font-size: 16px;
  color: #0c193a;
  font-weight: normal;
  margin-top: 15px;
}
.m-filtered-page__pageHeader:after {
  content: " ";
  display: block;
  height: 1px;
  width: 80px;
  background-color: #d7d7d7;
  margin-top: 30px;
}

.m-filtered-page__pageContent {
  padding: 0px 46px;
}

.m-filtered-page__noContentMessage {
  font-size: 24px;
  color: #225D7E;
  width: 60%;
  text-align: center;
}

.m-filter-container__filtersHeaderRow {
  min-height: 80px;
  max-height: 80px;
  width: 100%;
  display: flex;
  justify-content: center;
  align-items: center;
  border-bottom: 1px solid transparent;
}

.m-filter-container__filtersHeaderTitle {
  color: #0c193a;
  font-weight: bold;
  font-size: 18px;
  min-width: 200px;
  overflow: hidden;
}

.m-filter-container__filtersToggle {
  height: 20px;
  width: 20px;
  display: flex;
  justify-content: center;
  align-items: center;
  cursor: pointer;
  transform: rotate(0deg);
  transition: transform 0.3s;
}
.m-filter-container__filtersToggle .m-filter-container__toggleIcon {
  width: 100%;
  height: 100%;
  background-image: url("../assets/edmod-caret-icon.svg");
  background-size: contain;
  background-repeat: no-repeat;
  background-position: center;
  margin-right: 2px;
  margin-bottom: 2px;
}

.m-filter-container__filtersMain {
  width: 100%;
  padding: 15px;
}

.m-filter-container__filtersSection {
  padding-left: 15px;
  padding-bottom: 15px;
}

.m-filter-container__filtersSectionTitle {
  text-transform: uppercase;
  color: #707070;
  font-weight: bold;
  font-size: 12px;
  margin-bottom: 10px;
  letter-spacing: 1px;
}

.m-filter-container__filtersSectionContent {
  padding-left: 15px;
}

.m-filter-container__filtersGroup {
  padding-bottom: 15px;
  margin-bottom: 15px;
  border-bottom: 1px solid #d7d7d7;
  width: 100%;
}
.m-filter-container__filtersGroup:last-child {
  border-bottom: none;
}
.m-filter-container__filtersGroup.is--collapsable {
  margin-bottom: 0px;
  border-bottom: none;
}

.m-filter-container__filtersGroupTitle {
  color: #0c193a;
  font-weight: bold;
  display: flex;
  align-items: center;
}
.m-filter-container__filtersGroupTitle.is--collapsable {
  margin-left: -20px;
  cursor: pointer;
}
.m-filter-container__filtersGroupTitle .m-filter-container__filtersGroupToggle {
  width: 13px;
  height: 13px;
  margin-right: 4px;
}
.m-filter-container__filtersGroupTitle .m-filter-container__filtersGroupToggle .m-filter-container__filtersGroupToggleIcon {
  width: 100%;
  height: 100%;
  background-image: url("../assets/edmod-caret-icon.svg");
  background-size: contain;
  background-repeat: no-repeat;
  background-position: center;
  transform: rotate(90deg);
  transition: transform 0.2s;
}
.m-filter-container__filtersGroupTitle .m-filter-container__filtersGroupToggle .m-filter-container__filtersGroupToggleIcon.is--collapsed {
  transform: rotate(0deg);
}

.m-filter-container__filtersGroupContent {
  margin-top: 10px;
  max-height: 1000px;
  overflow-y: auto;
  transition: max-height 0.3s;
}
.m-filter-container__filtersGroupContent.is--collapsed {
  max-height: 0px;
  margin-top: 0px;
}

.m-filter-container__filterOption {
  width: 100%;
  display: flex;
  justify-content: flex-start;
  align-items: center;
  background-color: #fff;
  margin-bottom: 5px;
  padding: 4px 5px;
  cursor: pointer;
  transition: background-color 0.2s ease;
  min-width: 200px;
  overflow: hidden;
}
.m-filter-container__filterOption input.m-filter-container__filterOptionToggle {
  margin: 0;
  margin-right: 10px;
}
.m-filter-container__filterOption .m-filter-container__filterOptionLabel.is--cta {
  color: #225D7E;
  font-weight: bold;
}
.m-filter-container__filterOption .m-filter-container__radioOption {
  height: 13px;
  width: 13px;
  border-radius: 50%;
  border: 1px solid #707070;
  display: flex;
  align-items: center;
  justify-content: center;
  margin-right: 10px;
}
.m-filter-container__filterOption .m-filter-container__radioOption .m-filter-container__radioOptionInner {
  width: 8px;
  height: 8px;
  border-radius: 50%;
  background-color: transparent;
}
.m-filter-container__filterOption:last-of-type {
  margin-bottom: 0;
}
.m-filter-container__filterOption:hover {
  background-color: #f8f6f6;
}
.m-filter-container__filterOption.no--checkbox.is--checked .m-filter-container__radioOption {
  border-color: #EE6723;
}
.m-filter-container__filterOption.no--checkbox.is--checked .m-filter-container__radioOption .m-filter-container__radioOptionInner {
  background-color: #EE6723;
}

.m-filter-container__filterAccordianOption.is--hidden .m-filter-container__filterOptionAccordianHeader {
  background-color: #fff;
}
.m-filter-container__filterAccordianOption.is--hidden .m-filter-container__filterOptionAccordianToggleIcon {
  transform: rotate(0deg);
}
.m-filter-container__filterAccordianOption.is--hidden .m-filter-container__filterOptionAccordianOptions {
  margin-top: 0px;
  padding-left: 0px;
  height: 0;
  overflow: hidden;
}

.m-filter-container__filterOptionAccordianHeader {
  width: 100%;
  display: flex;
  justify-content: flex-start;
  align-items: center;
  background-color: #E6F0FF;
  padding: 4px 5px;
}

.m-filter-container__filterOptionAccordianToggle {
  width: 25px;
  height: 25px;
}

.m-filter-container__filterOptionAccordianToggleIcon {
  width: 100%;
  height: 100%;
  background-image: url("../assets/edmod-column-carrot.svg");
  background-size: contain;
  background-repeat: no-repeat;
  background-position: center;
  transform: rotate(90deg);
  margin-right: 2px;
  margin-bottom: 2px;
}

.m-filter-container__filterOptionAccordianOptions {
  margin-top: 5px;
  padding: 0px 5px;
}

.m-filter-container__dateFiltersContainer {
  display: flex;
  flex-direction: row;
  justify-content: space-between;
  align-items: center;
  padding: 5px 0px 10px;
}
.m-filter-container__dateFiltersContainer .react-datepicker-wrapper:first-child {
  margin-right: 20px;
}

.m-datepicker__input {
  display: block;
  width: 100%;
  flex-grow: 1;
  border: 1px solid #d7d7d7;
  padding: 0px 10px;
  height: 32px;
  line-height: 32px;
  outline: none;
  font-size: 12px;
  border-radius: 4px;
}
.m-datepicker__input::placeholder {
  text-transform: uppercase;
  margin-bottom: 2px;
}
.m-datepicker__input:focus {
  border-color: #225D7E;
}
.m-datepicker__input:focus::placeholder {
  color: #225D7E;
}

.m-filter-container__exportButton {
  color: #225D7E;
  padding: 4px 6px;
  margin-top: 5px;
  font-size: 12px;
  background-color: #E6F0FF;
  border: 1px solid #225D7E;
  border-radius: 4px;
  cursor: pointer;
  display: inline-block;
  transform: background-color 0.2s;
}
.m-filter-container__exportButton:hover {
  text-decoration: none;
  background-color: #c6ddff;
}

.m-filter-container__seeMore {
  color: #707070;
  cursor: pointer;
  display: flex;
}

.m-filter-container__manageLink {
  font-size: 12px;
  color: #225D7E;
  text-decoration: underline;
  cursor: pointer;
}

.m-searchableSelect__list {
  overflow-y: auto;
  border: 2px solid #d7d7d7;
  border-top: none;
}
.m-searchableSelect__list .m-selectableList__item {
  padding: 0px 15px;
}

.m-searchableSelect__header {
  display: flex;
  align-items: center;
  background-color: #fff;
  border: 2px solid #d7d7d7;
  border-radius: 4px 4px 0px 0px;
  padding: 10px;
}
.m-searchableSelect__header .m-searchableSelect__selectAllContainer {
  width: 24px;
  margin-right: 15px;
  flex-grow: 0;
  flex-shrink: 0;
  display: flex;
  align-items: center;
  justify-content: center;
}
.m-searchableSelect__header .m-searchableSelect__searchContainer {
  flex-grow: 1;
}

.l-roster-management__page {
  width: 100%;
  height: 100%;
  min-width: 800px;
  min-height: 600px;
  color: #0c193a;
}

.l-roster-management__container {
  width: 100%;
  height: 100%;
  display: flex;
  flex-direction: row;
  justify-content: flex-start;
  align-items: stretch;
  min-height: 600px;
  min-width: 1000px;
  color: #0c193a;
}

.l-roster-management__filtersContainer {
  width: 60px;
  min-width: 50px;
  border-right: 1px solid #d7d7d7;
  background-color: #fff;
  transition: width 0.2s, min-width 0.2s;
  cursor: pointer;
  padding-top: 30px;
}
.l-roster-management__filtersContainer.is--expanded {
  width: 280px;
  min-width: 280px;
  cursor: normal;
}
.l-roster-management__filtersContainer.is--expanded .m-filter-container__toggleIcon {
  transform: rotate(180deg);
}
.l-roster-management__filtersContainer .m-filter-container__filtersToggle {
  display: none;
}

.l-roster-management__mainContainer {
  width: calc(100% - 60px);
  min-width: 620px;
  background-color: #F8F6F6;
  padding: 30px 50px 30px 30px;
}
.l-roster-management__mainContainer.filters-expanded {
  width: 80%;
}

.l-roster-management__contentContainer {
  border: 2px solid #d7d7d7;
  box-shadow: 0px 4px 4px rgba(112, 112, 112, 0.5);
  background-color: #fff;
  border-radius: 4px;
  padding: 0px;
}

.m-roster-management-list__header {
  display: flex;
  flex-direction: row;
  align-items: center;
  justify-content: space-between;
  position: relative;
  height: 58px;
  padding: 0px 20px;
  border-bottom: 1px solid #225D7E;
}

.m-roster-management-list__headerLeft {
  display: flex;
  flex-direction: row;
  align-items: center;
  justify-content: flex-start;
  width: 50%;
}

.m-roster-management-list__headerRight {
  display: flex;
  flex-direction: row;
  align-items: center;
  justify-content: flex-end;
  width: 50%;
  padding-right: 40px;
}

.m-roster-management-list__headerTitle {
  font-weight: bold;
  margin-right: 25px;
}

.m-roster-management-list__rosterToggles {
  display: flex;
  flex-direction: row;
  align-items: center;
  justify-content: flex-start;
}

.m-roster-management-list__rosterToggle {
  color: #0c193a;
  padding: 20px 5px 13px 5px;
  margin-right: 30px;
  border-bottom: 7px solid transparent;
  cursor: pointer;
  transition: color 0.2s ease, border-color 0.2s ease;
  padding: 3px 5px;
  margin-right: 20px;
}
.m-roster-management-list__rosterToggle:hover, .m-roster-management-list__rosterToggle.selected-tab {
  color: #0c193a;
  text-decoration: none;
  border-color: #0c193a;
}
.m-roster-management-list__rosterToggle.selected-tab {
  font-weight: bold;
}

.m-roster-management-list__searchList {
  height: 34px;
  width: 34px;
  background-color: #f8f6f6;
  border: 1px solid #d7d7d7;
  border-radius: 18px;
  padding: 0px 0px 0px 8px;
  display: flex;
  flex-direction: row;
  align-items: center;
  justify-content: flex-start;
  cursor: pointer;
}
.m-roster-management-list__searchList.is--focused {
  background-color: #fff;
  border-color: #225D7E;
}
.m-roster-management-list__searchList.is--expanded {
  width: 100%;
  max-width: 350px;
  min-width: 150px;
  padding: 0px 10px;
}
.m-roster-management-list__searchList .m-roster-management-list__searchIconContainer.is--search-icon {
  width: 17px;
  height: 17px;
}
.m-roster-management-list__searchList .m-roster-management-list__searchIconContainer.is--search-icon .m-roster-management-list__searchIcon {
  width: 100%;
  height: 100%;
  background-image: url("../assets/edmod-search-icon-gray.svg");
  background-size: contain;
  background-repeat: no-repeat;
  background-position: center;
}
.m-roster-management-list__searchList .m-roster-management-list__searchIconContainer.is--close-icon {
  width: 14px;
  height: 14px;
}
.m-roster-management-list__searchList .m-roster-management-list__searchIconContainer.is--close-icon .m-roster-management-list__clearIcon {
  width: 100%;
  height: 100%;
  background-image: url("../assets/edmod-darker-close-icon.svg");
  background-size: contain;
  background-repeat: no-repeat;
  background-position: center;
}
.m-roster-management-list__searchList input[type=text] {
  width: 100%;
  background: transparent;
  outline: none;
  border: none;
  margin-left: 8px;
}

.m-roster-management-list__memberList {
  position: relative;
  overflow-x: hidden;
}

.m-roster-management-list__memberOverlay {
  position: absolute;
  width: 100%;
  height: 100%;
  left: 0px;
  top: 0px;
  background-color: #0c193a;
  opacity: 0.4;
}
.m-roster-management-list__memberOverlay.is--offset {
  top: 72px;
  height: calc(100% - 72px);
}

.m-roster-management-list__addMemberContainer {
  display: flex;
  flex-direction: row;
  align-items: center;
  justify-content: space-between;
  min-height: 45px;
  padding: 0px 20px;
  background-color: #fff;
  border: 1px solid #fff;
  border-top: none;
}
.m-roster-management-list__addMemberContainer.is--active {
  min-height: 72px;
  border-color: #225D7E;
}

.m-roster-management-list__addMemberButton {
  display: flex;
  flex-direction: row;
  align-items: center;
  justify-content: flex-start;
  height: 33px;
  color: #225D7E;
  font-weight: bold;
  cursor: pointer;
}

.m-roster-management-list__addMemberResultOption {
  display: flex;
  flex-direction: row;
  align-items: center;
  justify-content: space-between;
}

.m-roster-management-list__addMemberResultStatus .is--in-course {
  color: #67686b;
}
.m-roster-management-list__addMemberResultStatus .is--not-in-course {
  color: #225D7E;
  text-decoration: underline;
}
.m-roster-management-list__addMemberResultStatus .is--just-added-to-course {
  color: #00c445;
  font-weight: bold;
}

.m-roster-management-list__addMemberFooter {
  height: 36px;
  width: 15%;
  display: flex;
  flex-direction: row;
  align-items: center;
  justify-content: flex-end;
}

.m-roster-management-list__addMemberDone {
  width: 16px;
  height: 16px;
  cursor: pointer;
}
.m-roster-management-list__addMemberDone .m-roster-management-list__addMemberCloseIcon {
  width: 100%;
  height: 100%;
  background-image: url("../assets/edmod-close-icon-gray.svg");
  background-size: contain;
  background-repeat: no-repeat;
  background-position: center;
}

.m-roster-management-list__addMemberSearchNoResult {
  width: 100%;
  display: flex;
  flex-direction: row;
  align-items: center;
  justify-content: center;
}
.m-roster-management-list__addMemberSearchNoResult a {
  color: #225D7E;
  cursor: pointer;
  margin-left: 5px;
  text-decoration: underline;
}

.m-roster-management-list__noMembers {
  width: 100%;
  height: 250px;
  display: flex;
  flex-direction: row;
  align-items: center;
  justify-content: center;
}

.m-roster-management-list__noMembersMessage a {
  color: #225D7E;
  cursor: pointer;
  margin-left: 5px;
  text-decoration: underline;
}

.m-roster-management-list__memberItem {
  display: flex;
  flex-direction: column;
  align-items: flex-start;
  justify-content: flex-start;
  position: relative;
  min-height: 30px;
  padding: 0px 20px;
  background-color: #fff;
  border: 1px solid #fff;
  cursor: pointer;
  transition: border-color 0.2s ease, min-height 0.3s ease;
}
.m-roster-management-list__memberItem:nth-child(odd) {
  background-color: #f8f6f6;
  border-color: #f8f6f6;
}
.m-roster-management-list__memberItem:hover {
  border-color: #225D7E;
}
.m-roster-management-list__memberItem:hover .m-roster-management-list__memberOptions {
  opacity: 1;
}
.m-roster-management-list__memberItem.is--expanded {
  border-color: #225D7E;
  min-height: 250px;
  cursor: default;
}
.m-roster-management-list__memberItem.is--expanded .m-roster-management-list__memberItemHeader {
  height: 45px;
  border-bottom: 1px solid #d7d7d7;
}
.m-roster-management-list__memberItem.is--expanded .m-roster-management-list__memberItemHeader .m-roster-management-list__memberName {
  font-weight: bold;
  color: #225D7E;
}
.m-roster-management-list__memberItem.is--expanded:hover .m-roster-management-list__memberOptions {
  opacity: 0;
}

.m-roster-management-list__memberRowFiller {
  min-height: 35px;
  background-color: #fff;
  border: 1px solid #fff;
  color: #67686b;
  display: flex;
  flex-direction: row;
  align-items: center;
  justify-content: center;
}
.m-roster-management-list__memberRowFiller:nth-child(odd) {
  background-color: #f8f6f6;
  border-color: #f8f6f6;
}

.m-roster-management-list__memberItemHeader {
  height: 33px;
  width: 100%;
  display: flex;
  flex-direction: row;
  align-items: center;
  justify-content: space-between;
}

.m-roster-management-list__memberOptions {
  display: flex;
  flex-direction: row;
  align-items: center;
  justify-content: flex-end;
  opacity: 0;
  transition: opacity 0.2s;
}
.m-roster-management-list__memberOptions .m-roster-management-list__editOption.is--clickable,
.m-roster-management-list__memberOptions .m-roster-management-list__removeOption.is--clickable {
  color: #225D7E;
  text-decoration: underline;
}
.m-roster-management-list__memberOptions .m-roster-management-list__editOption {
  margin-right: 20px;
}

.m-roster-management-list__memberDetails {
  width: 100%;
  padding-bottom: 10px;
}

.m-roster-management-list__editMemberValuesContainer {
  padding: 10px 0px;
}

.m-roster-management-list__memberValue {
  height: 35px;
  display: flex;
  flex-direction: row;
  align-items: center;
  justify-content: flex-start;
}
.m-roster-management-list__memberValue input[type=text] {
  display: inline-block;
  border: none;
  background: transparent;
  border-bottom: 1px solid #d7d7d7;
  padding: 3px 5px;
  outline: none;
  max-width: 250px;
  width: 100%;
}
.m-roster-management-list__memberValue input[type=text]:focus {
  border-color: #225D7E;
}
.m-roster-management-list__memberValue.is--focused .m-roster-management-list__valueTitle {
  color: #225D7E;
}

.m-roster-management-list__valueTitle {
  font-weight: bold;
  margin-right: 20px;
  width: 80px;
}

.m-roster-management-list__editMemberCourses {
  margin-top: 10px;
}

.m-roster-management-list__editMemberCoursesLabel {
  font-weight: bold;
}

.m-roster-management-list__editMemberCourseList {
  margin-top: 15px;
  display: flex;
  flex-direction: row;
  align-items: center;
  justify-content: flex-start;
  flex-wrap: wrap;
}

.m-roster-management-list__addCourseOption {
  display: flex;
  flex-direction: row;
  align-items: center;
  justify-content: center;
  background-color: #225D7E;
  border-radius: 4px;
  cursor: pointer;
  height: 30px;
  width: 30px;
  margin-right: 20px;
  margin-bottom: 10px;
  transition: width 0.3s ease, background-color 0.2s ease;
}
.m-roster-management-list__addCourseOption.is--in-search-mode {
  width: 300px;
  background-color: transparent;
}
.m-roster-management-list__addCourseOption.is--in-search-mode:hover {
  background-color: transparent;
}
.m-roster-management-list__addCourseOption:hover {
  background-color: #0c193a;
}
.m-roster-management-list__addCourseOption .m-roster-management-list__addCourseIcon {
  width: 100%;
  height: 100%;
  background-image: url("../assets/edmod-permissions-plus-white.svg");
  background-size: contain;
  background-repeat: no-repeat;
  background-position: center;
  width: 80%;
  height: 80%;
}

.m-roster-managment-list__searchForCourse {
  display: flex;
  flex-direction: row;
  align-items: center;
  justify-content: space-between;
  width: 100%;
}
.m-roster-managment-list__searchForCourse .m-roster-management-list__searchCourseClose {
  width: 13px;
  height: 13px;
  cursor: pointer;
}
.m-roster-managment-list__searchForCourse .m-roster-management-list__searchCourseClose .m-roster-management-list__searchCourseCloseIcon {
  width: 100%;
  height: 100%;
  background-image: url("../assets/edmod-close-icon-gray.svg");
  background-size: contain;
  background-repeat: no-repeat;
  background-position: center;
}

.m-roster-management-list__memberCourseTag {
  display: flex;
  flex-direction: row;
  align-items: center;
  justify-content: space-between;
  height: 30px;
  padding: 8px 10px;
  margin-right: 20px;
  margin-bottom: 10px;
  background-color: #E6F0FF;
  border: 1px solid #225D7E;
  border-radius: 4px;
  cursor: pointer;
}
.m-roster-management-list__memberCourseTag:hover {
  background-color: #c6ddff;
}

.m-roster-management-list__memberCourseTagName {
  margin-right: 15px;
  color: #225D7E;
}

.m-roster-management-list__memberCourseRemove {
  height: 12px;
  width: 12px;
  cursor: pointer;
}
.m-roster-management-list__memberCourseRemove .m-roster-management-list__memberCourseRemoveIcon {
  width: 100%;
  height: 100%;
  background-image: url("../assets/edmod-close-icon-gray.svg");
  background-size: contain;
  background-repeat: no-repeat;
  background-position: center;
}

.m-roster-management-list__memberValuesFooter {
  display: flex;
  flex-direction: row;
  align-items: center;
  justify-content: space-between;
  height: 35px;
}
.m-roster-management-list__memberValuesFooter .m-roster-management-list__memberValuesFooterLeft {
  display: flex;
  flex-direction: row;
  align-items: center;
}
.m-roster-management-list__memberValuesFooter .m-roster-management-list__memberValuesFooterLeft .m-roster-management-list__addToAllCourses {
  margin-right: 10px;
}

.m-roster-management-list__addToAllCourses {
  color: #0c193a;
  border-bottom: 1px solid transparent;
  cursor: pointer;
}
.m-roster-management-list__addToAllCourses:hover {
  border-color: #0c193a;
}

.m-roster-management-list__removeFromCourses {
  color: #ad3f3c;
  border-bottom: 1px solid transparent;
  cursor: pointer;
}
.m-roster-management-list__removeFromCourses:hover {
  border-color: #ad3f3c;
}

.m-roster-management-list__memberValuesFooterRight {
  display: flex;
  flex-direction: row;
  align-items: center;
  justify-content: flex-end;
}

.m-roster-management-list__editMemberValuesCancel {
  cursor: pointer;
  border-bottom: 1px solid transparent;
  margin-right: 20px;
}
.m-roster-management-list__editMemberValuesCancel:hover {
  border-color: #0c193a;
}

.m-roster-management-list__addNewMemberMain {
  min-height: 300px;
  background-color: #f8f6f6;
  border: 1px solid #225D7E;
  border-top: none;
  border-left: 8px solid #225D7E;
  padding: 20px;
  display: flex;
  flex-direction: column;
  justify-content: space-between;
}

.m-roster-management-list__addNewMemberSection {
  display: flex;
  flex-direction: row;
  align-items: center;
  justify-content: flex-start;
  margin-bottom: 15px;
}
.m-roster-management-list__addNewMemberSection.is--focused .m-roster-management-list__addNewMemberSectionLabel {
  color: #225D7E;
}
.m-roster-management-list__addNewMemberSection .m-roster-management-list__addNewMemberSectionLabel {
  font-weight: bold;
  min-width: 100px;
}
.m-roster-management-list__addNewMemberSection .m-roster-management-list__addNewMemberSectionValue input[type=text] {
  border: none;
  background: transparent;
  border-bottom: 1px solid #d7d7d7;
  padding: 3px 5px;
  outline: none;
  max-width: 250px;
  width: 100%;
}
.m-roster-management-list__addNewMemberSection .m-roster-management-list__addNewMemberSectionValue input[type=text]:focus {
  border-color: #225D7E;
}
.m-roster-management-list__addNewMemberSection .m-roster-management-list__addNewMemberSectionValue .m-roster-management-list__memberTypeOptions {
  display: flex;
  flex-direction: row;
  align-items: center;
  justify-content: flex-start;
}
.m-roster-management-list__addNewMemberSection .m-roster-management-list__addNewMemberSectionValue .m-roster-management-list__memberTypeOptions .m-roster-management-list__memberTypeOption {
  display: flex;
  flex-direction: row;
  align-items: center;
  justify-content: flex-start;
  cursor: pointer;
  margin-right: 15px;
}
.m-roster-management-list__addNewMemberSection .m-roster-management-list__addNewMemberSectionValue .m-roster-management-list__memberTypeOptions .m-roster-management-list__memberTypeOption .m-roster-managment-list__memberTypeToggle {
  height: 12px;
  width: 12px;
  border: 1px solid #225D7E;
  border-radius: 100%;
  background-color: transparent;
  margin-right: 8px;
  transition: background-color 0.2s ease;
}
.m-roster-management-list__addNewMemberSection .m-roster-management-list__addNewMemberSectionValue .m-roster-management-list__memberTypeOptions .m-roster-management-list__memberTypeOption.is--selected .m-roster-managment-list__memberTypeToggle {
  background-color: #225D7E;
}
.m-roster-management-list__addNewMemberSection .m-roster-management-list__addNewMemberSectionValue .m-roster-management-list__memberTypeOptions .m-roster-management-list__memberTypeOption.is--selected .m-roster-managment-list__memberTypeLabel {
  font-weight: bold;
  color: #225D7E;
}

.m-roster-management-list__addMemberErrorContainer {
  height: 0px;
  margin-bottom: 0px;
  overflow: hidden;
  transition: height 0.3s ease, margin-bottom 0.3s ease;
}
.m-roster-management-list__addMemberErrorContainer.is--active {
  height: 90px;
  margin-bottom: 20px;
  border: 2px solid #ad3f3c;
  border-left: 8px solid #ad3f3c;
  padding: 0px 20px;
}

.m-roster-management-list__addMemberErrorDetails {
  display: flex;
  flex-direction: column;
  align-items: space-between;
  justify-content: flex-start;
  height: 100%;
}

.m-roster-management-list__addMemberErrorTopRow {
  height: 100%;
  width: 100%;
  display: flex;
  flex-direction: row;
  align-items: center;
  justify-content: flex-start;
}

.m-roster-management-list__addMemberErrorBottomRow {
  height: 40px;
  width: 100%;
  display: flex;
  flex-direction: row;
  align-items: center;
  justify-content: flex-end;
}

.m-roster-management-list__addMemberErrorIconContainer {
  height: 44px;
  width: 44px;
  background-color: #ad3f3c;
  border-radius: 100%;
  margin-right: 25px;
}

.m-roster-management-list__addMemberErrorText {
  display: flex;
  flex-direction: row;
  align-items: center;
  justify-content: flex-start;
  color: #ad3f3c;
  font-weight: bold;
}

.m-roster-management-list__archiveMemberOverlay {
  position: absolute;
  width: 100%;
  height: 100%;
  top: 0px;
  left: 0px;
  background-color: rgba(12, 25, 58, 0.8);
  display: flex;
  flex-direction: column;
  align-items: center;
  justify-content: center;
}

.m-roster-management-list__archiveMemberMessage {
  font-weight: bold;
  color: #fff;
  margin-bottom: 25px;
}

.m-roster-management-list__archiveMemberOptions {
  display: flex;
  flex-direction: row;
  align-items: center;
  justify-content: center;
}

.m-roster-management-list__archiveMemberCancel {
  color: #fff;
  border-bottom: 1px solid transparent;
  margin-right: 20px;
  cursor: pointer;
}
.m-roster-management-list__archiveMemberCancel:hover {
  border-color: #fff;
}

.m-roster-management-list__editCourseName {
  display: flex;
  flex-direction: row;
  align-items: center;
  justify-content: space-between;
  height: 100%;
  width: 100%;
}

.m-roster-management-list__editCourseNameMain {
  display: flex;
  flex-direction: row;
  align-items: center;
  justify-content: flex-start;
  width: 100%;
}
.m-roster-management-list__editCourseNameMain .m-roster-management-list__editCourseNameLabel {
  color: #225D7E;
  font-weight: bold;
  margin-right: 20px;
}
.m-roster-management-list__editCourseNameMain input[type=text] {
  display: inline-block;
  border: none;
  background: transparent;
  border-bottom: 1px solid #707070;
  padding: 3px 5px;
  outline: none;
  max-width: 300px;
  width: 100%;
}
.m-roster-management-list__editCourseNameMain input[type=text]:focus {
  border-color: #225D7E;
}

.m-roster-management-list__editCourseNameOptions {
  display: flex;
  flex-direction: row;
  align-items: center;
  justify-content: flex-end;
}

.m-roster-management-list__editCourseNameCancel {
  margin-right: 20px;
  border-bottom: 1px solid transparent;
  cursor: pointer;
}
.m-roster-management-list__editCourseNameCancel:hover {
  border-color: #0c193a;
}

.m-roster-management-list__deleteOverlay {
  width: 100%;
  height: 100%;
  position: absolute;
  top: 0;
  left: 0;
  display: flex;
  flex-direction: column;
  align-items: center;
  justify-content: center;
}
.m-roster-management-list__deleteOverlay .m-delete-overlay__color {
  position: absolute;
  width: 100%;
  height: 100%;
  background-color: #0c193a;
  opacity: 0.8;
}
.m-roster-management-list__deleteOverlay .m-delete-overlay__message {
  color: #fff;
  margin-bottom: 25px;
  text-align: center;
  width: 100%;
  font-size: 18px;
  font-weight: bold;
  position: relative;
  z-index: 100;
}
.m-roster-management-list__deleteOverlay .m-delete-overlay__options {
  display: flex;
  align-items: center;
  justify-content: center;
  position: relative;
  z-index: 100;
}
.m-roster-management-list__deleteOverlay .m-delete-overlay__options .m-delete-overlay__cancelOption {
  cursor: pointer;
  color: #fff;
  border-bottom: 1px solid transparent;
  margin-right: 20px;
}
.m-roster-management-list__deleteOverlay .m-delete-overlay__options .m-delete-overlay__cancelOption:hover {
  border-color: #fff;
}
.m-roster-management-list__deleteOverlay .m-delete-overlay__options .m-delete-overlay__confirmOption {
  background-color: #ad3f3c;
  color: #fff;
  cursor: pointer;
  display: flex;
  justify-content: center;
  align-items: center;
  border-radius: 4px;
  height: 26px;
  padding: 0 12px;
  transition: background-color 0.1s;
}
.m-roster-management-list__deleteOverlay .m-delete-overlay__options .m-delete-overlay__confirmOption.is--disabled {
  color: #707070;
  background-color: #d7d7d7;
  border-color: #d7d7d7;
  cursor: not-allowed;
}
.m-roster-management-list__deleteOverlay .m-delete-overlay__options .m-delete-overlay__confirmOption:hover {
  background-color: #87312f;
  border-color: #87312f;
  text-decoration: none;
}
.m-roster-management-list__deleteOverlay .m-delete-overlay__options .m-delete-overlay__confirmOption:hover.is--disabled {
  color: #707070;
  background-color: #d7d7d7;
  border-color: #d7d7d7;
  cursor: not-allowed;
}
.m-roster-management-list__deleteOverlay .m-delete-overlay__options .m-delete-overlay__confirmOption a {
  color: #fff;
  text-decoration: none;
}
.m-roster-management-list__deleteOverlay .m-delete-overlay__options .m-delete-overlay__confirmOption a:hover {
  text-decoration: none;
}

.m-filtered-page__pageHeader {
  padding: 30px 0px 30px 46px;
  max-width: 972px;
}
.m-filtered-page__pageHeader .m-filtered-page__pageHeaderInner {
  display: flex;
  align-items: center;
  justify-content: space-between;
}
.m-filtered-page__pageHeader .m-filtered-page__pageTitle {
  font-size: 24px;
  color: #0c193a;
  font-weight: bold;
}
.m-filtered-page__pageHeader .m-filtered-page__pageSubTitle {
  font-size: 16px;
  color: #0c193a;
  font-weight: normal;
  margin-top: 15px;
}
.m-filtered-page__pageHeader:after {
  content: " ";
  display: block;
  height: 1px;
  width: 80px;
  background-color: #d7d7d7;
  margin-top: 30px;
}

.m-filtered-page__pageContent {
  padding: 0px 46px;
}

.m-filtered-page__noContentMessage {
  font-size: 24px;
  color: #225D7E;
  width: 60%;
  text-align: center;
}

.m-filter-container__filtersHeaderRow {
  min-height: 80px;
  max-height: 80px;
  width: 100%;
  display: flex;
  justify-content: center;
  align-items: center;
  border-bottom: 1px solid transparent;
}

.m-filter-container__filtersHeaderTitle {
  color: #0c193a;
  font-weight: bold;
  font-size: 18px;
  min-width: 200px;
  overflow: hidden;
}

.m-filter-container__filtersToggle {
  height: 20px;
  width: 20px;
  display: flex;
  justify-content: center;
  align-items: center;
  cursor: pointer;
  transform: rotate(0deg);
  transition: transform 0.3s;
}
.m-filter-container__filtersToggle .m-filter-container__toggleIcon {
  width: 100%;
  height: 100%;
  background-image: url("../assets/edmod-caret-icon.svg");
  background-size: contain;
  background-repeat: no-repeat;
  background-position: center;
  margin-right: 2px;
  margin-bottom: 2px;
}

.m-filter-container__filtersMain {
  width: 100%;
  padding: 15px;
}

.m-filter-container__filtersSection {
  padding-left: 15px;
  padding-bottom: 15px;
}

.m-filter-container__filtersSectionTitle {
  text-transform: uppercase;
  color: #707070;
  font-weight: bold;
  font-size: 12px;
  margin-bottom: 10px;
  letter-spacing: 1px;
}

.m-filter-container__filtersSectionContent {
  padding-left: 15px;
}

.m-filter-container__filtersGroup {
  padding-bottom: 15px;
  margin-bottom: 15px;
  border-bottom: 1px solid #d7d7d7;
  width: 100%;
}
.m-filter-container__filtersGroup:last-child {
  border-bottom: none;
}
.m-filter-container__filtersGroup.is--collapsable {
  margin-bottom: 0px;
  border-bottom: none;
}

.m-filter-container__filtersGroupTitle {
  color: #0c193a;
  font-weight: bold;
  display: flex;
  align-items: center;
}
.m-filter-container__filtersGroupTitle.is--collapsable {
  margin-left: -20px;
  cursor: pointer;
}
.m-filter-container__filtersGroupTitle .m-filter-container__filtersGroupToggle {
  width: 13px;
  height: 13px;
  margin-right: 4px;
}
.m-filter-container__filtersGroupTitle .m-filter-container__filtersGroupToggle .m-filter-container__filtersGroupToggleIcon {
  width: 100%;
  height: 100%;
  background-image: url("../assets/edmod-caret-icon.svg");
  background-size: contain;
  background-repeat: no-repeat;
  background-position: center;
  transform: rotate(90deg);
  transition: transform 0.2s;
}
.m-filter-container__filtersGroupTitle .m-filter-container__filtersGroupToggle .m-filter-container__filtersGroupToggleIcon.is--collapsed {
  transform: rotate(0deg);
}

.m-filter-container__filtersGroupContent {
  margin-top: 10px;
  max-height: 1000px;
  overflow-y: auto;
  transition: max-height 0.3s;
}
.m-filter-container__filtersGroupContent.is--collapsed {
  max-height: 0px;
  margin-top: 0px;
}

.m-filter-container__filterOption {
  width: 100%;
  display: flex;
  justify-content: flex-start;
  align-items: center;
  background-color: #fff;
  margin-bottom: 5px;
  padding: 4px 5px;
  cursor: pointer;
  transition: background-color 0.2s ease;
  min-width: 200px;
  overflow: hidden;
}
.m-filter-container__filterOption input.m-filter-container__filterOptionToggle {
  margin: 0;
  margin-right: 10px;
}
.m-filter-container__filterOption .m-filter-container__filterOptionLabel.is--cta {
  color: #225D7E;
  font-weight: bold;
}
.m-filter-container__filterOption .m-filter-container__radioOption {
  height: 13px;
  width: 13px;
  border-radius: 50%;
  border: 1px solid #707070;
  display: flex;
  align-items: center;
  justify-content: center;
  margin-right: 10px;
}
.m-filter-container__filterOption .m-filter-container__radioOption .m-filter-container__radioOptionInner {
  width: 8px;
  height: 8px;
  border-radius: 50%;
  background-color: transparent;
}
.m-filter-container__filterOption:last-of-type {
  margin-bottom: 0;
}
.m-filter-container__filterOption:hover {
  background-color: #f8f6f6;
}
.m-filter-container__filterOption.no--checkbox.is--checked .m-filter-container__radioOption {
  border-color: #EE6723;
}
.m-filter-container__filterOption.no--checkbox.is--checked .m-filter-container__radioOption .m-filter-container__radioOptionInner {
  background-color: #EE6723;
}

.m-filter-container__filterAccordianOption.is--hidden .m-filter-container__filterOptionAccordianHeader {
  background-color: #fff;
}
.m-filter-container__filterAccordianOption.is--hidden .m-filter-container__filterOptionAccordianToggleIcon {
  transform: rotate(0deg);
}
.m-filter-container__filterAccordianOption.is--hidden .m-filter-container__filterOptionAccordianOptions {
  margin-top: 0px;
  padding-left: 0px;
  height: 0;
  overflow: hidden;
}

.m-filter-container__filterOptionAccordianHeader {
  width: 100%;
  display: flex;
  justify-content: flex-start;
  align-items: center;
  background-color: #E6F0FF;
  padding: 4px 5px;
}

.m-filter-container__filterOptionAccordianToggle {
  width: 25px;
  height: 25px;
}

.m-filter-container__filterOptionAccordianToggleIcon {
  width: 100%;
  height: 100%;
  background-image: url("../assets/edmod-column-carrot.svg");
  background-size: contain;
  background-repeat: no-repeat;
  background-position: center;
  transform: rotate(90deg);
  margin-right: 2px;
  margin-bottom: 2px;
}

.m-filter-container__filterOptionAccordianOptions {
  margin-top: 5px;
  padding: 0px 5px;
}

.m-filter-container__dateFiltersContainer {
  display: flex;
  flex-direction: row;
  justify-content: space-between;
  align-items: center;
  padding: 5px 0px 10px;
}
.m-filter-container__dateFiltersContainer .react-datepicker-wrapper:first-child {
  margin-right: 20px;
}

.m-datepicker__input {
  display: block;
  width: 100%;
  flex-grow: 1;
  border: 1px solid #d7d7d7;
  padding: 0px 10px;
  height: 32px;
  line-height: 32px;
  outline: none;
  font-size: 12px;
  border-radius: 4px;
}
.m-datepicker__input::placeholder {
  text-transform: uppercase;
  margin-bottom: 2px;
}
.m-datepicker__input:focus {
  border-color: #225D7E;
}
.m-datepicker__input:focus::placeholder {
  color: #225D7E;
}

.m-filter-container__exportButton {
  color: #225D7E;
  padding: 4px 6px;
  margin-top: 5px;
  font-size: 12px;
  background-color: #E6F0FF;
  border: 1px solid #225D7E;
  border-radius: 4px;
  cursor: pointer;
  display: inline-block;
  transform: background-color 0.2s;
}
.m-filter-container__exportButton:hover {
  text-decoration: none;
  background-color: #c6ddff;
}

.m-filter-container__seeMore {
  color: #707070;
  cursor: pointer;
  display: flex;
}

.m-filter-container__manageLink {
  font-size: 12px;
  color: #225D7E;
  text-decoration: underline;
  cursor: pointer;
}

.m-searchableSelect__list {
  overflow-y: auto;
  border: 2px solid #d7d7d7;
  border-top: none;
}
.m-searchableSelect__list .m-selectableList__item {
  padding: 0px 15px;
}

.m-searchableSelect__header {
  display: flex;
  align-items: center;
  background-color: #fff;
  border: 2px solid #d7d7d7;
  border-radius: 4px 4px 0px 0px;
  padding: 10px;
}
.m-searchableSelect__header .m-searchableSelect__selectAllContainer {
  width: 24px;
  margin-right: 15px;
  flex-grow: 0;
  flex-shrink: 0;
  display: flex;
  align-items: center;
  justify-content: center;
}
.m-searchableSelect__header .m-searchableSelect__searchContainer {
  flex-grow: 1;
}

.l-goals__listContainer {
  width: 100%;
  height: 100%;
  display: flex;
  flex-direction: row;
  justify-content: flex-start;
  align-items: stretch;
  min-height: 600px;
  min-width: 1000px;
  color: #0c193a;
}

.l-goals__filtersContainer {
  width: 60px;
  min-width: 50px;
  border-right: 1px solid #d7d7d7;
  background-color: #fff;
  transition: width 0.2s, min-width 0.2s;
  cursor: pointer;
}
.l-goals__filtersContainer.is--expanded {
  width: 280px;
  min-width: 280px;
  cursor: normal;
}
.l-goals__filtersContainer.is--expanded .m-filter-container__toggleIcon {
  transform: rotate(180deg);
}

.l-goals__list {
  width: calc(100% - 60px);
  min-width: 620px;
  background-color: #F8F6F6;
  padding: 30px 30px 30px 30px;
}
.l-goals__list.filters-expanded {
  width: 80%;
}

.m-goals__addNewGoalButton {
  background-color: #0c193a;
  color: #fff;
  cursor: pointer;
  display: flex;
  justify-content: center;
  align-items: center;
  border-radius: 4px;
  height: 26px;
  padding: 0 12px;
  transition: background-color 0.1s;
  box-shadow: 0px 1px 1px rgba(112, 112, 112, 0.75);
  height: 33px;
  font-weight: bold;
  width: 125px;
}
.m-goals__addNewGoalButton.is--disabled {
  color: #707070;
  background-color: #d7d7d7;
  border-color: #d7d7d7;
  cursor: not-allowed;
}
.m-goals__addNewGoalButton:hover {
  background-color: #225D7E;
  border-color: #225D7E;
  text-decoration: none;
}
.m-goals__addNewGoalButton:hover.is--disabled {
  color: #707070;
  background-color: #d7d7d7;
  border-color: #d7d7d7;
  cursor: not-allowed;
}
.m-goals__addNewGoalButton a {
  color: #fff;
  text-decoration: none;
}
.m-goals__addNewGoalButton a:hover {
  text-decoration: none;
}
.m-goals__addNewGoalButton:hover {
  background-color: #225D7E;
}
.m-goals__addNewGoalButton.is--disabled {
  border: 2px solid #d7d7d7;
  box-shadow: none;
}

.m-goals__goalListItem {
  border: 2px solid #d7d7d7;
  box-shadow: 0px 4px 4px rgba(112, 112, 112, 0.5);
  background-color: #fff;
  border-radius: 4px;
  padding-right: 20px;
  padding-top: 10px;
  padding-bottom: 10px;
  margin-bottom: 20px;
  border: 2px solid #d7d7d7;
  box-shadow: 0px 2px 5px rgba(112, 112, 112, 0.5);
  background-color: #fff;
  display: flex;
  flex-direction: row;
  align-items: stretch;
  justify-content: flex-start;
  cursor: pointer;
  transition: border-color 0.2s ease;
}
.m-goals__goalListItem:hover {
  border: 2px solid #707070;
}
.m-goals__goalListItem:hover a {
  color: #0c193a;
}
.m-goals__goalListItem.has--no-hover {
  cursor: default;
}
.m-goals__goalListItem.has--no-hover a {
  cursor: default;
}
.m-goals__goalListItem.has--no-hover:hover {
  border-color: #d7d7d7;
}
.m-goals__goalListItem.has--no-hover:hover .m-goals__goalListItemHeader {
  border-color: #d7d7d7;
}
.m-goals__goalListItem.is--add-edit {
  max-width: 900px;
}
.m-goals__goalListItem.is--archived {
  background-color: #f8f6f6;
  border-color: #d1d9e5;
}
.m-goals__goalListItem.is--archived .m-goals__goalListItemBanner {
  background-color: #d7d7d7;
}
.m-goals__goalListItem.is--archived .m-goals__goalListItemHeader {
  border-color: #d1d9e5;
}
.m-goals__goalListItem.is--archived:hover {
  border-color: #d7d7d7;
}
.m-goals__goalListItem.is--archived:hover .m-goals__goalListItemHeader {
  border-color: #d7d7d7;
}
.m-goals__goalListItem a {
  color: #0c193a;
  text-decoration: none;
}
.m-goals__goalListItem a:hover {
  text-decoration: none;
}
.m-goals__goalListItem p:last-child {
  margin-bottom: 0px;
}

.m-goals__goalListItemBanner {
  width: 6px;
  background-color: #225D7E;
}

.m-goals__goalListItemMain {
  width: calc(100% - 7px);
  padding-left: 20px;
}

.m-goals__goalListItemHeader {
  padding-bottom: 10px;
  height: 45px;
  display: flex;
  position: relative;
  flex-direction: row;
  align-items: center;
  justify-content: space-between;
  border-bottom: 1px solid #d7d7d7;
}
.m-goals__goalListItemHeader .m-goals__fieldDragDrop {
  width: 30px;
  height: 30px;
  background-image: url("../assets/edmod-reordable-icon.svg");
  background-size: contain;
  background-repeat: no-repeat;
  background-position: center;
  margin-right: 10px;
  cursor: move;
}
.m-goals__goalListItemHeader .m-goals__options {
  display: flex;
  width: 140px;
  flex-direction: row;
}
.m-goals__goalListItemHeader .m-goals__options .m-goals__option {
  width: 50%;
  text-align: center;
  display: flex;
  padding: 6px 0;
  align-items: center;
  justify-content: center;
}
.m-goals__goalListItemHeader a {
  display: flex;
  flex-direction: row;
  align-items: center;
  justify-content: flex-start;
  width: 100%;
}

.m-goals__goalCategoryTags {
  position: relative;
}
.m-goals__goalCategoryTags .m-goals__goalCategoryTag {
  font-size: 18px;
  color: #0c193a;
  font-weight: bold;
  color: #707070;
}

.m-goalListItem__toggleArchivedObjective {
  color: #707070;
  font-weight: bold;
  text-transform: uppercase;
  text-decoration: none;
  cursor: pointer;
  padding-bottom: 2px;
  border-bottom: 1px solid transparent;
  transition: border-color 0.2s;
  margin-bottom: 20px;
  display: flex;
}
.m-goalListItem__toggleArchivedObjective:hover {
  border-color: #707070;
}
.m-goalListItem__toggleArchivedObjective a {
  color: #707070;
  font-weight: bold;
  text-transform: uppercase;
}
.m-goalListItem__toggleArchivedObjective a:hover {
  text-decoration: none;
}
.m-goalListItem__toggleArchivedObjective.is--disabled {
  cursor: not-allowed;
  color: #d7d7d7;
  border-color: transparent;
}
.m-goalListItem__toggleArchivedObjective.is--disabled:hover {
  border-color: transparent;
}

.m-goals__goalListItemContentWrapper {
  min-height: 70px;
}
.m-goals__goalListItemContentWrapper .m-goals__goalListItemContent {
  padding: 15px 0 15px;
}

.m-goals__goalListItemDeleteOverlay {
  width: 100%;
  height: 100%;
  position: absolute;
  top: 0;
  left: 0;
  display: flex;
  flex-direction: column;
  align-items: center;
  justify-content: center;
}
.m-goals__goalListItemDeleteOverlay .m-delete-overlay__color {
  position: absolute;
  width: 100%;
  height: 100%;
  background-color: #0c193a;
  opacity: 0.8;
}
.m-goals__goalListItemDeleteOverlay .m-delete-overlay__message {
  color: #fff;
  margin-bottom: 25px;
  text-align: center;
  width: 100%;
  font-size: 18px;
  font-weight: bold;
  position: relative;
  z-index: 100;
}
.m-goals__goalListItemDeleteOverlay .m-delete-overlay__options {
  display: flex;
  align-items: center;
  justify-content: center;
  position: relative;
  z-index: 100;
}
.m-goals__goalListItemDeleteOverlay .m-delete-overlay__options .m-delete-overlay__cancelOption {
  cursor: pointer;
  color: #fff;
  border-bottom: 1px solid transparent;
  margin-right: 20px;
}
.m-goals__goalListItemDeleteOverlay .m-delete-overlay__options .m-delete-overlay__cancelOption:hover {
  border-color: #fff;
}
.m-goals__goalListItemDeleteOverlay .m-delete-overlay__options .m-delete-overlay__confirmOption {
  background-color: #ad3f3c;
  color: #fff;
  cursor: pointer;
  display: flex;
  justify-content: center;
  align-items: center;
  border-radius: 4px;
  height: 26px;
  padding: 0 12px;
  transition: background-color 0.1s;
}
.m-goals__goalListItemDeleteOverlay .m-delete-overlay__options .m-delete-overlay__confirmOption.is--disabled {
  color: #707070;
  background-color: #d7d7d7;
  border-color: #d7d7d7;
  cursor: not-allowed;
}
.m-goals__goalListItemDeleteOverlay .m-delete-overlay__options .m-delete-overlay__confirmOption:hover {
  background-color: #87312f;
  border-color: #87312f;
  text-decoration: none;
}
.m-goals__goalListItemDeleteOverlay .m-delete-overlay__options .m-delete-overlay__confirmOption:hover.is--disabled {
  color: #707070;
  background-color: #d7d7d7;
  border-color: #d7d7d7;
  cursor: not-allowed;
}
.m-goals__goalListItemDeleteOverlay .m-delete-overlay__options .m-delete-overlay__confirmOption a {
  color: #fff;
  text-decoration: none;
}
.m-goals__goalListItemDeleteOverlay .m-delete-overlay__options .m-delete-overlay__confirmOption a:hover {
  text-decoration: none;
}

.l-goals__goalDetails {
  width: 100%;
  height: 100%;
  display: flex;
  flex-direction: row;
  justify-content: flex-start;
  align-items: stretch;
  min-height: 600px;
  min-width: 1000px;
  color: #0c193a;
}

.l-goals__goalDetailTabs {
  width: 60px;
  min-width: 50px;
  border-right: 1px solid #d7d7d7;
  background-color: #fff;
  transition: width 0.2s, min-width 0.2s;
  cursor: pointer;
  padding-top: 30px;
}
.l-goals__goalDetailTabs.is--expanded {
  width: 280px;
  min-width: 280px;
  cursor: normal;
}
.l-goals__goalDetailTabs.is--expanded .m-filter-container__toggleIcon {
  transform: rotate(180deg);
}

.m-goalDetails__tab {
  height: 65px;
  width: 100%;
  display: flex;
  flex-direction: row;
  justify-content: flex-start;
  align-items: center;
  background-color: transparent;
  border-left: 6px solid transparent;
  padding-left: 40px;
  padding-right: 20px;
  color: #0c193a;
  cursor: pointer;
}
.m-goalDetails__tab .m-toolTip__icon {
  margin-left: 5px;
}
.m-goalDetails__tab.is--active {
  color: #0c193a;
  background-color: #F8F6F6;
  border-color: #0c193a;
  font-weight: bold;
}
.m-goalDetails__tab.is--active:hover {
  background-color: #F8F6F6;
}
.m-goalDetails__tab:hover {
  background-color: #F8F6F6;
}

.l-goals__goalDetailMain {
  width: calc(100% - 60px);
  min-width: 620px;
  background-color: #F8F6F6;
  padding: 20px 50px 30px 30px;
}
.l-goals__goalDetailMain.filters-expanded {
  width: 80%;
}

.l-goals__goalDetailContent {
  max-width: 900px;
}

.m-addGoal__mainContent {
  padding: 20px 0;
}

.m-addGoal__saveCancel {
  display: flex;
  align-items: center;
}

.m-addGoal__cancelOption {
  cursor: pointer;
  color: #0c193a;
  border-bottom: 1px solid transparent;
  margin-right: 20px;
}
.m-addGoal__cancelOption:hover {
  border-color: #0c193a;
}

.m-addGoal__saveOption {
  background-color: #0c193a;
  color: #fff;
  cursor: pointer;
  display: flex;
  justify-content: center;
  align-items: center;
  border-radius: 4px;
  height: 26px;
  padding: 0 12px;
  transition: background-color 0.1s;
  box-shadow: 0px 1px 1px rgba(112, 112, 112, 0.75);
  height: 33px;
  font-weight: bold;
  min-width: 80px;
}
.m-addGoal__saveOption.is--disabled {
  color: #707070;
  background-color: #d7d7d7;
  border-color: #d7d7d7;
  cursor: not-allowed;
}
.m-addGoal__saveOption:hover {
  background-color: #225D7E;
  border-color: #225D7E;
  text-decoration: none;
}
.m-addGoal__saveOption:hover.is--disabled {
  color: #707070;
  background-color: #d7d7d7;
  border-color: #d7d7d7;
  cursor: not-allowed;
}
.m-addGoal__saveOption a {
  color: #fff;
  text-decoration: none;
}
.m-addGoal__saveOption a:hover {
  text-decoration: none;
}
.m-addGoal__saveOption:hover {
  background-color: #225D7E;
}
.m-addGoal__saveOption.is--disabled {
  border: 2px solid #d7d7d7;
  box-shadow: none;
}

.m-addGoal__editOption {
  cursor: pointer;
  font-weight: bold;
}

.m-addGoal__addEditSection {
  margin-bottom: 10px;
}
.m-addGoal__addEditSection .m-searchableSelect__main {
  padding: 15px 20px;
  border: 1px solid #cccccc;
  border-radius: 4px;
}
.m-addGoal__addEditSection .m-searchableSelect__main .m-searchableSelect__header {
  border: none;
  padding: 10px 0;
}
.m-addGoal__addEditSection .m-searchableSelect__main .m-searchableSelect__header .m-search-bar__inputContainer {
  border: 1px solid #d7d7d7;
}
.m-addGoal__addEditSection .m-searchableSelect__main .m-searchableSelect__list {
  border: none;
}
.m-addGoal__addEditSection .m-searchableSelect__main--wrapper {
  padding: 15px 20px;
  border: 1px solid #cccccc;
  border-radius: 4px;
}
.m-addGoal__addEditSection .m-searchableSelect__main--wrapper .m-searchableSelect__main {
  padding: 0;
  border: none;
  border-radius: 0;
}

.m-addGoal__sectionLabel {
  color: #0c193a;
  font-weight: bold;
  font-size: 16px;
  height: 40px;
  margin-bottom: 15px;
  cursor: pointer;
  border-bottom: 1px solid #d7d7d7;
  display: flex;
  justify-content: space-between;
  align-items: center;
}
.m-addGoal__sectionLabel .m-addGoal__sectionToggleIcon {
  width: 15px;
  height: 15px;
  background-image: url("../assets/edmod-caret-icon.svg");
  background-size: contain;
  background-repeat: no-repeat;
  background-position: center;
  transform: rotate(90deg);
}
.m-addGoal__sectionLabel .m-addGoal__sectionToggleIcon.is--expanded {
  transform: rotate(-90deg);
}

.m-addGoal__categoryList {
  display: flex;
  flex-direction: column;
  min-width: 200px;
}

.m-addGoal__noteContainer {
  border-radius: 4px;
  border: 1px solid #d7d7d7;
  box-shadow: inset 0px 0px 15px #eaeaea;
}
.m-addGoal__noteContainer .m-rich-text__toolBar {
  border: none;
  border-bottom: 1px solid #225D7E;
  border-radius: 4px 4px 0px 0px;
}
.m-addGoal__noteContainer .m-rich-text__editableArea {
  padding: 0 10px;
}
.m-addGoal__noteContainer.is--focused {
  border-bottom: 1px solid #225D7E;
}
.m-addGoal__noteContainer.is--focused .m-rich-text__toolBar {
  border-bottom: 1px solid #d7d7d7;
}

.m-addGoal__categoryOption {
  cursor: pointer;
  display: flex;
  align-items: center;
  justify-content: flex-start;
  gap: 10px;
  padding: 10px 15px;
  margin-top: 10px;
}
.m-addGoal__categoryOption input[type=checkbox] {
  margin: 0px;
}
.m-addGoal__categoryOption input[type=text] {
  border: none;
  border-bottom: 1px solid #707070;
  color: #0c193a;
  width: 200px;
  padding: 5px;
  background: none;
  transition: border-color 0.2 ease;
  width: 400px;
}
.m-addGoal__categoryOption input[type=text][disabled] {
  cursor: not-allowed;
}
.m-addGoal__categoryOption input[type=text]:focus {
  border-color: #0c193a;
}

.m-goalDetails__dataTaskList {
  height: 100%;
  width: 100%;
}

.m-goalDetails__goalSummaryContainer {
  margin-bottom: 15px;
  border-bottom: 2px solid #707070;
}
.m-goalDetails__goalSummaryContainer .m-goalDetails__goalSummaryHeading {
  display: flex;
  align-items: center;
  justify-content: space-between;
  margin-bottom: 20px;
}
.m-goalDetails__goalSummaryContainer .m-goalDetails__goalText {
  padding-right: 30px;
}
.m-goalDetails__goalSummaryContainer .m-goalDetails__goalCategory {
  font-size: 18px;
  color: #0c193a;
  font-weight: bold;
}
.m-goalDetails__goalSummaryContainer .m-goalDetails__returnToList {
  cursor: pointer;
  color: #0c193a;
  font-weight: bold;
  white-space: nowrap;
  display: flex;
  flex-direction: row;
  align-items: center;
  gap: 2px;
}
.m-goalDetails__goalSummaryContainer .m-goalDetails__returnToList .m-goalDetails__backToListIconContainer {
  width: 15px;
  height: 15px;
  margin-right: 5px;
  margin-bottom: 1px;
}
.m-goalDetails__goalSummaryContainer .m-goalDetails__returnToList .m-goalDetails__backToListIconContainer .m-goalDetails__backToListIcon {
  width: 100%;
  height: 100%;
  background-image: url("../assets/edmod-back-arrow-blue.svg");
  background-size: contain;
  background-repeat: no-repeat;
  background-position: center;
}
.m-goalDetails__goalSummaryContainer p {
  margin-bottom: 0px;
}

.m-goalDetails__goalContentTitle {
  color: #0c193a;
  font-weight: bold;
  padding: 0px 20px 20px;
  display: flex;
  align-items: center;
  justify-content: space-between;
}
.m-goalDetails__goalContentTitle .m-goalDetails__contentText {
  flex-grow: 1;
}
.m-goalDetails__goalContentTitle .m-goalDetails__closeContainer {
  width: 20px;
  height: 20px;
  cursor: pointer;
  display: flex;
  align-items: center;
  justify-content: center;
}
.m-goalDetails__goalContentTitle .m-goalDetails__closeContainer .m-goalDetails__closeIcon {
  width: 100%;
  height: 100%;
  background-image: url("../assets/edmod-close-icon-grey-new.svg");
  background-size: contain;
  background-repeat: no-repeat;
  background-position: center;
}

.m-goalDetails__addNewDataTask {
  width: 100%;
  height: 50px;
  margin-bottom: 10px;
  display: flex;
  align-items: center;
  justify-content: space-between;
  font-weight: bold;
}
.m-goalDetails__addNewDataTask .m-goals__dataTaskAchievedLabel {
  padding: 5px;
  border-radius: 4px;
  font-size: 12px;
  color: white;
  min-width: 90px;
  text-align: center;
  font-style: normal;
  font-weight: bold;
}

.m-goalDetails__addNewDataTaskButton {
  background-color: #0c193a;
  color: #fff;
  cursor: pointer;
  display: flex;
  justify-content: center;
  align-items: center;
  border-radius: 4px;
  height: 26px;
  padding: 0 12px;
  transition: background-color 0.1s;
  box-shadow: 0px 1px 1px rgba(112, 112, 112, 0.75);
  height: 33px;
  font-weight: bold;
  margin-top: 0px;
  display: flex;
  align-items: center;
}
.m-goalDetails__addNewDataTaskButton.is--disabled {
  color: #707070;
  background-color: #d7d7d7;
  border-color: #d7d7d7;
  cursor: not-allowed;
}
.m-goalDetails__addNewDataTaskButton:hover {
  background-color: #225D7E;
  border-color: #225D7E;
  text-decoration: none;
}
.m-goalDetails__addNewDataTaskButton:hover.is--disabled {
  color: #707070;
  background-color: #d7d7d7;
  border-color: #d7d7d7;
  cursor: not-allowed;
}
.m-goalDetails__addNewDataTaskButton a {
  color: #fff;
  text-decoration: none;
}
.m-goalDetails__addNewDataTaskButton a:hover {
  text-decoration: none;
}
.m-goalDetails__addNewDataTaskButton:hover {
  background-color: #225D7E;
}
.m-goalDetails__addNewDataTaskButton.is--disabled {
  border: 2px solid #d7d7d7;
  box-shadow: none;
}
.m-goalDetails__addNewDataTaskButton .m-goalDetails__addIconContainer {
  width: 15px;
  height: 15px;
  margin-right: 5px;
}
.m-goalDetails__addNewDataTaskButton .m-goalDetails__addIconContainer .m-goalDetails__addIcon {
  width: 100%;
  height: 100%;
  background-image: url("../assets/edmod-add-active.svg");
  background-size: contain;
  background-repeat: no-repeat;
  background-position: center;
}

.m-goalDetails__loading {
  height: 335px;
  width: 100%;
  display: flex;
  justify-content: center;
  align-items: center;
  color: #707070;
  font-size: 18px;
  font-weight: bold;
}

.m-goalDetails__noContent {
  height: 205px;
  width: 100%;
  display: flex;
  justify-content: center;
  align-items: center;
  color: #707070;
  font-size: 16px;
}

.m-goalDetails__successTargetContainer {
  height: 50px;
  padding: 0px 20px;
  margin-bottom: 20px;
  display: flex;
  align-items: center;
  justify-content: space-between;
  background-color: #d7d7d7;
}
.m-goalDetails__successTargetContainer.is--editing {
  border: 1px solid #707070;
}

.m-goalDetails__successTargetDisplay {
  display: flex;
  align-items: center;
}

.m-goalDetails__successTargetLabel {
  font-weight: bold;
  color: #0c193a;
  margin-right: 10px;
}

.m-goalDetails__successTargetInput {
  border: none;
  border-bottom: 1px solid #707070;
  color: #0c193a;
  width: 200px;
  padding: 5px;
  background: none;
  transition: border-color 0.2 ease;
  width: 40px;
  text-align: center;
  margin-right: 5px;
}
.m-goalDetails__successTargetInput[disabled] {
  cursor: not-allowed;
}
.m-goalDetails__successTargetInput:focus {
  border-color: #0c193a;
}

.m-goalDetails__successTargetSaveCancel {
  display: flex;
  align-items: center;
}
.m-goalDetails__successTargetSaveCancel .m-goalDetails__successTargetCancel {
  cursor: pointer;
  color: #0c193a;
  border-bottom: 1px solid transparent;
  margin-right: 20px;
  font-size: 12px;
}
.m-goalDetails__successTargetSaveCancel .m-goalDetails__successTargetCancel:hover {
  border-color: #0c193a;
}
.m-goalDetails__successTargetSaveCancel .m-goalDetails__successTargetSave {
  background-color: #0c193a;
  color: #fff;
  cursor: pointer;
  display: flex;
  justify-content: center;
  align-items: center;
  border-radius: 4px;
  height: 26px;
  padding: 0 12px;
  transition: background-color 0.1s;
  font-size: 12px;
}
.m-goalDetails__successTargetSaveCancel .m-goalDetails__successTargetSave.is--disabled {
  color: #707070;
  background-color: #d7d7d7;
  border-color: #d7d7d7;
  cursor: not-allowed;
}
.m-goalDetails__successTargetSaveCancel .m-goalDetails__successTargetSave:hover {
  background-color: #225D7E;
  border-color: #225D7E;
  text-decoration: none;
}
.m-goalDetails__successTargetSaveCancel .m-goalDetails__successTargetSave:hover.is--disabled {
  color: #707070;
  background-color: #d7d7d7;
  border-color: #d7d7d7;
  cursor: not-allowed;
}
.m-goalDetails__successTargetSaveCancel .m-goalDetails__successTargetSave a {
  color: #fff;
  text-decoration: none;
}
.m-goalDetails__successTargetSaveCancel .m-goalDetails__successTargetSave a:hover {
  text-decoration: none;
}
.m-goalDetails__successTargetSaveCancel .m-goalDetails__successTargetEdit {
  cursor: pointer;
  color: #0c193a;
  border-bottom: 1px solid transparent;
  margin-right: 20px;
  margin-right: 0px;
  font-size: 12px;
}
.m-goalDetails__successTargetSaveCancel .m-goalDetails__successTargetEdit:hover {
  border-color: #0c193a;
}

.m-goalDetails__noteOnlyGraph {
  width: 100%;
  height: 100%;
  display: flex;
  align-items: center;
  justify-content: center;
  background-color: #d7d7d7;
}
.m-goalDetails__noteOnlyGraph .m-goalDetails__noteOnlyText {
  font-size: 14px;
  color: #707070;
}

.m-goalDetails__graphs {
  height: calc(100% - 60px);
  width: 100%;
}

.m-goalDetails__graphContainer {
  height: 100%;
  width: 100%;
}

.m-goalDetails__pieGraphContainer {
  width: 100%;
  height: 100%;
}

.m-goalDetails__pieGraphInnerContainer {
  background-color: #fff;
  padding: 25px;
  display: flex;
  align-items: stretch;
  height: 450px;
}
.m-goalDetails__pieGraphInnerContainer .m-goalDetails__pieGraphVisualization {
  width: 600px;
}
.m-goalDetails__pieGraphInnerContainer .m-goalDetails__pieGraphAccounting {
  padding: 0 20px;
  border-left: 2px solid #d7d7d7;
  display: flex;
  flex-direction: column;
}

.m-goalDetails__progressMonitoringTools {
  padding-top: 10px;
}

.m-goalDetails__goalResourceOptions {
  display: flex;
  align-items: center;
  margin-bottom: 20px;
}

.m-goalDetails__addGoalResource {
  cursor: pointer;
  color: #0c193a;
  border-bottom: 1px solid transparent;
  margin-right: 20px;
  border-color: #0c193a;
}
.m-goalDetails__addGoalResource:hover {
  border-color: #0c193a;
}

.m-goalDetails__showTemplates {
  cursor: pointer;
  color: #0c193a;
  border-bottom: 1px solid transparent;
  margin-right: 20px;
  border-color: #0c193a;
}
.m-goalDetails__showTemplates:hover {
  border-color: #0c193a;
}

.m-goalDetails__goalResourceSection {
  margin-bottom: 20px;
}
.m-goalDetails__goalResourceSection .m-goalDetails__goalResourceSectionTitle {
  font-weight: bold;
  color: #0c193a;
  margin-bottom: 10px;
}

.m-goalDetails__goalNoteContainer {
  border-radius: 4px;
  border: 1px solid #d7d7d7;
  box-shadow: inset 0px 0px 15px #eaeaea;
  background-color: #fff;
}
.m-goalDetails__goalNoteContainer .m-rich-text__toolBar {
  border: none;
  border-bottom: 1px solid #225D7E;
  border-radius: 4px 4px 0px 0px;
}
.m-goalDetails__goalNoteContainer .m-rich-text__editableArea {
  padding: 0 10px;
}
.m-goalDetails__goalNoteContainer.is--focused {
  border-bottom: 1px solid #225D7E;
}
.m-goalDetails__goalNoteContainer.is--focused .m-rich-text__toolBar {
  border-bottom: 1px solid #d7d7d7;
}

.m-goalDetails__goalDocumentUploader {
  margin-bottom: 20px;
}

.m-goalDetails__goalDocument {
  border: 2px solid #d7d7d7;
  box-shadow: 0px 4px 4px rgba(112, 112, 112, 0.5);
  background-color: #fff;
  border-radius: 4px;
  display: flex;
  flex-direction: row;
  align-items: stretch;
  margin-bottom: 10px;
}
.m-goalDetails__goalDocument:last-child {
  margin-bottom: 0px;
}

.m-goalDetails__goalDocumentBanner {
  width: 6px;
  background-color: #0c193a;
}

.m-goalDetails__goalDocumentMain {
  flex-grow: 1;
  height: 100%;
  width: 100%;
  padding: 0px 15px 15px;
  display: flex;
  flex-direction: column;
}
.m-goalDetails__goalDocumentMain .m-goalDetails__goalDocumentHeader {
  height: 45px;
  border-bottom: 1px solid #d7d7d7;
  display: flex;
  align-items: center;
  justify-content: space-between;
  position: relative;
}
.m-goalDetails__goalDocumentMain .m-goalDetails__goalDocumentHeader .m-goalDetails__goalDocumentTag {
  height: 21px;
  padding: 0px 8px;
  position: relative;
  background-color: #0c193a;
  display: flex;
  align-items: center;
  color: #fff;
  font-size: 10px;
  font-weight: bold;
  text-transform: uppercase;
  white-space: nowrap;
}
.m-goalDetails__goalDocumentMain .m-goalDetails__goalDocumentHeader .m-goalDetails__goalDocumentTag::after {
  width: 0;
  height: 0;
  border-top: 10.5px solid transparent;
  border-bottom: 10.5px solid transparent;
  border-left: 10.5px solid #0c193a;
  display: block;
  content: " ";
  position: absolute;
  top: 0;
  right: -10.5px;
}
.m-goalDetails__goalDocumentMain .m-goalDetails__goalDocumentTitle {
  padding-top: 15px;
  display: flex;
}
.m-goalDetails__goalDocumentMain .m-goalDetails__goalDocumentTitle a {
  color: #0c193a;
  text-decoration: none;
  border-bottom: 1px solid transparent;
  display: flex;
  height: 100%;
}
.m-goalDetails__goalDocumentMain .m-goalDetails__goalDocumentTitle a:hover {
  border-color: #0c193a;
}

.m-goalPMT__PMTList {
  max-height: 400px;
  overflow-x: auto;
}
.m-goalPMT__PMTList .m-goalPMT__PMTItem {
  height: 40px;
  display: flex;
  align-items: center;
  justify-content: space-between;
  padding: 0px 20px;
  background-color: #d7d7d7;
  border: 1px solid #d7d7d7;
}
.m-goalPMT__PMTList .m-goalPMT__PMTItem:nth-child(even) {
  background-color: #fff;
  border-color: #fff;
}
.m-goalPMT__PMTList .m-goalPMT__PMTItem:hover {
  border-color: #707070;
}
.m-goalPMT__PMTList .m-goalPMT__PMTItem:hover a {
  color: #0c193a;
  font-weight: bold;
}
.m-goalPMT__PMTList .m-goalPMT__PMTItem:hover a:hover {
  border-color: #0c193a;
}
.m-goalPMT__PMTList .m-goalPMT__PMTItem a {
  color: #0c193a;
  border-bottom: 1px solid transparent;
  text-decoration: none;
  cursor: pointer;
}
.m-goalPMT__PMTList .m-goalPMT__PMTItem a:hover {
  border-color: #0c193a;
}
.m-goalPMT__PMTList .m-goalPMT__PMTItem .m-goalPMT__addAssessment {
  color: #0c193a;
  font-weight: bold;
  text-transform: uppercase;
  text-decoration: none;
  cursor: pointer;
  padding-bottom: 2px;
  border-bottom: 1px solid transparent;
  transition: border-color 0.2s;
  font-size: 12px;
}
.m-goalPMT__PMTList .m-goalPMT__PMTItem .m-goalPMT__addAssessment:hover {
  border-color: #0c193a;
}
.m-goalPMT__PMTList .m-goalPMT__PMTItem .m-goalPMT__addAssessment a {
  color: #707070;
  font-weight: bold;
  text-transform: uppercase;
}
.m-goalPMT__PMTList .m-goalPMT__PMTItem .m-goalPMT__addAssessment a:hover {
  text-decoration: none;
}
.m-goalPMT__PMTList .m-goalPMT__PMTItem .m-goalPMT__addAssessment.is--disabled {
  cursor: not-allowed;
  color: #d7d7d7;
  border-color: transparent;
}
.m-goalPMT__PMTList .m-goalPMT__PMTItem .m-goalPMT__addAssessment.is--disabled:hover {
  border-color: transparent;
}

.m-goalDocumentUploader__container {
  display: flex;
  justify-content: stretch;
  border: 2px solid #d7d7d7;
  box-shadow: 0px 4px 4px rgba(112, 112, 112, 0.5);
  background-color: #fff;
  border-radius: 4px;
  border-left: none;
}
.m-goalDocumentUploader__container .m-goalDocumentUploader__banner {
  width: 6px;
  background-color: #0c193a;
}
.m-goalDocumentUploader__container .m-goalDocumentUploader__main {
  flex-grow: 1;
  padding: 0px 20px 20px;
}
.m-goalDocumentUploader__container .m-goalDocumentUploader__header {
  height: 45px;
  border-bottom: 1px solid #d7d7d7;
  margin-bottom: 20px;
  display: flex;
  align-items: center;
  justify-content: space-between;
}
.m-goalDocumentUploader__container .m-goalDocumentUploader__header .m-goalDocumentUploader__tag {
  height: 21px;
  padding: 0px 8px;
  position: relative;
  background-color: #0c193a;
  display: flex;
  align-items: center;
  color: #fff;
  font-size: 10px;
  font-weight: bold;
  text-transform: uppercase;
  white-space: nowrap;
}
.m-goalDocumentUploader__container .m-goalDocumentUploader__header .m-goalDocumentUploader__tag::after {
  width: 0;
  height: 0;
  border-top: 10.5px solid transparent;
  border-bottom: 10.5px solid transparent;
  border-left: 10.5px solid #0c193a;
  display: block;
  content: " ";
  position: absolute;
  top: 0;
  right: -10.5px;
}
.m-goalDocumentUploader__container .m-goalDocumentUploader__header .m-documentUploader__saveOption {
  background-color: #fff;
  color: #0c193a;
  cursor: pointer;
  display: flex;
  justify-content: center;
  align-items: center;
  border-radius: 4px;
  height: 26px;
  padding: 0 12px;
  transition: background-color 0.1s;
  box-shadow: 0px 1px 1px rgba(112, 112, 112, 0.75);
  border: 2px solid #0c193a;
  height: 33px;
  font-weight: bold;
  margin-right: 0px;
  margin-top: 0px;
  text-transform: lowercase;
  padding: 2px 6px;
}
.m-goalDocumentUploader__container .m-goalDocumentUploader__header .m-documentUploader__saveOption.is--disabled {
  color: #707070;
  background-color: #d7d7d7;
  border-color: #d7d7d7;
  cursor: not-allowed;
}
.m-goalDocumentUploader__container .m-goalDocumentUploader__header .m-documentUploader__saveOption:hover {
  background-color: #225D7E;
  border-color: #225D7E;
  text-decoration: none;
}
.m-goalDocumentUploader__container .m-goalDocumentUploader__header .m-documentUploader__saveOption:hover.is--disabled {
  color: #707070;
  background-color: #d7d7d7;
  border-color: #d7d7d7;
  cursor: not-allowed;
}
.m-goalDocumentUploader__container .m-goalDocumentUploader__header .m-documentUploader__saveOption a {
  color: #0c193a;
  text-decoration: none;
}
.m-goalDocumentUploader__container .m-goalDocumentUploader__header .m-documentUploader__saveOption a:hover {
  text-decoration: none;
}
.m-goalDocumentUploader__container .m-goalDocumentUploader__header .m-documentUploader__saveOption:hover {
  background-color: #225D7E;
  border-color: #225D7E;
  color: #fff;
}
.m-goalDocumentUploader__container .m-goalDocumentUploader__header .m-documentUploader__saveOption.is--disabled {
  opacity: 0.75;
  box-shadow: none;
  cursor: not-allowed;
}
.m-goalDocumentUploader__container .m-goalDocumentUploader__header .m-documentUploader__saveOption.is--disabled:hover {
  border-color: #d7d7d7;
}

.progress-monitoring-graph-container {
  padding: 0;
  width: 100%;
  background-color: #f2f2f2;
}
.progress-monitoring-graph-container .graph-container {
  width: 100%;
  height: 100%;
  padding: 50px;
}
.progress-monitoring-graph-container .graph-inner-container {
  background-color: #fff;
  padding: 25px;
  display: flex;
  height: 450px;
}
.progress-monitoring-graph-container .graph-inner-container .left {
  display: inline-block;
  vertical-align: middle;
  width: 75%;
}
.progress-monitoring-graph-container .graph-inner-container .right {
  display: inline-block;
  vertical-align: middle;
  width: 25%;
  padding: 0 20px;
  border-left: 2px solid #d7d7d7;
}

.pie-data-entry-display {
  display: inline-block;
  vertical-align: middle;
  padding: 5px 0;
}
.pie-data-entry-display:first-child {
  padding-top: 0;
}
.pie-data-entry-display .pie-icon-container {
  width: 15px;
  height: 15px;
  border-radius: 50%;
  display: inline-block;
  vertical-align: middle;
  text-align: center;
}
.pie-data-entry-display .pie-icon-container .pie-icon {
  display: inline-block;
}
.pie-data-entry-display .pie-icon-container.achieved {
  background-color: #ba00fb;
  line-height: 17px;
}
.pie-data-entry-display .pie-icon-container.achieved .pie-icon {
  width: 100%;
  height: 100%;
  background-image: url("../assets/edmod-goal-check.svg");
  background-size: contain;
  background-repeat: no-repeat;
  background-position: center;
  width: 11px;
  height: 11px;
}
.pie-data-entry-display .pie-icon-container.not-achieved {
  background-color: #0f57e8;
  line-height: 15px;
}
.pie-data-entry-display .pie-icon-container.not-achieved .pie-icon {
  width: 100%;
  height: 100%;
  background-image: url("../assets/edmod-goal-x.svg");
  background-size: contain;
  background-repeat: no-repeat;
  background-position: center;
  width: 9px;
  height: 9px;
}
.pie-data-entry-display .pie-data-entry-text {
  display: inline-block;
  vertical-align: middle;
  margin-left: 10px;
}

.m-goalListItem__mainGoal {
  max-width: 870px;
}

.m-goals__goalListItemToggleObjective {
  color: #0c193a;
  font-weight: bold;
  text-transform: uppercase;
  text-decoration: none;
  cursor: pointer;
  padding-bottom: 2px;
  border-bottom: 1px solid transparent;
  transition: border-color 0.2s;
  display: flex;
  align-items: center;
  justify-content: space-between;
  cursor: pointer;
  width: 120px;
  margin-bottom: 15px;
  margin-top: 10px;
}
.m-goals__goalListItemToggleObjective:hover {
  border-color: #0c193a;
}
.m-goals__goalListItemToggleObjective a {
  color: #707070;
  font-weight: bold;
  text-transform: uppercase;
}
.m-goals__goalListItemToggleObjective a:hover {
  text-decoration: none;
}
.m-goals__goalListItemToggleObjective.is--disabled {
  cursor: not-allowed;
  color: #d7d7d7;
  border-color: transparent;
}
.m-goals__goalListItemToggleObjective.is--disabled:hover {
  border-color: transparent;
}
.m-goals__goalListItemToggleObjective.is--active .m-goals__objectiveToggleIcon {
  transform: rotate(-90deg);
}
.m-goals__goalListItemToggleObjective .m-goals__objectiveToggleIcon {
  width: 15px;
  height: 15px;
  background-image: url("../assets/edmod-caret-icon.svg");
  background-size: contain;
  background-repeat: no-repeat;
  background-position: center;
  transform: rotate(90deg);
}

.m-goalListItem__objectiveContainer {
  margin-left: 20px;
  border-left: 4px solid #d7d7d7;
  padding-left: 20px;
}

.m-goals__goalTrackingSummary {
  display: flex;
  flex-direction: row;
  align-items: center;
  justify-content: space-between;
  padding: 15px 0;
  border-top: 1px solid #d7d7d7;
  color: #707070;
}
.m-goals__goalTrackingSummary .m-goals__dataTaskAchievedLabel {
  padding: 5px;
  border-radius: 4px;
  font-size: 12px;
  color: white;
  min-width: 90px;
  text-align: center;
  font-style: normal;
  font-weight: bold;
}

.m-goals__goalDetailsToggleObjective {
  display: flex;
  align-items: center;
  justify-content: space-between;
  cursor: pointer;
  height: 50px;
  font-weight: bold;
}
.m-goals__goalDetailsToggleObjective.is--active .m-goals__objectiveToggleIcon {
  transform: rotate(-90deg);
}
.m-goals__goalDetailsToggleObjective .m-goals__objectiveToggleIcon {
  width: 15px;
  height: 15px;
  background-image: url("../assets/edmod-caret-icon.svg");
  background-size: contain;
  background-repeat: no-repeat;
  background-position: center;
  transform: rotate(90deg);
}

.m-goals__objectiveSummary {
  display: flex;
  align-items: center;
  justify-content: space-between;
  gap: 20px;
  padding: 8px 5px;
  border-bottom: 1px solid #d7d7d7;
}

.m-goals__planTypeTag {
  font-size: 18px;
  color: #0c193a;
  font-weight: bold;
  font-size: 16px;
  color: #707070;
  font-weight: unset;
}

.m-addGoal__newCategory {
  color: #707070;
  font-weight: bold;
  text-transform: uppercase;
  text-decoration: none;
  cursor: pointer;
  padding-bottom: 2px;
  border-bottom: 1px solid transparent;
  transition: border-color 0.2s;
}
.m-addGoal__newCategory:hover {
  border-color: #707070;
}
.m-addGoal__newCategory a {
  color: #707070;
  font-weight: bold;
  text-transform: uppercase;
}
.m-addGoal__newCategory a:hover {
  text-decoration: none;
}
.m-addGoal__newCategory.is--disabled {
  cursor: not-allowed;
  color: #d7d7d7;
  border-color: transparent;
}
.m-addGoal__newCategory.is--disabled:hover {
  border-color: transparent;
}

.m-goal__selectorPreview {
  min-height: 30px;
  max-height: 70px;
  padding: 5px 0px;
  width: 100%;
  white-space: wrap;
}
.m-goal__selectorPreview .m-goal__selectorPreviewInner {
  height: 100%;
  max-height: 60px;
  overflow-y: auto;
}

.m-filtered-page__pageHeader {
  padding: 30px 0px 30px 46px;
  max-width: 972px;
}
.m-filtered-page__pageHeader .m-filtered-page__pageHeaderInner {
  display: flex;
  align-items: center;
  justify-content: space-between;
}
.m-filtered-page__pageHeader .m-filtered-page__pageTitle {
  font-size: 24px;
  color: #0c193a;
  font-weight: bold;
}
.m-filtered-page__pageHeader .m-filtered-page__pageSubTitle {
  font-size: 16px;
  color: #0c193a;
  font-weight: normal;
  margin-top: 15px;
}
.m-filtered-page__pageHeader:after {
  content: " ";
  display: block;
  height: 1px;
  width: 80px;
  background-color: #d7d7d7;
  margin-top: 30px;
}

.m-filtered-page__pageContent {
  padding: 0px 46px;
}

.m-filtered-page__noContentMessage {
  font-size: 24px;
  color: #225D7E;
  width: 60%;
  text-align: center;
}

.m-filter-container__filtersHeaderRow {
  min-height: 80px;
  max-height: 80px;
  width: 100%;
  display: flex;
  justify-content: center;
  align-items: center;
  border-bottom: 1px solid transparent;
}

.m-filter-container__filtersHeaderTitle {
  color: #0c193a;
  font-weight: bold;
  font-size: 18px;
  min-width: 200px;
  overflow: hidden;
}

.m-filter-container__filtersToggle {
  height: 20px;
  width: 20px;
  display: flex;
  justify-content: center;
  align-items: center;
  cursor: pointer;
  transform: rotate(0deg);
  transition: transform 0.3s;
}
.m-filter-container__filtersToggle .m-filter-container__toggleIcon {
  width: 100%;
  height: 100%;
  background-image: url("../assets/edmod-caret-icon.svg");
  background-size: contain;
  background-repeat: no-repeat;
  background-position: center;
  margin-right: 2px;
  margin-bottom: 2px;
}

.m-filter-container__filtersMain {
  width: 100%;
  padding: 15px;
}

.m-filter-container__filtersSection {
  padding-left: 15px;
  padding-bottom: 15px;
}

.m-filter-container__filtersSectionTitle {
  text-transform: uppercase;
  color: #707070;
  font-weight: bold;
  font-size: 12px;
  margin-bottom: 10px;
  letter-spacing: 1px;
}

.m-filter-container__filtersSectionContent {
  padding-left: 15px;
}

.m-filter-container__filtersGroup {
  padding-bottom: 15px;
  margin-bottom: 15px;
  border-bottom: 1px solid #d7d7d7;
  width: 100%;
}
.m-filter-container__filtersGroup:last-child {
  border-bottom: none;
}
.m-filter-container__filtersGroup.is--collapsable {
  margin-bottom: 0px;
  border-bottom: none;
}

.m-filter-container__filtersGroupTitle {
  color: #0c193a;
  font-weight: bold;
  display: flex;
  align-items: center;
}
.m-filter-container__filtersGroupTitle.is--collapsable {
  margin-left: -20px;
  cursor: pointer;
}
.m-filter-container__filtersGroupTitle .m-filter-container__filtersGroupToggle {
  width: 13px;
  height: 13px;
  margin-right: 4px;
}
.m-filter-container__filtersGroupTitle .m-filter-container__filtersGroupToggle .m-filter-container__filtersGroupToggleIcon {
  width: 100%;
  height: 100%;
  background-image: url("../assets/edmod-caret-icon.svg");
  background-size: contain;
  background-repeat: no-repeat;
  background-position: center;
  transform: rotate(90deg);
  transition: transform 0.2s;
}
.m-filter-container__filtersGroupTitle .m-filter-container__filtersGroupToggle .m-filter-container__filtersGroupToggleIcon.is--collapsed {
  transform: rotate(0deg);
}

.m-filter-container__filtersGroupContent {
  margin-top: 10px;
  max-height: 1000px;
  overflow-y: auto;
  transition: max-height 0.3s;
}
.m-filter-container__filtersGroupContent.is--collapsed {
  max-height: 0px;
  margin-top: 0px;
}

.m-filter-container__filterOption {
  width: 100%;
  display: flex;
  justify-content: flex-start;
  align-items: center;
  background-color: #fff;
  margin-bottom: 5px;
  padding: 4px 5px;
  cursor: pointer;
  transition: background-color 0.2s ease;
  min-width: 200px;
  overflow: hidden;
}
.m-filter-container__filterOption input.m-filter-container__filterOptionToggle {
  margin: 0;
  margin-right: 10px;
}
.m-filter-container__filterOption .m-filter-container__filterOptionLabel.is--cta {
  color: #225D7E;
  font-weight: bold;
}
.m-filter-container__filterOption .m-filter-container__radioOption {
  height: 13px;
  width: 13px;
  border-radius: 50%;
  border: 1px solid #707070;
  display: flex;
  align-items: center;
  justify-content: center;
  margin-right: 10px;
}
.m-filter-container__filterOption .m-filter-container__radioOption .m-filter-container__radioOptionInner {
  width: 8px;
  height: 8px;
  border-radius: 50%;
  background-color: transparent;
}
.m-filter-container__filterOption:last-of-type {
  margin-bottom: 0;
}
.m-filter-container__filterOption:hover {
  background-color: #f8f6f6;
}
.m-filter-container__filterOption.no--checkbox.is--checked .m-filter-container__radioOption {
  border-color: #EE6723;
}
.m-filter-container__filterOption.no--checkbox.is--checked .m-filter-container__radioOption .m-filter-container__radioOptionInner {
  background-color: #EE6723;
}

.m-filter-container__filterAccordianOption.is--hidden .m-filter-container__filterOptionAccordianHeader {
  background-color: #fff;
}
.m-filter-container__filterAccordianOption.is--hidden .m-filter-container__filterOptionAccordianToggleIcon {
  transform: rotate(0deg);
}
.m-filter-container__filterAccordianOption.is--hidden .m-filter-container__filterOptionAccordianOptions {
  margin-top: 0px;
  padding-left: 0px;
  height: 0;
  overflow: hidden;
}

.m-filter-container__filterOptionAccordianHeader {
  width: 100%;
  display: flex;
  justify-content: flex-start;
  align-items: center;
  background-color: #E6F0FF;
  padding: 4px 5px;
}

.m-filter-container__filterOptionAccordianToggle {
  width: 25px;
  height: 25px;
}

.m-filter-container__filterOptionAccordianToggleIcon {
  width: 100%;
  height: 100%;
  background-image: url("../assets/edmod-column-carrot.svg");
  background-size: contain;
  background-repeat: no-repeat;
  background-position: center;
  transform: rotate(90deg);
  margin-right: 2px;
  margin-bottom: 2px;
}

.m-filter-container__filterOptionAccordianOptions {
  margin-top: 5px;
  padding: 0px 5px;
}

.m-filter-container__dateFiltersContainer {
  display: flex;
  flex-direction: row;
  justify-content: space-between;
  align-items: center;
  padding: 5px 0px 10px;
}
.m-filter-container__dateFiltersContainer .react-datepicker-wrapper:first-child {
  margin-right: 20px;
}

.m-datepicker__input {
  display: block;
  width: 100%;
  flex-grow: 1;
  border: 1px solid #d7d7d7;
  padding: 0px 10px;
  height: 32px;
  line-height: 32px;
  outline: none;
  font-size: 12px;
  border-radius: 4px;
}
.m-datepicker__input::placeholder {
  text-transform: uppercase;
  margin-bottom: 2px;
}
.m-datepicker__input:focus {
  border-color: #225D7E;
}
.m-datepicker__input:focus::placeholder {
  color: #225D7E;
}

.m-filter-container__exportButton {
  color: #225D7E;
  padding: 4px 6px;
  margin-top: 5px;
  font-size: 12px;
  background-color: #E6F0FF;
  border: 1px solid #225D7E;
  border-radius: 4px;
  cursor: pointer;
  display: inline-block;
  transform: background-color 0.2s;
}
.m-filter-container__exportButton:hover {
  text-decoration: none;
  background-color: #c6ddff;
}

.m-filter-container__seeMore {
  color: #707070;
  cursor: pointer;
  display: flex;
}

.m-filter-container__manageLink {
  font-size: 12px;
  color: #225D7E;
  text-decoration: underline;
  cursor: pointer;
}

.m-searchableSelect__list {
  overflow-y: auto;
  border: 2px solid #d7d7d7;
  border-top: none;
}
.m-searchableSelect__list .m-selectableList__item {
  padding: 0px 15px;
}

.m-searchableSelect__header {
  display: flex;
  align-items: center;
  background-color: #fff;
  border: 2px solid #d7d7d7;
  border-radius: 4px 4px 0px 0px;
  padding: 10px;
}
.m-searchableSelect__header .m-searchableSelect__selectAllContainer {
  width: 24px;
  margin-right: 15px;
  flex-grow: 0;
  flex-shrink: 0;
  display: flex;
  align-items: center;
  justify-content: center;
}
.m-searchableSelect__header .m-searchableSelect__searchContainer {
  flex-grow: 1;
}

.m-dataTask__main {
  border: 2px solid #d7d7d7;
  box-shadow: 0px 4px 4px rgba(112, 112, 112, 0.5);
  background-color: #fff;
  border-radius: 4px;
  display: flex;
  align-items: stretch;
  margin-bottom: 20px;
  position: relative;
  color: #0c193a;
}
.m-dataTask__main.is--editing {
  border-color: #707070;
}

.m-dataTask__contentContainer {
  padding: 0px 20px 10px;
  width: 100%;
}

.m-dataTask__header {
  height: 50px;
  margin-bottom: 10px;
  display: flex;
  flex-direction: row;
  align-items: center;
  justify-content: space-between;
  position: relative;
  border-bottom: 1px solid #d7d7d7;
}

.m-dataTask__dateDisplay {
  font-size: 18px;
  color: #0c193a;
  font-weight: bold;
}

.m-dataTask__saveCancel {
  display: flex;
  align-items: center;
}

.m-dataTask__cancelButton {
  cursor: pointer;
  color: #0c193a;
  border-bottom: 1px solid transparent;
  margin-right: 20px;
}
.m-dataTask__cancelButton:hover {
  border-color: #0c193a;
}

.m-dataTask__saveButton {
  background-color: #0c193a;
  color: #fff;
  cursor: pointer;
  display: flex;
  justify-content: center;
  align-items: center;
  border-radius: 4px;
  height: 26px;
  padding: 0 12px;
  transition: background-color 0.1s;
  box-shadow: 0px 1px 1px rgba(112, 112, 112, 0.75);
  height: 33px;
  font-weight: bold;
}
.m-dataTask__saveButton.is--disabled {
  color: #707070;
  background-color: #d7d7d7;
  border-color: #d7d7d7;
  cursor: not-allowed;
}
.m-dataTask__saveButton:hover {
  background-color: #225D7E;
  border-color: #225D7E;
  text-decoration: none;
}
.m-dataTask__saveButton:hover.is--disabled {
  color: #707070;
  background-color: #d7d7d7;
  border-color: #d7d7d7;
  cursor: not-allowed;
}
.m-dataTask__saveButton a {
  color: #fff;
  text-decoration: none;
}
.m-dataTask__saveButton a:hover {
  text-decoration: none;
}
.m-dataTask__saveButton:hover {
  background-color: #225D7E;
}
.m-dataTask__saveButton.is--disabled {
  border: 2px solid #d7d7d7;
  box-shadow: none;
}

.m-dataTask__measurement {
  padding: 10px 0px;
}

.m-data-task__sectionHeader {
  color: #0c193a;
  font-weight: bold;
  margin-bottom: 10px;
  display: flex;
  align-items: center;
}

.m-data-task__numericInput {
  border: none;
  border-bottom: 1px solid #707070;
  color: #0c193a;
  width: 40px;
  padding: 5px;
  background: none;
  transition: border-color 0.2 ease;
  margin-right: 20px;
  text-align: center;
}
.m-data-task__numericInput[disabled] {
  cursor: not-allowed;
}
.m-data-task__numericInput:focus {
  border-color: #0c193a;
}

.m-data-task__labelInput {
  border: none;
  border-bottom: 1px solid #707070;
  color: #0c193a;
  width: 150px;
  padding: 5px;
  background: none;
  transition: border-color 0.2 ease;
  margin-right: 20px;
}
.m-data-task__labelInput[disabled] {
  cursor: not-allowed;
}
.m-data-task__labelInput:focus {
  border-color: #0c193a;
}

.m-data-task__measurementLabel {
  margin-right: 20px;
}

.m-data-task__binaryMeasurement {
  display: flex;
  margin-right: 20px;
}
.m-data-task__binaryMeasurement .m-data-task__binaryOption {
  margin: 4px 0px;
  display: flex;
  align-items: center;
  cursor: pointer;
  margin-right: 10px;
}
.m-data-task__binaryMeasurement .m-data-task__binaryOption .m-radioOption__toggle {
  height: 11px;
  width: 11px;
  display: flex;
  align-items: center;
  justify-content: center;
  border: 1px solid #0c193a;
  border-radius: 50%;
  margin-right: 5px;
}
.m-data-task__binaryMeasurement .m-data-task__binaryOption .m-radioOption__innerToggle {
  height: 7px;
  width: 7px;
  border-radius: 50%;
  background-color: transparent;
}
.m-data-task__binaryMeasurement .m-data-task__binaryOption .m-radioOption__freeInput {
  border: none;
  border-bottom: 1px solid #707070;
  color: #0c193a;
  width: 200px;
  padding: 5px;
  background: none;
  transition: border-color 0.2 ease;
  outline: none;
}
.m-data-task__binaryMeasurement .m-data-task__binaryOption .m-radioOption__freeInput[disabled] {
  cursor: not-allowed;
}
.m-data-task__binaryMeasurement .m-data-task__binaryOption .m-radioOption__freeInput:focus {
  border-color: #0c193a;
}
.m-data-task__binaryMeasurement .m-data-task__binaryOption:hover .m-radioOption__toggle {
  border-color: #EE6723;
}
.m-data-task__binaryMeasurement .m-data-task__binaryOption:hover .m-radioOption__innerToggle {
  background-color: #f9c9b1;
}
.m-data-task__binaryMeasurement .m-data-task__binaryOption.is--selected .m-radioOption__toggle {
  border-color: #EE6723;
}
.m-data-task__binaryMeasurement .m-data-task__binaryOption.is--selected .m-radioOption__innerToggle {
  background-color: #EE6723;
}
.m-data-task__binaryMeasurement .m-data-task__binaryOption.is--selected:hover .m-radioOption__innerToggle {
  background-color: #EE6723;
}
.m-data-task__binaryMeasurement .m-data-task__binaryOption:last-child {
  margin-right: 0px;
}

.m-data-task__measurementContainer {
  display: flex;
  align-items: center;
}

.m-data-task__measurementDisplay {
  display: flex;
  align-items: center;
}
.m-data-task__measurementDisplay .m-data-task__measurementEntry {
  padding: 0px 4px;
  border-bottom: 1px solid #707070;
  margin-right: 6px;
}

.m-dataTask__expandOptions {
  padding: 10px 0px;
  display: flex;
  align-items: center;
}
.m-dataTask__expandOptions .m-dataTask__expandOption {
  margin-right: 20px;
  border-bottom: 1px solid #0c193a;
  cursor: pointer;
}

.m-dataTask__notes {
  padding: 10px 0px;
}

.m-data-task__noteContainer {
  border-radius: 4px;
  border: 1px solid #d7d7d7;
  box-shadow: inset 0px 0px 15px #eaeaea;
}
.m-data-task__noteContainer .m-rich-text__toolBar {
  border: none;
  border-bottom: 1px solid #225D7E;
  border-radius: 4px 4px 0px 0px;
}
.m-data-task__noteContainer .m-rich-text__editableArea {
  padding: 0 10px;
}
.m-data-task__noteContainer.is--focused {
  border-bottom: 1px solid #225D7E;
}
.m-data-task__noteContainer.is--focused .m-rich-text__toolBar {
  border-bottom: 1px solid #d7d7d7;
}

.m-dataTask__documents {
  padding: 10px 0px;
}
.m-dataTask__documents .m-goalDocumentUploader__container .m-goalDocumentUploader__banner {
  background-color: #0c193a;
}
.m-dataTask__documents .m-goalDocumentUploader__container .m-goalDocumentUploader__tag {
  height: 21px;
  padding: 0px 8px;
  position: relative;
  background-color: #0c193a;
  display: flex;
  align-items: center;
  color: #fff;
  font-size: 10px;
  font-weight: bold;
  text-transform: uppercase;
  white-space: nowrap;
}
.m-dataTask__documents .m-goalDocumentUploader__container .m-goalDocumentUploader__tag::after {
  width: 0;
  height: 0;
  border-top: 10.5px solid transparent;
  border-bottom: 10.5px solid transparent;
  border-left: 10.5px solid #0c193a;
  display: block;
  content: " ";
  position: absolute;
  top: 0;
  right: -10.5px;
}

.m-data-task__documentTitle {
  margin-bottom: 10px;
}
.m-data-task__documentTitle:last-child {
  margin-bottom: 0px;
}
.m-data-task__documentTitle a {
  color: #0c193a;
  border-bottom: 1px solid #0c193a;
  text-decoration: none;
  cursor: pointer;
}
.m-data-task__documentTitle a:hover {
  color: #0c193a;
}

.m-data-task__documentList {
  margin-top: 20px;
}
.m-data-task__documentList .m-data-task__documentRow {
  min-height: 40px;
  padding: 0px 20px;
  display: flex;
  align-items: center;
  justify-content: space-between;
  background-color: #fff;
}
.m-data-task__documentList .m-data-task__documentRow:nth-child(odd) {
  background-color: #e6e6e6;
}
.m-data-task__documentList .m-data-task__documentRow .m-data-task__editDocument {
  width: 100%;
}
.m-data-task__documentList .m-data-task__documentRow .m-data-task__editDocument .m-documentUploader__main {
  border: none;
  box-shadow: none;
}
.m-data-task__documentList .m-data-task__documentRow .m-data-task__documentTitle {
  margin-bottom: 0px;
}
.m-data-task__documentList .m-data-task__documentRow .m-data-task__documentTitle a {
  color: #0c193a;
  font-weight: bold;
  border-bottom: 1px solid transparent;
}
.m-data-task__documentList .m-data-task__documentRow .m-data-task__documentTitle a:hover {
  color: #0c193a;
  border-bottom: 1px solid #0c193a;
}
.m-data-task__documentList .m-data-task__documentRow .m-data-task__documentEditDelete {
  display: flex;
  align-items: center;
}
.m-data-task__documentList .m-data-task__documentRow .m-data-task__documentEditDelete .m-data-task__documentEdit {
  cursor: pointer;
  color: #0c193a;
  border-bottom: 1px solid transparent;
  margin-right: 20px;
}
.m-data-task__documentList .m-data-task__documentRow .m-data-task__documentEditDelete .m-data-task__documentEdit:hover {
  border-color: #0c193a;
}
.m-data-task__documentList .m-data-task__documentRow .m-data-task__documentEditDelete .m-data-task__documentDelete {
  cursor: pointer;
  color: #0c193a;
  border-bottom: 1px solid transparent;
  margin-right: 20px;
  color: #ad3f3c;
  margin-right: 0px;
}
.m-data-task__documentList .m-data-task__documentRow .m-data-task__documentEditDelete .m-data-task__documentDelete:hover {
  border-color: #0c193a;
}
.m-data-task__documentList .m-data-task__documentRow .m-data-task__documentEditDelete .m-data-task__documentDelete:hover {
  border-color: #ad3f3c;
}

.m-dataTask__dataTaskDeleteOverlay {
  width: 100%;
  height: 100%;
  position: absolute;
  top: 0;
  left: 0;
  display: flex;
  flex-direction: column;
  align-items: center;
  justify-content: center;
}
.m-dataTask__dataTaskDeleteOverlay .m-delete-overlay__color {
  position: absolute;
  width: 100%;
  height: 100%;
  background-color: #0c193a;
  opacity: 0.8;
}
.m-dataTask__dataTaskDeleteOverlay .m-delete-overlay__message {
  color: #fff;
  margin-bottom: 25px;
  text-align: center;
  width: 100%;
  font-size: 18px;
  font-weight: bold;
  position: relative;
  z-index: 100;
}
.m-dataTask__dataTaskDeleteOverlay .m-delete-overlay__options {
  display: flex;
  align-items: center;
  justify-content: center;
  position: relative;
  z-index: 100;
}
.m-dataTask__dataTaskDeleteOverlay .m-delete-overlay__options .m-delete-overlay__cancelOption {
  cursor: pointer;
  color: #fff;
  border-bottom: 1px solid transparent;
  margin-right: 20px;
}
.m-dataTask__dataTaskDeleteOverlay .m-delete-overlay__options .m-delete-overlay__cancelOption:hover {
  border-color: #fff;
}
.m-dataTask__dataTaskDeleteOverlay .m-delete-overlay__options .m-delete-overlay__confirmOption {
  background-color: #ad3f3c;
  color: #fff;
  cursor: pointer;
  display: flex;
  justify-content: center;
  align-items: center;
  border-radius: 4px;
  height: 26px;
  padding: 0 12px;
  transition: background-color 0.1s;
}
.m-dataTask__dataTaskDeleteOverlay .m-delete-overlay__options .m-delete-overlay__confirmOption.is--disabled {
  color: #707070;
  background-color: #d7d7d7;
  border-color: #d7d7d7;
  cursor: not-allowed;
}
.m-dataTask__dataTaskDeleteOverlay .m-delete-overlay__options .m-delete-overlay__confirmOption:hover {
  background-color: #87312f;
  border-color: #87312f;
  text-decoration: none;
}
.m-dataTask__dataTaskDeleteOverlay .m-delete-overlay__options .m-delete-overlay__confirmOption:hover.is--disabled {
  color: #707070;
  background-color: #d7d7d7;
  border-color: #d7d7d7;
  cursor: not-allowed;
}
.m-dataTask__dataTaskDeleteOverlay .m-delete-overlay__options .m-delete-overlay__confirmOption a {
  color: #fff;
  text-decoration: none;
}
.m-dataTask__dataTaskDeleteOverlay .m-delete-overlay__options .m-delete-overlay__confirmOption a:hover {
  text-decoration: none;
}

.m-dataTask__taskMetaData {
  padding: 10px 0px;
  color: #707070;
  font-size: 12px;
  text-style: italic;
}

.m-filtered-page__pageHeader {
  padding: 30px 0px 30px 46px;
  max-width: 972px;
}
.m-filtered-page__pageHeader .m-filtered-page__pageHeaderInner {
  display: flex;
  align-items: center;
  justify-content: space-between;
}
.m-filtered-page__pageHeader .m-filtered-page__pageTitle {
  font-size: 24px;
  color: #0c193a;
  font-weight: bold;
}
.m-filtered-page__pageHeader .m-filtered-page__pageSubTitle {
  font-size: 16px;
  color: #0c193a;
  font-weight: normal;
  margin-top: 15px;
}
.m-filtered-page__pageHeader:after {
  content: " ";
  display: block;
  height: 1px;
  width: 80px;
  background-color: #d7d7d7;
  margin-top: 30px;
}

.m-filtered-page__pageContent {
  padding: 0px 46px;
}

.m-filtered-page__noContentMessage {
  font-size: 24px;
  color: #225D7E;
  width: 60%;
  text-align: center;
}

.m-filter-container__filtersHeaderRow {
  min-height: 80px;
  max-height: 80px;
  width: 100%;
  display: flex;
  justify-content: center;
  align-items: center;
  border-bottom: 1px solid transparent;
}

.m-filter-container__filtersHeaderTitle {
  color: #0c193a;
  font-weight: bold;
  font-size: 18px;
  min-width: 200px;
  overflow: hidden;
}

.m-filter-container__filtersToggle {
  height: 20px;
  width: 20px;
  display: flex;
  justify-content: center;
  align-items: center;
  cursor: pointer;
  transform: rotate(0deg);
  transition: transform 0.3s;
}
.m-filter-container__filtersToggle .m-filter-container__toggleIcon {
  width: 100%;
  height: 100%;
  background-image: url("../assets/edmod-caret-icon.svg");
  background-size: contain;
  background-repeat: no-repeat;
  background-position: center;
  margin-right: 2px;
  margin-bottom: 2px;
}

.m-filter-container__filtersMain {
  width: 100%;
  padding: 15px;
}

.m-filter-container__filtersSection {
  padding-left: 15px;
  padding-bottom: 15px;
}

.m-filter-container__filtersSectionTitle {
  text-transform: uppercase;
  color: #707070;
  font-weight: bold;
  font-size: 12px;
  margin-bottom: 10px;
  letter-spacing: 1px;
}

.m-filter-container__filtersSectionContent {
  padding-left: 15px;
}

.m-filter-container__filtersGroup {
  padding-bottom: 15px;
  margin-bottom: 15px;
  border-bottom: 1px solid #d7d7d7;
  width: 100%;
}
.m-filter-container__filtersGroup:last-child {
  border-bottom: none;
}
.m-filter-container__filtersGroup.is--collapsable {
  margin-bottom: 0px;
  border-bottom: none;
}

.m-filter-container__filtersGroupTitle {
  color: #0c193a;
  font-weight: bold;
  display: flex;
  align-items: center;
}
.m-filter-container__filtersGroupTitle.is--collapsable {
  margin-left: -20px;
  cursor: pointer;
}
.m-filter-container__filtersGroupTitle .m-filter-container__filtersGroupToggle {
  width: 13px;
  height: 13px;
  margin-right: 4px;
}
.m-filter-container__filtersGroupTitle .m-filter-container__filtersGroupToggle .m-filter-container__filtersGroupToggleIcon {
  width: 100%;
  height: 100%;
  background-image: url("../assets/edmod-caret-icon.svg");
  background-size: contain;
  background-repeat: no-repeat;
  background-position: center;
  transform: rotate(90deg);
  transition: transform 0.2s;
}
.m-filter-container__filtersGroupTitle .m-filter-container__filtersGroupToggle .m-filter-container__filtersGroupToggleIcon.is--collapsed {
  transform: rotate(0deg);
}

.m-filter-container__filtersGroupContent {
  margin-top: 10px;
  max-height: 1000px;
  overflow-y: auto;
  transition: max-height 0.3s;
}
.m-filter-container__filtersGroupContent.is--collapsed {
  max-height: 0px;
  margin-top: 0px;
}

.m-filter-container__filterOption {
  width: 100%;
  display: flex;
  justify-content: flex-start;
  align-items: center;
  background-color: #fff;
  margin-bottom: 5px;
  padding: 4px 5px;
  cursor: pointer;
  transition: background-color 0.2s ease;
  min-width: 200px;
  overflow: hidden;
}
.m-filter-container__filterOption input.m-filter-container__filterOptionToggle {
  margin: 0;
  margin-right: 10px;
}
.m-filter-container__filterOption .m-filter-container__filterOptionLabel.is--cta {
  color: #225D7E;
  font-weight: bold;
}
.m-filter-container__filterOption .m-filter-container__radioOption {
  height: 13px;
  width: 13px;
  border-radius: 50%;
  border: 1px solid #707070;
  display: flex;
  align-items: center;
  justify-content: center;
  margin-right: 10px;
}
.m-filter-container__filterOption .m-filter-container__radioOption .m-filter-container__radioOptionInner {
  width: 8px;
  height: 8px;
  border-radius: 50%;
  background-color: transparent;
}
.m-filter-container__filterOption:last-of-type {
  margin-bottom: 0;
}
.m-filter-container__filterOption:hover {
  background-color: #f8f6f6;
}
.m-filter-container__filterOption.no--checkbox.is--checked .m-filter-container__radioOption {
  border-color: #EE6723;
}
.m-filter-container__filterOption.no--checkbox.is--checked .m-filter-container__radioOption .m-filter-container__radioOptionInner {
  background-color: #EE6723;
}

.m-filter-container__filterAccordianOption.is--hidden .m-filter-container__filterOptionAccordianHeader {
  background-color: #fff;
}
.m-filter-container__filterAccordianOption.is--hidden .m-filter-container__filterOptionAccordianToggleIcon {
  transform: rotate(0deg);
}
.m-filter-container__filterAccordianOption.is--hidden .m-filter-container__filterOptionAccordianOptions {
  margin-top: 0px;
  padding-left: 0px;
  height: 0;
  overflow: hidden;
}

.m-filter-container__filterOptionAccordianHeader {
  width: 100%;
  display: flex;
  justify-content: flex-start;
  align-items: center;
  background-color: #E6F0FF;
  padding: 4px 5px;
}

.m-filter-container__filterOptionAccordianToggle {
  width: 25px;
  height: 25px;
}

.m-filter-container__filterOptionAccordianToggleIcon {
  width: 100%;
  height: 100%;
  background-image: url("../assets/edmod-column-carrot.svg");
  background-size: contain;
  background-repeat: no-repeat;
  background-position: center;
  transform: rotate(90deg);
  margin-right: 2px;
  margin-bottom: 2px;
}

.m-filter-container__filterOptionAccordianOptions {
  margin-top: 5px;
  padding: 0px 5px;
}

.m-filter-container__dateFiltersContainer {
  display: flex;
  flex-direction: row;
  justify-content: space-between;
  align-items: center;
  padding: 5px 0px 10px;
}
.m-filter-container__dateFiltersContainer .react-datepicker-wrapper:first-child {
  margin-right: 20px;
}

.m-datepicker__input {
  display: block;
  width: 100%;
  flex-grow: 1;
  border: 1px solid #d7d7d7;
  padding: 0px 10px;
  height: 32px;
  line-height: 32px;
  outline: none;
  font-size: 12px;
  border-radius: 4px;
}
.m-datepicker__input::placeholder {
  text-transform: uppercase;
  margin-bottom: 2px;
}
.m-datepicker__input:focus {
  border-color: #225D7E;
}
.m-datepicker__input:focus::placeholder {
  color: #225D7E;
}

.m-filter-container__exportButton {
  color: #225D7E;
  padding: 4px 6px;
  margin-top: 5px;
  font-size: 12px;
  background-color: #E6F0FF;
  border: 1px solid #225D7E;
  border-radius: 4px;
  cursor: pointer;
  display: inline-block;
  transform: background-color 0.2s;
}
.m-filter-container__exportButton:hover {
  text-decoration: none;
  background-color: #c6ddff;
}

.m-filter-container__seeMore {
  color: #707070;
  cursor: pointer;
  display: flex;
}

.m-filter-container__manageLink {
  font-size: 12px;
  color: #225D7E;
  text-decoration: underline;
  cursor: pointer;
}

.m-searchableSelect__list {
  overflow-y: auto;
  border: 2px solid #d7d7d7;
  border-top: none;
}
.m-searchableSelect__list .m-selectableList__item {
  padding: 0px 15px;
}

.m-searchableSelect__header {
  display: flex;
  align-items: center;
  background-color: #fff;
  border: 2px solid #d7d7d7;
  border-radius: 4px 4px 0px 0px;
  padding: 10px;
}
.m-searchableSelect__header .m-searchableSelect__selectAllContainer {
  width: 24px;
  margin-right: 15px;
  flex-grow: 0;
  flex-shrink: 0;
  display: flex;
  align-items: center;
  justify-content: center;
}
.m-searchableSelect__header .m-searchableSelect__searchContainer {
  flex-grow: 1;
}

.m-three-dot__container {
  display: flex;
  flex-direction: column;
  justify-content: flex-end;
  align-items: flex-end;
}
.m-three-dot__container.is__open .m-three-dot__menu {
  display: flex;
}
.m-three-dot__container.m-three-dot--darkBackground.is__open .m-three-dot__menu {
  box-shadow: 2px 2px 2px #444;
}
.m-three-dot__container.m-three-dot--darkBackground.is__open .m-three-dot__menu .m-three-dot__menuOption {
  white-space: nowrap;
}
.m-three-dot__container.m-three-dot--darkBackground.is__open .m-three-dot__menu .m-three-dot__menuOption:hover {
  background-color: #0c193a;
  color: #ffffff;
}
.m-three-dot__container.m-three-dot--darkBackground.is__open .m-three-dot__icons {
  box-shadow: 2px 2px 2px #444;
}
.m-three-dot__container.m-three-dot--darkBackground .m-three-dot__icons.is__focused .m-three-dot__icon {
  background-color: #707070;
}
.m-three-dot__container.m-three-dot--darkBackground .m-three-dot__icon {
  background-color: #fff;
}
.m-three-dot__container.m-three-dot--evenShadow.is__open .m-three-dot__menu {
  box-shadow: 0px 1px 3px #d4d4d4;
}
.m-three-dot__container.m-three-dot--leftAligned.is__open .m-three-dot__menu {
  position: absolute;
  left: 0;
  top: 22px;
}
.m-three-dot__container.m-three-dot--narrowWidth.is__open .m-three-dot__menu {
  width: 100px;
}
.m-three-dot__container.m-three-dot--smallCog .m-three-dot__cog {
  width: 22px;
  height: 22px;
}

.m-three-dot__icons {
  width: 20px;
  height: 12px;
  padding: 4px 6px;
  background-color: transparent;
  display: flex;
  flex-direction: row;
  justify-content: space-around;
  align-items: center;
  box-sizing: content-box;
  transition: background-color 0.3s;
  border-radius: 4px;
  cursor: pointer;
}
.m-three-dot__icons:hover {
  background-color: #e6e6e6;
}

.m-three-dot__icon {
  width: 4px;
  height: 4px;
  background-color: #707070;
  border-radius: 50%;
  transition: background-color 0.2s;
}

.m-three-dot__cog {
  width: 26px;
  height: 26px;
  cursor: pointer;
  opacity: 0.75;
}
.m-three-dot__cog:hover {
  opacity: 1;
}
.m-three-dot__cog.is__focused {
  opacity: 1;
}
.m-three-dot__cog .m-three-dot__cogIcon {
  width: 100%;
  height: 100%;
  background-image: url("../assets/edmod-gear-blue.svg");
  background-size: contain;
  background-repeat: no-repeat;
  background-position: center;
}

.m-three-dot__menu {
  display: none;
  min-width: 85px;
  max-width: 165px;
  background-color: #fff;
  border: 2px solid #d7d7d7;
  flex-direction: column;
  border-radius: 4px;
  margin-top: 12px;
  font-weight: normal;
  z-index: 10;
}

.m-three-dot__menuOption {
  width: 100%;
  height: 40px;
  background-color: #fff;
  white-space: nowrap;
  padding: 0 15px;
  color: #0c193a;
  display: flex;
  justify-content: flex-start;
  align-items: center;
  transition: color 0.2s, background-color 0.2s;
  cursor: pointer;
}
.m-three-dot__menuOption a {
  color: #0c193a;
  text-decoration: none;
  width: 100%;
  height: 100%;
  display: flex;
  justify-content: flex-start;
  align-items: center;
}
.m-three-dot__menuOption:last-child {
  border-bottom: none;
  border-radius: 0 0 4px 4px;
}
.m-three-dot__menuOption:first-child {
  border-radius: 4px 4px 0 0;
}
.m-three-dot__menuOption:only-child {
  border-radius: 4px 4px 4px 4px;
}
.m-three-dot__menuOption:hover {
  background-color: #FCE1D3;
}

.m-three-dot__menuElement {
  display: flex;
  flex-direction: column;
  cursor: auto;
  padding: 20px 15px 10px;
  border-top: 1px solid #fff;
}
.m-three-dot__menuElement:last-child {
  border-radius: 0 0 4px 4px;
}
.m-three-dot__menuElement:first-child {
  border-radius: 4px 4px 0 0;
}
.m-three-dot__menuElement:only-child {
  border-radius: 4px 4px 4px 4px;
}

.m-three-dot__menuElementTitle {
  height: 25px;
  display: flex;
  justify-content: flex-start;
  align-items: center;
  color: #909399;
  text-transform: uppercase;
  font-size: 12px;
  white-space: nowrap;
}

.m-three-dot__menuElementContent {
  white-space: nowrap;
}
.m-three-dot__menuElementContent.m-three-dot__changeColor {
  height: 30px;
  padding-bottom: 10px;
  display: flex;
  flex-direction: row;
  justify-content: space-between;
  align-items: center;
}

.m-three-dot__colorOption {
  width: 30px;
  height: 30px;
  transition: transform 0.1s, opacity 0.1s;
  opacity: 0.8;
  cursor: pointer;
}
.m-three-dot__colorOption:hover {
  transform: scale(1.067, 1.067);
  opacity: 1;
}
.m-three-dot__colorOption.is__selected {
  border: 2px solid #000;
}
.m-three-dot__colorOption.DEFAULT {
  background: linear-gradient(45deg, #1e007f 0%, #0033ff 100%);
}
.m-three-dot__colorOption.PINK {
  background: linear-gradient(45deg, #630091 0%, #df33ff 100%);
}
.m-three-dot__colorOption.GREEN {
  background: linear-gradient(45deg, #004037 0%, #00c445 100%);
}
.m-three-dot__colorOption.PURPLE {
  background: linear-gradient(60deg, #960366 0%, #6d079f 28.35%, #0086ff 100%);
}

.m-search-bar__container {
  width: 100%;
  height: 42px;
  position: relative;
}

.m-search-bar__inputContainer {
  width: 100%;
  height: 100%;
  border: 2px solid #d7d7d7;
  background-color: #fff;
  border-radius: 4px;
  padding: 3px;
  display: flex;
  flex-direction: row;
  align-items: center;
  justify-content: flex-start;
}
.m-search-bar__inputContainer.is__focused {
  border-color: #225D7E;
  background-color: #fff;
}
.m-search-bar__inputContainer.is__focused .m-search-bar__input {
  background-color: #fff;
}
.m-search-bar__inputContainer.is__focused:hover {
  background-color: #fff;
}
.m-search-bar__inputContainer.is__focused:hover .m-search-bar__input {
  background-color: #fff;
}
.m-search-bar__inputContainer.is__searching {
  border-color: #225D7E;
  background-color: #fff;
  border-radius: 4px 4px 0 0;
  border-bottom: none;
}
.m-search-bar__inputContainer.is__searching .m-search-bar__input {
  background-color: #fff;
}
.m-search-bar__inputContainer.is__searching:hover {
  background-color: #fff;
}
.m-search-bar__inputContainer.is__searching:hover .m-search-bar__input {
  background-color: #fff;
}

.m-search-bar__icon {
  height: 60%;
  min-width: 36px;
  background-size: contain;
  background-repeat: no-repeat;
  background-position: center;
  background-image: url("../assets/edmod-search-icon-gray.svg");
}

.m-search-bar__clearIcon {
  height: 45%;
  min-width: 30px;
  margin-right: 2px;
  background-size: contain;
  background-repeat: no-repeat;
  background-position: center;
  background-image: url("../assets/edmod-darker-close-icon.svg");
  cursor: pointer;
}

.m-search-bar__input {
  height: 100%;
  flex-grow: 6;
  border: none;
  outline: none;
  padding-left: 3px;
  margin-right: 10px;
  background-color: #fff;
  width: 100%;
}
.m-search-bar__input::placeholder {
  color: #707070;
}

.m-search-bar__divider {
  position: absolute;
  height: 1px;
  top: 42px;
  left: 3%;
  width: 94%;
  background-color: #fff;
  z-index: 20000;
}

.m-search-bar__resultsContainer {
  position: absolute;
  top: 42px;
  left: 0;
  width: 100%;
  border: 2px solid #225D7E;
  border-radius: 0 0 4px 4px;
  border-top: none;
  padding: 10px 0;
  background-color: #fff;
  z-index: 10001;
}

.m-search-bar__resultGroupTitle {
  padding: 5px 10px;
  text-transform: uppercase;
  color: #707070;
  font-size: 10px;
}

.m-search-bar__resultOption {
  padding: 5px 10px;
  cursor: pointer;
  background-color: #fff;
  transition: background-color 0.2s;
}
.m-search-bar__resultOption:hover {
  background-color: #d7d7d7;
}
.m-search-bar__resultOption.m-search-bar--see-more {
  color: #707070;
  cursor: default;
}
.m-search-bar__resultOption.m-search-bar--see-more:hover {
  background-color: #fff;
}
.m-search-bar__resultOption.is--focused {
  background-color: #d7d7d7;
}

.m-search-bar__container.has--simple-search-styling {
  margin-bottom: 5px;
}
.m-search-bar__container.has--simple-search-styling .m-search-bar__inputContainer {
  border: none;
  border-bottom: 1px solid #d7d7d7;
  border-radius: 0px;
  background-color: transparent;
}
.m-search-bar__container.has--simple-search-styling .m-search-bar__inputContainer.is__focused, .m-search-bar__container.has--simple-search-styling .m-search-bar__inputContainer.is__searching {
  border-color: #225D7E;
}
.m-search-bar__container.has--simple-search-styling .m-search-bar__inputContainer.is__focused:hover .m-search-bar__input, .m-search-bar__container.has--simple-search-styling .m-search-bar__inputContainer.is__searching:hover .m-search-bar__input {
  background-color: transparent;
}
.m-search-bar__container.has--simple-search-styling .m-search-bar__inputContainer .m-search-bar__icon {
  display: none;
}
.m-search-bar__container.has--simple-search-styling .m-search-bar__inputContainer:hover {
  background-color: transparent;
}
.m-search-bar__container.has--simple-search-styling .m-search-bar__resultsContainer {
  border-radius: 0px;
}
.m-search-bar__container.has--simple-search-styling .m-search-bar__resultOption:last-child {
  border-radius: 0px;
}
.m-search-bar__container.has--simple-search-styling .m-search-bar__input {
  background-color: transparent;
}
.m-search-bar__container.has--simple-search-styling .m-search-bar__divider {
  display: none;
}
.m-search-bar__container.has--simple-search-styling .m-search-bar__clearIcon {
  display: none;
}

.m-table__table {
  position: relative;
}
.m-table__table .m-table__row {
  width: 100%;
  height: 40px;
  display: flex;
  align-items: center;
  flex-grow: 1;
}
.m-table__table .m-table__row .m-table__cell {
  background-color: #fff;
  border-bottom: 1px solid #d7d7d7;
}
.m-table__table .m-table__row .m-table__cell.has--transparent-bg {
  background-color: rgba(255, 255, 255, 0.9);
}
.m-table__table .m-table__row:nth-child(odd) .m-table__cell {
  background-color: #F8F6F6;
}
.m-table__table .m-table__row:nth-child(odd) .m-table__cell.has--transparent-bg {
  background-color: rgba(248, 246, 246, 0.9);
}
.m-table__table .m-table__row:last-child, .m-table__table .m-table__row.no--border {
  border-bottom: none;
}
.m-table__table .m-table__row.is--header {
  text-transform: uppercase;
  color: #707070;
  font-size: 12px;
  font-weight: bold;
  background-color: #fff;
}
.m-table__table .m-table__row.is--header .m-table__cell {
  background-color: #fff;
}
.m-table__table .m-table__cell {
  height: 100%;
  padding: 0px 5px;
  display: flex;
  justify-content: center;
  align-items: center;
  text-align: center;
  flex-grow: 1;
  border-right: 1px solid #d7d7d7;
}
.m-table__table .m-table__cell:last-child, .m-table__table .m-table__cell.no--border {
  border-right: none;
}
.m-table__table .m-table__cell.left--aligned {
  justify-content: flex-start;
  text-align: left;
}
.m-table__table .m-table__cell input[type=checkbox] {
  margin: 0;
  cursor: pointer;
}
.m-table__table .m-table__rowToggleIcon {
  width: 14px;
  height: 14px;
  background-image: url("../assets/edmod-caret-icon.svg");
  background-size: contain;
  background-repeat: no-repeat;
  background-position: center;
  margin-right: 10px;
}
.m-table__table .m-table__rowToggleIcon.is--expanded {
  transform: rotate(90deg);
}
.m-table__table .m-table__editIcon {
  width: 16px;
  height: 16px;
  background-image: url("../assets/edmod-edit-pencil-updated.svg");
  background-size: contain;
  background-repeat: no-repeat;
  background-position: center;
}

.m-resultCell__linkOverlay {
  position: absolute;
  top: 0;
  left: -5px;
  height: 100%;
  width: calc(100% + 10px);
  cursor: pointer;
  background-color: rgba(215, 215, 215, 0.2);
  display: flex;
  justify-content: flex-end;
  align-items: center;
  padding-right: 5px;
}
.m-resultCell__linkOverlay .m-resultCell__linkIcon {
  width: 20px;
  height: 20px;
  background-image: url("../assets/edmod-link-icon.svg");
  background-size: contain;
  background-repeat: no-repeat;
  background-position: center;
  background-color: #fff;
  border-radius: 4px;
}

.m-table__expandCell {
  height: 15px;
  width: 15px;
  position: absolute;
  bottom: 5px;
  right: 5px;
  background-color: rgba(12, 25, 58, 0.8);
  border-radius: 4px;
  cursor: pointer;
  display: flex;
  justify-content: center;
  align-items: center;
}
.m-table__expandCell .m-table__expandCellIcon {
  width: 16px;
  height: 16px;
  background-image: url("../assets/edmod-caret-icon-white.svg");
  background-size: contain;
  background-repeat: no-repeat;
  background-position: center;
  transform: rotate(90deg);
}
.m-table__expandCell .m-table__expandCellIcon.is--expanded {
  transform: rotate(-90deg);
}

.m-table__headerSortIcon {
  position: absolute;
  right: 3px;
  cursor: pointer;
  width: 100%;
  height: 100%;
  background-image: url("../assets/edmod-column-sort.svg");
  background-size: contain;
  background-repeat: no-repeat;
  background-position: center;
  height: 18px;
  width: 12px;
}
.m-table__headerSortIcon.is--asc {
  width: 100%;
  height: 100%;
  background-image: url("../assets/edmod-column-sort-asc.svg");
  background-size: contain;
  background-repeat: no-repeat;
  background-position: center;
  height: 18px;
  width: 12px;
}
.m-table__headerSortIcon.is--desc {
  width: 100%;
  height: 100%;
  background-image: url("../assets/edmod-column-sort-desc.svg");
  background-size: contain;
  background-repeat: no-repeat;
  background-position: center;
  height: 18px;
  width: 12px;
}

.m-table__headerSortFilterContainer {
  width: 20px;
  height: 20px;
  position: absolute;
  right: 3px;
  opacity: 0.5;
  cursor: pointer;
  background-color: #e6e6e6;
  border-radius: 4px;
  display: flex;
  justify-content: center;
  align-items: center;
}
.m-table__headerSortFilterContainer:hover {
  opacity: 1;
}
.m-table__headerSortFilterContainer.is--active {
  background-color: #FCE1D3;
  opacity: 1;
}
.m-table__headerSortFilterContainer .m-table__headerSortFilterIcon {
  width: 18px;
  height: 18px;
  background-image: url("../assets/edmod-filter-icon.svg");
  background-size: contain;
  background-repeat: no-repeat;
  background-position: center;
}

.m-table__sortFilterDialog {
  position: absolute;
  z-index: 1000;
  padding: 10px;
  width: 250px;
  border: 2px solid #d7d7d7;
  box-shadow: 0px 4px 4px rgba(112, 112, 112, 0.5);
  background-color: #fff;
  border-radius: 4px;
  border: 2px solid #d7d7d7;
  border-radius: 0px;
  text-transform: none;
  color: #0c193a;
  font-weight: normal;
  font-size: 14px;
  display: flex;
  flex-direction: column;
  justify-content: stretch;
  align-items: flex-start;
}
.m-table__sortFilterDialog .m-table__sortSection {
  width: 100%;
}
.m-table__sortFilterDialog .m-table__sortOption {
  height: 30px;
  padding: 5px;
  display: flex;
  align-items: center;
  cursor: pointer;
  background-color: #fff;
  width: 100%;
}
.m-table__sortFilterDialog .m-table__sortOption:hover {
  background-color: #f8f6f6;
}
.m-table__sortFilterDialog .m-table__sortOption:hover.is--active {
  background-color: #FCE1D3;
}
.m-table__sortFilterDialog .m-table__sortOption.is--active {
  background-color: #FCE1D3;
}
.m-table__sortFilterDialog .m-table__sortFilterFooter {
  display: flex;
  justify-content: space-between;
  width: 100%;
  height: 30px;
  align-items: center;
}
.m-table__sortFilterDialog .m-table__sortFilterFooter .m-table__sortFilterClearButton {
  color: #ad3f3c;
  font-weight: bold;
  text-transform: uppercase;
  text-decoration: none;
  cursor: pointer;
  padding-bottom: 2px;
  border-bottom: 1px solid transparent;
  transition: border-color 0.2s;
}
.m-table__sortFilterDialog .m-table__sortFilterFooter .m-table__sortFilterClearButton:hover {
  border-color: #ad3f3c;
}
.m-table__sortFilterDialog .m-table__sortFilterFooter .m-table__sortFilterClearButton a {
  color: #707070;
  font-weight: bold;
  text-transform: uppercase;
}
.m-table__sortFilterDialog .m-table__sortFilterFooter .m-table__sortFilterClearButton a:hover {
  text-decoration: none;
}
.m-table__sortFilterDialog .m-table__sortFilterFooter .m-table__sortFilterClearButton.is--disabled {
  cursor: not-allowed;
  color: #d7d7d7;
  border-color: transparent;
}
.m-table__sortFilterDialog .m-table__sortFilterFooter .m-table__sortFilterClearButton.is--disabled:hover {
  border-color: transparent;
}
.m-table__sortFilterDialog .m-table__sortFilterFooter .m-table__sortFilterSaveButton {
  color: #707070;
  font-weight: bold;
  text-transform: uppercase;
  text-decoration: none;
  cursor: pointer;
  padding-bottom: 2px;
  border-bottom: 1px solid transparent;
  transition: border-color 0.2s;
}
.m-table__sortFilterDialog .m-table__sortFilterFooter .m-table__sortFilterSaveButton:hover {
  border-color: #707070;
}
.m-table__sortFilterDialog .m-table__sortFilterFooter .m-table__sortFilterSaveButton a {
  color: #707070;
  font-weight: bold;
  text-transform: uppercase;
}
.m-table__sortFilterDialog .m-table__sortFilterFooter .m-table__sortFilterSaveButton a:hover {
  text-decoration: none;
}
.m-table__sortFilterDialog .m-table__sortFilterFooter .m-table__sortFilterSaveButton.is--disabled {
  cursor: not-allowed;
  color: #d7d7d7;
  border-color: transparent;
}
.m-table__sortFilterDialog .m-table__sortFilterFooter .m-table__sortFilterSaveButton.is--disabled:hover {
  border-color: transparent;
}
.m-table__sortFilterDialog .m-filteredSelectList__filterSection {
  margin: 10px 0;
}
.m-table__sortFilterDialog .m-filteredSelectList__filterSection .m-filteredSelectList__filterSectionTitle {
  text-align: left;
  font-weight: bold;
  margin-bottom: 5px;
}
.m-table__sortFilterDialog .m-filteredSelectList__filterSection .m-filteredSelectList__filterList {
  max-height: 175px;
  overflow-y: auto;
}

.m-table__noContent {
  height: 205px;
  width: 100%;
  display: flex;
  justify-content: center;
  align-items: center;
  color: #707070;
  font-size: 16px;
}

.m-resultList__metadata {
  color: #707070;
  font-style: italic;
}

.m-windowed-table__firstColumn {
  scrollbar-width: none;
  /* Firefox */
  -ms-overflow-style: none;
  /* Internet Explorer 10+ */
}
.m-windowed-table__firstColumn::-webkit-scrollbar {
  /* WebKit */
  width: 0;
  height: 0;
}

.m-windowed-table__header {
  border-bottom: 1px solid #0c193a;
  background-color: #fff;
  padding: 0 15px;
}
.m-windowed-table__header .m-windowed-table__headerContent {
  display: flex;
  justify-content: center;
  align-items: center;
  overflow: hidden;
  text-align: center;
  height: 100%;
  width: 100%;
  color: #0c193a;
  font-size: 14px;
  font-weight: 600;
  line-height: 1.1em;
}
.m-windowed-table__header .m-windowed-table__headerContent.is--header-link {
  text-decoration: underline;
}
.m-windowed-table__header .m-windowed-table__headerContent.is--header-link a {
  color: #0c193a;
}
.m-windowed-table__header .m-windowed-table__headerContent.is--fixed {
  justify-content: flex-start;
}
.m-windowed-table__header .m-windowed-table__headerContent.is--ln {
  color: #225D7E;
}
.m-windowed-table__header .m-windowed-table__headerContent.is--iep {
  color: #225D7E;
}
.m-windowed-table__header .m-windowed-table__headerContent.is--504 {
  color: #9B296D;
}
.m-windowed-table__header .m-windowed-table__headerContent.is--ell {
  color: #63790C;
}
.m-windowed-table__header .m-windowed-table__headerContent.progress {
  background-color: inherit;
  border: unset;
  box-shadow: unset;
}

.m-windowed-table__cell {
  display: flex;
  align-items: flex-start;
  justify-content: center;
  border-right: 1px solid #fff;
}
.m-windowed-table__cell.is--relative {
  position: relative;
}
.m-windowed-table__cell.is--plain-text {
  align-items: center;
  justify-content: center;
}
.m-windowed-table__cell.is--plain-text.m-editable .m-table-cell__edit-icon-wrapper {
  position: absolute;
  top: 0;
  right: 0;
  cursor: pointer;
  display: none;
  padding: 4px 5px 5px 5px;
}
.m-windowed-table__cell.is--plain-text.m-editable .m-table-cell__edit-icon {
  width: 16px;
  height: 16px;
  background-image: url("../assets/edmod-edit-pencil-updated.svg");
  background-size: contain;
  background-repeat: no-repeat;
  background-position: center;
}
.m-windowed-table__cell.is--plain-text.m-editable:hover .m-table-cell__edit-icon-wrapper {
  display: block;
}
.m-windowed-table__cell.is--plain-text .m-windowed-table__textContent {
  width: 100%;
  height: 100%;
  display: flex;
  align-items: center;
  justify-content: center;
}
.m-windowed-table__cell.is--plain-text .m-windowed-table__textContent.is--long-text {
  align-items: flex-start;
  justify-content: flex-start;
  overflow: auto;
}
.m-windowed-table__cell.is--long-text {
  align-items: flex-start;
  justify-content: flex-start;
  padding: 5px 20px 5px 5px;
}
.m-windowed-table__cell.is--long-text .m-windowed-table__longTextContent {
  overflow: hidden;
  width: 100%;
  height: 100%;
}
.m-windowed-table__cell.is--long-text p {
  margin-bottom: 2px;
}
.m-windowed-table__cell.is--long-text.m-editable .m-table-cell__edit-icon-wrapper {
  position: absolute;
  top: 0;
  right: 0;
  cursor: pointer;
  display: none;
  padding: 4px 5px 5px 5px;
}
.m-windowed-table__cell.is--long-text.m-editable .m-table-cell__edit-icon {
  width: 16px;
  height: 16px;
  background-image: url("../assets/edmod-edit-pencil-updated.svg");
  background-size: contain;
  background-repeat: no-repeat;
  background-position: center;
}
.m-windowed-table__cell.is--long-text.m-editable:hover .m-table-cell__edit-icon-wrapper {
  display: block;
}
.m-windowed-table__cell.is--long-text.m-editable .m-windowed-table__longTextContent {
  cursor: pointer;
}
.m-windowed-table__cell .m-windowed-cell__boolContent {
  width: 100%;
  height: 100%;
  max-height: 50px;
  display: flex;
  align-items: center;
  justify-content: center;
  position: relative;
}
.m-windowed-table__cell .m-windowed-cell__boolContent .m-table__boolCheckMark {
  width: 20px;
  height: 20px;
  background-image: url("../assets/edmod-checkmark-dark.svg");
  background-size: contain;
  background-repeat: no-repeat;
  background-position: center;
}
.m-windowed-table__cell .m-windowed-cell__boolContent.is--ln .m-table__boolCheckMark {
  width: 20px;
  height: 20px;
  background-image: url("../assets/edmod-checkmark-blue.svg");
  background-size: contain;
  background-repeat: no-repeat;
  background-position: center;
}
.m-windowed-table__cell .m-windowed-cell__boolContent.is--iep .m-table__boolCheckMark {
  width: 20px;
  height: 20px;
  background-image: url("../assets/edmod-checkmark-blue.svg");
  background-size: contain;
  background-repeat: no-repeat;
  background-position: center;
}
.m-windowed-table__cell .m-windowed-cell__boolContent.is--504 .m-table__boolCheckMark {
  width: 20px;
  height: 20px;
  background-image: url("../assets/edmod-checkmark-pink.svg");
  background-size: contain;
  background-repeat: no-repeat;
  background-position: center;
}
.m-windowed-table__cell .m-windowed-cell__boolContent.is--ell .m-table__boolCheckMark {
  width: 20px;
  height: 20px;
  background-image: url("../assets/edmod-checkmark-green.svg");
  background-size: contain;
  background-repeat: no-repeat;
  background-position: center;
}
.m-windowed-table__cell .m-windowed-cell__boolContent .m-windowed-cell__hoverIndicator {
  position: absolute;
  right: 51px;
  top: 16px;
  width: 6px;
  height: 6px;
  border-radius: 50%;
  background-color: #67686b;
}
.m-windowed-table__cell .m-windowed-cell__boolContent.progress {
  background-color: inherit;
  border: unset;
  box-shadow: unset;
}
.m-windowed-table__cell .m-windowed-cell__boolContent.m-editable .m-table-cell__edit-icon-wrapper {
  position: absolute;
  top: 0;
  right: 0;
  cursor: pointer;
  display: none;
  padding: 4px 4px 4px 4px;
}
.m-windowed-table__cell .m-windowed-cell__boolContent.m-editable .m-table-cell__edit-icon {
  width: 16px;
  height: 16px;
  background-image: url("../assets/edmod-edit-pencil-updated.svg");
  background-size: contain;
  background-repeat: no-repeat;
  background-position: center;
}
.m-windowed-table__cell .m-windowed-cell__boolContent.m-editable:hover .m-table-cell__edit-icon-wrapper {
  display: block;
}
.m-windowed-table__cell .m-windowed-table__textCellContent {
  display: flex;
  justify-content: flex-start;
  align-items: center;
  width: 100%;
  height: 100%;
  max-height: 50px;
  padding: 0 15px;
}
.m-windowed-table__cell .m-windowed-table__textCellContent a {
  color: #0c193a;
  text-decoration: none;
  border-bottom: 1px solid transparent;
}
.m-windowed-table__cell .m-windowed-table__textCellContent a:hover {
  border-color: #0c193a;
}

.m-window-table__expandText {
  width: 100%;
  height: 100%;
  background-image: url("../assets/edmod-info-tool-tip.svg");
  background-size: contain;
  background-repeat: no-repeat;
  background-position: center;
  position: absolute;
  bottom: 5px;
  right: 5px;
  width: 17px;
  height: 17px;
}

.m-windowed-table__toggleColumnOrder {
  position: absolute;
  right: 3px;
  cursor: pointer;
  width: 100%;
  height: 100%;
  background-image: url("../assets/edmod-column-sort.svg");
  background-size: contain;
  background-repeat: no-repeat;
  background-position: center;
  height: 18px;
  width: 12px;
}
.m-windowed-table__toggleColumnOrder.is--ordered {
  width: 100%;
  height: 100%;
  background-image: url("../assets/edmod-column-sort-active.svg");
  background-size: contain;
  background-repeat: no-repeat;
  background-position: center;
  height: 18px;
  width: 12px;
}

.m-windowed-table__scrollButton {
  height: 44px;
  width: 18px;
  background-color: #0c193a;
  position: absolute;
  top: 3px;
  display: flex;
  justify-content: center;
  align-items: center;
  cursor: pointer;
  border-radius: 4px;
}
.m-windowed-table__scrollButton.is--left {
  left: -20px;
}
.m-windowed-table__scrollButton.is--left .m-windowed-table__scrollIcon {
  transform: rotate(180deg);
}
.m-windowed-table__scrollButton.is--right {
  right: 4px;
}
.m-windowed-table__scrollButton .m-windowed-table__scrollIcon {
  width: 16px;
  height: 16px;
  background-image: url("../assets/edmod-caret-icon-white.svg");
  background-size: contain;
  background-repeat: no-repeat;
  background-position: center;
}

.m-table__showMore {
  padding: 20px 50px;
  display: flex;
  flex-direction: column;
  align-items: center;
  justify-content: center;
  position: sticky;
  left: 50px;
  color: #707070;
  font-style: italic;
}
.m-table__showMore span {
  cursor: pointer;
  color: #0c193a;
  border-bottom: 1px solid transparent;
  margin-right: 20px;
  margin-left: 5px;
}
.m-table__showMore span:hover {
  border-color: #0c193a;
}

.m-table__showHiddenColumn {
  width: 17px;
  height: 17px;
  background-image: url("../assets/edmod-hidden-icon.svg");
  background-size: contain;
  background-repeat: no-repeat;
  background-position: center;
  cursor: pointer;
  flex-shrink: 0;
  margin-left: -1px;
}

.m-modal__student-update-info {
  margin-bottom: 35px;
  padding: 15px 15px 30px 15px;
}
.m-modal__student-update-info .m-edit-learning-needs__wrapper {
  width: 100%;
}
.m-modal__student-update-info .m-learning-needs__selectedList {
  width: 100%;
  background-color: white;
  padding: 10px;
  border: 1px solid #225D7E;
}
.m-modal__student-update-info .m-learning-needs__unSelectedList {
  width: 100%;
  background-color: white;
  padding: 10px;
  border: 1px solid #225D7E;
}
.m-modal__student-update-info .m-accommClass__addNewContainer {
  width: 100%;
  background-color: white;
  padding: 10px;
  border: 1px solid #225D7E;
}
.m-modal__student-update-info .m-rich-text__container {
  background-color: white !important;
  border: 1px solid #b2b9bd;
}
.m-modal__student-update-info .m-student-module__textSection .m-student-module__textSectionTitle {
  font-size: 16px;
}
.m-modal__student-update-info .m-student-module__textSection input.m-text__input {
  width: 100%;
  padding: 5px 10px;
  outline: none;
}
.m-modal__student-update-info .m-learning-needs__editTitle {
  font-size: 16px;
}
.m-modal__student-update-info .m-student-update-info__warning-icon {
  position: absolute;
  left: 15px;
  top: 10px;
  width: 36px;
  height: 36px;
  background-image: url("../assets/edmod-warning-icon.svg");
  background-size: contain;
  background-repeat: no-repeat;
  background-position: center;
}
.m-modal__student-update-info .m-accommodations__selectedGroupList {
  background-color: white;
  border: 1px solid #225D7E;
  padding: 10px;
}
.m-modal__student-update-info .m-accommodations__unSelectedGroupList {
  background-color: white;
  border: 1px solid #225D7E;
  padding: 10px;
}
.m-modal__student-update-info .m-accommodations__editTitle {
  font-size: 16px;
  margin: 0 0 15px 0;
  color: #0c193a;
  font-weight: 600;
}
.m-modal__student-update-info .m-strategies__editTitle {
  font-size: 16px;
  margin: 0 0 15px 0;
  color: #0c193a;
  font-weight: 600;
}

.m-modal__dit-student_information .m-modal__mainContent {
  padding: 0 !important;
}
.m-modal__dit-student_information .m-modal__modal {
  width: 500px !important;
}
.m-modal__dit-student_information .m-modal__saveCancel {
  position: absolute;
  width: 100%;
  height: 50px;
  bottom: 0;
  right: 0;
  background-color: #F8F6F6;
  padding: 0 10px;
  border-top: 1px solid #b2b9bd;
  margin-top: 0 !important;
}

.m-modal__add-strategy .m-modal__mainContent .m-modal__subheader {
  margin-bottom: 40px;
}
.m-modal__add-strategy .m-modal__mainContent .m-modal__subheader .m-strategysave__selectOption {
  display: flex;
  align-items: center;
  cursor: pointer;
  transition: background-color 0.2s;
}
.m-modal__add-strategy .m-modal__mainContent .m-modal__subheader .m-strategysave__selectOption .m-strategysave__selectOptionToggle {
  margin-right: 10px;
  margin-top: 0;
}

.m-filtered-page__pageHeader {
  padding: 30px 0px 30px 46px;
  max-width: 972px;
}
.m-filtered-page__pageHeader .m-filtered-page__pageHeaderInner {
  display: flex;
  align-items: center;
  justify-content: space-between;
}
.m-filtered-page__pageHeader .m-filtered-page__pageTitle {
  font-size: 24px;
  color: #0c193a;
  font-weight: bold;
}
.m-filtered-page__pageHeader .m-filtered-page__pageSubTitle {
  font-size: 16px;
  color: #0c193a;
  font-weight: normal;
  margin-top: 15px;
}
.m-filtered-page__pageHeader:after {
  content: " ";
  display: block;
  height: 1px;
  width: 80px;
  background-color: #d7d7d7;
  margin-top: 30px;
}

.m-filtered-page__pageContent {
  padding: 0px 46px;
}

.m-filtered-page__noContentMessage {
  font-size: 24px;
  color: #225D7E;
  width: 60%;
  text-align: center;
}

.m-filter-container__filtersHeaderRow {
  min-height: 80px;
  max-height: 80px;
  width: 100%;
  display: flex;
  justify-content: center;
  align-items: center;
  border-bottom: 1px solid transparent;
}

.m-filter-container__filtersHeaderTitle {
  color: #0c193a;
  font-weight: bold;
  font-size: 18px;
  min-width: 200px;
  overflow: hidden;
}

.m-filter-container__filtersToggle {
  height: 20px;
  width: 20px;
  display: flex;
  justify-content: center;
  align-items: center;
  cursor: pointer;
  transform: rotate(0deg);
  transition: transform 0.3s;
}
.m-filter-container__filtersToggle .m-filter-container__toggleIcon {
  width: 100%;
  height: 100%;
  background-image: url("../assets/edmod-caret-icon.svg");
  background-size: contain;
  background-repeat: no-repeat;
  background-position: center;
  margin-right: 2px;
  margin-bottom: 2px;
}

.m-filter-container__filtersMain {
  width: 100%;
  padding: 15px;
}

.m-filter-container__filtersSection {
  padding-left: 15px;
  padding-bottom: 15px;
}

.m-filter-container__filtersSectionTitle {
  text-transform: uppercase;
  color: #707070;
  font-weight: bold;
  font-size: 12px;
  margin-bottom: 10px;
  letter-spacing: 1px;
}

.m-filter-container__filtersSectionContent {
  padding-left: 15px;
}

.m-filter-container__filtersGroup {
  padding-bottom: 15px;
  margin-bottom: 15px;
  border-bottom: 1px solid #d7d7d7;
  width: 100%;
}
.m-filter-container__filtersGroup:last-child {
  border-bottom: none;
}
.m-filter-container__filtersGroup.is--collapsable {
  margin-bottom: 0px;
  border-bottom: none;
}

.m-filter-container__filtersGroupTitle {
  color: #0c193a;
  font-weight: bold;
  display: flex;
  align-items: center;
}
.m-filter-container__filtersGroupTitle.is--collapsable {
  margin-left: -20px;
  cursor: pointer;
}
.m-filter-container__filtersGroupTitle .m-filter-container__filtersGroupToggle {
  width: 13px;
  height: 13px;
  margin-right: 4px;
}
.m-filter-container__filtersGroupTitle .m-filter-container__filtersGroupToggle .m-filter-container__filtersGroupToggleIcon {
  width: 100%;
  height: 100%;
  background-image: url("../assets/edmod-caret-icon.svg");
  background-size: contain;
  background-repeat: no-repeat;
  background-position: center;
  transform: rotate(90deg);
  transition: transform 0.2s;
}
.m-filter-container__filtersGroupTitle .m-filter-container__filtersGroupToggle .m-filter-container__filtersGroupToggleIcon.is--collapsed {
  transform: rotate(0deg);
}

.m-filter-container__filtersGroupContent {
  margin-top: 10px;
  max-height: 1000px;
  overflow-y: auto;
  transition: max-height 0.3s;
}
.m-filter-container__filtersGroupContent.is--collapsed {
  max-height: 0px;
  margin-top: 0px;
}

.m-filter-container__filterOption {
  width: 100%;
  display: flex;
  justify-content: flex-start;
  align-items: center;
  background-color: #fff;
  margin-bottom: 5px;
  padding: 4px 5px;
  cursor: pointer;
  transition: background-color 0.2s ease;
  min-width: 200px;
  overflow: hidden;
}
.m-filter-container__filterOption input.m-filter-container__filterOptionToggle {
  margin: 0;
  margin-right: 10px;
}
.m-filter-container__filterOption .m-filter-container__filterOptionLabel.is--cta {
  color: #225D7E;
  font-weight: bold;
}
.m-filter-container__filterOption .m-filter-container__radioOption {
  height: 13px;
  width: 13px;
  border-radius: 50%;
  border: 1px solid #707070;
  display: flex;
  align-items: center;
  justify-content: center;
  margin-right: 10px;
}
.m-filter-container__filterOption .m-filter-container__radioOption .m-filter-container__radioOptionInner {
  width: 8px;
  height: 8px;
  border-radius: 50%;
  background-color: transparent;
}
.m-filter-container__filterOption:last-of-type {
  margin-bottom: 0;
}
.m-filter-container__filterOption:hover {
  background-color: #f8f6f6;
}
.m-filter-container__filterOption.no--checkbox.is--checked .m-filter-container__radioOption {
  border-color: #EE6723;
}
.m-filter-container__filterOption.no--checkbox.is--checked .m-filter-container__radioOption .m-filter-container__radioOptionInner {
  background-color: #EE6723;
}

.m-filter-container__filterAccordianOption.is--hidden .m-filter-container__filterOptionAccordianHeader {
  background-color: #fff;
}
.m-filter-container__filterAccordianOption.is--hidden .m-filter-container__filterOptionAccordianToggleIcon {
  transform: rotate(0deg);
}
.m-filter-container__filterAccordianOption.is--hidden .m-filter-container__filterOptionAccordianOptions {
  margin-top: 0px;
  padding-left: 0px;
  height: 0;
  overflow: hidden;
}

.m-filter-container__filterOptionAccordianHeader {
  width: 100%;
  display: flex;
  justify-content: flex-start;
  align-items: center;
  background-color: #E6F0FF;
  padding: 4px 5px;
}

.m-filter-container__filterOptionAccordianToggle {
  width: 25px;
  height: 25px;
}

.m-filter-container__filterOptionAccordianToggleIcon {
  width: 100%;
  height: 100%;
  background-image: url("../assets/edmod-column-carrot.svg");
  background-size: contain;
  background-repeat: no-repeat;
  background-position: center;
  transform: rotate(90deg);
  margin-right: 2px;
  margin-bottom: 2px;
}

.m-filter-container__filterOptionAccordianOptions {
  margin-top: 5px;
  padding: 0px 5px;
}

.m-filter-container__dateFiltersContainer {
  display: flex;
  flex-direction: row;
  justify-content: space-between;
  align-items: center;
  padding: 5px 0px 10px;
}
.m-filter-container__dateFiltersContainer .react-datepicker-wrapper:first-child {
  margin-right: 20px;
}

.m-datepicker__input {
  display: block;
  width: 100%;
  flex-grow: 1;
  border: 1px solid #d7d7d7;
  padding: 0px 10px;
  height: 32px;
  line-height: 32px;
  outline: none;
  font-size: 12px;
  border-radius: 4px;
}
.m-datepicker__input::placeholder {
  text-transform: uppercase;
  margin-bottom: 2px;
}
.m-datepicker__input:focus {
  border-color: #225D7E;
}
.m-datepicker__input:focus::placeholder {
  color: #225D7E;
}

.m-filter-container__exportButton {
  color: #225D7E;
  padding: 4px 6px;
  margin-top: 5px;
  font-size: 12px;
  background-color: #E6F0FF;
  border: 1px solid #225D7E;
  border-radius: 4px;
  cursor: pointer;
  display: inline-block;
  transform: background-color 0.2s;
}
.m-filter-container__exportButton:hover {
  text-decoration: none;
  background-color: #c6ddff;
}

.m-filter-container__seeMore {
  color: #707070;
  cursor: pointer;
  display: flex;
}

.m-filter-container__manageLink {
  font-size: 12px;
  color: #225D7E;
  text-decoration: underline;
  cursor: pointer;
}

.m-searchableSelect__list {
  overflow-y: auto;
  border: 2px solid #d7d7d7;
  border-top: none;
}
.m-searchableSelect__list .m-selectableList__item {
  padding: 0px 15px;
}

.m-searchableSelect__header {
  display: flex;
  align-items: center;
  background-color: #fff;
  border: 2px solid #d7d7d7;
  border-radius: 4px 4px 0px 0px;
  padding: 10px;
}
.m-searchableSelect__header .m-searchableSelect__selectAllContainer {
  width: 24px;
  margin-right: 15px;
  flex-grow: 0;
  flex-shrink: 0;
  display: flex;
  align-items: center;
  justify-content: center;
}
.m-searchableSelect__header .m-searchableSelect__searchContainer {
  flex-grow: 1;
}

.m-iconButton__container {
  display: flex;
  flex-direction: column;
  justify-content: center;
  align-items: center;
}
.m-iconButton__container .m-iconButton__button {
  width: 32px;
  height: 32px;
  background-color: #0c193a;
  display: flex;
  justify-content: center;
  align-items: center;
  border-radius: 4px;
  box-shadow: 0px 1px 1px rgba(112, 112, 112, 0.75);
  cursor: pointer;
}
.m-iconButton__container .m-iconButton__button:hover {
  background-color: #225D7E;
}
.m-iconButton__container .m-iconButton__button.is--active {
  background-color: #EE6723;
}
.m-iconButton__container .m-iconButton__button.is--disabled {
  background-color: #d7d7d7;
  cursor: not-allowed;
  box-shadow: none;
}
.m-iconButton__container .m-iconButton__button .m-iconButton__buttonIcon.is--filter {
  width: 16px;
  height: 16px;
  background-image: url("../assets/edmod-filter-slider-icon.svg");
  background-size: contain;
  background-repeat: no-repeat;
  background-position: center;
}
.m-iconButton__container .m-iconButton__button .m-iconButton__buttonIcon.is--export {
  width: 16px;
  height: 16px;
  background-image: url("../assets/edmod-export-icon.svg");
  background-size: contain;
  background-repeat: no-repeat;
  background-position: center;
}
.m-iconButton__container .m-iconButton__button .m-iconButton__buttonIcon.is--reset {
  width: 16px;
  height: 16px;
  background-image: url("../assets/edmod-undo-arrow-active.svg");
  background-size: contain;
  background-repeat: no-repeat;
  background-position: center;
}
.m-iconButton__container .m-iconButton__button .m-iconButton__buttonIcon.is--save {
  width: 16px;
  height: 16px;
  background-image: url("../assets/edmod-push-pin-white.svg");
  background-size: contain;
  background-repeat: no-repeat;
  background-position: center;
}
.m-iconButton__container .m-iconButton__button .m-iconButton__buttonIcon.is--edit {
  width: 16px;
  height: 16px;
  background-image: url("../assets/edmod-edit-pencil-new.svg");
  background-size: contain;
  background-repeat: no-repeat;
  background-position: center;
}
.m-iconButton__container .m-iconButton__button .m-iconButton__buttonIcon.is--table {
  width: 16px;
  height: 16px;
  background-image: url("../assets/edmod-table-icon.svg");
  background-size: contain;
  background-repeat: no-repeat;
  background-position: center;
}
.m-iconButton__container .m-iconButton__button .m-iconButton__buttonIcon.is--list {
  width: 16px;
  height: 16px;
  background-image: url("../assets/edmod-list-icon.svg");
  background-size: contain;
  background-repeat: no-repeat;
  background-position: center;
}
.m-iconButton__container .m-iconButton__button .m-iconButton__buttonIcon.is--add {
  width: 16px;
  height: 16px;
  background-image: url("../assets/edmod-add-active.svg");
  background-size: contain;
  background-repeat: no-repeat;
  background-position: center;
}
.m-iconButton__container .m-iconButton__button .m-iconButton__buttonIcon.is--duplicate {
  width: 20px;
  height: 20px;
  background-image: url("../assets/edmod-duplicate-icon-white.svg");
  background-size: contain;
  background-repeat: no-repeat;
  background-position: center;
}
.m-iconButton__container .m-iconButton__button .m-iconButton__buttonIcon.is--delete {
  width: 24px;
  height: 24px;
  background-image: url("../assets/edmod-trash-icon-white.svg");
  background-size: contain;
  background-repeat: no-repeat;
  background-position: center;
}
.m-iconButton__container .m-iconButton__button .m-iconButton__buttonIcon.is--save-floppy {
  width: 20px;
  height: 20px;
  background-image: url("../assets/edmod-save-floppy-icon.svg");
  background-size: contain;
  background-repeat: no-repeat;
  background-position: center;
}
.m-iconButton__container .m-iconButton__button .m-iconButton__buttonIcon.is--user {
  width: 35px;
  height: 35px;
  background-image: url("../assets/edmod-single-user-icon.svg");
  background-size: contain;
  background-repeat: no-repeat;
  background-position: center;
}
.m-iconButton__container .m-iconButton__button .m-iconButton__buttonIcon.is--multi-user {
  width: 40px;
  height: 40px;
  background-image: url("../assets/edmod-multi-user-icon.svg");
  background-size: contain;
  background-repeat: no-repeat;
  background-position: center;
}
.m-iconButton__container .m-iconButton__button .m-iconButton__buttonIcon.is--config {
  width: 18px;
  height: 18px;
  background-image: url("../assets/edmod-gear-white.svg");
  background-size: contain;
  background-repeat: no-repeat;
  background-position: center;
}
.m-iconButton__container .m-iconButton__button .m-iconButton__buttonIcon.is--archive {
  width: 18px;
  height: 18px;
  background-image: url("../assets/edmod-archive-icon-white.svg");
  background-size: contain;
  background-repeat: no-repeat;
  background-position: center;
}
.m-iconButton__container .m-iconButton__button .m-iconButton__buttonIcon.is--restore {
  width: 18px;
  height: 18px;
  background-image: url("../assets/edmod-restore-icon.svg");
  background-size: contain;
  background-repeat: no-repeat;
  background-position: center;
}
.m-iconButton__container .m-iconButton__title {
  font-size: 12px;
  margin-top: 3px;
}

.m-btn__wrapper {
  width: 100px;
  height: 32px;
  background-color: #0c193a;
  display: flex;
  justify-content: center;
  align-items: center;
  border-radius: 4px;
  box-shadow: 0 1px 1px rgba(112, 112, 112, 0.75);
  cursor: pointer;
  color: white;
}
.m-btn__wrapper .is--export {
  width: 16px;
  height: 16px;
  background-image: url("../assets/edmod-export-icon.svg");
  background-size: contain;
  background-repeat: no-repeat;
  background-position: center;
  margin-right: 10px;
}
.m-btn__wrapper .is--refresh {
  width: 16px;
  height: 16px;
  background-image: url("../assets/edmod-refresh-icon.svg");
  background-size: contain;
  background-repeat: no-repeat;
  background-position: center;
  margin-right: 10px;
}
.m-btn__wrapper .is--save-floppy {
  width: 20px;
  height: 20px;
  background-image: url("../assets/edmod-save-floppy-icon.svg");
  background-size: contain;
  background-repeat: no-repeat;
  background-position: center;
  margin-right: 10px;
}
.m-btn__wrapper .is--add {
  width: 20px;
  height: 20px;
  background-image: url("../assets/edmod-add-active.svg");
  background-size: contain;
  background-repeat: no-repeat;
  background-position: center;
  margin-right: 10px;
}
.m-btn__wrapper:hover {
  background-color: #225D7E;
}
.m-btn__wrapper.is--active {
  background-color: #EE6723;
}
.m-btn__wrapper.is--disabled {
  background-color: #d7d7d7;
  cursor: not-allowed;
  box-shadow: none;
}

.m-pagination__container {
  display: flex;
  flex-direction: row;
  justify-content: flex-start;
  align-items: center;
  flex-wrap: wrap;
}

.m-pagination__item {
  cursor: pointer;
  color: #0c193a;
  margin: 0 5px;
  border-bottom: 1px solid transparent;
  transition: font-weight 0.2s, border-color 0.2s, color 0.2s;
}
.m-pagination__item:hover {
  font-weight: bold;
}
.m-pagination__item.is__active {
  font-weight: bold;
  border-color: #225D7E;
  color: #225D7E;
}

.m-save-bar__container {
  display: flex;
  flex-direction: row;
  justify-content: flex-end;
  align-items: center;
}

.m-save-bar__cancelOption {
  cursor: pointer;
  color: #0c193a;
  border-bottom: 1px solid transparent;
  margin-right: 20px;
}
.m-save-bar__cancelOption:hover {
  border-color: #0c193a;
}

.m-save-bar__saveOption {
  background-color: #0c193a;
  color: #fff;
  cursor: pointer;
  display: flex;
  justify-content: center;
  align-items: center;
  border-radius: 4px;
  height: 26px;
  padding: 0 12px;
  transition: background-color 0.1s;
  box-shadow: 0px 1px 1px rgba(112, 112, 112, 0.75);
  height: 33px;
  font-weight: bold;
}
.m-save-bar__saveOption.is--disabled {
  color: #707070;
  background-color: #d7d7d7;
  border-color: #d7d7d7;
  cursor: not-allowed;
}
.m-save-bar__saveOption:hover {
  background-color: #225D7E;
  border-color: #225D7E;
  text-decoration: none;
}
.m-save-bar__saveOption:hover.is--disabled {
  color: #707070;
  background-color: #d7d7d7;
  border-color: #d7d7d7;
  cursor: not-allowed;
}
.m-save-bar__saveOption a {
  color: #fff;
  text-decoration: none;
}
.m-save-bar__saveOption a:hover {
  text-decoration: none;
}
.m-save-bar__saveOption:hover {
  background-color: #225D7E;
}
.m-save-bar__saveOption.is--disabled {
  border: 2px solid #d7d7d7;
  box-shadow: none;
}

.m-dropdown__main {
  height: 30px;
  display: inline-block;
  background-color: transparent;
  color: #0c193a;
  cursor: pointer;
  position: relative;
}
.m-dropdown__main.is--minimized {
  height: 18px;
}
.m-dropdown__main.is--minimized .m-dropdown__topSection {
  height: 18px;
  width: 18px;
}
.m-dropdown__main.is--minimized .m-dropdown__topSection .m-dropdown__arrow {
  flex-shrink: 0;
  margin-left: -15px;
  margin-top: -1px;
}
.m-dropdown__main.is--minimized .m-dropdown__options {
  top: 15px;
}
.m-dropdown__main.is--minimized .m-dropdown__arrow {
  width: 20px;
  height: 20px;
  background-image: url("../assets/edmod-caret-down.svg");
  background-size: contain;
  background-repeat: no-repeat;
  background-position: center;
}
.m-dropdown__main.is--minimized .m-dropdown__arrow.is--up {
  transform: rotate(180deg);
}
.m-dropdown__main .m-dropdown__topSection {
  width: 100%;
  height: 100%;
  display: flex;
  align-items: center;
  justify-content: space-between;
  background-color: #fff;
  border: 2px solid #d7d7d7;
  border-radius: 4px;
  padding: 0px 5px 0px 15px;
}
.m-dropdown__main .m-dropdown__topSection .m-dropdown__topText {
  display: flex;
  flex-direction: column;
  align-items: center;
  justify-content: center;
  width: calc(100% - 25px);
}
.m-dropdown__main .m-dropdown__topSection .m-dropdown__topText .m-dropdown__prompt {
  color: #707070;
  margin-bottom: -2px;
  display: flex;
  align-items: center;
  width: 100%;
}
.m-dropdown__main .m-dropdown__topSection .m-dropdown__topText .m-dropdown__currentSelection {
  font-weight: bold;
  margin-top: -2px;
  overflow: hidden;
  white-space: nowrap;
  text-overflow: ellipsis;
  width: 100%;
}
.m-dropdown__main .m-dropdown__topSection .m-dropdown__icon {
  margin-right: 5px;
}
.m-dropdown__main .m-dropdown__topSection .m-dropdown__icon.is--pin {
  width: 13px;
  height: 13px;
  background-image: url("../assets/edmod-push-pin-orange.svg");
  background-size: contain;
  background-repeat: no-repeat;
  background-position: center;
}
.m-dropdown__main:hover .m-dropdown__topSection {
  border-color: #d7d7d7;
}
.m-dropdown__main.is--shown .m-dropdown__topSection {
  border-color: #d7d7d7;
  border-radius: 4px 4px 0px 0px;
}
.m-dropdown__main .m-dropdown__arrow {
  width: 20px;
  height: 20px;
  background-image: url("../assets/edmod-caret-down.svg");
  background-size: contain;
  background-repeat: no-repeat;
  background-position: center;
}
.m-dropdown__main .m-dropdown__arrow.is--up {
  transform: rotate(180deg);
}
.m-dropdown__main .m-dropdown__options {
  display: none;
  position: absolute;
  z-index: 10000;
  top: 30px;
  left: 0px;
  width: 100%;
  background-color: #fff;
  border: 2px solid #d7d7d7;
  border-radius: 0px 0px 4px 4px;
  border-top: 0px;
  text-align: left;
  color: #0c193a;
  font-weight: normal;
}
.m-dropdown__main .m-dropdown__options.is--shown {
  display: block;
}
.m-dropdown__main .m-dropdown__options .m-dropdown__optionGroup {
  padding-bottom: 5px;
  margin-bottom: 5px;
  border-bottom: 1px solid #707070;
}
.m-dropdown__main .m-dropdown__options .m-dropdown__optionGroup.with--title {
  padding-bottom: 0px;
  border-bottom: none;
}
.m-dropdown__main .m-dropdown__options .m-dropdown__optionGroup:last-child {
  padding-bottom: 0px;
  margin-bottom: 0px;
  border-bottom: none;
  border-radius: 0px 0px 4px 4px;
}
.m-dropdown__main .m-dropdown__options .m-dropdown__optionGroup:last-child .m-dropdown__option:last-child {
  border-radius: 0px 0px 4px 4px;
}
.m-dropdown__main .m-dropdown__options .m-dropdown__optionGroupTitle {
  color: #707070;
  text-transform: uppercase;
  font-size: 12px;
  font-weight: bold;
  padding: 5px 10px;
}
.m-dropdown__main .m-dropdown__options .m-dropdown__option {
  width: 100%;
  padding: 4px 8px;
  cursor: pointer;
  background-color: #fff;
  transition: background-color 0.2s;
  display: flex;
  align-items: center;
}
.m-dropdown__main .m-dropdown__options .m-dropdown__option:hover {
  background-color: #FCE1D3;
}
.m-dropdown__main .m-dropdown__options .m-dropdown__option.is--selected {
  background-color: #FCE1D3;
}
.m-dropdown__main .m-dropdown__options .m-dropdown__option .m-dropdown__optionSelection {
  width: 12px;
  height: 12px;
  margin-right: 8px;
}
.m-dropdown__main .m-dropdown__options .m-dropdown__option .m-dropdown__optionSelection .m-dropdown__selectionIcon {
  width: 100%;
  height: 100%;
  background-image: url("../assets/edmod-checkmark-dark.svg");
  background-size: contain;
  background-repeat: no-repeat;
  background-position: center;
}
.m-dropdown__main .m-dropdown__options .m-dropdown__option .m-dropdown__optionText {
  width: calc(100% - 12px);
  white-space: nowrap;
  overflow: hidden;
  text-overflow: ellipsis;
}
.m-dropdown__main .m-dropdown__options .m-dropdown__borderSpacer {
  height: 1px;
  background-color: #d7d7d7;
  width: calc(100% - 28px);
  position: absolute;
  top: 0;
  left: 28px;
}
.m-dropdown__main .m-dropdown__options .m-dropdown__noOptions {
  width: 100%;
  height: 30px;
  display: flex;
  align-items: center;
  justify-content: center;
  color: #707070;
  font-style: italic;
}
.m-dropdown__main .m-dropdown__options .m-dropdown__manageLink {
  cursor: pointer;
  padding: 5px 5px 10px;
  font-size: 12px;
  color: #225D7E;
  text-decoration: underline;
}
.m-dropdown__main.is--grey .m-dropdown__topSection {
  background-color: #F8F6F6;
  border-color: #d7d7d7;
}
.m-dropdown__main.with--label {
  height: 45px;
  display: inline-block;
  background-color: transparent;
  color: #0c193a;
  cursor: pointer;
  position: relative;
}
.m-dropdown__main.with--label.is--minimized {
  height: 33px;
}
.m-dropdown__main.with--label.is--minimized .m-dropdown__topSection {
  height: 33px;
  width: 33px;
}
.m-dropdown__main.with--label.is--minimized .m-dropdown__topSection .m-dropdown__arrow {
  flex-shrink: 0;
  margin-left: -15px;
  margin-top: -1px;
}
.m-dropdown__main.with--label.is--minimized .m-dropdown__options {
  top: 30px;
}
.m-dropdown__main.with--label.is--minimized .m-dropdown__arrow {
  width: 20px;
  height: 20px;
  background-image: url("../assets/edmod-caret-down.svg");
  background-size: contain;
  background-repeat: no-repeat;
  background-position: center;
}
.m-dropdown__main.with--label.is--minimized .m-dropdown__arrow.is--up {
  transform: rotate(180deg);
}
.m-dropdown__main.with--label .m-dropdown__topSection {
  width: 100%;
  height: 100%;
  display: flex;
  align-items: center;
  justify-content: space-between;
  background-color: #fff;
  border: 2px solid #d7d7d7;
  border-radius: 4px;
  padding: 0px 5px 0px 15px;
}
.m-dropdown__main.with--label .m-dropdown__topSection .m-dropdown__topText {
  display: flex;
  flex-direction: column;
  align-items: center;
  justify-content: center;
  width: calc(100% - 25px);
}
.m-dropdown__main.with--label .m-dropdown__topSection .m-dropdown__topText .m-dropdown__prompt {
  color: #707070;
  margin-bottom: -2px;
  display: flex;
  align-items: center;
  width: 100%;
}
.m-dropdown__main.with--label .m-dropdown__topSection .m-dropdown__topText .m-dropdown__currentSelection {
  font-weight: bold;
  margin-top: -2px;
  overflow: hidden;
  white-space: nowrap;
  text-overflow: ellipsis;
  width: 100%;
}
.m-dropdown__main.with--label .m-dropdown__topSection .m-dropdown__icon {
  margin-right: 5px;
}
.m-dropdown__main.with--label .m-dropdown__topSection .m-dropdown__icon.is--pin {
  width: 13px;
  height: 13px;
  background-image: url("../assets/edmod-push-pin-orange.svg");
  background-size: contain;
  background-repeat: no-repeat;
  background-position: center;
}
.m-dropdown__main.with--label:hover .m-dropdown__topSection {
  border-color: #d7d7d7;
}
.m-dropdown__main.with--label.is--shown .m-dropdown__topSection {
  border-color: #d7d7d7;
  border-radius: 4px 4px 0px 0px;
}
.m-dropdown__main.with--label .m-dropdown__arrow {
  width: 20px;
  height: 20px;
  background-image: url("../assets/edmod-caret-down.svg");
  background-size: contain;
  background-repeat: no-repeat;
  background-position: center;
}
.m-dropdown__main.with--label .m-dropdown__arrow.is--up {
  transform: rotate(180deg);
}
.m-dropdown__main.with--label .m-dropdown__options {
  display: none;
  position: absolute;
  z-index: 10000;
  top: 45px;
  left: 0px;
  width: 100%;
  background-color: #fff;
  border: 2px solid #d7d7d7;
  border-radius: 0px 0px 4px 4px;
  border-top: 0px;
  text-align: left;
  color: #0c193a;
  font-weight: normal;
}
.m-dropdown__main.with--label .m-dropdown__options.is--shown {
  display: block;
}
.m-dropdown__main.with--label .m-dropdown__options .m-dropdown__optionGroup {
  padding-bottom: 5px;
  margin-bottom: 5px;
  border-bottom: 1px solid #707070;
}
.m-dropdown__main.with--label .m-dropdown__options .m-dropdown__optionGroup.with--title {
  padding-bottom: 0px;
  border-bottom: none;
}
.m-dropdown__main.with--label .m-dropdown__options .m-dropdown__optionGroup:last-child {
  padding-bottom: 0px;
  margin-bottom: 0px;
  border-bottom: none;
  border-radius: 0px 0px 4px 4px;
}
.m-dropdown__main.with--label .m-dropdown__options .m-dropdown__optionGroup:last-child .m-dropdown__option:last-child {
  border-radius: 0px 0px 4px 4px;
}
.m-dropdown__main.with--label .m-dropdown__options .m-dropdown__optionGroupTitle {
  color: #707070;
  text-transform: uppercase;
  font-size: 12px;
  font-weight: bold;
  padding: 5px 10px;
}
.m-dropdown__main.with--label .m-dropdown__options .m-dropdown__option {
  width: 100%;
  padding: 4px 8px;
  cursor: pointer;
  background-color: #fff;
  transition: background-color 0.2s;
  display: flex;
  align-items: center;
}
.m-dropdown__main.with--label .m-dropdown__options .m-dropdown__option:hover {
  background-color: #FCE1D3;
}
.m-dropdown__main.with--label .m-dropdown__options .m-dropdown__option.is--selected {
  background-color: #FCE1D3;
}
.m-dropdown__main.with--label .m-dropdown__options .m-dropdown__option .m-dropdown__optionSelection {
  width: 12px;
  height: 12px;
  margin-right: 8px;
}
.m-dropdown__main.with--label .m-dropdown__options .m-dropdown__option .m-dropdown__optionSelection .m-dropdown__selectionIcon {
  width: 100%;
  height: 100%;
  background-image: url("../assets/edmod-checkmark-dark.svg");
  background-size: contain;
  background-repeat: no-repeat;
  background-position: center;
}
.m-dropdown__main.with--label .m-dropdown__options .m-dropdown__option .m-dropdown__optionText {
  width: calc(100% - 12px);
  white-space: nowrap;
  overflow: hidden;
  text-overflow: ellipsis;
}
.m-dropdown__main.with--label .m-dropdown__options .m-dropdown__borderSpacer {
  height: 1px;
  background-color: #d7d7d7;
  width: calc(100% - 43px);
  position: absolute;
  top: 0;
  left: 43px;
}
.m-dropdown__main.with--label .m-dropdown__options .m-dropdown__noOptions {
  width: 100%;
  height: 30px;
  display: flex;
  align-items: center;
  justify-content: center;
  color: #707070;
  font-style: italic;
}
.m-dropdown__main.with--label .m-dropdown__options .m-dropdown__manageLink {
  cursor: pointer;
  padding: 5px 5px 10px;
  font-size: 12px;
  color: #225D7E;
  text-decoration: underline;
}
.m-dropdown__main.with--label.is--grey .m-dropdown__topSection {
  background-color: #F8F6F6;
  border-color: #d7d7d7;
}
.m-dropdown__main.is--tall {
  height: 50px;
  display: inline-block;
  background-color: transparent;
  color: #0c193a;
  cursor: pointer;
  position: relative;
}
.m-dropdown__main.is--tall.is--minimized {
  height: 38px;
}
.m-dropdown__main.is--tall.is--minimized .m-dropdown__topSection {
  height: 38px;
  width: 38px;
}
.m-dropdown__main.is--tall.is--minimized .m-dropdown__topSection .m-dropdown__arrow {
  flex-shrink: 0;
  margin-left: -15px;
  margin-top: -1px;
}
.m-dropdown__main.is--tall.is--minimized .m-dropdown__options {
  top: 35px;
}
.m-dropdown__main.is--tall.is--minimized .m-dropdown__arrow {
  width: 20px;
  height: 20px;
  background-image: url("../assets/edmod-caret-down.svg");
  background-size: contain;
  background-repeat: no-repeat;
  background-position: center;
}
.m-dropdown__main.is--tall.is--minimized .m-dropdown__arrow.is--up {
  transform: rotate(180deg);
}
.m-dropdown__main.is--tall .m-dropdown__topSection {
  width: 100%;
  height: 100%;
  display: flex;
  align-items: center;
  justify-content: space-between;
  background-color: #fff;
  border: 2px solid #d7d7d7;
  border-radius: 4px;
  padding: 0px 5px 0px 15px;
}
.m-dropdown__main.is--tall .m-dropdown__topSection .m-dropdown__topText {
  display: flex;
  flex-direction: column;
  align-items: center;
  justify-content: center;
  width: calc(100% - 25px);
}
.m-dropdown__main.is--tall .m-dropdown__topSection .m-dropdown__topText .m-dropdown__prompt {
  color: #707070;
  margin-bottom: -2px;
  display: flex;
  align-items: center;
  width: 100%;
}
.m-dropdown__main.is--tall .m-dropdown__topSection .m-dropdown__topText .m-dropdown__currentSelection {
  font-weight: bold;
  margin-top: -2px;
  overflow: hidden;
  white-space: nowrap;
  text-overflow: ellipsis;
  width: 100%;
}
.m-dropdown__main.is--tall .m-dropdown__topSection .m-dropdown__icon {
  margin-right: 5px;
}
.m-dropdown__main.is--tall .m-dropdown__topSection .m-dropdown__icon.is--pin {
  width: 13px;
  height: 13px;
  background-image: url("../assets/edmod-push-pin-orange.svg");
  background-size: contain;
  background-repeat: no-repeat;
  background-position: center;
}
.m-dropdown__main.is--tall:hover .m-dropdown__topSection {
  border-color: #d7d7d7;
}
.m-dropdown__main.is--tall.is--shown .m-dropdown__topSection {
  border-color: #d7d7d7;
  border-radius: 4px 4px 0px 0px;
}
.m-dropdown__main.is--tall .m-dropdown__arrow {
  width: 20px;
  height: 20px;
  background-image: url("../assets/edmod-caret-down.svg");
  background-size: contain;
  background-repeat: no-repeat;
  background-position: center;
}
.m-dropdown__main.is--tall .m-dropdown__arrow.is--up {
  transform: rotate(180deg);
}
.m-dropdown__main.is--tall .m-dropdown__options {
  display: none;
  position: absolute;
  z-index: 10000;
  top: 50px;
  left: 0px;
  width: 100%;
  background-color: #fff;
  border: 2px solid #d7d7d7;
  border-radius: 0px 0px 4px 4px;
  border-top: 0px;
  text-align: left;
  color: #0c193a;
  font-weight: normal;
}
.m-dropdown__main.is--tall .m-dropdown__options.is--shown {
  display: block;
}
.m-dropdown__main.is--tall .m-dropdown__options .m-dropdown__optionGroup {
  padding-bottom: 5px;
  margin-bottom: 5px;
  border-bottom: 1px solid #707070;
}
.m-dropdown__main.is--tall .m-dropdown__options .m-dropdown__optionGroup.with--title {
  padding-bottom: 0px;
  border-bottom: none;
}
.m-dropdown__main.is--tall .m-dropdown__options .m-dropdown__optionGroup:last-child {
  padding-bottom: 0px;
  margin-bottom: 0px;
  border-bottom: none;
  border-radius: 0px 0px 4px 4px;
}
.m-dropdown__main.is--tall .m-dropdown__options .m-dropdown__optionGroup:last-child .m-dropdown__option:last-child {
  border-radius: 0px 0px 4px 4px;
}
.m-dropdown__main.is--tall .m-dropdown__options .m-dropdown__optionGroupTitle {
  color: #707070;
  text-transform: uppercase;
  font-size: 12px;
  font-weight: bold;
  padding: 5px 10px;
}
.m-dropdown__main.is--tall .m-dropdown__options .m-dropdown__option {
  width: 100%;
  padding: 4px 8px;
  cursor: pointer;
  background-color: #fff;
  transition: background-color 0.2s;
  display: flex;
  align-items: center;
}
.m-dropdown__main.is--tall .m-dropdown__options .m-dropdown__option:hover {
  background-color: #FCE1D3;
}
.m-dropdown__main.is--tall .m-dropdown__options .m-dropdown__option.is--selected {
  background-color: #FCE1D3;
}
.m-dropdown__main.is--tall .m-dropdown__options .m-dropdown__option .m-dropdown__optionSelection {
  width: 12px;
  height: 12px;
  margin-right: 8px;
}
.m-dropdown__main.is--tall .m-dropdown__options .m-dropdown__option .m-dropdown__optionSelection .m-dropdown__selectionIcon {
  width: 100%;
  height: 100%;
  background-image: url("../assets/edmod-checkmark-dark.svg");
  background-size: contain;
  background-repeat: no-repeat;
  background-position: center;
}
.m-dropdown__main.is--tall .m-dropdown__options .m-dropdown__option .m-dropdown__optionText {
  width: calc(100% - 12px);
  white-space: nowrap;
  overflow: hidden;
  text-overflow: ellipsis;
}
.m-dropdown__main.is--tall .m-dropdown__options .m-dropdown__borderSpacer {
  height: 1px;
  background-color: #d7d7d7;
  width: calc(100% - 48px);
  position: absolute;
  top: 0;
  left: 48px;
}
.m-dropdown__main.is--tall .m-dropdown__options .m-dropdown__noOptions {
  width: 100%;
  height: 30px;
  display: flex;
  align-items: center;
  justify-content: center;
  color: #707070;
  font-style: italic;
}
.m-dropdown__main.is--tall .m-dropdown__options .m-dropdown__manageLink {
  cursor: pointer;
  padding: 5px 5px 10px;
  font-size: 12px;
  color: #225D7E;
  text-decoration: underline;
}
.m-dropdown__main.is--tall.is--grey .m-dropdown__topSection {
  background-color: #F8F6F6;
  border-color: #d7d7d7;
}

.m-multi-picker__main {
  position: relative;
}
.m-multi-picker__main .m-multi-picker__top {
  display: flex;
  align-items: center;
  justify-content: space-between;
  height: 45px;
  background-color: #fff;
  border: 2px solid #d7d7d7;
  border-radius: 4px;
  padding: 0px 5px 0px 15px;
  cursor: pointer;
}
.m-multi-picker__main .m-multi-picker__top.is--expanded {
  border-radius: 4px 4px 0px 0px;
}
.m-multi-picker__main .m-multi-picker__top .m-multi-picker__textTop {
  padding-right: 20px;
}
.m-multi-picker__main .m-multi-picker__top .m-multi-picker__prompt {
  color: #707070;
  margin-bottom: -2px;
}
.m-multi-picker__main .m-multi-picker__top .m-multi-picker__selectionText {
  color: #0c193a;
  font-weight: bold;
  margin-top: -2px;
  white-space: nowrap;
  text-overflow: ellipsis;
}
.m-multi-picker__main .m-multi-picker__top .m-multi-picker__arrow {
  width: 20px;
  height: 20px;
  background-image: url("../assets/edmod-caret-down.svg");
  background-size: contain;
  background-repeat: no-repeat;
  background-position: center;
}
.m-multi-picker__main .m-multi-picker__options {
  position: absolute;
  top: 43px;
  right: 0px;
  z-index: 4999;
  padding-bottom: 10px;
  background-color: #fff;
  border: 2px solid #d7d7d7;
}
.m-multi-picker__main .m-multi-picker__options.is--hidden {
  display: none;
}
.m-multi-picker__main .m-multi-picker__options .m-multi-picker__option {
  padding: 5px 20px;
  display: flex;
  align-items: center;
  cursor: pointer;
  background-color: #fff;
  transition: background-color 0.2s;
}
.m-multi-picker__main .m-multi-picker__options .m-multi-picker__option.with--expand {
  justify-content: space-between;
}
.m-multi-picker__main .m-multi-picker__options .m-multi-picker__option.with--expand .m-multi-picker__optionLeft {
  display: flex;
  align-items: center;
}
.m-multi-picker__main .m-multi-picker__options .m-multi-picker__option.with--expand .m-multi-picker__optionRight {
  height: 20px;
}
.m-multi-picker__main .m-multi-picker__options .m-multi-picker__option.no--bg:hover {
  background-color: #fff;
}
.m-multi-picker__main .m-multi-picker__options .m-multi-picker__option.no--bg.is--selected {
  background-color: #fff;
}
.m-multi-picker__main .m-multi-picker__options .m-multi-picker__option:hover {
  background-color: #FCE1D3;
}
.m-multi-picker__main .m-multi-picker__options .m-multi-picker__option.is--selected {
  background-color: #FCE1D3;
}
.m-multi-picker__main .m-multi-picker__options .m-multi-picker__option input[type=checkbox] {
  margin-top: 0px;
  margin-right: 10px;
}
.m-multi-picker__main .m-multi-picker__options .m-multi-picker__option .m-multi-picker__label {
  white-space: nowrap;
  overflow: hidden;
  text-overflow: ellipsis;
  max-width: 210px;
}
.m-multi-picker__main .m-multi-picker__options .m-multi-picker__option .m-multi-picker__label.with--tooltip {
  width: 210px;
  display: flex;
  align-items: center;
  justify-content: space-between;
}
.m-multi-picker__main .m-multi-picker__options .m-multi-picker__option .m-multi-picker__label .m-multi-picker__toolTipIcon {
  width: 15px;
  height: 15px;
  background-image: url("../assets/edmod-info-tool-tip.svg");
  background-size: contain;
  background-repeat: no-repeat;
  background-position: center;
}
.m-multi-picker__main .m-multi-picker__selectionGroup .m-multi-picker__expandClickable {
  height: 100%;
  width: 20px;
  display: flex;
  justify-content: center;
  align-items: center;
  cursor: pointer;
}
.m-multi-picker__main .m-multi-picker__selectionGroup .m-multi-picker__expandContract {
  width: 20px;
  height: 20px;
  background-image: url("../assets/edmod-caret-down.svg");
  background-size: contain;
  background-repeat: no-repeat;
  background-position: center;
  transform: rotate(-90deg);
}
.m-multi-picker__main .m-multi-picker__selectionGroup .m-multi-picker__selectionGroupHeader {
  display: flex;
  justify-content: space-between;
  align-items: center;
}
.m-multi-picker__main .m-multi-picker__selectionGroup .m-multi-picker__selectionGroupHeader .m-multi-picker__option {
  width: 100%;
}
.m-multi-picker__main .m-multi-picker__selectionGroup .m-multi-picker__selectionGroupOptions {
  max-height: 0px;
  overflow-y: hidden;
  overflow-x: hidden;
  padding-left: 20px;
}
.m-multi-picker__main .m-multi-picker__selectionGroup .m-multi-picker__selectionGroupOptions .m-multi-picker__label {
  white-space: normal;
}
.m-multi-picker__main .m-multi-picker__selectionGroup.is--expanded .m-multi-picker__expandContract {
  transform: rotate(0deg);
}
.m-multi-picker__main .m-multi-picker__selectionGroup.is--expanded .m-multi-picker__selectionGroupOptions {
  max-height: 250px;
  overflow-y: scroll;
}
.m-multi-picker__main .m-multi-picker__searchSection {
  margin-bottom: 10px;
}
.m-multi-picker__main .m-multi-picker__searchSection .m-search-bar__inputContainer {
  border: none;
  border-bottom: 2px solid #d7d7d7;
  border-radius: 0px;
}
.m-multi-picker__main .m-multi-picker__searchSection .m-multi-picker__searchResults {
  max-height: 150px;
  overflow-y: scroll;
  overflow-x: hidden;
  padding: 5px 0px 10px;
  border-bottom: 2px solid #d7d7d7;
}
.m-multi-picker__main .m-multi-picker__searchSection .m-multi-picker__searchResults .m-multi-picker__label {
  white-space: normal;
}
.m-multi-picker__main .m-multi-picker__noOptions {
  display: flex;
  justify-content: center;
  align-items: center;
  color: #707070;
  font-style: italic;
  padding: 10px 20px 0px;
}

.m-dropdown-selector__main {
  position: relative;
}
.m-dropdown-selector__main .m-dropdown-selector__top {
  display: flex;
  align-items: center;
  justify-content: space-between;
  height: 45px;
  background-color: #fff;
  border: 2px solid #d7d7d7;
  border-radius: 4px;
  padding: 0px 5px 0px 15px;
  cursor: pointer;
}
.m-dropdown-selector__main .m-dropdown-selector__top.is--expanded {
  border-radius: 4px 4px 0px 0px;
}
.m-dropdown-selector__main .m-dropdown-selector__top .m-dropdown-selector__textTop {
  padding-right: 0;
}
.m-dropdown-selector__main .m-dropdown-selector__top .m-dropdown-selector__textTop .m-dropdown-selector__prompt {
  font-size: 12px;
}
.m-dropdown-selector__main .m-dropdown-selector__top .m-dropdown-selector__prompt {
  color: #707070;
  margin-bottom: -2px;
}
.m-dropdown-selector__main .m-dropdown-selector__top .m-dropdown-selector__selectionText {
  color: #0c193a;
  font-weight: bold;
  margin-top: 0;
  white-space: nowrap;
  text-overflow: ellipsis;
  overflow: hidden;
}
.m-dropdown-selector__main .m-dropdown-selector__top .m-dropdown-selector__arrow {
  width: 20px;
  height: 20px;
  background-image: url("../assets/edmod-caret-down.svg");
  background-size: contain;
  background-repeat: no-repeat;
  background-position: center;
}
.m-dropdown-selector__main .m-dropdown-selector__options-wrapper {
  position: absolute;
  top: 43px;
  right: 0px;
  z-index: 4999;
  padding-bottom: 10px;
  background-color: #fff;
  border: 2px solid #d7d7d7;
}
.m-dropdown-selector__main .m-dropdown-selector__options-wrapper.is--hidden {
  display: none;
}
.m-dropdown-selector__main .m-dropdown-selector__options-wrapper .m-dropdown-selector__option {
  padding: 5px 20px;
  display: flex;
  align-items: center;
  cursor: pointer;
  background-color: #fff;
  transition: background-color 0.2s;
}
.m-dropdown-selector__main .m-dropdown-selector__options-wrapper .m-dropdown-selector__option.with--expand {
  justify-content: space-between;
}
.m-dropdown-selector__main .m-dropdown-selector__options-wrapper .m-dropdown-selector__option.with--expand .m-dropdown-selector__optionLeft {
  display: flex;
  align-items: center;
}
.m-dropdown-selector__main .m-dropdown-selector__options-wrapper .m-dropdown-selector__option.with--expand .m-dropdown-selector__optionRight {
  height: 20px;
}
.m-dropdown-selector__main .m-dropdown-selector__options-wrapper .m-dropdown-selector__option.no--bg:hover {
  background-color: #fff;
}
.m-dropdown-selector__main .m-dropdown-selector__options-wrapper .m-dropdown-selector__option.no--bg.is--selected {
  background-color: #fff;
}
.m-dropdown-selector__main .m-dropdown-selector__options-wrapper .m-dropdown-selector__option:hover {
  background-color: #FCE1D3;
}
.m-dropdown-selector__main .m-dropdown-selector__options-wrapper .m-dropdown-selector__option.is--selected {
  background-color: #FCE1D3;
}
.m-dropdown-selector__main .m-dropdown-selector__options-wrapper .m-dropdown-selector__option input[type=checkbox] {
  margin-top: 0px;
  margin-right: 15px;
}
.m-dropdown-selector__main .m-dropdown-selector__options-wrapper .m-dropdown-selector__option .m-dropdown-selector__label {
  white-space: nowrap;
  overflow: hidden;
  text-overflow: ellipsis;
  max-width: 210px;
}
.m-dropdown-selector__main .m-dropdown-selector__options-wrapper .m-dropdown-selector__option .m-dropdown-selector__label.with--tooltip {
  width: 210px;
  display: flex;
  align-items: center;
  justify-content: space-between;
}
.m-dropdown-selector__main .m-dropdown-selector__options-wrapper .m-dropdown-selector__option .m-dropdown-selector__label .m-dropdown-selector__toolTipIcon {
  width: 15px;
  height: 15px;
  background-image: url("../assets/edmod-info-tool-tip.svg");
  background-size: contain;
  background-repeat: no-repeat;
  background-position: center;
}
.m-dropdown-selector__main .m-dropdown-selector__options-wrapper.single-selection .m-dropdown-selector__option {
  padding: 5px 15px;
}
.m-dropdown-selector__main .m-dropdown-selector__selectionOptions {
  max-height: 0px;
  overflow-y: hidden;
  overflow-x: hidden;
}
.m-dropdown-selector__main .m-dropdown-selector__selectionOptions .m-dropdown-selector__label {
  white-space: normal;
}
.m-dropdown-selector__main .m-dropdown-selector__selectionOptions.is--expanded {
  max-height: 250px;
  overflow-y: scroll;
}
.m-dropdown-selector__main .m-dropdown-selector__searchSection {
  margin-bottom: 10px;
}
.m-dropdown-selector__main .m-dropdown-selector__searchSection .m-search-bar__inputContainer {
  border: none;
  border-bottom: 2px solid #d7d7d7;
  border-radius: 0px;
}
.m-dropdown-selector__main .m-dropdown-selector__searchSection .m-dropdown-selector__searchResults {
  max-height: 150px;
  overflow-y: scroll;
  overflow-x: hidden;
  padding: 5px 0px 10px;
  border-bottom: 2px solid #d7d7d7;
}
.m-dropdown-selector__main .m-dropdown-selector__searchSection .m-dropdown-selector__searchResults .m-multi-picker__label {
  white-space: normal;
}
.m-dropdown-selector__main .m-dropdown-selector__noOptions {
  display: flex;
  justify-content: center;
  align-items: center;
  color: #707070;
  font-style: italic;
  padding: 10px 20px 0px;
}

.m-documentUploader__main .m-documentUploader__section {
  margin-bottom: 10px;
  width: 100%;
  position: relative;
}
.m-documentUploader__main .m-documentUploader__section:last-child {
  margin-bottom: 0px;
}
.m-documentUploader__main .m-documentUploader__section.is--focused .m-documentUploader__sectionHeader {
  font-weight: bold;
  color: #0c193a;
}
.m-documentUploader__main .m-documentUploader__input {
  border: none;
  border-bottom: 1px solid #707070;
  color: #0c193a;
  width: 200px;
  padding: 5px;
  background: none;
  transition: border-color 0.2 ease;
  outline: none;
  width: 100%;
}
.m-documentUploader__main .m-documentUploader__input[disabled] {
  cursor: not-allowed;
}
.m-documentUploader__main .m-documentUploader__input:focus {
  border-color: #0c193a;
}
.m-documentUploader__main .m-documentUploader__uploadContainer {
  position: absolute;
  top: 10px;
  right: 0px;
}
.m-documentUploader__main .m-documentUploader__saveCancel {
  display: flex;
  justify-content: flex-end;
  align-items: center;
}
.m-documentUploader__main .m-documentUploader__saveOption {
  color: #225D7E;
  padding: 4px 6px;
  margin-top: 5px;
  font-size: 12px;
  background-color: #E6F0FF;
  border: 1px solid #225D7E;
  border-radius: 4px;
  cursor: pointer;
  display: inline-block;
  transform: background-color 0.2s;
  margin-right: 0px;
  text-transform: lowercase;
  padding: 2px 6px;
}
.m-documentUploader__main .m-documentUploader__saveOption:hover {
  text-decoration: none;
  background-color: #c6ddff;
}
.m-documentUploader__main .m-documentUploader__uploadLink {
  color: #0c193a;
  border-bottom: 1px solid #0c193a;
  cursor: pointer;
}
.m-documentUploader__main .m-documentUploader__uploadLink.disabled {
  color: #707070;
  border-bottom: none;
  cursor: not-allowed;
}

.m-selectableList__main .m-selectableList__item {
  height: 35px;
  background-color: #fff;
  display: flex;
  align-items: center;
  justify-content: space-between;
  border: 1px solid #fff;
  border-bottom: 1px solid #d7d7d7;
  color: #0c193a;
  cursor: pointer;
  padding: 0px 20px;
  transition: border-color 0.5s ease;
}
.m-selectableList__main .m-selectableList__item.is--disabled {
  color: #707070;
  font-style: italic;
}
.m-selectableList__main .m-selectableList__item.has--subtle-text {
  color: #707070;
  font-style: italic;
}
.m-selectableList__main .m-selectableList__item.is--updated {
  border-color: #707070;
}
.m-selectableList__main .m-selectableList__item.is--reorderable {
  padding-left: 5px;
}
.m-selectableList__main .m-selectableList__item.has--variable-height {
  height: 100%;
}
.m-selectableList__main .m-selectableList__item .m-selectableList__itemLeft {
  display: flex;
  align-items: center;
}
.m-selectableList__main .m-selectableList__item .m-selectableList__itemLeft input[type=checkbox] {
  margin-top: 0;
  margin-right: 20px;
}
.m-selectableList__main .m-selectableList__item .m-selectableList__itemLeft .m-selectableList__reorderToggle {
  width: 25px;
  height: 25px;
  background-image: url("../assets/edmod-reordable-icon.svg");
  background-size: contain;
  background-repeat: no-repeat;
  background-position: center;
  margin-right: 5px;
}
.m-selectableList__main .m-selectableList__item .m-selectableList__mainContent {
  display: flex;
  flex-grow: 1;
  justify-content: space-between;
  align-items: center;
  padding-right: 10px;
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
}
.m-selectableList__main .m-selectableList__item .m-selectableList__mainContent .m-selectableList__itemLabel {
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
}
.m-selectableList__main .m-selectableList__item .m-selectableList__itemRight {
  display: flex;
  align-items: center;
}
.m-selectableList__main .m-selectableList__item .m-selectableList__itemRight .m-selectableList__itemSortableIcon {
  width: 100%;
  height: 100%;
  background-image: url("../assets/edmod-reordable-icon.svg");
  background-size: contain;
  background-repeat: no-repeat;
  background-position: center;
  width: 30px;
  height: 30px;
}
.m-selectableList__main .m-selectableList__noItems {
  height: 35px;
  width: 100%;
  display: flex;
  align-items: center;
  justify-content: center;
  color: #707070;
  font-style: italic;
}
.m-selectableList__main .m-selectableList__editItemLabel {
  border: none;
  border-bottom: 1px solid #707070;
  color: #0c193a;
  width: 200px;
  padding: 5px;
  background: none;
  transition: border-color 0.2 ease;
  margin: 2px 0px;
}
.m-selectableList__main .m-selectableList__editItemLabel[disabled] {
  cursor: not-allowed;
}
.m-selectableList__main .m-selectableList__editItemLabel:focus {
  border-color: #0c193a;
}
.m-selectableList__main .m-selectableList__saveEdits {
  cursor: pointer;
  color: #0c193a;
  border-bottom: 1px solid transparent;
  margin-right: 20px;
}
.m-selectableList__main .m-selectableList__saveEdits:hover {
  border-color: #0c193a;
}

.m-modal__container {
  position: fixed;
  width: 100%;
  height: 100%;
  top: 0px;
  left: 0;
  z-index: 110000;
  overflow-y: scroll;
  background-color: rgba(112, 112, 112, 0.5);
}
.m-modal__container.is--narrow .m-modal__modal {
  width: 450px !important;
}
.m-modal__container .m-modal__modal {
  position: relative;
  top: 50px;
  z-index: 10;
  margin: 0px auto 50px;
  width: 800px;
  background-color: #F8F6F6;
  border: 2px solid #d7d7d7;
  border-radius: 4px;
  box-shadow: 0px 4px 4px rgba(0, 0, 0, 0.25);
}
.m-modal__container .m-modal__close {
  position: absolute;
  width: 44px;
  height: 44px;
  display: flex;
  justify-content: center;
  align-items: center;
  border-radius: 50%;
  background-color: #0c193a;
  right: -22px;
  top: -22px;
  cursor: pointer;
}
.m-modal__container .m-modal__close .m-modal__closeIcon {
  width: 100%;
  height: 100%;
  background-image: url("../assets/edmod-close-icon-white-new.svg");
  background-size: contain;
  background-repeat: no-repeat;
  background-position: center;
  width: 20px;
  height: 20px;
}
.m-modal__container .m-modal__mainContent {
  padding: 15px;
}
.m-modal__container .m-modal__header {
  font-size: 18px;
  color: #0c193a;
  font-weight: bold;
  margin-bottom: 5px;
  margin-top: 20px;
  display: flex;
  align-items: center;
}
.m-modal__container .m-modal__header:first-child {
  margin-top: 0px;
}
.m-modal__container .m-modal__header .m-modal__headerIcon {
  margin-right: 10px;
}
.m-modal__container .m-modal__header .m-modal__headerIcon.is--push-pin {
  width: 20px;
  height: 20px;
  background-image: url("../assets/edmod-push-pin-dark.svg");
  background-size: contain;
  background-repeat: no-repeat;
  background-position: center;
}
.m-modal__container .m-modal__header .m-modal__headerIcon.is--share {
  width: 20px;
  height: 20px;
  background-image: url("../assets/edmod-users-icon-dark.svg");
  background-size: contain;
  background-repeat: no-repeat;
  background-position: center;
}
.m-modal__container .m-modal__inputGroup {
  display: flex;
  flex-direction: column;
}
.m-modal__container .m-modal__inputGroup .m-modal__fieldLabel {
  margin-bottom: 10px;
  display: flex;
  align-items: center;
}
.m-modal__container .m-modal__inputGroup .m-modal__textInput {
  display: flex;
  align-items: center;
  border: 1px solid #0c193a;
  border-radius: 4px;
  padding: 0px 10px;
  height: 50px;
  outline: none;
}
.m-modal__container .m-modal__inputGroup .m-modal__textInput:focus {
  border: 2px solid #0c193a;
  outline: none;
}
.m-modal__container .m-modal__inputGroup .m-modal__checkboxInput {
  margin-top: 0px;
  margin-right: 5px;
}
.m-modal__container .m-modal__inputGroup .m-modal__fieldDescription {
  display: flex;
  align-items: center;
  margin-top: 10px;
}
.m-modal__container .m-modal__inputGroup .m-modal__fieldDescription a {
  color: #225D7E;
}
.m-modal__container .m-modal__inputGroup .m-modal__fieldDescription a:hover {
  color: #225D7E;
}
.m-modal__container .m-modal__inputGroup .has--errors {
  border: 2px solid #ad3f3c;
}
.m-modal__container .m-modal__inputGroup .m-modal__link {
  color: #0c193a;
  border-bottom: 1px solid transparent;
  text-decoration: none;
  cursor: pointer;
}
.m-modal__container .m-modal__inputGroup .m-modal__link:hover {
  border-color: #0c193a;
}
.m-modal__container .m-modal__inputGroup .m-modal__link.is--red {
  color: #ad3f3c;
}
.m-modal__container .m-modal__inputGroup .m-modal__link.is--red:hover {
  border-color: #ad3f3c;
}
.m-modal__container .m-modal__listContainer {
  border: 2px solid #d7d7d7;
  margin-top: 20px;
}
.m-modal__container .m-modal__saveCancel {
  display: flex;
  align-items: center;
  justify-content: flex-end;
  margin-top: 20px;
}
.m-modal__container .m-modal__saveCancel .m-modal__saveButton {
  background-color: #0c193a;
  color: #fff;
  cursor: pointer;
  display: flex;
  justify-content: center;
  align-items: center;
  border-radius: 4px;
  height: 26px;
  padding: 0 12px;
  transition: background-color 0.1s;
  box-shadow: 0px 1px 1px rgba(112, 112, 112, 0.75);
  height: 33px;
  font-weight: bold;
}
.m-modal__container .m-modal__saveCancel .m-modal__saveButton.is--disabled {
  color: #707070;
  background-color: #d7d7d7;
  border-color: #d7d7d7;
  cursor: not-allowed;
}
.m-modal__container .m-modal__saveCancel .m-modal__saveButton:hover {
  background-color: #225D7E;
  border-color: #225D7E;
  text-decoration: none;
}
.m-modal__container .m-modal__saveCancel .m-modal__saveButton:hover.is--disabled {
  color: #707070;
  background-color: #d7d7d7;
  border-color: #d7d7d7;
  cursor: not-allowed;
}
.m-modal__container .m-modal__saveCancel .m-modal__saveButton a {
  color: #fff;
  text-decoration: none;
}
.m-modal__container .m-modal__saveCancel .m-modal__saveButton a:hover {
  text-decoration: none;
}
.m-modal__container .m-modal__saveCancel .m-modal__saveButton:hover {
  background-color: #225D7E;
}
.m-modal__container .m-modal__saveCancel .m-modal__saveButton.is--disabled {
  border: 2px solid #d7d7d7;
  box-shadow: none;
}
.m-modal__container .m-modal__saveCancel .m-modal__cancelButton {
  background-color: #fff;
  color: #0c193a;
  cursor: pointer;
  display: flex;
  justify-content: center;
  align-items: center;
  border-radius: 4px;
  height: 26px;
  padding: 0 12px;
  transition: background-color 0.1s;
  box-shadow: 0px 1px 1px rgba(112, 112, 112, 0.75);
  border: 2px solid #0c193a;
  height: 33px;
  font-weight: bold;
  margin-right: 20px;
}
.m-modal__container .m-modal__saveCancel .m-modal__cancelButton.is--disabled {
  color: #707070;
  background-color: #d7d7d7;
  border-color: #d7d7d7;
  cursor: not-allowed;
}
.m-modal__container .m-modal__saveCancel .m-modal__cancelButton:hover {
  background-color: #225D7E;
  border-color: #225D7E;
  text-decoration: none;
}
.m-modal__container .m-modal__saveCancel .m-modal__cancelButton:hover.is--disabled {
  color: #707070;
  background-color: #d7d7d7;
  border-color: #d7d7d7;
  cursor: not-allowed;
}
.m-modal__container .m-modal__saveCancel .m-modal__cancelButton a {
  color: #0c193a;
  text-decoration: none;
}
.m-modal__container .m-modal__saveCancel .m-modal__cancelButton a:hover {
  text-decoration: none;
}
.m-modal__container .m-modal__saveCancel .m-modal__cancelButton:hover {
  background-color: #225D7E;
  border-color: #225D7E;
  color: #fff;
}
.m-modal__container .m-modal__saveCancel .m-modal__cancelButton.is--disabled {
  opacity: 0.75;
  box-shadow: none;
  cursor: not-allowed;
}
.m-modal__container .m-modal__saveCancel .m-modal__cancelButton.is--disabled:hover {
  border-color: #d7d7d7;
}
.m-modal__container .m-modal__deleteOverlay {
  width: 100%;
  height: 100%;
  position: absolute;
  top: 0;
  left: 0;
  display: flex;
  flex-direction: column;
  align-items: center;
  justify-content: center;
}
.m-modal__container .m-modal__deleteOverlay .m-delete-overlay__color {
  position: absolute;
  width: 100%;
  height: 100%;
  background-color: #0c193a;
  opacity: 0.8;
}
.m-modal__container .m-modal__deleteOverlay .m-delete-overlay__message {
  color: #fff;
  margin-bottom: 25px;
  text-align: center;
  width: 100%;
  font-size: 18px;
  font-weight: bold;
  position: relative;
  z-index: 100;
}
.m-modal__container .m-modal__deleteOverlay .m-delete-overlay__options {
  display: flex;
  align-items: center;
  justify-content: center;
  position: relative;
  z-index: 100;
}
.m-modal__container .m-modal__deleteOverlay .m-delete-overlay__options .m-delete-overlay__cancelOption {
  cursor: pointer;
  color: #fff;
  border-bottom: 1px solid transparent;
  margin-right: 20px;
}
.m-modal__container .m-modal__deleteOverlay .m-delete-overlay__options .m-delete-overlay__cancelOption:hover {
  border-color: #fff;
}
.m-modal__container .m-modal__deleteOverlay .m-delete-overlay__options .m-delete-overlay__confirmOption {
  background-color: #ad3f3c;
  color: #fff;
  cursor: pointer;
  display: flex;
  justify-content: center;
  align-items: center;
  border-radius: 4px;
  height: 26px;
  padding: 0 12px;
  transition: background-color 0.1s;
}
.m-modal__container .m-modal__deleteOverlay .m-delete-overlay__options .m-delete-overlay__confirmOption.is--disabled {
  color: #707070;
  background-color: #d7d7d7;
  border-color: #d7d7d7;
  cursor: not-allowed;
}
.m-modal__container .m-modal__deleteOverlay .m-delete-overlay__options .m-delete-overlay__confirmOption:hover {
  background-color: #87312f;
  border-color: #87312f;
  text-decoration: none;
}
.m-modal__container .m-modal__deleteOverlay .m-delete-overlay__options .m-delete-overlay__confirmOption:hover.is--disabled {
  color: #707070;
  background-color: #d7d7d7;
  border-color: #d7d7d7;
  cursor: not-allowed;
}
.m-modal__container .m-modal__deleteOverlay .m-delete-overlay__options .m-delete-overlay__confirmOption a {
  color: #fff;
  text-decoration: none;
}
.m-modal__container .m-modal__deleteOverlay .m-delete-overlay__options .m-delete-overlay__confirmOption a:hover {
  text-decoration: none;
}

.m-tag-input__main {
  display: flex;
  flex-wrap: wrap;
  align-items: center;
  width: 100%;
  min-height: 50px;
  padding: 5px 10px;
  border: 1px solid #0c193a;
  border-radius: 4px;
  background-color: #fff;
}
.m-tag-input__main.is--focused {
  border: 2px solid #0c193a;
}
.m-tag-input__main .m-tag-input__tag {
  display: flex;
  align-items: center;
  padding: 3px 5px;
  background-color: #d7d7d7;
  margin-left: 5px;
  height: 25px;
}
.m-tag-input__main .m-tag-input__tag .m-tag-input__removeTag {
  width: 12px;
  height: 12px;
  background-image: url("../assets/edmod-close-icon-grey-new.svg");
  background-size: contain;
  background-repeat: no-repeat;
  background-position: center;
  margin-left: 5px;
  cursor: pointer;
}
.m-tag-input__main .m-tag-input__inputContainer {
  position: relative;
  height: 25px;
  min-width: 150px;
}
.m-tag-input__main .m-tag-input__inputContainer input {
  width: 100%;
  background-color: #fff;
  border: none;
  box-shadow: none;
  outline: none;
}
.m-tag-input__main .m-tag-input__inputContainer .m-tag-input__optionsContainer {
  position: absolute;
  width: 100%;
  top: 25px;
  background-color: #fff;
  border: 2px solid #d7d7d7;
  border-radius: 4px;
  padding: 5px 0px;
}
.m-tag-input__main .m-tag-input__inputContainer .m-tag-input__optionsContainer .m-tag-input__option {
  background-color: transparent;
  padding: 5px 10px;
  cursor: pointer;
}
.m-tag-input__main .m-tag-input__inputContainer .m-tag-input__optionsContainer .m-tag-input__option.is--selected {
  background-color: #FCE1D3;
}

.m-fileDragDrop__dropBox {
  height: 300px;
  width: 100%;
  display: flex;
  align-items: center;
  justify-content: center;
}
.m-fileDragDrop__dropBox .m-fileDragDrop__dropZone {
  border: 2px solid #707070;
  height: 100%;
  width: 100%;
  padding: 50px 0px;
}
.m-fileDragDrop__dropBox .m-fileDragDrop__dropZone .m-fileDragDrop__dropInstructionMain,
.m-fileDragDrop__dropBox .m-fileDragDrop__dropZone .m-fileDragDrop__dropInstructionBottom {
  height: 40%;
  display: flex;
  justify-content: center;
  align-items: center;
}
.m-fileDragDrop__dropBox .m-fileDragDrop__dropZone .m-fileDragDrop__dropInstructionSub {
  height: 20%;
  display: flex;
  justify-content: center;
  align-items: center;
  font-size: 16px;
  font-style: italic;
}
.m-fileDragDrop__dropBox .m-fileDragDrop__dropZone .m-fileDragDrop__dropInstructionMain {
  font-size: 18px;
  color: #0c193a;
  font-weight: bold;
}
.m-fileDragDrop__dropBox .m-fileDragDrop__dropZone .m-fileDragDrop__uploadButton {
  background-color: #0c193a;
  color: #fff;
  cursor: pointer;
  display: flex;
  justify-content: center;
  align-items: center;
  border-radius: 4px;
  height: 26px;
  padding: 0 12px;
  transition: background-color 0.1s;
  box-shadow: 0px 1px 1px rgba(112, 112, 112, 0.75);
  height: 33px;
  font-weight: bold;
}
.m-fileDragDrop__dropBox .m-fileDragDrop__dropZone .m-fileDragDrop__uploadButton.is--disabled {
  color: #707070;
  background-color: #d7d7d7;
  border-color: #d7d7d7;
  cursor: not-allowed;
}
.m-fileDragDrop__dropBox .m-fileDragDrop__dropZone .m-fileDragDrop__uploadButton:hover {
  background-color: #225D7E;
  border-color: #225D7E;
  text-decoration: none;
}
.m-fileDragDrop__dropBox .m-fileDragDrop__dropZone .m-fileDragDrop__uploadButton:hover.is--disabled {
  color: #707070;
  background-color: #d7d7d7;
  border-color: #d7d7d7;
  cursor: not-allowed;
}
.m-fileDragDrop__dropBox .m-fileDragDrop__dropZone .m-fileDragDrop__uploadButton a {
  color: #fff;
  text-decoration: none;
}
.m-fileDragDrop__dropBox .m-fileDragDrop__dropZone .m-fileDragDrop__uploadButton a:hover {
  text-decoration: none;
}
.m-fileDragDrop__dropBox .m-fileDragDrop__dropZone .m-fileDragDrop__uploadButton:hover {
  background-color: #225D7E;
}
.m-fileDragDrop__dropBox .m-fileDragDrop__dropZone .m-fileDragDrop__uploadButton.is--disabled {
  border: 2px solid #d7d7d7;
  box-shadow: none;
}

.m-filteredSelectList__main {
  display: flex;
  flex-direction: row;
  overflow: auto;
}
.m-filteredSelectList__main .m-filteredSelectList__filterColumn {
  width: 50px;
  flex-grow: 0;
  flex-shrink: 0;
}
.m-filteredSelectList__main .m-filteredSelectList__filterColumn.is--expanded {
  width: 250px;
}
.m-filteredSelectList__main .m-filteredSelectList__contentColumn {
  width: 100%;
  padding-left: 10px;
  border-left: 2px solid #d7d7d7;
}
.m-filteredSelectList__main .m-filteredSelectList__actionBar {
  display: flex;
  align-items: center;
  justify-content: space-between;
  height: 70px;
  padding: 0 20px;
  border-bottom: 2px solid #d7d7d7;
  position: relative;
  z-index: 1000;
}
.m-filteredSelectList__main .m-filteredSelectList__actionsLeft,
.m-filteredSelectList__main .m-filteredSelectList__actionsRight {
  display: flex;
  align-items: center;
  gap: 15px;
  width: 20%;
}
.m-filteredSelectList__main .m-filteredSelectList__actionsRight {
  width: 80%;
}
.m-filteredSelectList__main .m-filteredSelectList__actionsRight {
  justify-content: flex-end;
}
.m-filteredSelectList__main .m-filteredSelectList__selectAll {
  display: flex;
  align-items: center;
  gap: 5px;
}
.m-filteredSelectList__main .m-filteredSelectList__selectAll input {
  margin: 0;
}
.m-filteredSelectList__main .m-filteredSelectedList__selectAllLabel {
  color: #0c193a;
  font-size: 11px;
}
.m-filteredSelectList__main .m-filteredSelectList__dropDownAction {
  position: relative;
  flex-grow: 0;
  flex-shrink: 0;
}
.m-filteredSelectList__main .m-filteredSelectList__dropDownAction .m-filteredSelectList__actionDropDown {
  position: absolute;
  z-index: 80;
  top: 32px;
  right: 0px;
  background-color: #fff;
  border: 2px solid #d7d7d7;
  border-radius: 4px;
  width: 200px;
}
.m-filteredSelectList__main .m-filteredSelectList__dropDownAction .m-filteredSelectList__actionDropDown .m-filteredSelectList__actionOption {
  padding: 0px 10px;
  display: flex;
  align-items: center;
  height: 35px;
  border-bottom: 2px solid #d7d7d7;
  background-color: #fff;
  cursor: pointer;
}
.m-filteredSelectList__main .m-filteredSelectList__dropDownAction .m-filteredSelectList__actionDropDown .m-filteredSelectList__actionOption:hover {
  background-color: #FCE1D3;
}
.m-filteredSelectList__main .m-filteredSelectList__filterDisplay {
  padding: 20px;
  border-bottom: 2px solid #d7d7d7;
  display: flex;
  gap: 10px;
}
.m-filteredSelectList__main .m-filteredSelectList__filterTag {
  display: flex;
  align-items: center;
  padding: 3px 10px;
  background-color: #d7d7d7;
  border-radius: 4px;
  height: 25px;
}
.m-filteredSelectList__main .m-filteredSelectList__filterTag .m-filteredSelectList__removeFilter {
  width: 12px;
  height: 12px;
  background-image: url("../assets/edmod-close-icon-grey-new.svg");
  background-size: contain;
  background-repeat: no-repeat;
  background-position: center;
  margin-left: 5px;
  cursor: pointer;
}
.m-filteredSelectList__main .m-filteredSelectList__filterLink {
  color: #225D7E;
  cursor: pointer;
  margin: 10px 5px;
}
.m-filteredSelectList__main .m-filteredSelectList__list {
  max-height: 450px;
  overflow-y: auto;
}
.m-filteredSelectList__main .m-filteredSelectList__list .m-selectableList__mainContent {
  padding: 0;
}

.m-filteredSelectList__filtersMain {
  padding: 0px 10px 10px;
}
.m-filteredSelectList__filtersMain .m-filteredSelectList__filterHeader {
  height: 70px;
  margin-bottom: 10px;
  border-bottom: 2px solid #d7d7d7;
  display: flex;
  align-items: center;
  justify-content: space-between;
  cursor: pointer;
}
.m-filteredSelectList__filtersMain .m-filteredSelectList__filterTitle {
  font-size: 18px;
  color: #0c193a;
  font-weight: bold;
  padding: 0px 10px;
}
.m-filteredSelectList__filtersMain .m-filteredSelectList__filterToggle {
  width: 18px;
  height: 18px;
  background-image: url("../assets/edmod-caret-icon.svg");
  background-size: contain;
  background-repeat: no-repeat;
  background-position: center;
  flex-grow: 0;
  flex-shrink: 0;
  transform: rotate(180deg);
}
.m-filteredSelectList__filtersMain .m-filteredSelectList__filterToggle.is--hidden {
  transform: rotate(0deg);
  margin-left: 5px;
}
.m-filteredSelectList__filtersMain .m-filteredSelectList__filterContainer {
  display: flex;
  flex-direction: column;
}
.m-filteredSelectList__filtersMain .m-filteredSelectList__filterSection {
  width: 100%;
  margin-bottom: 10px;
  border-bottom: 2px solid #d7d7d7;
  padding-bottom: 10px;
}
.m-filteredSelectList__filtersMain .m-filteredSelectList__filterSection:last-child {
  border-bottom: none;
}
.m-filteredSelectList__filtersMain .m-filteredSelectList__filterSection.is--collapsable {
  border-bottom: none;
}
.m-filteredSelectList__filtersMain .m-filteredSelectList__filterSection.is--collapsable .m-filteredSelectList__filterSectionTitle {
  cursor: pointer;
  margin-bottom: 0px;
}
.m-filteredSelectList__filtersMain .m-filteredSelectList__filterSection.is--collapsable.is--expanded {
  border-bottom: 2px solid #d7d7d7;
}
.m-filteredSelectList__filtersMain .m-filteredSelectList__filterSection.is--collapsable.is--expanded .m-filteredSelectList__filterSectionTitle {
  margin-bottom: 10px;
}
.m-filteredSelectList__filtersMain .m-filteredSelectList__filterSectionTitle {
  font-weight: bold;
  margin-bottom: 10px;
  display: flex;
  justify-content: space-between;
  align-items: center;
}
.m-filteredSelectList__filtersMain .m-filteredSelectList__filterSectionToggle {
  width: 12px;
  height: 12px;
  background-image: url("../assets/edmod-caret-icon.svg");
  background-size: contain;
  background-repeat: no-repeat;
  background-position: center;
  transform: rotate(90deg);
}
.m-filteredSelectList__filtersMain .m-filteredSelectList__filterSectionToggle.is--expanded {
  transform: rotate(-90deg);
}
.m-filteredSelectList__filtersMain .m-filteredSelectList__filterList {
  max-height: 170px;
  overflow-y: auto;
  border-top: none;
}
.m-filteredSelectList__filtersMain .m-filteredSelectList__filterList .m-selectableList__item {
  border-bottom: none;
  padding: 0px;
}

.m-filteredSelectList__filterDateContainer {
  display: flex;
  gap: 10px;
  align-items: center;
}

.m-draggableItem {
  transform: translateZ(0);
}

.m-switcher__main {
  width: 100%;
  background-color: #fff;
  padding: 0px 20px 20px;
}
.m-switcher__main .m-switcher__mainHeader {
  height: 70px;
  display: flex;
  align-items: center;
  justify-content: space-between;
  border-bottom: 2px solid #d7d7d7;
}
.m-switcher__main .m-switcher__title {
  font-size: 18px;
  color: #0c193a;
  font-weight: bold;
}
.m-switcher__main .m-switcher__search {
  width: 400px;
  flex-grow: 0;
  flex-shrink: 0;
}
.m-switcher__main .m-switcher__content {
  display: flex;
  align-items: stretch;
  border-bottom: 2px solid #d7d7d7;
}
.m-switcher__main .m-switcher__filtersColumn {
  width: 50px;
  flex-grow: 0;
  flex-shrink: 0;
  border-right: 2px solid #d7d7d7;
}
.m-switcher__main .m-switcher__filtersColumn.is--expanded {
  width: 250px;
}
.m-switcher__main .m-switcher__columns {
  position: relative;
  width: 100%;
  flex-grow: 1;
  display: flex;
}
.m-switcher__main .m-switcher__columnTitle {
  position: sticky;
  top: 0px;
  background-color: #fff;
  padding: 0px 5px;
  display: flex;
  align-items: center;
  height: 50px;
  border-bottom: 2px solid #d7d7d7;
}
.m-switcher__main .m-switcher__column {
  position: relative;
  width: 50%;
  flex-grow: 0;
  flex-shrink: 0;
  height: 325px;
  overflow: hidden;
  border-right: 2px solid #d7d7d7;
}
.m-switcher__main .m-switcher__column:last-child {
  border-right: none;
}
.m-switcher__main .m-switcher__columnList {
  padding: 0px 5px;
  height: 235px;
  overflow-y: auto;
}
.m-switcher__main .m-switcher__footerAction {
  position: absolute;
  bottom: 0px;
  height: 40px;
  background-color: #fff;
  border-top: 2px solid #d7d7d7;
  width: 100%;
  display: flex;
  align-items: center;
  justify-content: flex-end;
  padding: 5px;
}
.m-switcher__main .m-switcher__footerAction.is--in {
  justify-content: flex-start;
}
.m-switcher__main .m-switcher__footerAction .m-switcher__moveAllButton {
  background-color: #fff;
  color: #d7d7d7;
  cursor: pointer;
  display: flex;
  justify-content: center;
  align-items: center;
  border-radius: 4px;
  height: 26px;
  padding: 0 12px;
  transition: background-color 0.1s;
  box-shadow: 0px 1px 1px rgba(112, 112, 112, 0.75);
  border: 2px solid #d7d7d7;
  height: 25px;
  font-weight: bold;
}
.m-switcher__main .m-switcher__footerAction .m-switcher__moveAllButton.is--disabled {
  color: #707070;
  background-color: #d7d7d7;
  border-color: #d7d7d7;
  cursor: not-allowed;
}
.m-switcher__main .m-switcher__footerAction .m-switcher__moveAllButton:hover {
  background-color: #225D7E;
  border-color: #225D7E;
  text-decoration: none;
}
.m-switcher__main .m-switcher__footerAction .m-switcher__moveAllButton:hover.is--disabled {
  color: #707070;
  background-color: #d7d7d7;
  border-color: #d7d7d7;
  cursor: not-allowed;
}
.m-switcher__main .m-switcher__footerAction .m-switcher__moveAllButton a {
  color: #d7d7d7;
  text-decoration: none;
}
.m-switcher__main .m-switcher__footerAction .m-switcher__moveAllButton a:hover {
  text-decoration: none;
}
.m-switcher__main .m-switcher__footerAction .m-switcher__moveAllButton:hover {
  background-color: #225D7E;
  border-color: #225D7E;
  color: #fff;
}
.m-switcher__main .m-switcher__footerAction .m-switcher__moveAllButton.is--disabled {
  opacity: 0.75;
  box-shadow: none;
  cursor: not-allowed;
}
.m-switcher__main .m-switcher__footerAction .m-switcher__moveAllButton.is--disabled:hover {
  border-color: #d7d7d7;
}
.m-switcher__main .m-switcher__item {
  height: 35px;
  display: flex;
  align-items: center;
  justify-content: space-between;
  border-bottom: 1px solid #d7d7d7;
}
.m-switcher__main .m-switcher__item.is--in {
  justify-content: flex-start;
  gap: 20px;
}
.m-switcher__main .m-switcher__item:hover {
  background-color: #E6F0FF;
}
.m-switcher__main .m-switcher__item:hover .m-switcher__toggleItem {
  background-color: #fff;
  color: #225D7E;
  cursor: pointer;
  display: flex;
  justify-content: center;
  align-items: center;
  border-radius: 4px;
  height: 26px;
  padding: 0 12px;
  transition: background-color 0.1s;
  box-shadow: 0px 1px 1px rgba(112, 112, 112, 0.75);
  border: 2px solid #225D7E;
  height: 25px;
  font-weight: bold;
}
.m-switcher__main .m-switcher__item:hover .m-switcher__toggleItem.is--disabled {
  color: #707070;
  background-color: #d7d7d7;
  border-color: #d7d7d7;
  cursor: not-allowed;
}
.m-switcher__main .m-switcher__item:hover .m-switcher__toggleItem:hover {
  background-color: #225D7E;
  border-color: #225D7E;
  text-decoration: none;
}
.m-switcher__main .m-switcher__item:hover .m-switcher__toggleItem:hover.is--disabled {
  color: #707070;
  background-color: #d7d7d7;
  border-color: #d7d7d7;
  cursor: not-allowed;
}
.m-switcher__main .m-switcher__item:hover .m-switcher__toggleItem a {
  color: #225D7E;
  text-decoration: none;
}
.m-switcher__main .m-switcher__item:hover .m-switcher__toggleItem a:hover {
  text-decoration: none;
}
.m-switcher__main .m-switcher__item:hover .m-switcher__toggleItem:hover {
  background-color: #225D7E;
  border-color: #225D7E;
  color: #fff;
}
.m-switcher__main .m-switcher__item:hover .m-switcher__toggleItem.is--disabled {
  opacity: 0.75;
  box-shadow: none;
  cursor: not-allowed;
}
.m-switcher__main .m-switcher__item:hover .m-switcher__toggleItem.is--disabled:hover {
  border-color: #d7d7d7;
}
.m-switcher__main .m-switcher__itemLabel.is--clickable {
  cursor: pointer;
  border-bottom: 1px solid transparent;
}
.m-switcher__main .m-switcher__itemLabel.is--clickable:hover {
  border-color: #0c193a;
}
.m-switcher__main .m-switcher__toggleItem {
  background-color: #fff;
  color: #d7d7d7;
  cursor: pointer;
  display: flex;
  justify-content: center;
  align-items: center;
  border-radius: 4px;
  height: 26px;
  padding: 0 12px;
  transition: background-color 0.1s;
  box-shadow: 0px 1px 1px rgba(112, 112, 112, 0.75);
  border: 2px solid #d7d7d7;
  height: 25px;
  font-weight: bold;
}
.m-switcher__main .m-switcher__toggleItem.is--disabled {
  color: #707070;
  background-color: #d7d7d7;
  border-color: #d7d7d7;
  cursor: not-allowed;
}
.m-switcher__main .m-switcher__toggleItem:hover {
  background-color: #225D7E;
  border-color: #225D7E;
  text-decoration: none;
}
.m-switcher__main .m-switcher__toggleItem:hover.is--disabled {
  color: #707070;
  background-color: #d7d7d7;
  border-color: #d7d7d7;
  cursor: not-allowed;
}
.m-switcher__main .m-switcher__toggleItem a {
  color: #d7d7d7;
  text-decoration: none;
}
.m-switcher__main .m-switcher__toggleItem a:hover {
  text-decoration: none;
}
.m-switcher__main .m-switcher__toggleItem:hover {
  background-color: #225D7E;
  border-color: #225D7E;
  color: #fff;
}
.m-switcher__main .m-switcher__toggleItem.is--disabled {
  opacity: 0.75;
  box-shadow: none;
  cursor: not-allowed;
}
.m-switcher__main .m-switcher__toggleItem.is--disabled:hover {
  border-color: #d7d7d7;
}

.m-toolTip__icon {
  width: 15px;
  height: 15px;
  background-image: url("../assets/edmod-info-tool-tip.svg");
  background-size: contain;
  background-repeat: no-repeat;
  background-position: center;
}

.tippy-box {
  background-color: #0c193a;
  color: #fff;
  padding: 2px;
  max-height: 500px;
  box-shadow: 0px 4px 4px rgba(0, 0, 0, 0.25);
  font-family: "Roboto", sans-serif;
}

.tippy-box[data-placement^=top] > .tippy-arrow::before {
  border-top-color: #0c193a;
}

.tippy-box[data-placement^=bottom] > .tippy-arrow::before {
  border-bottom-color: #0c193a;
}

.tippy-box[data-placement^=left] > .tippy-arrow::before {
  border-left-color: #0c193a;
}

.tippy-box[data-placement^=right] > .tippy-arrow::before {
  border-right-color: #0c193a;
}

.tippy-box[data-theme~=em-light] {
  background-color: #fff;
  color: #0c193a;
  border: 3px solid #d7d7d7;
  padding: 10px;
  box-shadow: 0px 4px 4px rgba(0, 0, 0, 0.25);
}
.tippy-box[data-theme~=em-light] ul {
  padding-left: 20px;
}

.tippy-box[data-theme~=em-light][data-placement^=top] > .tippy-arrow::before {
  border-top-color: #d7d7d7;
}

.tippy-box[data-theme~=em-light][data-placement^=bottom] > .tippy-arrow::before {
  border-bottom-color: #d7d7d7;
}

.tippy-box[data-theme~=em-light][data-placement^=left] > .tippy-arrow::before {
  border-left-color: #d7d7d7;
}

.tippy-box[data-theme~=em-light][data-placement^=right] > .tippy-arrow::before {
  border-right-color: #d7d7d7;
}

.BeaconContainer {
  z-index: 100003 !important;
}

.l-strategySearch__page {
  width: 100%;
  height: 100%;
  display: flex;
  flex-direction: row;
  justify-content: flex-start;
  align-items: stretch;
  min-height: 600px;
  min-width: 1000px;
  color: #0c193a;
}

.l-strategySearch__filterColumn {
  width: 60px;
  min-width: 50px;
  border-right: 1px solid #d7d7d7;
  background-color: #fff;
  transition: width 0.2s, min-width 0.2s;
  cursor: pointer;
}
.l-strategySearch__filterColumn.is--expanded {
  width: 280px;
  min-width: 280px;
  cursor: normal;
}
.l-strategySearch__filterColumn.is--expanded .m-filter-container__toggleIcon {
  transform: rotate(180deg);
}

.l-strategySearch__contentColumn {
  width: calc(100% - 60px);
  min-width: 620px;
  background-color: #F8F6F6;
}
.l-strategySearch__contentColumn.filters-expanded {
  width: 80%;
}

.m-strategysearch__backButton {
  background-color: #0c193a;
  color: #fff;
  cursor: pointer;
  display: flex;
  justify-content: center;
  align-items: center;
  border-radius: 4px;
  height: 26px;
  padding: 0 12px;
  transition: background-color 0.1s;
  box-shadow: 0px 1px 1px rgba(112, 112, 112, 0.75);
  height: 33px;
  font-weight: bold;
}
.m-strategysearch__backButton.is--disabled {
  color: #707070;
  background-color: #d7d7d7;
  border-color: #d7d7d7;
  cursor: not-allowed;
}
.m-strategysearch__backButton:hover {
  background-color: #225D7E;
  border-color: #225D7E;
  text-decoration: none;
}
.m-strategysearch__backButton:hover.is--disabled {
  color: #707070;
  background-color: #d7d7d7;
  border-color: #d7d7d7;
  cursor: not-allowed;
}
.m-strategysearch__backButton a {
  color: #fff;
  text-decoration: none;
}
.m-strategysearch__backButton a:hover {
  text-decoration: none;
}
.m-strategysearch__backButton:hover {
  background-color: #225D7E;
}
.m-strategysearch__backButton.is--disabled {
  border: 2px solid #d7d7d7;
  box-shadow: none;
}

.m-strategylist__main {
  display: grid;
  grid-template-columns: repeat(auto-fill, 280px);
  gap: 43px 43px;
  min-width: 646px;
  max-width: 926px;
}
.m-strategylist__main a {
  text-decoration: none;
}
.m-strategylist__main a:hover {
  text-decoration: none;
}

.m-strategylist__notLoaded {
  height: 205px;
  width: 100%;
  display: flex;
  justify-content: center;
  align-items: center;
  color: #707070;
  font-size: 16px;
}

.m-strategycard__tag {
  padding: 5px 10px;
  background-color: #F8F6F6;
  border-radius: 4px;
  font-size: 12px;
  color: #707070;
}

.m-strategycard__saveButton {
  display: flex;
  justify-content: center;
  align-items: center;
  cursor: pointer;
  height: 33px;
  width: 87px;
  border-radius: 4px;
  background-color: #EE6723;
  color: #fff;
  font-weight: bold;
  box-shadow: 0px 1px 1px rgba(0, 0, 0, 0.25);
  transition: background-color 0.2s;
}
.m-strategycard__saveButton:hover {
  background-color: #225D7E;
}
.m-strategycard__saveButton.is--saved {
  background-color: #707070;
}
.m-strategycard__saveButton .m-strategycard__saveButtonIcon {
  width: 100%;
  height: 100%;
  background-image: url("../assets/edmod-push-pin-white.svg");
  background-size: contain;
  background-repeat: no-repeat;
  background-position: center;
  width: 20px;
  height: 20px;
  margin-left: 5px;
}

.m-strategycard__main {
  border: 2px solid #d7d7d7;
  box-shadow: 0px 4px 4px rgba(112, 112, 112, 0.5);
  background-color: #fff;
  border-radius: 4px;
  background-color: #fff;
  overflow: hidden;
  width: 280px;
  min-height: 400px;
  color: #0c193a;
  opacity: 1;
  transition: opacity 0.2s ease-in-out;
}
.m-strategycard__main a:hover {
  text-decoration: none;
}
.m-strategycard__main .m-strategycard__display {
  opacity: 1;
  transition: opacity 0.2s ease-in-out;
  height: 100%;
}
.m-strategycard__main .m-strategycard__display.in--transition {
  opacity: 0;
}
.m-strategycard__main .m-strategycard__image {
  width: 100%;
  height: 164px;
  background-color: #fff;
  overflow: hidden;
}
.m-strategycard__main .m-strategycard__info {
  min-height: 236px;
  height: calc(100% - 164px);
  display: flex;
  flex-direction: column;
  justify-content: space-between;
}
.m-strategycard__main .m-strategycard__title {
  font-size: 18px;
  color: #0c193a;
  font-weight: bold;
  padding: 10px 15px;
}
.m-strategycard__main .m-strategycard__description {
  padding: 0px 15px;
  color: #0c193a;
}
.m-strategycard__main .m-strategycard__footer {
  margin-top: 10px;
  display: flex;
  align-items: flex-end;
  padding: 0px 15px 15px;
}
.m-strategycard__main .m-strategycard__footer .m-strategycard__tags {
  width: 60%;
  display: flex;
  flex-wrap: wrap;
  gap: 5px 100px;
}
.m-strategycard__main .m-strategycard__footer .m-strategycard__save {
  width: 40%;
  display: flex;
  justify-content: flex-end;
  align-items: flex-end;
  position: relative;
  z-index: 100;
}

.m-strategysearch__main {
  margin-bottom: 20px;
  height: 36px;
  border: 2px solid #d7d7d7;
  border-radius: 18px;
  padding: 0px 10px;
  display: flex;
  align-items: center;
  background-color: #fff;
  width: 500px;
}
.m-strategysearch__main.is--focused {
  border-color: #225D7E;
}
.m-strategysearch__main .m-strategysearch__searchIcon {
  width: 100%;
  height: 100%;
  background-image: url("../assets/edmod-search-icon-gray.svg");
  background-size: contain;
  background-repeat: no-repeat;
  background-position: center;
  width: 20px;
  height: 20px;
  margin-right: 15px;
}
.m-strategysearch__main input[type=text] {
  width: 100%;
  border: none;
  background-color: transparent;
  outline: none;
}

.m-strategyfilter__main {
  max-width: 926px;
  margin-bottom: 30px;
}
.m-strategyfilter__main .m-strategyfilter__top {
  display: flex;
  align-items: center;
  justify-content: space-between;
  margin-bottom: 10px;
}
.m-strategyfilter__main .m-strategyFilter__numResults {
  color: #0c193a;
  font-weight: bold;
  text-transform: uppercase;
}
.m-strategyfilter__main .m-strategyFilter__clearFilters {
  color: #707070;
  font-weight: bold;
  text-transform: uppercase;
  font-size: 12px;
  cursor: pointer;
}
.m-strategyfilter__main .m-strategyfilters__bottom {
  display: flex;
  align-items: center;
  justify-content: flex-start;
}
.m-strategyfilter__main .m-strategyfilters__filterTag {
  padding: 5px 10px;
  border-radius: 4px;
  background-color: #fff;
  display: flex;
  align-items: center;
  justify-content: space-between;
  margin-right: 10px;
}
.m-strategyfilter__main .m-strategyfilters__filterTag .m-strategyfilters__filterName {
  color: #707070;
  font-weight: bold;
}
.m-strategyfilter__main .m-strategyfilters__filterTag .m-strategyfilters__clearFilter {
  width: 18px;
  height: 18px;
  margin-left: 10px;
  cursor: pointer;
}
.m-strategyfilter__main .m-strategyfilters__filterTag .m-strategyfilters__clearFilter .m-strategyfilters__clearFilterIcon {
  width: 100%;
  height: 100%;
  background-image: url("../assets/edmod-close-icon-grey-new.svg");
  background-size: contain;
  background-repeat: no-repeat;
  background-position: center;
}

.m-strategysave__main {
  height: 400px;
  width: 100%;
}
.m-strategysave__main .m-strategysave__header {
  height: 50px;
  border-bottom: 2px solid #d7d7d7;
  position: relative;
  display: flex;
  justify-content: center;
  align-items: center;
  font-weight: bold;
  font-size: 18px;
}
.m-strategysave__main .m-strategysave__header .m-strategysave__headerText {
  max-width: 75%;
  text-overflow: ellipse;
  display: flex;
  align-items: center;
  justify-content: center;
  text-align: center;
}
.m-strategysave__main .m-strategysave__header .m-strategysave__back {
  width: 100%;
  height: 100%;
  background-image: url("../assets/edmod-caret-icon.svg");
  background-size: contain;
  background-repeat: no-repeat;
  background-position: center;
  height: 20px;
  width: 20px;
  transform: rotate(180deg);
  position: absolute;
  top: 30px/2;
  left: 18px;
  cursor: pointer;
}
.m-strategysave__main .m-strategysave__footer {
  height: 60px;
  border-top: 2px solid #d7d7d7;
  padding: 0px 20px;
  display: flex;
  align-items: center;
  justify-content: space-between;
}
.m-strategysave__main .m-strategysave__footer a {
  color: #225D7E;
}
.m-strategysave__main .m-strategysave__selectContainer {
  height: 290px;
  overflow-y: auto;
  padding: 10px 20px 20px;
}
.m-strategysave__main .m-strategysave__searchContainer {
  width: 100%;
  height: 35px;
  border: 2px solid #d7d7d7;
  display: flex;
  align-items: center;
  margin-bottom: 10px;
  padding: 0px 5px;
}
.m-strategysave__main .m-strategysave__searchContainer.is--focused {
  border-color: #225D7E;
}
.m-strategysave__main .m-strategysave__searchContainer .m-strategysave__searchIcon {
  width: 100%;
  height: 100%;
  background-image: url("../assets/edmod-search-icon-gray.svg");
  background-size: contain;
  background-repeat: no-repeat;
  background-position: center;
  width: 20px;
  height: 20px;
  margin-right: 7px;
}
.m-strategysave__main .m-strategysave__searchContainer input[type=text] {
  display: flex;
  align-items: center;
  height: 100%;
  border: none;
  outline: none;
  width: 100%;
}
.m-strategysave__main .m-strategysave__topOptions {
  border-bottom: 1px solid #d7d7d7;
  padding-bottom: 5px;
  margin-bottom: 10px;
}
.m-strategysave__main .m-strategysave__selectOption {
  display: flex;
  align-items: center;
  padding: 2px 4px;
  margin-bottom: 5px;
  background-color: #fff;
  cursor: pointer;
  transition: background-color 0.2s;
}
.m-strategysave__main .m-strategysave__selectOption:hover {
  background-color: #f8f6f6;
}
.m-strategysave__main .m-strategysave__selectOption .m-strategysave__selectOptionToggle {
  margin-right: 20px;
  margin-top: 0px;
}

.m-expandedstrategy__container {
  position: fixed;
  width: 100%;
  height: 100%;
  top: 0px;
  left: 0;
  z-index: 110000;
  overflow-y: scroll;
  background-color: rgba(112, 112, 112, 0.5);
}
.m-expandedstrategy__container.is--narrow .m-modal__modal {
  width: 450px !important;
}
.m-expandedstrategy__container .m-modal__modal {
  position: relative;
  top: 50px;
  z-index: 10;
  margin: 0px auto 50px;
  width: 800px;
  background-color: #F8F6F6;
  border: 2px solid #d7d7d7;
  border-radius: 4px;
  box-shadow: 0px 4px 4px rgba(0, 0, 0, 0.25);
}
.m-expandedstrategy__container .m-modal__close {
  position: absolute;
  width: 44px;
  height: 44px;
  display: flex;
  justify-content: center;
  align-items: center;
  border-radius: 50%;
  background-color: #0c193a;
  right: -22px;
  top: -22px;
  cursor: pointer;
}
.m-expandedstrategy__container .m-modal__close .m-modal__closeIcon {
  width: 100%;
  height: 100%;
  background-image: url("../assets/edmod-close-icon-white-new.svg");
  background-size: contain;
  background-repeat: no-repeat;
  background-position: center;
  width: 20px;
  height: 20px;
}
.m-expandedstrategy__container .m-modal__mainContent {
  padding: 15px;
}
.m-expandedstrategy__container .m-modal__header {
  font-size: 18px;
  color: #0c193a;
  font-weight: bold;
  margin-bottom: 5px;
  margin-top: 20px;
  display: flex;
  align-items: center;
}
.m-expandedstrategy__container .m-modal__header:first-child {
  margin-top: 0px;
}
.m-expandedstrategy__container .m-modal__header .m-modal__headerIcon {
  margin-right: 10px;
}
.m-expandedstrategy__container .m-modal__header .m-modal__headerIcon.is--push-pin {
  width: 20px;
  height: 20px;
  background-image: url("../assets/edmod-push-pin-dark.svg");
  background-size: contain;
  background-repeat: no-repeat;
  background-position: center;
}
.m-expandedstrategy__container .m-modal__header .m-modal__headerIcon.is--share {
  width: 20px;
  height: 20px;
  background-image: url("../assets/edmod-users-icon-dark.svg");
  background-size: contain;
  background-repeat: no-repeat;
  background-position: center;
}
.m-expandedstrategy__container .m-modal__inputGroup {
  display: flex;
  flex-direction: column;
}
.m-expandedstrategy__container .m-modal__inputGroup .m-modal__fieldLabel {
  margin-bottom: 10px;
  display: flex;
  align-items: center;
}
.m-expandedstrategy__container .m-modal__inputGroup .m-modal__textInput {
  display: flex;
  align-items: center;
  border: 1px solid #0c193a;
  border-radius: 4px;
  padding: 0px 10px;
  height: 50px;
  outline: none;
}
.m-expandedstrategy__container .m-modal__inputGroup .m-modal__textInput:focus {
  border: 2px solid #0c193a;
  outline: none;
}
.m-expandedstrategy__container .m-modal__inputGroup .m-modal__checkboxInput {
  margin-top: 0px;
  margin-right: 5px;
}
.m-expandedstrategy__container .m-modal__inputGroup .m-modal__fieldDescription {
  display: flex;
  align-items: center;
  margin-top: 10px;
}
.m-expandedstrategy__container .m-modal__inputGroup .m-modal__fieldDescription a {
  color: #225D7E;
}
.m-expandedstrategy__container .m-modal__inputGroup .m-modal__fieldDescription a:hover {
  color: #225D7E;
}
.m-expandedstrategy__container .m-modal__inputGroup .has--errors {
  border: 2px solid #ad3f3c;
}
.m-expandedstrategy__container .m-modal__inputGroup .m-modal__link {
  color: #0c193a;
  border-bottom: 1px solid transparent;
  text-decoration: none;
  cursor: pointer;
}
.m-expandedstrategy__container .m-modal__inputGroup .m-modal__link:hover {
  border-color: #0c193a;
}
.m-expandedstrategy__container .m-modal__inputGroup .m-modal__link.is--red {
  color: #ad3f3c;
}
.m-expandedstrategy__container .m-modal__inputGroup .m-modal__link.is--red:hover {
  border-color: #ad3f3c;
}
.m-expandedstrategy__container .m-modal__listContainer {
  border: 2px solid #d7d7d7;
  margin-top: 20px;
}
.m-expandedstrategy__container .m-modal__saveCancel {
  display: flex;
  align-items: center;
  justify-content: flex-end;
  margin-top: 20px;
}
.m-expandedstrategy__container .m-modal__saveCancel .m-modal__saveButton {
  background-color: #0c193a;
  color: #fff;
  cursor: pointer;
  display: flex;
  justify-content: center;
  align-items: center;
  border-radius: 4px;
  height: 26px;
  padding: 0 12px;
  transition: background-color 0.1s;
  box-shadow: 0px 1px 1px rgba(112, 112, 112, 0.75);
  height: 33px;
  font-weight: bold;
}
.m-expandedstrategy__container .m-modal__saveCancel .m-modal__saveButton.is--disabled {
  color: #707070;
  background-color: #d7d7d7;
  border-color: #d7d7d7;
  cursor: not-allowed;
}
.m-expandedstrategy__container .m-modal__saveCancel .m-modal__saveButton:hover {
  background-color: #225D7E;
  border-color: #225D7E;
  text-decoration: none;
}
.m-expandedstrategy__container .m-modal__saveCancel .m-modal__saveButton:hover.is--disabled {
  color: #707070;
  background-color: #d7d7d7;
  border-color: #d7d7d7;
  cursor: not-allowed;
}
.m-expandedstrategy__container .m-modal__saveCancel .m-modal__saveButton a {
  color: #fff;
  text-decoration: none;
}
.m-expandedstrategy__container .m-modal__saveCancel .m-modal__saveButton a:hover {
  text-decoration: none;
}
.m-expandedstrategy__container .m-modal__saveCancel .m-modal__saveButton:hover {
  background-color: #225D7E;
}
.m-expandedstrategy__container .m-modal__saveCancel .m-modal__saveButton.is--disabled {
  border: 2px solid #d7d7d7;
  box-shadow: none;
}
.m-expandedstrategy__container .m-modal__saveCancel .m-modal__cancelButton {
  background-color: #fff;
  color: #0c193a;
  cursor: pointer;
  display: flex;
  justify-content: center;
  align-items: center;
  border-radius: 4px;
  height: 26px;
  padding: 0 12px;
  transition: background-color 0.1s;
  box-shadow: 0px 1px 1px rgba(112, 112, 112, 0.75);
  border: 2px solid #0c193a;
  height: 33px;
  font-weight: bold;
  margin-right: 20px;
}
.m-expandedstrategy__container .m-modal__saveCancel .m-modal__cancelButton.is--disabled {
  color: #707070;
  background-color: #d7d7d7;
  border-color: #d7d7d7;
  cursor: not-allowed;
}
.m-expandedstrategy__container .m-modal__saveCancel .m-modal__cancelButton:hover {
  background-color: #225D7E;
  border-color: #225D7E;
  text-decoration: none;
}
.m-expandedstrategy__container .m-modal__saveCancel .m-modal__cancelButton:hover.is--disabled {
  color: #707070;
  background-color: #d7d7d7;
  border-color: #d7d7d7;
  cursor: not-allowed;
}
.m-expandedstrategy__container .m-modal__saveCancel .m-modal__cancelButton a {
  color: #0c193a;
  text-decoration: none;
}
.m-expandedstrategy__container .m-modal__saveCancel .m-modal__cancelButton a:hover {
  text-decoration: none;
}
.m-expandedstrategy__container .m-modal__saveCancel .m-modal__cancelButton:hover {
  background-color: #225D7E;
  border-color: #225D7E;
  color: #fff;
}
.m-expandedstrategy__container .m-modal__saveCancel .m-modal__cancelButton.is--disabled {
  opacity: 0.75;
  box-shadow: none;
  cursor: not-allowed;
}
.m-expandedstrategy__container .m-modal__saveCancel .m-modal__cancelButton.is--disabled:hover {
  border-color: #d7d7d7;
}
.m-expandedstrategy__container .m-modal__deleteOverlay {
  width: 100%;
  height: 100%;
  position: absolute;
  top: 0;
  left: 0;
  display: flex;
  flex-direction: column;
  align-items: center;
  justify-content: center;
}
.m-expandedstrategy__container .m-modal__deleteOverlay .m-delete-overlay__color {
  position: absolute;
  width: 100%;
  height: 100%;
  background-color: #0c193a;
  opacity: 0.8;
}
.m-expandedstrategy__container .m-modal__deleteOverlay .m-delete-overlay__message {
  color: #fff;
  margin-bottom: 25px;
  text-align: center;
  width: 100%;
  font-size: 18px;
  font-weight: bold;
  position: relative;
  z-index: 100;
}
.m-expandedstrategy__container .m-modal__deleteOverlay .m-delete-overlay__options {
  display: flex;
  align-items: center;
  justify-content: center;
  position: relative;
  z-index: 100;
}
.m-expandedstrategy__container .m-modal__deleteOverlay .m-delete-overlay__options .m-delete-overlay__cancelOption {
  cursor: pointer;
  color: #fff;
  border-bottom: 1px solid transparent;
  margin-right: 20px;
}
.m-expandedstrategy__container .m-modal__deleteOverlay .m-delete-overlay__options .m-delete-overlay__cancelOption:hover {
  border-color: #fff;
}
.m-expandedstrategy__container .m-modal__deleteOverlay .m-delete-overlay__options .m-delete-overlay__confirmOption {
  background-color: #ad3f3c;
  color: #fff;
  cursor: pointer;
  display: flex;
  justify-content: center;
  align-items: center;
  border-radius: 4px;
  height: 26px;
  padding: 0 12px;
  transition: background-color 0.1s;
}
.m-expandedstrategy__container .m-modal__deleteOverlay .m-delete-overlay__options .m-delete-overlay__confirmOption.is--disabled {
  color: #707070;
  background-color: #d7d7d7;
  border-color: #d7d7d7;
  cursor: not-allowed;
}
.m-expandedstrategy__container .m-modal__deleteOverlay .m-delete-overlay__options .m-delete-overlay__confirmOption:hover {
  background-color: #87312f;
  border-color: #87312f;
  text-decoration: none;
}
.m-expandedstrategy__container .m-modal__deleteOverlay .m-delete-overlay__options .m-delete-overlay__confirmOption:hover.is--disabled {
  color: #707070;
  background-color: #d7d7d7;
  border-color: #d7d7d7;
  cursor: not-allowed;
}
.m-expandedstrategy__container .m-modal__deleteOverlay .m-delete-overlay__options .m-delete-overlay__confirmOption a {
  color: #fff;
  text-decoration: none;
}
.m-expandedstrategy__container .m-modal__deleteOverlay .m-delete-overlay__options .m-delete-overlay__confirmOption a:hover {
  text-decoration: none;
}
.m-expandedstrategy__container .m-modal__modal.is--saveMode {
  background-color: #fff;
}
.m-expandedstrategy__container .m-modal__modal .m-strategysave__back {
  width: 100%;
  height: 100%;
  background-image: url("../assets/edmod-caret-icon.svg");
  background-size: contain;
  background-repeat: no-repeat;
  background-position: center;
  height: 20px;
  width: 20px;
  transform: rotate(180deg);
  position: absolute;
  top: 14px;
  left: 18px;
  cursor: pointer;
}
.m-expandedstrategy__container .m-expandedstrategy__display {
  opacity: 1;
  transition: opacity 0.2s ease-in-out;
}
.m-expandedstrategy__container .m-expandedstrategy__display.in--transition {
  opacity: 0;
}
.m-expandedstrategy__container .m-strategysave__main {
  height: 610px;
  width: 100%;
}
.m-expandedstrategy__container .m-strategysave__main .m-strategysave__header {
  height: 50px;
  border-bottom: 2px solid #d7d7d7;
  position: relative;
  display: flex;
  justify-content: center;
  align-items: center;
  font-weight: bold;
  font-size: 18px;
}
.m-expandedstrategy__container .m-strategysave__main .m-strategysave__header .m-strategysave__headerText {
  max-width: 75%;
  text-overflow: ellipse;
  display: flex;
  align-items: center;
  justify-content: center;
  text-align: center;
}
.m-expandedstrategy__container .m-strategysave__main .m-strategysave__header .m-strategysave__back {
  width: 100%;
  height: 100%;
  background-image: url("../assets/edmod-caret-icon.svg");
  background-size: contain;
  background-repeat: no-repeat;
  background-position: center;
  height: 20px;
  width: 20px;
  transform: rotate(180deg);
  position: absolute;
  top: 30px/2;
  left: 18px;
  cursor: pointer;
}
.m-expandedstrategy__container .m-strategysave__main .m-strategysave__footer {
  height: 60px;
  border-top: 2px solid #d7d7d7;
  padding: 0px 20px;
  display: flex;
  align-items: center;
  justify-content: space-between;
}
.m-expandedstrategy__container .m-strategysave__main .m-strategysave__footer a {
  color: #225D7E;
}
.m-expandedstrategy__container .m-strategysave__main .m-strategysave__selectContainer {
  height: 500px;
  overflow-y: auto;
  padding: 10px 20px 20px;
}
.m-expandedstrategy__container .m-strategysave__main .m-strategysave__searchContainer {
  width: 100%;
  height: 35px;
  border: 2px solid #d7d7d7;
  display: flex;
  align-items: center;
  margin-bottom: 10px;
  padding: 0px 5px;
}
.m-expandedstrategy__container .m-strategysave__main .m-strategysave__searchContainer.is--focused {
  border-color: #225D7E;
}
.m-expandedstrategy__container .m-strategysave__main .m-strategysave__searchContainer .m-strategysave__searchIcon {
  width: 100%;
  height: 100%;
  background-image: url("../assets/edmod-search-icon-gray.svg");
  background-size: contain;
  background-repeat: no-repeat;
  background-position: center;
  width: 20px;
  height: 20px;
  margin-right: 7px;
}
.m-expandedstrategy__container .m-strategysave__main .m-strategysave__searchContainer input[type=text] {
  display: flex;
  align-items: center;
  height: 100%;
  border: none;
  outline: none;
  width: 100%;
}
.m-expandedstrategy__container .m-strategysave__main .m-strategysave__topOptions {
  border-bottom: 1px solid #d7d7d7;
  padding-bottom: 5px;
  margin-bottom: 10px;
}
.m-expandedstrategy__container .m-strategysave__main .m-strategysave__selectOption {
  display: flex;
  align-items: center;
  padding: 2px 4px;
  margin-bottom: 5px;
  background-color: #fff;
  cursor: pointer;
  transition: background-color 0.2s;
}
.m-expandedstrategy__container .m-strategysave__main .m-strategysave__selectOption:hover {
  background-color: #f8f6f6;
}
.m-expandedstrategy__container .m-strategysave__main .m-strategysave__selectOption .m-strategysave__selectOptionToggle {
  margin-right: 20px;
  margin-top: 0px;
}
.m-expandedstrategy__container .m-expandedstrategy__main {
  padding: 20px;
}
.m-expandedstrategy__container .m-expandedstrategy__top {
  display: flex;
  margin-bottom: 20px;
}
.m-expandedstrategy__container .m-expandedstrategy__mainInfo {
  width: 400px;
  margin-right: 20px;
}
.m-expandedstrategy__container .m-expandedstrategy__mainInfo .m-expandedstrategy__title {
  font-size: 24px;
  color: #0c193a;
  font-weight: bold;
  padding: 10px 0px;
}
.m-expandedstrategy__container .m-expandedstrategy__mainInfo .m-expandedstrategy__ctas {
  display: flex;
  flex-direction: row;
}
.m-expandedstrategy__container .m-expandedstrategy__mainInfo .m-expandedstrategy__ctas .m-strategycard__exportButton {
  background-color: #0c193a;
  color: #fff;
  cursor: pointer;
  display: flex;
  justify-content: center;
  align-items: center;
  border-radius: 4px;
  height: 26px;
  padding: 0 12px;
  transition: background-color 0.1s;
  box-shadow: 0px 1px 1px rgba(112, 112, 112, 0.75);
  height: 33px;
  font-weight: bold;
  margin-left: 20px;
}
.m-expandedstrategy__container .m-expandedstrategy__mainInfo .m-expandedstrategy__ctas .m-strategycard__exportButton.is--disabled {
  color: #707070;
  background-color: #d7d7d7;
  border-color: #d7d7d7;
  cursor: not-allowed;
}
.m-expandedstrategy__container .m-expandedstrategy__mainInfo .m-expandedstrategy__ctas .m-strategycard__exportButton:hover {
  background-color: #225D7E;
  border-color: #225D7E;
  text-decoration: none;
}
.m-expandedstrategy__container .m-expandedstrategy__mainInfo .m-expandedstrategy__ctas .m-strategycard__exportButton:hover.is--disabled {
  color: #707070;
  background-color: #d7d7d7;
  border-color: #d7d7d7;
  cursor: not-allowed;
}
.m-expandedstrategy__container .m-expandedstrategy__mainInfo .m-expandedstrategy__ctas .m-strategycard__exportButton a {
  color: #fff;
  text-decoration: none;
}
.m-expandedstrategy__container .m-expandedstrategy__mainInfo .m-expandedstrategy__ctas .m-strategycard__exportButton a:hover {
  text-decoration: none;
}
.m-expandedstrategy__container .m-expandedstrategy__mainInfo .m-expandedstrategy__ctas .m-strategycard__exportButton:hover {
  background-color: #225D7E;
}
.m-expandedstrategy__container .m-expandedstrategy__mainInfo .m-expandedstrategy__ctas .m-strategycard__exportButton.is--disabled {
  border: 2px solid #d7d7d7;
  box-shadow: none;
}
.m-expandedstrategy__container .m-expandedstrategy__mainInfo .m-expandedstrategy__ctas .m-strategycard__exportButton .m-strategycard__exportButtonIcon {
  width: 100%;
  height: 100%;
  background-image: url("../assets/edmod-export-icon.svg");
  background-size: contain;
  background-repeat: no-repeat;
  background-position: center;
  height: 17px;
  width: 17px;
  margin-left: 10px;
}
.m-expandedstrategy__container .m-expandedstrategy__mainInfo .m-expandedstrategy__strategyTags {
  display: flex;
  padding: 15px 0px;
}
.m-expandedstrategy__container .m-expandedstrategy__mainInfo .m-expandedstrategy__strategyTags .m-strategycard__tag {
  background-color: #fff;
  color: #707070;
  margin-right: 10px;
}
.m-expandedstrategy__container .m-expandedstrategy__mainInfo .m-expandedstrategy__infoSection {
  margin-bottom: 10px;
}
.m-expandedstrategy__container .m-expandedstrategy__mainInfo .m-expandedstrategy__infoSectionTitle {
  font-weight: bold;
  margin-bottom: 5px;
}
.m-expandedstrategy__container .m-expandedstrategy__section {
  border: 2px solid #d7d7d7;
  box-shadow: 0px 4px 4px rgba(112, 112, 112, 0.5);
  background-color: #fff;
  border-radius: 4px;
  width: 100%;
  margin-bottom: 15px;
}
.m-expandedstrategy__container .m-expandedstrategy__section.no--margin {
  margin-bottom: 0px;
}
.m-expandedstrategy__container .m-expandedstrategy__section .m-expandedstrategy__sectionTitle {
  font-size: 18px;
  color: #0c193a;
  font-weight: bold;
  height: 50px;
  display: flex;
  align-items: center;
  font-weight: bold;
  padding: 0px 15px;
  border-bottom: 1px solid #d7d7d7;
}
.m-expandedstrategy__container .m-expandedstrategy__section .m-expandedstrategy__sectionContent {
  padding: 15px;
  position: relative;
  overflow: hidden;
}
.m-expandedstrategy__container .m-expandedstrategy__section .m-expandedstrategy__sectionContent.is--collapsed {
  max-height: 150px;
}
.m-expandedstrategy__container .m-expandedstrategy__section .m-expandedstrategy__sectionContent.is--collapsed .m-expandedstrategy__expandCollapse .m-expandedstrategy__expandCollapseIcon {
  transform: rotate(90deg);
}
.m-expandedstrategy__container .m-expandedstrategy__section .m-expandedstrategy__sectionContent ul {
  padding-left: 25px;
}
.m-expandedstrategy__container .m-expandedstrategy__section .m-expandedstrategy__sectionContent ul li {
  margin-bottom: 5px;
}
.m-expandedstrategy__container .m-expandedstrategy__section .m-expandedstrategy__sectionContent .m-expandedstrategy__expandCollapse {
  position: absolute;
  left: 0px;
  bottom: 0px;
  height: 50px;
  width: 100%;
  border: 1px solid rgba(230, 240, 255, 0.8);
  display: flex;
  align-items: center;
  justify-content: center;
  cursor: pointer;
  background-color: rgba(230, 240, 255, 0.8);
  transition: border-color 0.3s;
}
.m-expandedstrategy__container .m-expandedstrategy__section .m-expandedstrategy__sectionContent .m-expandedstrategy__expandCollapse:hover {
  border-color: #225D7E;
}
.m-expandedstrategy__container .m-expandedstrategy__section .m-expandedstrategy__sectionContent .m-expandedstrategy__expandCollapse .m-expandedstrategy__expandCollapseIcon {
  width: 100%;
  height: 100%;
  background-image: url("../assets/edmod-column-carrot.svg");
  background-size: contain;
  background-repeat: no-repeat;
  background-position: center;
  width: 40px;
  height: 40px;
  transform: rotate(-90deg);
}
.m-expandedstrategy__container .m-expandedstrategy__resourceSection .m-expandedstrategy__resourceSectionTitle {
  font-weight: bold;
  margin-bottom: 10px;
  display: flex;
  align-items: center;
}
.m-expandedstrategy__container .m-expandedstrategy__resourceSection .m-expandedstrategy__resourceSectionTitle .m-expandedstrategy__resourceSectionIconContainer {
  width: 20px;
  height: 20px;
  margin-right: 10px;
}
.m-expandedstrategy__container .m-expandedstrategy__resourceSection .m-expandedstrategy__resourceSectionTitle .m-expandedstrategy__resourceSectionIconContainer .m-expandedstrategy__resourceSectionIcon.is--tool {
  width: 100%;
  height: 100%;
  background-image: url("../assets/edmod-strategy-tool.svg");
  background-size: contain;
  background-repeat: no-repeat;
  background-position: center;
}
.m-expandedstrategy__container .m-expandedstrategy__resourceSection .m-expandedstrategy__resourceSectionTitle .m-expandedstrategy__resourceSectionIconContainer .m-expandedstrategy__resourceSectionIcon.is--article {
  width: 100%;
  height: 100%;
  background-image: url("../assets/edmod-strategy-articles.svg");
  background-size: contain;
  background-repeat: no-repeat;
  background-position: center;
}
.m-expandedstrategy__container .m-expandedstrategy__resourceSection .m-expandedstrategy__resourceSectionTitle .m-expandedstrategy__resourceSectionIconContainer .m-expandedstrategy__resourceSectionIcon.is--video {
  width: 100%;
  height: 100%;
  background-image: url("../assets/edmod-strategy-video.svg");
  background-size: contain;
  background-repeat: no-repeat;
  background-position: center;
}
.m-expandedstrategy__container .m-expandedstrategy__resourceSection .m-expandedstrategy__resourceSectionTitle .m-expandedstrategy__resourceSectionIconContainer .m-expandedstrategy__resourceSectionIcon.is--research {
  width: 100%;
  height: 100%;
  background-image: url("../assets/edmod-strategy-research.svg");
  background-size: contain;
  background-repeat: no-repeat;
  background-position: center;
}
.m-expandedstrategy__container .m-expandedstrategy__resourceSection .m-expandedstrategy__resourceSectionLinks {
  margin-bottom: 15px;
}
.m-expandedstrategy__container .m-expandedstrategy__resourceSection .m-expandedstrategy__resourceSectionLinks a {
  color: #225D7E;
  display: block;
  margin-bottom: 5px;
}

.m-filtered-page__pageHeader {
  padding: 30px 0px 30px 46px;
  max-width: 972px;
}
.m-filtered-page__pageHeader .m-filtered-page__pageHeaderInner {
  display: flex;
  align-items: center;
  justify-content: space-between;
}
.m-filtered-page__pageHeader .m-filtered-page__pageTitle {
  font-size: 24px;
  color: #0c193a;
  font-weight: bold;
}
.m-filtered-page__pageHeader .m-filtered-page__pageSubTitle {
  font-size: 16px;
  color: #0c193a;
  font-weight: normal;
  margin-top: 15px;
}
.m-filtered-page__pageHeader:after {
  content: " ";
  display: block;
  height: 1px;
  width: 80px;
  background-color: #d7d7d7;
  margin-top: 30px;
}

.m-filtered-page__pageContent {
  padding: 0px 46px;
}

.m-filtered-page__noContentMessage {
  font-size: 24px;
  color: #225D7E;
  width: 60%;
  text-align: center;
}

.m-filter-container__filtersHeaderRow {
  min-height: 80px;
  max-height: 80px;
  width: 100%;
  display: flex;
  justify-content: center;
  align-items: center;
  border-bottom: 1px solid transparent;
}

.m-filter-container__filtersHeaderTitle {
  color: #0c193a;
  font-weight: bold;
  font-size: 18px;
  min-width: 200px;
  overflow: hidden;
}

.m-filter-container__filtersToggle {
  height: 20px;
  width: 20px;
  display: flex;
  justify-content: center;
  align-items: center;
  cursor: pointer;
  transform: rotate(0deg);
  transition: transform 0.3s;
}
.m-filter-container__filtersToggle .m-filter-container__toggleIcon {
  width: 100%;
  height: 100%;
  background-image: url("../assets/edmod-caret-icon.svg");
  background-size: contain;
  background-repeat: no-repeat;
  background-position: center;
  margin-right: 2px;
  margin-bottom: 2px;
}

.m-filter-container__filtersMain {
  width: 100%;
  padding: 15px;
}

.m-filter-container__filtersSection {
  padding-left: 15px;
  padding-bottom: 15px;
}

.m-filter-container__filtersSectionTitle {
  text-transform: uppercase;
  color: #707070;
  font-weight: bold;
  font-size: 12px;
  margin-bottom: 10px;
  letter-spacing: 1px;
}

.m-filter-container__filtersSectionContent {
  padding-left: 15px;
}

.m-filter-container__filtersGroup {
  padding-bottom: 15px;
  margin-bottom: 15px;
  border-bottom: 1px solid #d7d7d7;
  width: 100%;
}
.m-filter-container__filtersGroup:last-child {
  border-bottom: none;
}
.m-filter-container__filtersGroup.is--collapsable {
  margin-bottom: 0px;
  border-bottom: none;
}

.m-filter-container__filtersGroupTitle {
  color: #0c193a;
  font-weight: bold;
  display: flex;
  align-items: center;
}
.m-filter-container__filtersGroupTitle.is--collapsable {
  margin-left: -20px;
  cursor: pointer;
}
.m-filter-container__filtersGroupTitle .m-filter-container__filtersGroupToggle {
  width: 13px;
  height: 13px;
  margin-right: 4px;
}
.m-filter-container__filtersGroupTitle .m-filter-container__filtersGroupToggle .m-filter-container__filtersGroupToggleIcon {
  width: 100%;
  height: 100%;
  background-image: url("../assets/edmod-caret-icon.svg");
  background-size: contain;
  background-repeat: no-repeat;
  background-position: center;
  transform: rotate(90deg);
  transition: transform 0.2s;
}
.m-filter-container__filtersGroupTitle .m-filter-container__filtersGroupToggle .m-filter-container__filtersGroupToggleIcon.is--collapsed {
  transform: rotate(0deg);
}

.m-filter-container__filtersGroupContent {
  margin-top: 10px;
  max-height: 1000px;
  overflow-y: auto;
  transition: max-height 0.3s;
}
.m-filter-container__filtersGroupContent.is--collapsed {
  max-height: 0px;
  margin-top: 0px;
}

.m-filter-container__filterOption {
  width: 100%;
  display: flex;
  justify-content: flex-start;
  align-items: center;
  background-color: #fff;
  margin-bottom: 5px;
  padding: 4px 5px;
  cursor: pointer;
  transition: background-color 0.2s ease;
  min-width: 200px;
  overflow: hidden;
}
.m-filter-container__filterOption input.m-filter-container__filterOptionToggle {
  margin: 0;
  margin-right: 10px;
}
.m-filter-container__filterOption .m-filter-container__filterOptionLabel.is--cta {
  color: #225D7E;
  font-weight: bold;
}
.m-filter-container__filterOption .m-filter-container__radioOption {
  height: 13px;
  width: 13px;
  border-radius: 50%;
  border: 1px solid #707070;
  display: flex;
  align-items: center;
  justify-content: center;
  margin-right: 10px;
}
.m-filter-container__filterOption .m-filter-container__radioOption .m-filter-container__radioOptionInner {
  width: 8px;
  height: 8px;
  border-radius: 50%;
  background-color: transparent;
}
.m-filter-container__filterOption:last-of-type {
  margin-bottom: 0;
}
.m-filter-container__filterOption:hover {
  background-color: #f8f6f6;
}
.m-filter-container__filterOption.no--checkbox.is--checked .m-filter-container__radioOption {
  border-color: #EE6723;
}
.m-filter-container__filterOption.no--checkbox.is--checked .m-filter-container__radioOption .m-filter-container__radioOptionInner {
  background-color: #EE6723;
}

.m-filter-container__filterAccordianOption.is--hidden .m-filter-container__filterOptionAccordianHeader {
  background-color: #fff;
}
.m-filter-container__filterAccordianOption.is--hidden .m-filter-container__filterOptionAccordianToggleIcon {
  transform: rotate(0deg);
}
.m-filter-container__filterAccordianOption.is--hidden .m-filter-container__filterOptionAccordianOptions {
  margin-top: 0px;
  padding-left: 0px;
  height: 0;
  overflow: hidden;
}

.m-filter-container__filterOptionAccordianHeader {
  width: 100%;
  display: flex;
  justify-content: flex-start;
  align-items: center;
  background-color: #E6F0FF;
  padding: 4px 5px;
}

.m-filter-container__filterOptionAccordianToggle {
  width: 25px;
  height: 25px;
}

.m-filter-container__filterOptionAccordianToggleIcon {
  width: 100%;
  height: 100%;
  background-image: url("../assets/edmod-column-carrot.svg");
  background-size: contain;
  background-repeat: no-repeat;
  background-position: center;
  transform: rotate(90deg);
  margin-right: 2px;
  margin-bottom: 2px;
}

.m-filter-container__filterOptionAccordianOptions {
  margin-top: 5px;
  padding: 0px 5px;
}

.m-filter-container__dateFiltersContainer {
  display: flex;
  flex-direction: row;
  justify-content: space-between;
  align-items: center;
  padding: 5px 0px 10px;
}
.m-filter-container__dateFiltersContainer .react-datepicker-wrapper:first-child {
  margin-right: 20px;
}

.m-datepicker__input {
  display: block;
  width: 100%;
  flex-grow: 1;
  border: 1px solid #d7d7d7;
  padding: 0px 10px;
  height: 32px;
  line-height: 32px;
  outline: none;
  font-size: 12px;
  border-radius: 4px;
}
.m-datepicker__input::placeholder {
  text-transform: uppercase;
  margin-bottom: 2px;
}
.m-datepicker__input:focus {
  border-color: #225D7E;
}
.m-datepicker__input:focus::placeholder {
  color: #225D7E;
}

.m-filter-container__exportButton {
  color: #225D7E;
  padding: 4px 6px;
  margin-top: 5px;
  font-size: 12px;
  background-color: #E6F0FF;
  border: 1px solid #225D7E;
  border-radius: 4px;
  cursor: pointer;
  display: inline-block;
  transform: background-color 0.2s;
}
.m-filter-container__exportButton:hover {
  text-decoration: none;
  background-color: #c6ddff;
}

.m-filter-container__seeMore {
  color: #707070;
  cursor: pointer;
  display: flex;
}

.m-filter-container__manageLink {
  font-size: 12px;
  color: #225D7E;
  text-decoration: underline;
  cursor: pointer;
}

.m-searchableSelect__list {
  overflow-y: auto;
  border: 2px solid #d7d7d7;
  border-top: none;
}
.m-searchableSelect__list .m-selectableList__item {
  padding: 0px 15px;
}

.m-searchableSelect__header {
  display: flex;
  align-items: center;
  background-color: #fff;
  border: 2px solid #d7d7d7;
  border-radius: 4px 4px 0px 0px;
  padding: 10px;
}
.m-searchableSelect__header .m-searchableSelect__selectAllContainer {
  width: 24px;
  margin-right: 15px;
  flex-grow: 0;
  flex-shrink: 0;
  display: flex;
  align-items: center;
  justify-content: center;
}
.m-searchableSelect__header .m-searchableSelect__searchContainer {
  flex-grow: 1;
}

.l-savedstrategies__page {
  width: 100%;
  height: 100%;
  display: flex;
  flex-direction: row;
  justify-content: flex-start;
  align-items: stretch;
  min-height: 600px;
  min-width: 1000px;
  color: #0c193a;
}

.l-savedstrategies__filtersContainer {
  width: 60px;
  min-width: 50px;
  border-right: 1px solid #d7d7d7;
  background-color: #fff;
  transition: width 0.2s, min-width 0.2s;
  cursor: pointer;
}
.l-savedstrategies__filtersContainer.is--expanded {
  width: 280px;
  min-width: 280px;
  cursor: normal;
}
.l-savedstrategies__filtersContainer.is--expanded .m-filter-container__toggleIcon {
  transform: rotate(180deg);
}

.l-savedstrategies__list {
  width: calc(100% - 60px);
  min-width: 620px;
  background-color: #F8F6F6;
  padding: 30px 30px 30px 30px;
}
.l-savedstrategies__list.filters-expanded {
  width: 80%;
}

.m-savedstrategies__moreStrategies {
  padding: 0px 0px 15px 0px;
  display: flex;
  align-items: center;
  justify-content: flex-end;
}
.m-savedstrategies__moreStrategies .m-savedstrategies__moreStrategiesButton {
  background-color: #0c193a;
  color: #fff;
  cursor: pointer;
  display: flex;
  justify-content: center;
  align-items: center;
  border-radius: 4px;
  height: 26px;
  padding: 0 12px;
  transition: background-color 0.1s;
  box-shadow: 0px 1px 1px rgba(112, 112, 112, 0.75);
  height: 33px;
  font-weight: bold;
}
.m-savedstrategies__moreStrategies .m-savedstrategies__moreStrategiesButton.is--disabled {
  color: #707070;
  background-color: #d7d7d7;
  border-color: #d7d7d7;
  cursor: not-allowed;
}
.m-savedstrategies__moreStrategies .m-savedstrategies__moreStrategiesButton:hover {
  background-color: #225D7E;
  border-color: #225D7E;
  text-decoration: none;
}
.m-savedstrategies__moreStrategies .m-savedstrategies__moreStrategiesButton:hover.is--disabled {
  color: #707070;
  background-color: #d7d7d7;
  border-color: #d7d7d7;
  cursor: not-allowed;
}
.m-savedstrategies__moreStrategies .m-savedstrategies__moreStrategiesButton a {
  color: #fff;
  text-decoration: none;
}
.m-savedstrategies__moreStrategies .m-savedstrategies__moreStrategiesButton a:hover {
  text-decoration: none;
}
.m-savedstrategies__moreStrategies .m-savedstrategies__moreStrategiesButton:hover {
  background-color: #225D7E;
}
.m-savedstrategies__moreStrategies .m-savedstrategies__moreStrategiesButton.is--disabled {
  border: 2px solid #d7d7d7;
  box-shadow: none;
}

.m-saved-strategies__noContent {
  height: 205px;
  width: 100%;
  display: flex;
  justify-content: center;
  align-items: center;
  color: #707070;
  font-size: 16px;
}

.m-savedstrategy__container::after {
  content: " ";
  height: 2px;
  width: 35%;
  background-color: #d7d7d7;
  display: block;
  margin: 0 auto 20px;
}

.m-savedstrategy__main {
  display: flex;
  position: relative;
  padding: 20px;
  margin-bottom: 20px;
}

.m-savedstrategy__strategyCardContainer {
  width: 280px;
  margin-right: 20px;
}

.m-savedstrategy__savedStrategyDetails {
  width: 100%;
}

.m-savedstrategy__cta {
  width: 100%;
  display: flex;
  align-items: center;
  justify-content: center;
  height: 40px;
  font-weight: bold;
}

.m-strategyratings__main {
  display: flex;
  align-items: center;
  justify-content: center;
  gap: 30px;
}

.m-strategyratings__ratingOption {
  display: flex;
  align-items: center;
  justify-content: center;
  height: 26px;
  min-width: 70px;
  padding: 0px 15px;
  border: 2px solid #0c193a;
  border-radius: 4px;
  color: #0c193a;
  background-color: #fff;
  cursor: pointer;
  font-weight: bold;
  box-shadow: 0px 1px 1px rgba(112, 112, 112, 0.75);
  transition: background-color 0.2s, color 0.2s;
}
.m-strategyratings__ratingOption:hover {
  background-color: #225D7E;
  border-color: #225D7E;
  color: #fff;
}
.m-strategyratings__ratingOption:hover .m-strategyratings__ratingIcon.is--positive {
  width: 100%;
  height: 100%;
  background-image: url("../assets/edmod-thumbs-up-active-2.svg");
  background-size: contain;
  background-repeat: no-repeat;
  background-position: center;
  width: 15px;
  height: 15px;
}
.m-strategyratings__ratingOption:hover .m-strategyratings__ratingIcon.is--negative {
  width: 100%;
  height: 100%;
  background-image: url("../assets/edmod-thumbs-down-active-2.svg");
  background-size: contain;
  background-repeat: no-repeat;
  background-position: center;
  width: 15px;
  height: 15px;
}
.m-strategyratings__ratingOption .m-strategyratings__ratingIcon {
  margin-left: 10px;
}
.m-strategyratings__ratingOption .m-strategyratings__ratingIcon.is--positive {
  width: 100%;
  height: 100%;
  background-image: url("../assets/edmod-thumbs-upp.svg");
  background-size: contain;
  background-repeat: no-repeat;
  background-position: center;
  width: 15px;
  height: 15px;
}
.m-strategyratings__ratingOption .m-strategyratings__ratingIcon.is--negative {
  width: 100%;
  height: 100%;
  background-image: url("../assets/edmod-thumbs-down.svg");
  background-size: contain;
  background-repeat: no-repeat;
  background-position: center;
  width: 15px;
  height: 15px;
}
.m-strategyratings__ratingOption.is--disabled {
  cursor: not-allowed;
}
.m-strategyratings__ratingOption.is--disabled:hover {
  background-color: #fff;
  border: 2px solid #0c193a;
  color: #0c193a;
}
.m-strategyratings__ratingOption.is--disabled:hover .m-strategyratings__ratingIcon.is--positive {
  width: 100%;
  height: 100%;
  background-image: url("../assets/edmod-thumbs-upp.svg");
  background-size: contain;
  background-repeat: no-repeat;
  background-position: center;
  width: 15px;
  height: 15px;
}
.m-strategyratings__ratingOption.is--disabled:hover .m-strategyratings__ratingIcon.is--negative {
  width: 100%;
  height: 100%;
  background-image: url("../assets/edmod-thumbs-down.svg");
  background-size: contain;
  background-repeat: no-repeat;
  background-position: center;
  width: 15px;
  height: 15px;
}
.m-strategyratings__ratingOption.is--selected {
  background-color: #EE6723;
  border-color: #EE6723;
  color: #fff;
}
.m-strategyratings__ratingOption.is--selected .m-strategyratings__ratingIcon.is--positive {
  width: 100%;
  height: 100%;
  background-image: url("../assets/edmod-thumbs-up-active-2.svg");
  background-size: contain;
  background-repeat: no-repeat;
  background-position: center;
  width: 15px;
  height: 15px;
}
.m-strategyratings__ratingOption.is--selected .m-strategyratings__ratingIcon.is--negative {
  width: 100%;
  height: 100%;
  background-image: url("../assets/edmod-thumbs-down-active-2.svg");
  background-size: contain;
  background-repeat: no-repeat;
  background-position: center;
  width: 15px;
  height: 15px;
}

.m-strategynotes__main {
  margin: 20px 0px;
  padding: 0px 20px 20px;
  background-color: #fff;
  border: 2px solid #d7d7d7;
  color: #0c193a;
  position: relative;
}
.m-strategynotes__main .m-strategynotes__title {
  font-weight: bold;
  height: 40px;
  display: flex;
  align-items: center;
  justify-content: space-between;
  border-bottom: 1px solid #d7d7d7;
}
.m-strategynotes__main .m-strategynotes__editToggle {
  width: 100%;
  height: 100%;
  background-image: url("../assets/edmod-pencil-black.svg");
  background-size: contain;
  background-repeat: no-repeat;
  background-position: center;
  height: 20px;
  width: 20px;
  cursor: pointer;
}
.m-strategynotes__main .m-strategynotes__saveCancel {
  display: flex;
  align-items: center;
  font-weight: normal;
}
.m-strategynotes__main .m-strategynotes__saveCancel .m-strategynotes__cancel {
  cursor: pointer;
  color: #0c193a;
  border-bottom: 1px solid transparent;
  margin-right: 20px;
}
.m-strategynotes__main .m-strategynotes__saveCancel .m-strategynotes__cancel:hover {
  border-color: #0c193a;
}
.m-strategynotes__main .m-strategynotes__saveCancel .m-strategynotes__save {
  background-color: #0c193a;
  color: #fff;
  cursor: pointer;
  display: flex;
  justify-content: center;
  align-items: center;
  border-radius: 4px;
  height: 26px;
  padding: 0 12px;
  transition: background-color 0.1s;
}
.m-strategynotes__main .m-strategynotes__saveCancel .m-strategynotes__save.is--disabled {
  color: #707070;
  background-color: #d7d7d7;
  border-color: #d7d7d7;
  cursor: not-allowed;
}
.m-strategynotes__main .m-strategynotes__saveCancel .m-strategynotes__save:hover {
  background-color: #225D7E;
  border-color: #225D7E;
  text-decoration: none;
}
.m-strategynotes__main .m-strategynotes__saveCancel .m-strategynotes__save:hover.is--disabled {
  color: #707070;
  background-color: #d7d7d7;
  border-color: #d7d7d7;
  cursor: not-allowed;
}
.m-strategynotes__main .m-strategynotes__saveCancel .m-strategynotes__save a {
  color: #fff;
  text-decoration: none;
}
.m-strategynotes__main .m-strategynotes__saveCancel .m-strategynotes__save a:hover {
  text-decoration: none;
}
.m-strategynotes__main .m-strategynotes__noteContainer {
  border-radius: 4px;
  border: 1px solid #d7d7d7;
  box-shadow: inset 0px 0px 15px #eaeaea;
  margin-top: 15px;
}
.m-strategynotes__main .m-strategynotes__noteContainer .m-rich-text__toolBar {
  border: none;
  border-bottom: 1px solid #225D7E;
  border-radius: 4px 4px 0px 0px;
}
.m-strategynotes__main .m-strategynotes__noteContainer .m-rich-text__editableArea {
  padding: 0 10px;
}
.m-strategynotes__main .m-strategynotes__noteContainer.is--focused {
  border-bottom: 1px solid #225D7E;
}
.m-strategynotes__main .m-strategynotes__noteContainer.is--focused .m-rich-text__toolBar {
  border-bottom: 1px solid #d7d7d7;
}
.m-strategynotes__main .m-strategynotes__noteDisplay {
  margin-top: 15px;
  min-height: 150px;
}
.m-strategynotes__main .m-strategynotes__noteDisplay.is--placeholder {
  color: #707070;
  font-style: italic;
}

.m-savedstrategy__metaData {
  display: flex;
  align-items: center;
  justify-content: space-between;
}

.m-savedstrategy__metaItem {
  display: flex;
  align-items: center;
  margin-bottom: 5px;
}
.m-savedstrategy__metaItem:last-child {
  margin-bottom: 0px;
}
.m-savedstrategy__metaItem .m-savedstrategy__metaLabel {
  font-weight: bold;
  margin-right: 5px;
}

.m-savedstrategy__remove {
  color: #ad3f3c;
  font-weight: bold;
  text-transform: uppercase;
  text-decoration: none;
  cursor: pointer;
  padding-bottom: 2px;
  border-bottom: 1px solid transparent;
  transition: border-color 0.2s;
}
.m-savedstrategy__remove:hover {
  border-color: #ad3f3c;
}
.m-savedstrategy__remove a {
  color: #707070;
  font-weight: bold;
  text-transform: uppercase;
}
.m-savedstrategy__remove a:hover {
  text-decoration: none;
}
.m-savedstrategy__remove.is--disabled {
  cursor: not-allowed;
  color: #d7d7d7;
  border-color: transparent;
}
.m-savedstrategy__remove.is--disabled:hover {
  border-color: transparent;
}

.m-savedstrategy__deleteOverlay {
  width: 100%;
  height: 100%;
  position: absolute;
  top: 0;
  left: 0;
  display: flex;
  flex-direction: column;
  align-items: center;
  justify-content: center;
}
.m-savedstrategy__deleteOverlay .m-delete-overlay__color {
  position: absolute;
  width: 100%;
  height: 100%;
  background-color: #0c193a;
  opacity: 0.8;
}
.m-savedstrategy__deleteOverlay .m-delete-overlay__message {
  color: #fff;
  margin-bottom: 25px;
  text-align: center;
  width: 100%;
  font-size: 18px;
  font-weight: bold;
  position: relative;
  z-index: 100;
}
.m-savedstrategy__deleteOverlay .m-delete-overlay__options {
  display: flex;
  align-items: center;
  justify-content: center;
  position: relative;
  z-index: 100;
}
.m-savedstrategy__deleteOverlay .m-delete-overlay__options .m-delete-overlay__cancelOption {
  cursor: pointer;
  color: #fff;
  border-bottom: 1px solid transparent;
  margin-right: 20px;
}
.m-savedstrategy__deleteOverlay .m-delete-overlay__options .m-delete-overlay__cancelOption:hover {
  border-color: #fff;
}
.m-savedstrategy__deleteOverlay .m-delete-overlay__options .m-delete-overlay__confirmOption {
  background-color: #ad3f3c;
  color: #fff;
  cursor: pointer;
  display: flex;
  justify-content: center;
  align-items: center;
  border-radius: 4px;
  height: 26px;
  padding: 0 12px;
  transition: background-color 0.1s;
}
.m-savedstrategy__deleteOverlay .m-delete-overlay__options .m-delete-overlay__confirmOption.is--disabled {
  color: #707070;
  background-color: #d7d7d7;
  border-color: #d7d7d7;
  cursor: not-allowed;
}
.m-savedstrategy__deleteOverlay .m-delete-overlay__options .m-delete-overlay__confirmOption:hover {
  background-color: #87312f;
  border-color: #87312f;
  text-decoration: none;
}
.m-savedstrategy__deleteOverlay .m-delete-overlay__options .m-delete-overlay__confirmOption:hover.is--disabled {
  color: #707070;
  background-color: #d7d7d7;
  border-color: #d7d7d7;
  cursor: not-allowed;
}
.m-savedstrategy__deleteOverlay .m-delete-overlay__options .m-delete-overlay__confirmOption a {
  color: #fff;
  text-decoration: none;
}
.m-savedstrategy__deleteOverlay .m-delete-overlay__options .m-delete-overlay__confirmOption a:hover {
  text-decoration: none;
}

.m-exportConfig__mainTitleContainer {
  height: 40px;
  position: relative;
  border-bottom: 2px solid #d7d7d7;
  margin-bottom: 5px;
  display: flex;
  align-items: center;
  justify-content: space-between;
}
.m-exportConfig__mainTitleDisabledOverlay {
  width: 100%;
  height: calc(100% + 5px);
  position: absolute;
  top: -5px;
  left: 0;
  cursor: not-allowed;
  background-color: #F8F6F6;
  opacity: 0.6;
}

.m-exportConfig__mainTitle {
  font-weight: bold;
  display: flex;
  align-items: center;
  cursor: pointer;
}
.m-exportConfig__mainTitle input {
  margin: 0;
  margin-right: 10px;
  cursor: pointer;
}

.m-exportConfig__showAdditionalOptions {
  color: #225D7E;
  font-size: 12px;
  cursor: pointer;
  display: flex;
  align-items: center;
}
.m-exportConfig__showAdditionalOptions .m-exportConfig__showAdditionalOptionsCaret {
  width: 100%;
  height: 100%;
  background-image: url("../assets/edmod-caret-icon.svg");
  background-size: contain;
  background-repeat: no-repeat;
  background-position: center;
  height: 12px;
  width: 12px;
  margin-left: 5px;
  transform: rotate(90deg);
}
.m-exportConfig__showAdditionalOptions .m-exportConfig__showAdditionalOptionsCaret.is--open {
  transform: rotate(-90deg);
}

.m-exportConfig__settings {
  max-height: 0px;
  overflow: hidden;
}
.m-exportConfig__settings.is--expanded {
  max-height: 10000px;
}

.m-exportConfig__settingsGroup {
  margin: 0px 10px 10px;
}

.m-exportConfig__settingsGroupTitle {
  font-weight: bold;
  margin-bottom: 5px;
}

.m-exportConfig__settingsOptions {
  display: flex;
  flex-direction: row;
  gap: 30px;
}

.m-exportConfig__loadingOptions {
  height: 205px;
  width: 100%;
  display: flex;
  justify-content: center;
  align-items: center;
  color: #707070;
  font-size: 16px;
}

.m-filtered-page__pageHeader {
  padding: 30px 0px 30px 46px;
  max-width: 972px;
}
.m-filtered-page__pageHeader .m-filtered-page__pageHeaderInner {
  display: flex;
  align-items: center;
  justify-content: space-between;
}
.m-filtered-page__pageHeader .m-filtered-page__pageTitle {
  font-size: 24px;
  color: #0c193a;
  font-weight: bold;
}
.m-filtered-page__pageHeader .m-filtered-page__pageSubTitle {
  font-size: 16px;
  color: #0c193a;
  font-weight: normal;
  margin-top: 15px;
}
.m-filtered-page__pageHeader:after {
  content: " ";
  display: block;
  height: 1px;
  width: 80px;
  background-color: #d7d7d7;
  margin-top: 30px;
}

.m-filtered-page__pageContent {
  padding: 0px 46px;
}

.m-filtered-page__noContentMessage {
  font-size: 24px;
  color: #225D7E;
  width: 60%;
  text-align: center;
}

.m-filter-container__filtersHeaderRow {
  min-height: 80px;
  max-height: 80px;
  width: 100%;
  display: flex;
  justify-content: center;
  align-items: center;
  border-bottom: 1px solid transparent;
}

.m-filter-container__filtersHeaderTitle {
  color: #0c193a;
  font-weight: bold;
  font-size: 18px;
  min-width: 200px;
  overflow: hidden;
}

.m-filter-container__filtersToggle {
  height: 20px;
  width: 20px;
  display: flex;
  justify-content: center;
  align-items: center;
  cursor: pointer;
  transform: rotate(0deg);
  transition: transform 0.3s;
}
.m-filter-container__filtersToggle .m-filter-container__toggleIcon {
  width: 100%;
  height: 100%;
  background-image: url("../assets/edmod-caret-icon.svg");
  background-size: contain;
  background-repeat: no-repeat;
  background-position: center;
  margin-right: 2px;
  margin-bottom: 2px;
}

.m-filter-container__filtersMain {
  width: 100%;
  padding: 15px;
}

.m-filter-container__filtersSection {
  padding-left: 15px;
  padding-bottom: 15px;
}

.m-filter-container__filtersSectionTitle {
  text-transform: uppercase;
  color: #707070;
  font-weight: bold;
  font-size: 12px;
  margin-bottom: 10px;
  letter-spacing: 1px;
}

.m-filter-container__filtersSectionContent {
  padding-left: 15px;
}

.m-filter-container__filtersGroup {
  padding-bottom: 15px;
  margin-bottom: 15px;
  border-bottom: 1px solid #d7d7d7;
  width: 100%;
}
.m-filter-container__filtersGroup:last-child {
  border-bottom: none;
}
.m-filter-container__filtersGroup.is--collapsable {
  margin-bottom: 0px;
  border-bottom: none;
}

.m-filter-container__filtersGroupTitle {
  color: #0c193a;
  font-weight: bold;
  display: flex;
  align-items: center;
}
.m-filter-container__filtersGroupTitle.is--collapsable {
  margin-left: -20px;
  cursor: pointer;
}
.m-filter-container__filtersGroupTitle .m-filter-container__filtersGroupToggle {
  width: 13px;
  height: 13px;
  margin-right: 4px;
}
.m-filter-container__filtersGroupTitle .m-filter-container__filtersGroupToggle .m-filter-container__filtersGroupToggleIcon {
  width: 100%;
  height: 100%;
  background-image: url("../assets/edmod-caret-icon.svg");
  background-size: contain;
  background-repeat: no-repeat;
  background-position: center;
  transform: rotate(90deg);
  transition: transform 0.2s;
}
.m-filter-container__filtersGroupTitle .m-filter-container__filtersGroupToggle .m-filter-container__filtersGroupToggleIcon.is--collapsed {
  transform: rotate(0deg);
}

.m-filter-container__filtersGroupContent {
  margin-top: 10px;
  max-height: 1000px;
  overflow-y: auto;
  transition: max-height 0.3s;
}
.m-filter-container__filtersGroupContent.is--collapsed {
  max-height: 0px;
  margin-top: 0px;
}

.m-filter-container__filterOption {
  width: 100%;
  display: flex;
  justify-content: flex-start;
  align-items: center;
  background-color: #fff;
  margin-bottom: 5px;
  padding: 4px 5px;
  cursor: pointer;
  transition: background-color 0.2s ease;
  min-width: 200px;
  overflow: hidden;
}
.m-filter-container__filterOption input.m-filter-container__filterOptionToggle {
  margin: 0;
  margin-right: 10px;
}
.m-filter-container__filterOption .m-filter-container__filterOptionLabel.is--cta {
  color: #225D7E;
  font-weight: bold;
}
.m-filter-container__filterOption .m-filter-container__radioOption {
  height: 13px;
  width: 13px;
  border-radius: 50%;
  border: 1px solid #707070;
  display: flex;
  align-items: center;
  justify-content: center;
  margin-right: 10px;
}
.m-filter-container__filterOption .m-filter-container__radioOption .m-filter-container__radioOptionInner {
  width: 8px;
  height: 8px;
  border-radius: 50%;
  background-color: transparent;
}
.m-filter-container__filterOption:last-of-type {
  margin-bottom: 0;
}
.m-filter-container__filterOption:hover {
  background-color: #f8f6f6;
}
.m-filter-container__filterOption.no--checkbox.is--checked .m-filter-container__radioOption {
  border-color: #EE6723;
}
.m-filter-container__filterOption.no--checkbox.is--checked .m-filter-container__radioOption .m-filter-container__radioOptionInner {
  background-color: #EE6723;
}

.m-filter-container__filterAccordianOption.is--hidden .m-filter-container__filterOptionAccordianHeader {
  background-color: #fff;
}
.m-filter-container__filterAccordianOption.is--hidden .m-filter-container__filterOptionAccordianToggleIcon {
  transform: rotate(0deg);
}
.m-filter-container__filterAccordianOption.is--hidden .m-filter-container__filterOptionAccordianOptions {
  margin-top: 0px;
  padding-left: 0px;
  height: 0;
  overflow: hidden;
}

.m-filter-container__filterOptionAccordianHeader {
  width: 100%;
  display: flex;
  justify-content: flex-start;
  align-items: center;
  background-color: #E6F0FF;
  padding: 4px 5px;
}

.m-filter-container__filterOptionAccordianToggle {
  width: 25px;
  height: 25px;
}

.m-filter-container__filterOptionAccordianToggleIcon {
  width: 100%;
  height: 100%;
  background-image: url("../assets/edmod-column-carrot.svg");
  background-size: contain;
  background-repeat: no-repeat;
  background-position: center;
  transform: rotate(90deg);
  margin-right: 2px;
  margin-bottom: 2px;
}

.m-filter-container__filterOptionAccordianOptions {
  margin-top: 5px;
  padding: 0px 5px;
}

.m-filter-container__dateFiltersContainer {
  display: flex;
  flex-direction: row;
  justify-content: space-between;
  align-items: center;
  padding: 5px 0px 10px;
}
.m-filter-container__dateFiltersContainer .react-datepicker-wrapper:first-child {
  margin-right: 20px;
}

.m-datepicker__input {
  display: block;
  width: 100%;
  flex-grow: 1;
  border: 1px solid #d7d7d7;
  padding: 0px 10px;
  height: 32px;
  line-height: 32px;
  outline: none;
  font-size: 12px;
  border-radius: 4px;
}
.m-datepicker__input::placeholder {
  text-transform: uppercase;
  margin-bottom: 2px;
}
.m-datepicker__input:focus {
  border-color: #225D7E;
}
.m-datepicker__input:focus::placeholder {
  color: #225D7E;
}

.m-filter-container__exportButton {
  color: #225D7E;
  padding: 4px 6px;
  margin-top: 5px;
  font-size: 12px;
  background-color: #E6F0FF;
  border: 1px solid #225D7E;
  border-radius: 4px;
  cursor: pointer;
  display: inline-block;
  transform: background-color 0.2s;
}
.m-filter-container__exportButton:hover {
  text-decoration: none;
  background-color: #c6ddff;
}

.m-filter-container__seeMore {
  color: #707070;
  cursor: pointer;
  display: flex;
}

.m-filter-container__manageLink {
  font-size: 12px;
  color: #225D7E;
  text-decoration: underline;
  cursor: pointer;
}

.m-searchableSelect__list {
  overflow-y: auto;
  border: 2px solid #d7d7d7;
  border-top: none;
}
.m-searchableSelect__list .m-selectableList__item {
  padding: 0px 15px;
}

.m-searchableSelect__header {
  display: flex;
  align-items: center;
  background-color: #fff;
  border: 2px solid #d7d7d7;
  border-radius: 4px 4px 0px 0px;
  padding: 10px;
}
.m-searchableSelect__header .m-searchableSelect__selectAllContainer {
  width: 24px;
  margin-right: 15px;
  flex-grow: 0;
  flex-shrink: 0;
  display: flex;
  align-items: center;
  justify-content: center;
}
.m-searchableSelect__header .m-searchableSelect__searchContainer {
  flex-grow: 1;
}

.l-exportTemplate__page {
  width: 100%;
  height: 100%;
  display: flex;
  flex-direction: row;
  justify-content: flex-start;
  align-items: stretch;
  min-height: 600px;
  min-width: 1000px;
  color: #0c193a;
}

.l-exportTemplate__navigation {
  width: 60px;
  min-width: 50px;
  border-right: 1px solid #d7d7d7;
  background-color: #fff;
  transition: width 0.2s, min-width 0.2s;
  cursor: pointer;
}
.l-exportTemplate__navigation.is--expanded {
  width: 280px;
  min-width: 280px;
  cursor: normal;
}
.l-exportTemplate__navigation.is--expanded .m-filter-container__toggleIcon {
  transform: rotate(180deg);
}

.l-exportTemplate__main {
  width: calc(100% - 60px);
  min-width: 620px;
  background-color: #F8F6F6;
  padding: 10px 30px 30px 30px;
}
.l-exportTemplate__main.filters-expanded {
  width: 80%;
}

.m-exportTemplate__navTab {
  height: 65px;
  width: 100%;
  display: flex;
  flex-direction: row;
  justify-content: flex-start;
  align-items: center;
  background-color: transparent;
  border-left: 6px solid transparent;
  padding-left: 40px;
  padding-right: 20px;
  color: #0c193a;
  cursor: pointer;
}
.m-exportTemplate__navTab .m-toolTip__icon {
  margin-left: 5px;
}
.m-exportTemplate__navTab.is--active {
  color: #0c193a;
  background-color: #F8F6F6;
  border-color: #0c193a;
  font-weight: bold;
}
.m-exportTemplate__navTab.is--active:hover {
  background-color: #F8F6F6;
}
.m-exportTemplate__navTab:hover {
  background-color: #F8F6F6;
}
.m-exportTemplate__navTab .m-exportTemplate__navTabIcon {
  margin-right: 15px;
  width: 25px;
  height: 25px;
  background-image: url("../assets/edmod-lb-nav-docs-active.svg");
  background-size: contain;
  background-repeat: no-repeat;
  background-position: center;
}
.m-exportTemplate__navTab .m-exportTemplate__navTabIcon.is--add-new {
  width: 25px;
  height: 25px;
  background-image: url("../assets/edmod-add-inactive.svg");
  background-size: contain;
  background-repeat: no-repeat;
  background-position: center;
}
.m-exportTemplate__navTab.is--disabled {
  cursor: not-allowed;
}

.l-exportTemplate__noneCreated {
  height: 205px;
  width: 100%;
  display: flex;
  justify-content: center;
  align-items: center;
  color: #707070;
  font-size: 16px;
}

.l-templateBuilder__titleContainer {
  height: 40px;
  width: 100%;
  margin-bottom: 10px;
  display: flex;
  align-items: center;
  min-width: 800px;
  max-width: 850px;
}
.l-templateBuilder__titleContainer input.l-templateBuilder__titleInput {
  width: 100%;
  border: none;
  outline: none;
  background-color: transparent;
  padding: 5px 0px;
  border-bottom: 2px solid #d7d7d7;
  font-size: 24px;
  color: #0c193a;
  font-weight: bold;
}
.l-templateBuilder__titleContainer input.l-templateBuilder__titleInput:focus {
  border-color: #707070;
}

.l-templateBuilder__main {
  width: 100%;
  border: 2px solid #d7d7d7;
  box-shadow: 0px 4px 4px rgba(112, 112, 112, 0.5);
  background-color: #fff;
  border-radius: 4px;
  min-width: 800px;
  max-width: 850px;
}

.l-templateBuilder__headerBuilder,
.l-templateBuilder__footerBuilder {
  height: 120px;
  padding: 10px;
  display: flex;
  align-items: center;
  justify-content: space-between;
}
.l-templateBuilder__headerBuilder .l-templateBuilder__headFootOption,
.l-templateBuilder__footerBuilder .l-templateBuilder__headFootOption {
  flex-grow: 1;
  display: flex;
  align-items: center;
}
.l-templateBuilder__headerBuilder .l-templateBuilder__headFootOption.is--right,
.l-templateBuilder__footerBuilder .l-templateBuilder__headFootOption.is--right {
  justify-content: flex-end;
}
.l-templateBuilder__headerBuilder .l-templateBuilder__headFootOption.is--right .m-headFootBlock__main .m-headFootBlock__content.is--student-name,
.l-templateBuilder__footerBuilder .l-templateBuilder__headFootOption.is--right .m-headFootBlock__main .m-headFootBlock__content.is--student-name {
  justify-content: flex-end;
  padding-right: 25px;
}
.l-templateBuilder__headerBuilder .l-templateBuilder__headFootSpacer,
.l-templateBuilder__footerBuilder .l-templateBuilder__headFootSpacer {
  flex-grow: 0;
  width: 70px;
  display: flex;
  align-items: center;
  justify-content: center;
}

.l-templateBuilder__headerBuilder {
  border-bottom: 2px solid #d7d7d7;
}

.l-templateBuilder__footerBuilder {
  border-top: 2px solid #d7d7d7;
}

.l-templateBuilder__saveContainerOuter {
  position: sticky;
  top: 0;
  z-index: 15000;
  background-color: #F8F6F6;
  width: 100%;
}

.l-templateBuilder__saveContainerInner {
  border-bottom: 3px solid #d7d7d7;
  margin: 5px 0 10px;
  padding: 0 5px;
  width: 100%;
  max-width: 850px;
  height: 70px;
  display: flex;
  justify-content: space-between;
  align-items: center;
}

.l-templateBuilder__saveContainer {
  height: 50px;
  display: flex;
  align-items: center;
  justify-content: flex-end;
  gap: 10px;
}

.l-templateBuilder__topTitleContainer {
  height: 50px;
  display: flex;
  align-items: center;
  justify-content: flex-start;
  font-size: 18px;
  color: #0c193a;
  font-weight: bold;
}

.m-templateBuilder__blockSelector {
  position: relative;
  width: 100%;
}

.m-templateBuilder__blockSelectorTop {
  background-color: #F8F6F6;
  border: 2px solid #d7d7d7;
  border-radius: 4px;
  display: flex;
  align-items: center;
  justify-content: space-between;
  height: 50px;
  min-width: 300px;
  width: 100%;
  padding: 5px 10px;
  cursor: pointer;
}
.m-templateBuilder__blockSelectorTop.is--open {
  border-radius: 4px 4px 0px 0px;
}

.m-templateBuilder__blockSelectorOptions {
  position: absolute;
  left: 0;
  top: 50px;
  width: 100%;
  border: 2px solid #d7d7d7;
  border-top: none;
  max-height: 250px;
  overflow-y: auto;
}
.m-templateBuilder__blockSelectorOptions .m-templateBuilder__blockSelectorGroup {
  background-color: #fff;
  padding: 0px 5px;
}
.m-templateBuilder__blockSelectorOptions .m-templateBuilder__blockSelectorGroup .m-templateBuilder__selectorGroupTitle {
  color: #707070;
  font-size: 12px;
  font-weight: bold;
  background-color: #fff;
  height: 30px;
  display: flex;
  align-items: center;
}
.m-templateBuilder__blockSelectorOptions .m-templateBuilder__blockSelectorOption {
  background-color: #fff;
  display: flex;
  align-items: center;
  padding: 0px 5px;
  height: 30px;
  cursor: pointer;
}
.m-templateBuilder__blockSelectorOptions .m-templateBuilder__blockSelectorOption:hover {
  background-color: #FCE1D3;
}
.m-templateBuilder__blockSelectorOptions .m-templateBuilder__blockSelectorOption.is--disabled {
  color: #707070;
  cursor: not-allowed;
}
.m-templateBuilder__blockSelectorOptions .m-templateBuilder__blockSelectorOption.is--disabled:hover {
  background-color: #fff;
}
.m-templateBuilder__blockSelectorOptions .m-templateBuilder__selectorSearch {
  position: sticky;
  top: 0;
}

.m-headFootBlock__main {
  flex-grow: 1;
  min-width: 300px;
  position: relative;
  height: 110px;
  display: flex;
  align-items: center;
}
.m-headFootBlock__main .m-headFootBlock__remove {
  position: absolute;
  top: 5px;
  right: 5px;
  width: 20px;
  height: 20px;
  background-image: url("../assets/edmod-close-icon-grey-new.svg");
  background-size: contain;
  background-repeat: no-repeat;
  background-position: center;
  cursor: pointer;
  z-index: 1000;
}
.m-headFootBlock__main .m-headFootBlock__content {
  width: 100%;
}
.m-headFootBlock__main .m-headFootBlock__content.is--student-name {
  display: flex;
  align-items: center;
}

.m-templateBuilder__pageBlockList {
  padding: 20px;
  min-height: 300px;
}
.m-templateBuilder__pageBlockList .m-templateBuilder__blockSelector {
  width: 100%;
  margin-bottom: 200px;
}

.m-templateBuilder__pageBlock {
  border: 2px solid #d7d7d7;
  box-shadow: 0px 4px 4px rgba(112, 112, 112, 0.5);
  background-color: #fff;
  border-radius: 4px;
  margin-bottom: 25px;
}
.m-templateBuilder__pageBlock .m-templateBuilder__pageBlockHeader {
  height: 50px;
  display: flex;
  justify-content: space-between;
  align-items: center;
  padding: 0px 15px;
}
.m-templateBuilder__pageBlock .m-templateBuilder__pageBlockHeader .m-templateBuilder__pageBlockHeaderLeft {
  display: flex;
  align-items: center;
  flex-grow: 1;
  margin-right: 20px;
}
.m-templateBuilder__pageBlock .m-templateBuilder__pageBlockHeader .m-templateBuilder__pageBlockReorder {
  width: 35px;
  height: 35px;
  background-image: url("../assets/edmod-reordable-icon.svg");
  background-size: contain;
  background-repeat: no-repeat;
  background-position: center;
  margin-right: 20px;
  cursor: move;
}
.m-templateBuilder__pageBlock .m-templateBuilder__pageBlockHeader .m-templateBuilder__pageBlockTitle {
  font-size: 18px;
  color: #0c193a;
  font-weight: bold;
  flex-grow: 1;
}
.m-templateBuilder__pageBlock .m-templateBuilder__pageBlockHeader .m-templateBuilder__pageBlockTitleInput {
  font-size: 18px;
  color: #0c193a;
  font-weight: bold;
  border: none;
  outline: none;
  flex-grow: 1;
  border-bottom: 2px solid #d7d7d7;
  padding: 5px 0px;
}
.m-templateBuilder__pageBlock .m-templateBuilder__pageBlockHeader .m-templateBuilder__hideTitleBlock {
  display: flex;
  align-items: center;
  justify-content: flex-start;
}
.m-templateBuilder__pageBlock .m-templateBuilder__pageBlockHeader .m-templateBuilder__hideTitleBlock input[type=checkbox] {
  margin: 0;
  margin-right: 10px;
}
.m-templateBuilder__pageBlock .m-templateBuilder__pageBlockHeader .m-templateBuilder__hideTitleBlock .m-templateBuilder__hideTitleLabel {
  flex-grow: 1;
}
.m-templateBuilder__pageBlock .m-templateBuilder__pageBlockHeader .m-templateBuilder__pageBlockRemove {
  width: 18px;
  height: 18px;
  background-image: url("../assets/edmod-close-icon-grey-new.svg");
  background-size: contain;
  background-repeat: no-repeat;
  background-position: center;
  cursor: pointer;
}
.m-templateBuilder__pageBlock .m-pageBlock__content {
  padding: 5px 20px 20px;
}

.m-pageBlock__blockNotes {
  font-style: italic;
  margin-bottom: 10px;
}

.m-templateBuilder__exportOption {
  display: flex;
  align-items: center;
  cursor: pointer;
}
.m-templateBuilder__exportOption .m-templateBuilder__exportOptionCheckbox {
  margin: 0px;
  margin-right: 10px;
}
.m-templateBuilder__exportOption.is--disabled {
  cursor: not-allowed;
}

.m-pageBlock__blockSectionTitle {
  color: #707070;
  font-weight: bold;
  padding: 5px 0px;
  border-bottom: 1px solid #d7d7d7;
  display: flex;
  align-items: center;
  justify-content: space-between;
}
.m-pageBlock__blockSectionTitle .m-pageBlock__blockToggle {
  width: 15px;
  height: 15px;
  background-image: url("../assets/edmod-caret-icon.svg");
  background-size: contain;
  background-repeat: no-repeat;
  background-position: center;
  transform: rotate(90deg);
}
.m-pageBlock__blockSectionTitle .m-pageBlock__blockToggle.is--toggled {
  transform: rotate(-90deg);
}

.m-pageBlock__optionContainer {
  display: block;
  align-items: center;
  flex-wrap: wrap;
  gap: 30px;
  margin: 10px 0px;
}

.m-pageBlock__multiOptionGroup {
  margin-top: 10px;
}
.m-pageBlock__multiOptionGroup .m-pageBlock__toggleOptionList {
  color: #225D7E;
  font-size: 12px;
  cursor: pointer;
  padding: 10px 0px;
}
.m-pageBlock__multiOptionGroup .m-pageBlock__optionList {
  max-height: 200px;
  overflow-y: auto;
  position: relative;
}
.m-pageBlock__multiOptionGroup .m-pageBlock__optionSearch {
  margin-bottom: 5px;
  background-color: #fff;
  position: sticky;
  z-index: 100;
  top: 0;
}
.m-pageBlock__multiOptionGroup .m-pageBlock__listOption {
  padding: 3px 0px;
}

.m-pageBlock__dateEntryGroup {
  display: flex;
  align-items: center;
  flex-wrap: wrap;
  margin: 10px 0px;
}
.m-pageBlock__dateEntryGroup .m-templateBuilder__exportOption:first-child {
  margin-right: 30px;
}

.m-textModuleBlock__section {
  height: 40px;
  padding: 0px 10px;
  border: 2px solid #d7d7d7;
  margin-bottom: 10px;
  display: flex;
  justify-content: space-between;
  align-items: center;
}
.m-textModuleBlock__section .m-textModuleBlock__sectionLeft {
  display: flex;
  align-items: center;
}
.m-textModuleBlock__section .m-textModuleBlock__sectionLeft .m-textModuleBlock__sectionReorder {
  width: 30px;
  height: 30px;
  background-image: url("../assets/edmod-reordable-icon.svg");
  background-size: contain;
  background-repeat: no-repeat;
  background-position: center;
  margin-right: 10px;
  cursor: move;
}
.m-textModuleBlock__section .m-textModuleBlock__sectionLeft .m-textModuleBlock__sectionTitle {
  font-weight: bold;
  white-space: nowrap;
  overflow: hidden;
  text-overflow: ellipsis;
  max-width: 200px;
}
.m-textModuleBlock__section .m-textModuleBlock__sectionSettings {
  display: flex;
  align-items: center;
  gap: 20px;
}

.m-customTextBlock__richTextContainer {
  min-height: 150px;
  border: 2px solid #d7d7d7;
  border-radius: 4px;
}
.m-customTextBlock__richTextContainer .m-rich-text__editableArea {
  padding: 0px 10px;
}
.m-customTextBlock__richTextContainer .m-rich-text__container {
  position: inherit;
}

.m-headFootBlock__content .m-customTextBlock__richTextContainer {
  min-height: 110px;
  height: 110px;
  max-height: 110px;
  overflow-x: auto;
  width: 100%;
}
.m-headFootBlock__content .m-customTextBlock__richTextContainer .m-rich-text__addStudentInfoContainer {
  height: 80px;
  width: 200px;
}
.m-headFootBlock__content .m-customTextBlock__richTextContainer .m-rich-text__addLinkContainer {
  width: 230px;
}

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

.m-logoBlock__uploadNewButton {
  background-color: #0c193a;
  color: #fff;
  cursor: pointer;
  display: flex;
  justify-content: center;
  align-items: center;
  border-radius: 4px;
  height: 26px;
  padding: 0 12px;
  transition: background-color 0.1s;
  box-shadow: 0px 1px 1px rgba(112, 112, 112, 0.75);
  height: 33px;
  font-weight: bold;
}
.m-logoBlock__uploadNewButton.is--disabled {
  color: #707070;
  background-color: #d7d7d7;
  border-color: #d7d7d7;
  cursor: not-allowed;
}
.m-logoBlock__uploadNewButton:hover {
  background-color: #225D7E;
  border-color: #225D7E;
  text-decoration: none;
}
.m-logoBlock__uploadNewButton:hover.is--disabled {
  color: #707070;
  background-color: #d7d7d7;
  border-color: #d7d7d7;
  cursor: not-allowed;
}
.m-logoBlock__uploadNewButton a {
  color: #fff;
  text-decoration: none;
}
.m-logoBlock__uploadNewButton a:hover {
  text-decoration: none;
}
.m-logoBlock__uploadNewButton:hover {
  background-color: #225D7E;
}
.m-logoBlock__uploadNewButton.is--disabled {
  border: 2px solid #d7d7d7;
  box-shadow: none;
}

.m-headFootBlock__studentName {
  padding: 5px 10px;
  background-color: #FCE1D3;
  border-radius: 4px;
}

.m-pageBlock__customTitleInput {
  font-size: 24px;
  color: #0c193a;
  font-weight: bold;
  width: 100%;
  padding: 10px 5px;
  border: none;
  outline: none;
  border-bottom: 2px solid #d7d7d7;
}

.m-pageBlock__customCheckBoxSection {
  display: flex;
  align-items: center;
}
.m-pageBlock__customCheckBoxSection .m-pageBlock__customCheckBoxBox {
  margin: 0;
  margin-right: 10px;
  cursor: not-allowed;
}
.m-pageBlock__customCheckBoxSection .m-pageBlock__customCheckBoxLabel {
  width: 100%;
  padding: 5px;
  border: none;
  outline: none;
  border-bottom: 2px solid #d7d7d7;
}

.l-templateBuilder__deleteButton {
  color: #ad3f3c;
  font-weight: bold;
  text-transform: uppercase;
  text-decoration: none;
  cursor: pointer;
  padding-bottom: 2px;
  border-bottom: 1px solid transparent;
  transition: border-color 0.2s;
}
.l-templateBuilder__deleteButton:hover {
  border-color: #ad3f3c;
}
.l-templateBuilder__deleteButton a {
  color: #707070;
  font-weight: bold;
  text-transform: uppercase;
}
.l-templateBuilder__deleteButton a:hover {
  text-decoration: none;
}
.l-templateBuilder__deleteButton.is--disabled {
  cursor: not-allowed;
  color: #d7d7d7;
  border-color: transparent;
}
.l-templateBuilder__deleteButton.is--disabled:hover {
  border-color: transparent;
}

.m-filtered-page__pageHeader {
  padding: 30px 0px 30px 46px;
  max-width: 972px;
}
.m-filtered-page__pageHeader .m-filtered-page__pageHeaderInner {
  display: flex;
  align-items: center;
  justify-content: space-between;
}
.m-filtered-page__pageHeader .m-filtered-page__pageTitle {
  font-size: 24px;
  color: #0c193a;
  font-weight: bold;
}
.m-filtered-page__pageHeader .m-filtered-page__pageSubTitle {
  font-size: 16px;
  color: #0c193a;
  font-weight: normal;
  margin-top: 15px;
}
.m-filtered-page__pageHeader:after {
  content: " ";
  display: block;
  height: 1px;
  width: 80px;
  background-color: #d7d7d7;
  margin-top: 30px;
}

.m-filtered-page__pageContent {
  padding: 0px 46px;
}

.m-filtered-page__noContentMessage {
  font-size: 24px;
  color: #225D7E;
  width: 60%;
  text-align: center;
}

.m-filter-container__filtersHeaderRow {
  min-height: 80px;
  max-height: 80px;
  width: 100%;
  display: flex;
  justify-content: center;
  align-items: center;
  border-bottom: 1px solid transparent;
}

.m-filter-container__filtersHeaderTitle {
  color: #0c193a;
  font-weight: bold;
  font-size: 18px;
  min-width: 200px;
  overflow: hidden;
}

.m-filter-container__filtersToggle {
  height: 20px;
  width: 20px;
  display: flex;
  justify-content: center;
  align-items: center;
  cursor: pointer;
  transform: rotate(0deg);
  transition: transform 0.3s;
}
.m-filter-container__filtersToggle .m-filter-container__toggleIcon {
  width: 100%;
  height: 100%;
  background-image: url("../assets/edmod-caret-icon.svg");
  background-size: contain;
  background-repeat: no-repeat;
  background-position: center;
  margin-right: 2px;
  margin-bottom: 2px;
}

.m-filter-container__filtersMain {
  width: 100%;
  padding: 15px;
}

.m-filter-container__filtersSection {
  padding-left: 15px;
  padding-bottom: 15px;
}

.m-filter-container__filtersSectionTitle {
  text-transform: uppercase;
  color: #707070;
  font-weight: bold;
  font-size: 12px;
  margin-bottom: 10px;
  letter-spacing: 1px;
}

.m-filter-container__filtersSectionContent {
  padding-left: 15px;
}

.m-filter-container__filtersGroup {
  padding-bottom: 15px;
  margin-bottom: 15px;
  border-bottom: 1px solid #d7d7d7;
  width: 100%;
}
.m-filter-container__filtersGroup:last-child {
  border-bottom: none;
}
.m-filter-container__filtersGroup.is--collapsable {
  margin-bottom: 0px;
  border-bottom: none;
}

.m-filter-container__filtersGroupTitle {
  color: #0c193a;
  font-weight: bold;
  display: flex;
  align-items: center;
}
.m-filter-container__filtersGroupTitle.is--collapsable {
  margin-left: -20px;
  cursor: pointer;
}
.m-filter-container__filtersGroupTitle .m-filter-container__filtersGroupToggle {
  width: 13px;
  height: 13px;
  margin-right: 4px;
}
.m-filter-container__filtersGroupTitle .m-filter-container__filtersGroupToggle .m-filter-container__filtersGroupToggleIcon {
  width: 100%;
  height: 100%;
  background-image: url("../assets/edmod-caret-icon.svg");
  background-size: contain;
  background-repeat: no-repeat;
  background-position: center;
  transform: rotate(90deg);
  transition: transform 0.2s;
}
.m-filter-container__filtersGroupTitle .m-filter-container__filtersGroupToggle .m-filter-container__filtersGroupToggleIcon.is--collapsed {
  transform: rotate(0deg);
}

.m-filter-container__filtersGroupContent {
  margin-top: 10px;
  max-height: 1000px;
  overflow-y: auto;
  transition: max-height 0.3s;
}
.m-filter-container__filtersGroupContent.is--collapsed {
  max-height: 0px;
  margin-top: 0px;
}

.m-filter-container__filterOption {
  width: 100%;
  display: flex;
  justify-content: flex-start;
  align-items: center;
  background-color: #fff;
  margin-bottom: 5px;
  padding: 4px 5px;
  cursor: pointer;
  transition: background-color 0.2s ease;
  min-width: 200px;
  overflow: hidden;
}
.m-filter-container__filterOption input.m-filter-container__filterOptionToggle {
  margin: 0;
  margin-right: 10px;
}
.m-filter-container__filterOption .m-filter-container__filterOptionLabel.is--cta {
  color: #225D7E;
  font-weight: bold;
}
.m-filter-container__filterOption .m-filter-container__radioOption {
  height: 13px;
  width: 13px;
  border-radius: 50%;
  border: 1px solid #707070;
  display: flex;
  align-items: center;
  justify-content: center;
  margin-right: 10px;
}
.m-filter-container__filterOption .m-filter-container__radioOption .m-filter-container__radioOptionInner {
  width: 8px;
  height: 8px;
  border-radius: 50%;
  background-color: transparent;
}
.m-filter-container__filterOption:last-of-type {
  margin-bottom: 0;
}
.m-filter-container__filterOption:hover {
  background-color: #f8f6f6;
}
.m-filter-container__filterOption.no--checkbox.is--checked .m-filter-container__radioOption {
  border-color: #EE6723;
}
.m-filter-container__filterOption.no--checkbox.is--checked .m-filter-container__radioOption .m-filter-container__radioOptionInner {
  background-color: #EE6723;
}

.m-filter-container__filterAccordianOption.is--hidden .m-filter-container__filterOptionAccordianHeader {
  background-color: #fff;
}
.m-filter-container__filterAccordianOption.is--hidden .m-filter-container__filterOptionAccordianToggleIcon {
  transform: rotate(0deg);
}
.m-filter-container__filterAccordianOption.is--hidden .m-filter-container__filterOptionAccordianOptions {
  margin-top: 0px;
  padding-left: 0px;
  height: 0;
  overflow: hidden;
}

.m-filter-container__filterOptionAccordianHeader {
  width: 100%;
  display: flex;
  justify-content: flex-start;
  align-items: center;
  background-color: #E6F0FF;
  padding: 4px 5px;
}

.m-filter-container__filterOptionAccordianToggle {
  width: 25px;
  height: 25px;
}

.m-filter-container__filterOptionAccordianToggleIcon {
  width: 100%;
  height: 100%;
  background-image: url("../assets/edmod-column-carrot.svg");
  background-size: contain;
  background-repeat: no-repeat;
  background-position: center;
  transform: rotate(90deg);
  margin-right: 2px;
  margin-bottom: 2px;
}

.m-filter-container__filterOptionAccordianOptions {
  margin-top: 5px;
  padding: 0px 5px;
}

.m-filter-container__dateFiltersContainer {
  display: flex;
  flex-direction: row;
  justify-content: space-between;
  align-items: center;
  padding: 5px 0px 10px;
}
.m-filter-container__dateFiltersContainer .react-datepicker-wrapper:first-child {
  margin-right: 20px;
}

.m-datepicker__input {
  display: block;
  width: 100%;
  flex-grow: 1;
  border: 1px solid #d7d7d7;
  padding: 0px 10px;
  height: 32px;
  line-height: 32px;
  outline: none;
  font-size: 12px;
  border-radius: 4px;
}
.m-datepicker__input::placeholder {
  text-transform: uppercase;
  margin-bottom: 2px;
}
.m-datepicker__input:focus {
  border-color: #225D7E;
}
.m-datepicker__input:focus::placeholder {
  color: #225D7E;
}

.m-filter-container__exportButton {
  color: #225D7E;
  padding: 4px 6px;
  margin-top: 5px;
  font-size: 12px;
  background-color: #E6F0FF;
  border: 1px solid #225D7E;
  border-radius: 4px;
  cursor: pointer;
  display: inline-block;
  transform: background-color 0.2s;
}
.m-filter-container__exportButton:hover {
  text-decoration: none;
  background-color: #c6ddff;
}

.m-filter-container__seeMore {
  color: #707070;
  cursor: pointer;
  display: flex;
}

.m-filter-container__manageLink {
  font-size: 12px;
  color: #225D7E;
  text-decoration: underline;
  cursor: pointer;
}

.m-searchableSelect__list {
  overflow-y: auto;
  border: 2px solid #d7d7d7;
  border-top: none;
}
.m-searchableSelect__list .m-selectableList__item {
  padding: 0px 15px;
}

.m-searchableSelect__header {
  display: flex;
  align-items: center;
  background-color: #fff;
  border: 2px solid #d7d7d7;
  border-radius: 4px 4px 0px 0px;
  padding: 10px;
}
.m-searchableSelect__header .m-searchableSelect__selectAllContainer {
  width: 24px;
  margin-right: 15px;
  flex-grow: 0;
  flex-shrink: 0;
  display: flex;
  align-items: center;
  justify-content: center;
}
.m-searchableSelect__header .m-searchableSelect__searchContainer {
  flex-grow: 1;
}

.l-bulkExport__page {
  width: 100%;
  height: 100%;
  display: flex;
  flex-direction: row;
  justify-content: flex-start;
  align-items: stretch;
  min-height: 600px;
  min-width: 1000px;
  color: #0c193a;
}

.l-bulkExport__navigation {
  width: 60px;
  min-width: 50px;
  border-right: 1px solid #d7d7d7;
  background-color: #fff;
  transition: width 0.2s, min-width 0.2s;
  cursor: pointer;
  padding-top: 30px;
}
.l-bulkExport__navigation.is--expanded {
  width: 280px;
  min-width: 280px;
  cursor: normal;
}
.l-bulkExport__navigation.is--expanded .m-filter-container__toggleIcon {
  transform: rotate(180deg);
}

.l-bulkExport__main {
  width: calc(100% - 60px);
  min-width: 620px;
  background-color: #F8F6F6;
  padding: 30px 30px 30px 30px;
}
.l-bulkExport__main.filters-expanded {
  width: 80%;
}

.m-bulkExport__noData {
  height: 205px;
  width: 100%;
  display: flex;
  justify-content: center;
  align-items: center;
  color: #707070;
  font-size: 16px;
}

.m-bulkExport__navTab {
  height: 65px;
  width: 100%;
  display: flex;
  flex-direction: row;
  justify-content: flex-start;
  align-items: center;
  background-color: transparent;
  border-left: 6px solid transparent;
  padding-left: 40px;
  padding-right: 20px;
  color: #0c193a;
  cursor: pointer;
}
.m-bulkExport__navTab .m-toolTip__icon {
  margin-left: 5px;
}
.m-bulkExport__navTab.is--active {
  color: #0c193a;
  background-color: #F8F6F6;
  border-color: #0c193a;
  font-weight: bold;
}
.m-bulkExport__navTab.is--active:hover {
  background-color: #F8F6F6;
}
.m-bulkExport__navTab:hover {
  background-color: #F8F6F6;
}
.m-bulkExport__navTab .m-bulkExport__navTabIcon {
  margin-right: 15px;
  width: 25px;
  height: 25px;
  background-image: url("../assets/edmod-lb-nav-docs-active.svg");
  background-size: contain;
  background-repeat: no-repeat;
  background-position: center;
}
.m-bulkExport__navTab .m-bulkExport__navTabIcon.is--add-new {
  width: 25px;
  height: 25px;
  background-image: url("../assets/edmod-add-inactive.svg");
  background-size: contain;
  background-repeat: no-repeat;
  background-position: center;
}
.m-bulkExport__navTab.is--disabled {
  cursor: not-allowed;
}

.m-bulkExport__listContainer {
  border: 2px solid #d7d7d7;
  box-shadow: 0px 4px 4px rgba(112, 112, 112, 0.5);
  background-color: #fff;
  border-radius: 4px;
  min-height: 500px;
  padding: 20px;
}

.m-bulkExport__studentSelectorModule {
  border: 2px solid #d7d7d7;
  box-shadow: 0px 4px 4px rgba(112, 112, 112, 0.5);
  background-color: #fff;
  border-radius: 4px;
  min-height: 500px;
}

.m-bulkExport__exportStatus {
  width: 80%;
  overflow: hidden;
  color: #0c193a;
  font-size: 12px;
  font-weight: bold;
  display: flex;
  justify-content: center;
  align-items: center;
}
.m-bulkExport__exportStatus.is--complete {
  color: #004037;
}

.m-bulkExport__attentionToolTip {
  position: absolute;
  right: 5px;
  top: 11px;
  width: 16px;
  height: 16px;
  background-image: url("../assets/edmod-info-tool-tip.svg");
  background-size: contain;
  background-repeat: no-repeat;
  background-position: center;
}

.m-filtered-page__pageHeader {
  padding: 30px 0px 30px 46px;
  max-width: 972px;
}
.m-filtered-page__pageHeader .m-filtered-page__pageHeaderInner {
  display: flex;
  align-items: center;
  justify-content: space-between;
}
.m-filtered-page__pageHeader .m-filtered-page__pageTitle {
  font-size: 24px;
  color: #0c193a;
  font-weight: bold;
}
.m-filtered-page__pageHeader .m-filtered-page__pageSubTitle {
  font-size: 16px;
  color: #0c193a;
  font-weight: normal;
  margin-top: 15px;
}
.m-filtered-page__pageHeader:after {
  content: " ";
  display: block;
  height: 1px;
  width: 80px;
  background-color: #d7d7d7;
  margin-top: 30px;
}

.m-filtered-page__pageContent {
  padding: 0px 46px;
}

.m-filtered-page__noContentMessage {
  font-size: 24px;
  color: #225D7E;
  width: 60%;
  text-align: center;
}

.m-filter-container__filtersHeaderRow {
  min-height: 80px;
  max-height: 80px;
  width: 100%;
  display: flex;
  justify-content: center;
  align-items: center;
  border-bottom: 1px solid transparent;
}

.m-filter-container__filtersHeaderTitle {
  color: #0c193a;
  font-weight: bold;
  font-size: 18px;
  min-width: 200px;
  overflow: hidden;
}

.m-filter-container__filtersToggle {
  height: 20px;
  width: 20px;
  display: flex;
  justify-content: center;
  align-items: center;
  cursor: pointer;
  transform: rotate(0deg);
  transition: transform 0.3s;
}
.m-filter-container__filtersToggle .m-filter-container__toggleIcon {
  width: 100%;
  height: 100%;
  background-image: url("../assets/edmod-caret-icon.svg");
  background-size: contain;
  background-repeat: no-repeat;
  background-position: center;
  margin-right: 2px;
  margin-bottom: 2px;
}

.m-filter-container__filtersMain {
  width: 100%;
  padding: 15px;
}

.m-filter-container__filtersSection {
  padding-left: 15px;
  padding-bottom: 15px;
}

.m-filter-container__filtersSectionTitle {
  text-transform: uppercase;
  color: #707070;
  font-weight: bold;
  font-size: 12px;
  margin-bottom: 10px;
  letter-spacing: 1px;
}

.m-filter-container__filtersSectionContent {
  padding-left: 15px;
}

.m-filter-container__filtersGroup {
  padding-bottom: 15px;
  margin-bottom: 15px;
  border-bottom: 1px solid #d7d7d7;
  width: 100%;
}
.m-filter-container__filtersGroup:last-child {
  border-bottom: none;
}
.m-filter-container__filtersGroup.is--collapsable {
  margin-bottom: 0px;
  border-bottom: none;
}

.m-filter-container__filtersGroupTitle {
  color: #0c193a;
  font-weight: bold;
  display: flex;
  align-items: center;
}
.m-filter-container__filtersGroupTitle.is--collapsable {
  margin-left: -20px;
  cursor: pointer;
}
.m-filter-container__filtersGroupTitle .m-filter-container__filtersGroupToggle {
  width: 13px;
  height: 13px;
  margin-right: 4px;
}
.m-filter-container__filtersGroupTitle .m-filter-container__filtersGroupToggle .m-filter-container__filtersGroupToggleIcon {
  width: 100%;
  height: 100%;
  background-image: url("../assets/edmod-caret-icon.svg");
  background-size: contain;
  background-repeat: no-repeat;
  background-position: center;
  transform: rotate(90deg);
  transition: transform 0.2s;
}
.m-filter-container__filtersGroupTitle .m-filter-container__filtersGroupToggle .m-filter-container__filtersGroupToggleIcon.is--collapsed {
  transform: rotate(0deg);
}

.m-filter-container__filtersGroupContent {
  margin-top: 10px;
  max-height: 1000px;
  overflow-y: auto;
  transition: max-height 0.3s;
}
.m-filter-container__filtersGroupContent.is--collapsed {
  max-height: 0px;
  margin-top: 0px;
}

.m-filter-container__filterOption {
  width: 100%;
  display: flex;
  justify-content: flex-start;
  align-items: center;
  background-color: #fff;
  margin-bottom: 5px;
  padding: 4px 5px;
  cursor: pointer;
  transition: background-color 0.2s ease;
  min-width: 200px;
  overflow: hidden;
}
.m-filter-container__filterOption input.m-filter-container__filterOptionToggle {
  margin: 0;
  margin-right: 10px;
}
.m-filter-container__filterOption .m-filter-container__filterOptionLabel.is--cta {
  color: #225D7E;
  font-weight: bold;
}
.m-filter-container__filterOption .m-filter-container__radioOption {
  height: 13px;
  width: 13px;
  border-radius: 50%;
  border: 1px solid #707070;
  display: flex;
  align-items: center;
  justify-content: center;
  margin-right: 10px;
}
.m-filter-container__filterOption .m-filter-container__radioOption .m-filter-container__radioOptionInner {
  width: 8px;
  height: 8px;
  border-radius: 50%;
  background-color: transparent;
}
.m-filter-container__filterOption:last-of-type {
  margin-bottom: 0;
}
.m-filter-container__filterOption:hover {
  background-color: #f8f6f6;
}
.m-filter-container__filterOption.no--checkbox.is--checked .m-filter-container__radioOption {
  border-color: #EE6723;
}
.m-filter-container__filterOption.no--checkbox.is--checked .m-filter-container__radioOption .m-filter-container__radioOptionInner {
  background-color: #EE6723;
}

.m-filter-container__filterAccordianOption.is--hidden .m-filter-container__filterOptionAccordianHeader {
  background-color: #fff;
}
.m-filter-container__filterAccordianOption.is--hidden .m-filter-container__filterOptionAccordianToggleIcon {
  transform: rotate(0deg);
}
.m-filter-container__filterAccordianOption.is--hidden .m-filter-container__filterOptionAccordianOptions {
  margin-top: 0px;
  padding-left: 0px;
  height: 0;
  overflow: hidden;
}

.m-filter-container__filterOptionAccordianHeader {
  width: 100%;
  display: flex;
  justify-content: flex-start;
  align-items: center;
  background-color: #E6F0FF;
  padding: 4px 5px;
}

.m-filter-container__filterOptionAccordianToggle {
  width: 25px;
  height: 25px;
}

.m-filter-container__filterOptionAccordianToggleIcon {
  width: 100%;
  height: 100%;
  background-image: url("../assets/edmod-column-carrot.svg");
  background-size: contain;
  background-repeat: no-repeat;
  background-position: center;
  transform: rotate(90deg);
  margin-right: 2px;
  margin-bottom: 2px;
}

.m-filter-container__filterOptionAccordianOptions {
  margin-top: 5px;
  padding: 0px 5px;
}

.m-filter-container__dateFiltersContainer {
  display: flex;
  flex-direction: row;
  justify-content: space-between;
  align-items: center;
  padding: 5px 0px 10px;
}
.m-filter-container__dateFiltersContainer .react-datepicker-wrapper:first-child {
  margin-right: 20px;
}

.m-datepicker__input {
  display: block;
  width: 100%;
  flex-grow: 1;
  border: 1px solid #d7d7d7;
  padding: 0px 10px;
  height: 32px;
  line-height: 32px;
  outline: none;
  font-size: 12px;
  border-radius: 4px;
}
.m-datepicker__input::placeholder {
  text-transform: uppercase;
  margin-bottom: 2px;
}
.m-datepicker__input:focus {
  border-color: #225D7E;
}
.m-datepicker__input:focus::placeholder {
  color: #225D7E;
}

.m-filter-container__exportButton {
  color: #225D7E;
  padding: 4px 6px;
  margin-top: 5px;
  font-size: 12px;
  background-color: #E6F0FF;
  border: 1px solid #225D7E;
  border-radius: 4px;
  cursor: pointer;
  display: inline-block;
  transform: background-color 0.2s;
}
.m-filter-container__exportButton:hover {
  text-decoration: none;
  background-color: #c6ddff;
}

.m-filter-container__seeMore {
  color: #707070;
  cursor: pointer;
  display: flex;
}

.m-filter-container__manageLink {
  font-size: 12px;
  color: #225D7E;
  text-decoration: underline;
  cursor: pointer;
}

.m-searchableSelect__list {
  overflow-y: auto;
  border: 2px solid #d7d7d7;
  border-top: none;
}
.m-searchableSelect__list .m-selectableList__item {
  padding: 0px 15px;
}

.m-searchableSelect__header {
  display: flex;
  align-items: center;
  background-color: #fff;
  border: 2px solid #d7d7d7;
  border-radius: 4px 4px 0px 0px;
  padding: 10px;
}
.m-searchableSelect__header .m-searchableSelect__selectAllContainer {
  width: 24px;
  margin-right: 15px;
  flex-grow: 0;
  flex-shrink: 0;
  display: flex;
  align-items: center;
  justify-content: center;
}
.m-searchableSelect__header .m-searchableSelect__searchContainer {
  flex-grow: 1;
}

.l-forms__page {
  width: 100%;
  height: 100%;
  display: flex;
  flex-direction: row;
  justify-content: flex-start;
  align-items: stretch;
  min-height: 600px;
  min-width: 1000px;
  color: #0c193a;
}

.l-forms__navigation {
  width: 60px;
  min-width: 50px;
  border-right: 1px solid #d7d7d7;
  background-color: #fff;
  transition: width 0.2s, min-width 0.2s;
  cursor: pointer;
}
.l-forms__navigation.is--expanded {
  width: 280px;
  min-width: 280px;
  cursor: normal;
}
.l-forms__navigation.is--expanded .m-filter-container__toggleIcon {
  transform: rotate(180deg);
}

.l-forms__main {
  width: calc(100% - 60px);
  min-width: 620px;
  background-color: #F8F6F6;
}
.l-forms__main.filters-expanded {
  width: 80%;
}

.m-forms__noData {
  height: 205px;
  width: 100%;
  display: flex;
  justify-content: center;
  align-items: center;
  color: #707070;
  font-size: 16px;
}

.m-forms__navTab {
  height: 65px;
  width: 100%;
  display: flex;
  flex-direction: row;
  justify-content: flex-start;
  align-items: center;
  background-color: transparent;
  border-left: 6px solid transparent;
  padding-left: 40px;
  padding-right: 20px;
  color: #0c193a;
  cursor: pointer;
}
.m-forms__navTab .m-toolTip__icon {
  margin-left: 5px;
}
.m-forms__navTab.is--active {
  color: #0c193a;
  background-color: #F8F6F6;
  border-color: #0c193a;
  font-weight: bold;
}
.m-forms__navTab.is--active:hover {
  background-color: #F8F6F6;
}
.m-forms__navTab:hover {
  background-color: #F8F6F6;
}
.m-forms__navTab .m-forms__navTabIcon {
  margin-right: 15px;
  width: 25px;
  height: 25px;
  background-image: url("../assets/edmod-lb-nav-docs-active.svg");
  background-size: contain;
  background-repeat: no-repeat;
  background-position: center;
}
.m-forms__navTab .m-forms__navTabIcon.is--add-new {
  width: 25px;
  height: 25px;
  background-image: url("../assets/edmod-add-inactive.svg");
  background-size: contain;
  background-repeat: no-repeat;
  background-position: center;
}
.m-forms__navTab.is--disabled {
  cursor: not-allowed;
}

.m-formMain__navigation {
  display: flex;
  flex-direction: row;
  align-items: center;
  justify-content: flex-start;
  height: 60px;
  font-size: 14px;
  background-color: #fff;
  box-shadow: 0px 1px 10px rgba(112, 112, 112, 0.2);
  position: relative;
  display: flex;
  justify-content: flex-start;
  align-items: center;
  padding: 0 30px 0 30px;
}
.m-formMain__navigation .m-formMain__navLinks {
  padding-left: 20px;
  display: flex;
  flex-direction: flex-start;
  align-items: center;
}
.m-formMain__navigation .m-formMain__navLinks a {
  color: #0c193a;
  padding: 20px 5px 13px 5px;
  margin-right: 30px;
  border-bottom: 7px solid transparent;
  cursor: pointer;
  transition: color 0.2s ease, border-color 0.2s ease;
  display: flex;
  align-items: center;
}
.m-formMain__navigation .m-formMain__navLinks a:hover, .m-formMain__navigation .m-formMain__navLinks a.selected-tab {
  color: #0c193a;
  text-decoration: none;
  border-color: #0c193a;
}
.m-formMain__navigation .m-formMain__navLinks a.selected-tab {
  font-weight: bold;
}
.m-formMain__navigation .m-formMain__navLinks .m-toolTip__icon {
  margin-left: 5px;
}
.m-formMain__navigation .m-formMain__formName {
  font-size: 18px;
  color: #0c193a;
  font-weight: bold;
  max-width: 250px;
  overflow: hidden;
  white-space: nowrap;
  text-overflow: ellipsis;
  padding-right: 20px;
  margin-right: 20px;
  border-right: 2px solid #d7d7d7;
}

.m-formMain__contentContainer {
  padding: 20px 30px 30px;
}

.m-formMain__main {
  border: 2px solid #d7d7d7;
  box-shadow: 0px 4px 4px rgba(112, 112, 112, 0.5);
  background-color: #fff;
  border-radius: 4px;
  max-width: 850px;
  padding: 20px;
}
.m-formMain__main.is--full-screen {
  max-width: none;
}
.m-formMain__main.no-padding {
  padding: 0px;
}
.m-formMain__main.is--list-mode, .m-formMain__main.is--table-mode {
  background: none;
  border: none;
  box-shadow: none;
  padding: 0;
}
.m-formMain__main.is--table-mode .m-formMain__tableWrapper {
  background-color: white;
  border: 2px solid #d7d7d7;
  box-shadow: 1px 2px 4px #a8a8a880;
  border-radius: 4px;
}

.m-formBuilder__actionBarOuter {
  position: sticky;
  top: 0;
  z-index: 15000;
  background-color: #F8F6F6;
  width: 100%;
  padding-left: 30px;
}

.m-formBuilder__actionBarInner {
  border-bottom: 3px solid #d7d7d7;
  margin: 5px 0 10px;
  padding: 0 5px;
  width: 100%;
  max-width: 850px;
  height: 70px;
  display: flex;
  justify-content: space-between;
  align-items: center;
}

.m-formBuilder__actionBarInnerLeft {
  display: flex;
  justify-content: flex-start;
  align-items: center;
  gap: 10px;
}

.m-formBuilder__actionBarInnerRight {
  display: flex;
  justify-content: flex-end;
  align-items: center;
  gap: 10px;
}

.m-formBuilder__formTitleDisplay {
  font-size: 18px;
  color: #0c193a;
  font-weight: bold;
}

.m-formBuilder__mainHeader {
  height: 40px;
  border-bottom: 2px solid #d7d7d7;
  margin-bottom: 10px;
  font-size: 18px;
  color: #0c193a;
  font-weight: bold;
}

.m-formBuilder__fieldMetaData {
  display: flex;
  justify-content: flex-end;
  align-items: center;
  color: #0c193a;
  font-style: italic;
}

.m-formMain__multiEntryContainer {
  display: flex;
}
.m-formMain__multiEntryContainer .m-formMain__submissionSelector {
  width: 200px;
  flex-grow: 0;
  flex-shrink: 0;
  border-right: 2px solid #d7d7d7;
  margin-right: 20px;
}
.m-formMain__multiEntryContainer .m-formMain__submissionSelector .m-formMain__submissionOption {
  height: 50px;
  padding: 5px;
  border-bottom: 1px solid #d7d7d7;
  border-left: 10px solid transparent;
  display: flex;
  align-items: center;
  cursor: pointer;
  position: relative;
}
.m-formMain__multiEntryContainer .m-formMain__submissionSelector .m-formMain__submissionOption.is--main {
  height: 70px;
  background-color: #F8F6F6;
}
.m-formMain__multiEntryContainer .m-formMain__submissionSelector .m-formMain__submissionOption.is--selected {
  font-weight: bold;
  border-left-color: #0c193a;
}
.m-formMain__multiEntryContainer .m-formMain__submissionSelector .m-formMain__submissionOption .m-formMain__submissionErrorOverlay {
  width: calc(100% - 20px);
  height: 100%;
  display: flex;
  justify-content: flex-end;
  align-items: center;
  position: absolute;
}
.m-formMain__multiEntryContainer .m-formMain__submissionSelector .m-formMain__submissionOption .m-formMain__submissionErrorOverlay .m-formMain__submissionErrorIcon {
  width: 22px;
  height: 22px;
  background-image: url("../assets/edmod-warning-icon.svg");
  background-size: contain;
  background-repeat: no-repeat;
  background-position: center;
}
.m-formMain__multiEntryContainer .m-formMain__submissionSeperator {
  margin-top: 5px;
  padding: 5px;
  font-weight: bold;
  background-color: #e6e6e6;
}
.m-formMain__multiEntryContainer .m-formMain__editContext {
  padding: 10px;
  background-color: #F8F6F6;
  border-radius: 4px;
  margin-bottom: 15px;
}
.m-formMain__multiEntryContainer .m-formMain__formDisplay {
  width: 100%;
}
.m-formMain__multiEntryContainer .m-formMain__navigateToNextStudent {
  color: #0c193a;
  font-weight: bold;
  text-transform: uppercase;
  text-decoration: none;
  cursor: pointer;
  padding-bottom: 2px;
  border-bottom: 1px solid transparent;
  transition: border-color 0.2s;
}
.m-formMain__multiEntryContainer .m-formMain__navigateToNextStudent:hover {
  border-color: #0c193a;
}
.m-formMain__multiEntryContainer .m-formMain__navigateToNextStudent a {
  color: #707070;
  font-weight: bold;
  text-transform: uppercase;
}
.m-formMain__multiEntryContainer .m-formMain__navigateToNextStudent a:hover {
  text-decoration: none;
}
.m-formMain__multiEntryContainer .m-formMain__navigateToNextStudent.is--disabled {
  cursor: not-allowed;
  color: #d7d7d7;
  border-color: transparent;
}
.m-formMain__multiEntryContainer .m-formMain__navigateToNextStudent.is--disabled:hover {
  border-color: transparent;
}

.m-formMain__saveCancelEntry {
  display: flex;
  justify-content: space-between;
  align-items: center;
  position: relative;
  max-width: 850px;
  padding: 20px 0px;
}
.m-formMain__saveCancelEntry .m-formMain__saveCancelLeft {
  display: flex;
  justify-content: flex-start;
  align-items: center;
}
.m-formMain__saveCancelEntry .m-formMain__saveCancelRight {
  display: flex;
  justify-content: flex-end;
  align-items: center;
}
.m-formMain__saveCancelEntry .m-formMain__templateSaveOption {
  color: #707070;
  font-weight: bold;
  text-transform: uppercase;
  text-decoration: none;
  cursor: pointer;
  padding-bottom: 2px;
  border-bottom: 1px solid transparent;
  transition: border-color 0.2s;
}
.m-formMain__saveCancelEntry .m-formMain__templateSaveOption:hover {
  border-color: #707070;
}
.m-formMain__saveCancelEntry .m-formMain__templateSaveOption a {
  color: #707070;
  font-weight: bold;
  text-transform: uppercase;
}
.m-formMain__saveCancelEntry .m-formMain__templateSaveOption a:hover {
  text-decoration: none;
}
.m-formMain__saveCancelEntry .m-formMain__templateSaveOption.is--disabled {
  cursor: not-allowed;
  color: #d7d7d7;
  border-color: transparent;
}
.m-formMain__saveCancelEntry .m-formMain__templateSaveOption.is--disabled:hover {
  border-color: transparent;
}
.m-formMain__saveCancelEntry .m-formMain__cancelEntry {
  cursor: pointer;
  color: #0c193a;
  border-bottom: 1px solid transparent;
  margin-right: 20px;
}
.m-formMain__saveCancelEntry .m-formMain__cancelEntry:hover {
  border-color: #0c193a;
}
.m-formMain__saveCancelEntry .m-formMain__saveEntry {
  background-color: #0c193a;
  color: #fff;
  cursor: pointer;
  display: flex;
  justify-content: center;
  align-items: center;
  border-radius: 4px;
  height: 26px;
  padding: 0 12px;
  transition: background-color 0.1s;
  box-shadow: 0px 1px 1px rgba(112, 112, 112, 0.75);
  height: 33px;
  font-weight: bold;
}
.m-formMain__saveCancelEntry .m-formMain__saveEntry.is--disabled {
  color: #707070;
  background-color: #d7d7d7;
  border-color: #d7d7d7;
  cursor: not-allowed;
}
.m-formMain__saveCancelEntry .m-formMain__saveEntry:hover {
  background-color: #225D7E;
  border-color: #225D7E;
  text-decoration: none;
}
.m-formMain__saveCancelEntry .m-formMain__saveEntry:hover.is--disabled {
  color: #707070;
  background-color: #d7d7d7;
  border-color: #d7d7d7;
  cursor: not-allowed;
}
.m-formMain__saveCancelEntry .m-formMain__saveEntry a {
  color: #fff;
  text-decoration: none;
}
.m-formMain__saveCancelEntry .m-formMain__saveEntry a:hover {
  text-decoration: none;
}
.m-formMain__saveCancelEntry .m-formMain__saveEntry:hover {
  background-color: #225D7E;
}
.m-formMain__saveCancelEntry .m-formMain__saveEntry.is--disabled {
  border: 2px solid #d7d7d7;
  box-shadow: none;
}

.m-formBuilder__container {
  padding: 30px;
  padding-top: 0px;
}

.m-formBuilder__main {
  border: 2px solid #d7d7d7;
  box-shadow: 0px 4px 4px rgba(112, 112, 112, 0.5);
  background-color: #fff;
  border-radius: 4px;
  max-width: 850px;
  min-height: 500px;
  padding: 20px;
  padding-bottom: 200px;
}

.m-formBuilder__error {
  font-weight: bold;
  color: #ad3f3c;
  margin: 5px 0px;
}

.m-formBuilder__settingsSection {
  margin-bottom: 20px;
}
.m-formBuilder__settingsSection .m-formBuilder__settingsSectionTitle {
  font-weight: bold;
  margin-bottom: 5px;
  font-size: 16px;
}

.m-formBuilder__formTitleContainer {
  min-height: 40px;
  width: 100%;
  margin-bottom: 10px;
  min-width: 800px;
  max-width: 850px;
}
.m-formBuilder__formTitleContainer.has--errors input.m-formBuilder__formtitleInput {
  border-color: #ad3f3c;
}
.m-formBuilder__formTitleContainer input.m-formBuilder__formtitleInput {
  width: 100%;
  border: none;
  outline: none;
  background-color: transparent;
  padding: 5px 0px;
  border-bottom: 2px solid #d7d7d7;
  font-size: 18px;
  color: #0c193a;
  font-weight: bold;
}
.m-formBuilder__formTitleContainer input.m-formBuilder__formtitleInput:focus {
  border-color: #707070;
}

.m-formBuilder__fieldMain {
  border: 2px solid #d7d7d7;
  box-shadow: 0px 4px 4px rgba(112, 112, 112, 0.5);
  background-color: #fff;
  border-radius: 4px;
  padding: 5px 10px 10px;
  margin-bottom: 20px;
}
.m-formBuilder__fieldMain.has--errors {
  border-color: #ad3f3c;
}
.m-formBuilder__fieldMain .m-formBuilder__fieldHeader {
  height: 40px;
  margin-bottom: 20px;
  display: flex;
}
.m-formBuilder__fieldMain .m-formBuilder__fieldHeaderLeft {
  flex-grow: 1;
  display: flex;
  align-items: center;
  gap: 20px;
}
.m-formBuilder__fieldMain .m-formBuilder__fieldHeaderRight {
  flex-grow: 0;
  flex-shrink: 0;
  width: 50px;
  display: flex;
  align-items: center;
  justify-content: flex-end;
}
.m-formBuilder__fieldMain .m-formBuilder__fieldLabel {
  flex-grow: 1;
}
.m-formBuilder__fieldMain .m-formBuilder__fieldLabel input {
  background: transparent;
  border: none;
  border-bottom: 2px solid #d7d7d7;
  font-weight: bold;
  height: 34px;
  width: 100%;
}
.m-formBuilder__fieldMain .m-formBuilder__fieldDragDrop {
  width: 35px;
  height: 35px;
  background-image: url("../assets/edmod-reordable-icon.svg");
  background-size: contain;
  background-repeat: no-repeat;
  background-position: center;
  cursor: move;
}
.m-formBuilder__fieldMain .m-formBuilder__removeIcon {
  width: 18px;
  height: 18px;
  background-image: url("../assets/edmod-close-icon-grey-new.svg");
  background-size: contain;
  background-repeat: no-repeat;
  background-position: center;
  cursor: pointer;
}
.m-formBuilder__fieldMain .m-formBuilder__duplicateIcon {
  width: 18px;
  height: 18px;
  background-image: url("../assets/edmod-duplicate-icon.svg");
  background-size: contain;
  background-repeat: no-repeat;
  background-position: center;
  cursor: pointer;
  margin: 0px 5px;
}
.m-formBuilder__fieldMain .m-formBuilder__toggleAdvancedOptions {
  color: #0c193a;
  display: flex;
  align-items: center;
  gap: 10px;
  margin-top: 20px;
  width: 140px;
  border-bottom: 1px solid transparent;
  cursor: pointer;
}
.m-formBuilder__fieldMain .m-formBuilder__toggleAdvancedOptions:hover {
  border-color: #0c193a;
}
.m-formBuilder__fieldMain .m-formBuilder__toggleAdvancedOptions .m-formBuilder__toggleAdvancedIcon {
  width: 12px;
  height: 12px;
  background-image: url("../assets/edmod-caret-icon.svg");
  background-size: contain;
  background-repeat: no-repeat;
  background-position: center;
  transform: rotate(90deg);
}
.m-formBuilder__fieldMain .m-formBuilder__toggleAdvancedOptions .m-formBuilder__toggleAdvancedIcon.is--shown {
  transform: rotate(-90deg);
}
.m-formBuilder__fieldMain .m-formBuilder__advancedFieldConfiguration {
  margin-top: 20px;
}

.m-formBuilder__addChoiceOption {
  color: #707070;
  border-bottom: 1px solid transparent;
  font-style: italic;
  margin: 5px 0px;
  display: flex;
  align-items: center;
  gap: 5px;
  cursor: pointer;
}
.m-formBuilder__addChoiceOption:hover {
  border-color: #707070;
}
.m-formBuilder__addChoiceOption .m-formBuilder__addChoiceIcon {
  width: 14px;
  height: 14px;
  background-image: url("../assets/edmod-add-inactive.svg");
  background-size: contain;
  background-repeat: no-repeat;
  background-position: center;
}

.m-formBuilder__saveCancel {
  height: 50px;
  display: flex;
  align-items: center;
  justify-content: space-between;
  min-width: 800px;
  max-width: 850px;
}
.m-formBuilder__saveCancel .m-formBuilder__save {
  background-color: #0c193a;
  color: #fff;
  cursor: pointer;
  display: flex;
  justify-content: center;
  align-items: center;
  border-radius: 4px;
  height: 26px;
  padding: 0 12px;
  transition: background-color 0.1s;
  box-shadow: 0px 1px 1px rgba(112, 112, 112, 0.75);
  height: 33px;
  font-weight: bold;
}
.m-formBuilder__saveCancel .m-formBuilder__save.is--disabled {
  color: #707070;
  background-color: #d7d7d7;
  border-color: #d7d7d7;
  cursor: not-allowed;
}
.m-formBuilder__saveCancel .m-formBuilder__save:hover {
  background-color: #225D7E;
  border-color: #225D7E;
  text-decoration: none;
}
.m-formBuilder__saveCancel .m-formBuilder__save:hover.is--disabled {
  color: #707070;
  background-color: #d7d7d7;
  border-color: #d7d7d7;
  cursor: not-allowed;
}
.m-formBuilder__saveCancel .m-formBuilder__save a {
  color: #fff;
  text-decoration: none;
}
.m-formBuilder__saveCancel .m-formBuilder__save a:hover {
  text-decoration: none;
}
.m-formBuilder__saveCancel .m-formBuilder__save:hover {
  background-color: #225D7E;
}
.m-formBuilder__saveCancel .m-formBuilder__save.is--disabled {
  border: 2px solid #d7d7d7;
  box-shadow: none;
}

.m-formBuilder__checkboxContainer {
  display: flex;
  align-items: center;
  gap: 5px;
  margin: 5px 0px;
  cursor: pointer;
}
.m-formBuilder__checkboxContainer.is--editable {
  margin: 10px 0px;
}
.m-formBuilder__checkboxContainer .m-formBuilder__checkbox {
  margin: 0;
}
.m-formBuilder__checkboxContainer .m-formBuilder__checkboxLabel input {
  border: none;
  outline: none;
  width: 250px;
  border-bottom: 2px solid #d7d7d7;
}
.m-formBuilder__checkboxContainer .m-formBuilder__checkboxLabel input:focus {
  border-color: #707070;
}
.m-formBuilder__checkboxContainer .m-formBuilder__removeCheckbox {
  width: 14px;
  height: 14px;
  background-image: url("../assets/edmod-close-icon-grey-new.svg");
  background-size: contain;
  background-repeat: no-repeat;
  background-position: center;
  cursor: pointer;
}

.m-formBuilder__formFieldContainer {
  margin-bottom: 20px;
}
.m-formBuilder__formFieldContainer .m-datepicker__input {
  width: 300px;
  height: 35px;
  border: 2px solid #d7d7d7;
  padding: 0px;
  padding-left: 35px;
  padding-right: 5px;
  outline: none;
}
.m-formBuilder__formFieldContainer .m-datepicker__input:focus {
  border-color: #707070;
}
.m-formBuilder__formFieldContainer .m-datepicker__input:disabled {
  background-color: #e6e6e6;
  cursor: not-allowed;
}
.m-formBuilder__formFieldContainer .m-datepicker__input.is--invalid {
  border-color: #ad3f3c;
}
.m-formBuilder__formFieldContainer .m-datepicker__input.is--invalid {
  border-color: #ad3f3c;
}
.m-formBuilder__formFieldContainer .m-dropdown__main {
  height: 35px;
}
.m-formBuilder__formFieldContainer .m-dropdown__main.is--invalid .m-dropdown__topSection {
  border-color: #ad3f3c;
}

.m-formBuilder__formLabelContainer {
  margin-bottom: 10px;
}

.m-formBuilder__formFieldLabel {
  font-weight: bold;
  display: flex;
  align-items: center;
  justify-content: space-between;
  font-size: 16px;
}
.m-formBuilder__formFieldLabel.is--header {
  font-size: 18px;
  color: #0c193a;
  font-weight: bold;
  margin-bottom: 0px;
}
.m-formBuilder__formFieldLabel.is--toggleable {
  cursor: pointer;
}
.m-formBuilder__formFieldLabel .m-formBuilder__fieldLabelToggleIcon {
  width: 16px;
  height: 16px;
  background-image: url("../assets/edmod-caret-icon.svg");
  background-size: contain;
  background-repeat: no-repeat;
  background-position: center;
  transform: rotate(90deg);
}
.m-formBuilder__formFieldLabel .m-formBuilder__fieldLabelToggleIcon.is--expanded {
  transform: rotate(-90deg);
}

.m-formBuilder__collapsableFormFieldContainer {
  margin-bottom: 20px;
}
.m-formBuilder__collapsableFormFieldContainer .m-formBuilder__collapsableFieldInnerContainer {
  border: 2px solid #d7d7d7;
  box-shadow: 0px 4px 4px rgba(112, 112, 112, 0.5);
  background-color: #fff;
  border-radius: 4px;
  box-shadow: none;
  padding: 15px 10px;
  margin-bottom: 5px;
}
.m-formBuilder__collapsableFormFieldContainer.has--error .m-formBuilder__collapsableFieldInnerContainer {
  border-color: #ad3f3c;
}

.m-formBuilder__fieldInputContainer {
  position: relative;
}

.m-formBuilder__blockField {
  width: 300px;
  height: 35px;
  border: 2px solid #d7d7d7;
  padding: 0px;
  padding-left: 35px;
  padding-right: 5px;
  outline: none;
}
.m-formBuilder__blockField:focus {
  border-color: #707070;
}
.m-formBuilder__blockField:disabled {
  background-color: #e6e6e6;
  cursor: not-allowed;
}
.m-formBuilder__blockField.is--invalid {
  border-color: #ad3f3c;
}

.m-formBuilder__richTextField {
  min-height: 100px;
  border: 2px solid #d7d7d7;
}

.m-formBuilder__formFieldDescription {
  color: #707070;
  font-size: 12px;
  font-style: italic;
  padding-bottom: 5px;
}

.m-formBuilder__formFieldError {
  color: #ad3f3c;
  font-weight: bold;
}

.m-formBuilder__formIcon {
  position: absolute;
  top: 5px;
  left: 5px;
}
.m-formBuilder__formIcon.is--text-icon {
  width: 25px;
  height: 25px;
  background-image: url("../assets/edmod-form-text-icon-active.svg");
  background-size: contain;
  background-repeat: no-repeat;
  background-position: center;
}
.m-formBuilder__formIcon.is--number-icon {
  width: 25px;
  height: 25px;
  background-image: url("../assets/edmod-form-number-icon-active.svg");
  background-size: contain;
  background-repeat: no-repeat;
  background-position: center;
}
.m-formBuilder__formIcon.is--link-icon {
  width: 25px;
  height: 25px;
  background-image: url("../assets/edmod-form-link-icon-active.svg");
  background-size: contain;
  background-repeat: no-repeat;
  background-position: center;
}
.m-formBuilder__formIcon.is--calendar-icon {
  width: 25px;
  height: 25px;
  background-image: url("../assets/edmod-form-calendar-icon-active.svg");
  background-size: contain;
  background-repeat: no-repeat;
  background-position: center;
}

.m-formBuilder__accommodationOption {
  margin-bottom: 15px;
}
.m-formBuilder__accommodationOption .m-formBuilder__accommodationType {
  font-size: 12px;
  color: #707070;
  font-style: italic;
}
.m-formBuilder__accommodationOption .m-formBuilder__accommodationTitle {
  font-weight: bold;
  margin-bottom: 5px;
}

.m-formMain__actionHeader {
  position: relative;
  min-height: 50px;
  display: flex;
  align-items: flex-start;
  justify-content: space-between;
  margin-bottom: 15px;
}
.m-formMain__actionHeader .m-formMain__actionContainer {
  display: flex;
  justify-content: flex-end;
  align-items: center;
  gap: 10px;
  height: 45px;
}
.m-formMain__actionHeader .m-formMain__submissionFiltering {
  display: flex;
  justify-content: flex-start;
  align-items: center;
  gap: 10px;
  padding-right: 10px;
}
.m-formMain__actionHeader .m-formMain__submissionDisplayOptions {
  display: flex;
  align-items: center;
  justify-content: flex-start;
  gap: 10px;
  flex-flow: wrap;
}
.m-formMain__actionHeader .m-formMain__submissionDisplayOption {
  display: flex;
  align-items: center;
  justify-content: flex-start;
  gap: 8px;
  padding-right: 15px;
}
.m-formMain__actionHeader .m-formMain__submissionDisplayPrompt {
  font-weight: bold;
}

@media screen and (max-width: 1118px) {
  .l-forms__main .m-formMain__actionHeader {
    min-height: 80px;
  }
}
@media screen and (max-width: 1342px) {
  .l-forms__main.filters-expanded .m-formMain__actionHeader {
    min-height: 80px;
  }
}
.m-resultList__container .m-resultList__item {
  border: 2px solid #d7d7d7;
  box-shadow: 0px 4px 4px rgba(112, 112, 112, 0.5);
  background-color: #fff;
  border-radius: 4px;
  padding: 10px;
  margin-bottom: 20px;
}
.m-resultList__container .m-resultList__itemHeader {
  padding-bottom: 10px;
  margin-bottom: 10px;
  border-bottom: 2px solid #d7d7d7;
  height: 35px;
  display: flex;
  align-items: center;
  justify-content: space-between;
}
.m-resultList__container .m-resultList__itemHeader .m-resultList__itemHeaderText {
  font-weight: bold;
  font-size: 16px;
}
.m-resultList__container .m-resultList__field {
  margin-bottom: 10px;
  padding-bottom: 10px;
  display: flex;
  flex-direction: row;
  border-bottom: 2px solid #d7d7d7;
}
.m-resultList__container .m-resultList__field.is--block {
  flex-direction: column;
}
.m-resultList__container .m-resultList__field:last-child {
  border-bottom: none;
}
.m-resultList__container .m-resultList__fieldLabel {
  font-weight: bold;
  font-size: 14px;
  width: 250px;
  flex-grow: 0;
  margin-right: 20px;
}

.m-formMain__alert {
  position: fixed;
  z-index: 16000;
  top: 100px;
  width: 850px;
  display: flex;
  justify-content: center;
  align-items: center;
}
.m-formMain__alert .m-formMain__alertMessage {
  background-color: #004037;
  min-height: 40px;
  color: #fff;
  font-weight: bold;
  padding: 20px;
  border-radius: 4px;
  box-shadow: 0px 4px 4px rgba(112, 112, 112, 0.5);
  display: flex;
  justify-content: center;
  align-items: center;
  text-align: center;
}
.m-formMain__alert .m-formMain__alertMessage.is--red {
  background-color: #ad3f3c;
}

.m-student-module__content .m-formMain__main {
  box-shadow: none;
}
.m-student-module__content .m-formMain__main.is--list-mode {
  border: none;
}

.l-forms__noForms {
  height: 205px;
  width: 100%;
  display: flex;
  justify-content: center;
  align-items: center;
  color: #707070;
  font-size: 16px;
}

.m-formBuilder__deleteIcon {
  width: 18px;
  height: 18px;
  background-image: url("../assets/edmod-trash-icon-black.svg");
  background-size: contain;
  background-repeat: no-repeat;
  background-position: center;
}

.m-formBuilder__templateList {
  max-height: 250px;
  overflow-y: auto;
}

.m-formBuilder__templateOption {
  height: 40px;
  border-bottom: 1px solid #d7d7d7;
  display: flex;
  justify-content: space-between;
  align-items: center;
  padding: 0px 20px;
  background-color: #fff;
  cursor: pointer;
}
.m-formBuilder__templateOption:hover {
  background-color: #d7d7d7;
}
.m-formBuilder__templateOption.is--selected {
  background-color: #fff;
}
.m-formBuilder__templateOption.is--selected:hover {
  background-color: #fff;
}
.m-formBuilder__templateOption input[type=checkbox] {
  margin: 0;
}

.m-formBuilder__accomMessage {
  height: 205px;
  width: 100%;
  display: flex;
  justify-content: center;
  align-items: center;
  color: #707070;
  font-size: 16px;
  height: 100px;
}

.m-formBuilder__settingOptionLabel {
  font-weight: bold;
  margin-bottom: 5px;
  font-size: 16px;
}

.m-formBuilder__infoText {
  padding: 10px 20px;
  color: #707070;
  font-style: italic;
  display: flex;
  align-items: center;
  gap: 5px;
}

.m-formBuilder__newDraft {
  cursor: pointer;
  color: #225D7E;
  border-bottom: 1px solid #225D7E;
}

.m-formMain__autoSaveRow {
  display: flex;
  align-items: center;
  justify-content: flex-end;
  max-width: 850px;
  padding: 0px 0px 20px;
  gap: 5px;
  color: #707070;
  font-style: italic;
}

.m-formMain__filtersMain-Wrapper {
  box-shadow: 1px 2px 4px #a8a8a880;
}
.m-formMain__filtersMain-Wrapper .m-filteredSelectList__filterHeader {
  border-bottom: 2px solid #ebebeb;
  margin-bottom: 0;
}
.m-formMain__filtersMain-Wrapper .m-filteredSelectList__filterHeader .m-filteredSelectList__filterTitle {
  font-weight: unset;
}
.m-formMain__filtersMain-Wrapper .m-filteredSelectList__filterContainer .m-filteredSelectList__filterSection {
  border-bottom: 1px solid #ebebeb;
  margin-bottom: 0;
  padding: 15px 0;
}
.m-formMain__filtersMain-Wrapper .m-filteredSelectList__filterContainer .m-filteredSelectList__filterSection .m-filteredSelectList__filterSectionTitle {
  font-weight: unset;
}
.m-formMain__filtersMain-Wrapper .m-filteredSelectList__filterContainer .m-filteredSelectList__filterSection .m-filteredSelectList__filterSectionTitle .m-filterSectionTitle {
  display: -webkit-box;
  align-items: center;
  gap: 5;
  max-width: 180px;
  max-height: 40px;
  overflow: hidden;
  -webkit-line-clamp: 2;
  -webkit-box-orient: vertical;
}
.m-formMain__filtersMain-Wrapper .m-filteredSelectList__filterContainer .m-filteredSelectList__filterSection .m-filteredSelectList__filterList {
  padding-top: 6px;
}
.m-formMain__filtersMain-Wrapper .m-filteredSelectList__filterContainer .m-filteredSelectList__filterSection .m-filteredSelectList__filterList .m-selectableList__item {
  height: 28px;
}
.m-formMain__filtersMain-Wrapper .m-filteredSelectList__filterContainer .m-filteredSelectList__filterSection .m-filteredSelectList__filterList .m-selectableList__item .m-selectableList__itemLeft input[type=checkbox] {
  margin-right: 10px;
}
.m-formMain__filtersMain-Wrapper .m-filteredSelectList__filterContainer .m-filteredSelectList__filterSection .m-filteredSelectList__filterList .m-selectableList__item .m-selectableList__mainContent {
  font-size: 13px;
}
.m-formMain__filtersMain-Wrapper .m-filteredSelectList__filterContainer .m-filteredSelectList__filterSection.is--expanded .m-filteredSelectList__filterSectionTitle .m-filterSectionTitle {
  display: flex;
  -webkit-line-clamp: unset;
  -webkit-box-orient: unset;
  max-height: unset;
  overflow: unset;
}
.m-formMain__filtersMain-Wrapper .m-filteredSelectList__filterContainer .m-filteredSelectList__filterSection .m-search-bar__container {
  height: 32px;
}
.m-formMain__filtersMain-Wrapper .m-filteredSelectList__filterContainer .m-filteredSelectList__filterSection .m-search-bar__container .m-search-bar__inputContainer {
  border: 1px solid #d7d7d7;
}
.m-formMain__filtersMain-Wrapper .m-filteredSelectList__filterContainer .m-filteredSelectList__filterSection .m-search-bar__container .m-search-bar__inputContainer .m-search-bar__icon {
  height: 52%;
  min-width: 26px;
}
.m-formMain__filtersMain-Wrapper .m-filteredSelectList__filterContainer .m-filteredSelectList__filterSection .m-search-bar__container .m-search-bar__inputContainer input::placeholder {
  color: #ccc;
}
.m-formMain__filtersMain-Wrapper .m-filteredSelectList__filterContainer .m-filteredSelectList__filterSection.is--expanded {
  border-bottom: 1px solid #d7d7d7;
}

.m-modal__submissionExportModal .m-formMain__main {
  box-shadow: none;
}
.m-modal__submissionExportModal .m-formMain__main .m-formBuilder__collapsableFieldInnerContainer {
  border: 1px solid #0c193a;
  border-radius: 4px;
}
.m-modal__submissionExportModal .m-dropdown-selector__options-wrapper {
  top: 36px;
}
.m-modal__submissionExportModal .m-submissionExportModal__filterByPeriodSection .m-datepicker__input {
  height: 36px;
  line-height: 36px;
  border: 1px solid #bbbbbb;
}
.m-modal__submissionExportModal .m-submissionExportModal__filterByPeriodSection .m-dropdown-selector__top {
  height: 36px;
  border: 1px solid #bbbbbb;
}
.m-modal__submissionExportModal .m-submissionExportModal__filterByPeriodSection .m-dropdown-selector__top .m-dropdown-selector__selectionText {
  font-weight: unset;
  color: #777777;
  font-size: 13px;
}

.m-filtered-page__pageHeader {
  padding: 30px 0px 30px 46px;
  max-width: 972px;
}
.m-filtered-page__pageHeader .m-filtered-page__pageHeaderInner {
  display: flex;
  align-items: center;
  justify-content: space-between;
}
.m-filtered-page__pageHeader .m-filtered-page__pageTitle {
  font-size: 24px;
  color: #0c193a;
  font-weight: bold;
}
.m-filtered-page__pageHeader .m-filtered-page__pageSubTitle {
  font-size: 16px;
  color: #0c193a;
  font-weight: normal;
  margin-top: 15px;
}
.m-filtered-page__pageHeader:after {
  content: " ";
  display: block;
  height: 1px;
  width: 80px;
  background-color: #d7d7d7;
  margin-top: 30px;
}

.m-filtered-page__pageContent {
  padding: 0px 46px;
}

.m-filtered-page__noContentMessage {
  font-size: 24px;
  color: #225D7E;
  width: 60%;
  text-align: center;
}

.m-filter-container__filtersHeaderRow {
  min-height: 80px;
  max-height: 80px;
  width: 100%;
  display: flex;
  justify-content: center;
  align-items: center;
  border-bottom: 1px solid transparent;
}

.m-filter-container__filtersHeaderTitle {
  color: #0c193a;
  font-weight: bold;
  font-size: 18px;
  min-width: 200px;
  overflow: hidden;
}

.m-filter-container__filtersToggle {
  height: 20px;
  width: 20px;
  display: flex;
  justify-content: center;
  align-items: center;
  cursor: pointer;
  transform: rotate(0deg);
  transition: transform 0.3s;
}
.m-filter-container__filtersToggle .m-filter-container__toggleIcon {
  width: 100%;
  height: 100%;
  background-image: url("../assets/edmod-caret-icon.svg");
  background-size: contain;
  background-repeat: no-repeat;
  background-position: center;
  margin-right: 2px;
  margin-bottom: 2px;
}

.m-filter-container__filtersMain {
  width: 100%;
  padding: 15px;
}

.m-filter-container__filtersSection {
  padding-left: 15px;
  padding-bottom: 15px;
}

.m-filter-container__filtersSectionTitle {
  text-transform: uppercase;
  color: #707070;
  font-weight: bold;
  font-size: 12px;
  margin-bottom: 10px;
  letter-spacing: 1px;
}

.m-filter-container__filtersSectionContent {
  padding-left: 15px;
}

.m-filter-container__filtersGroup {
  padding-bottom: 15px;
  margin-bottom: 15px;
  border-bottom: 1px solid #d7d7d7;
  width: 100%;
}
.m-filter-container__filtersGroup:last-child {
  border-bottom: none;
}
.m-filter-container__filtersGroup.is--collapsable {
  margin-bottom: 0px;
  border-bottom: none;
}

.m-filter-container__filtersGroupTitle {
  color: #0c193a;
  font-weight: bold;
  display: flex;
  align-items: center;
}
.m-filter-container__filtersGroupTitle.is--collapsable {
  margin-left: -20px;
  cursor: pointer;
}
.m-filter-container__filtersGroupTitle .m-filter-container__filtersGroupToggle {
  width: 13px;
  height: 13px;
  margin-right: 4px;
}
.m-filter-container__filtersGroupTitle .m-filter-container__filtersGroupToggle .m-filter-container__filtersGroupToggleIcon {
  width: 100%;
  height: 100%;
  background-image: url("../assets/edmod-caret-icon.svg");
  background-size: contain;
  background-repeat: no-repeat;
  background-position: center;
  transform: rotate(90deg);
  transition: transform 0.2s;
}
.m-filter-container__filtersGroupTitle .m-filter-container__filtersGroupToggle .m-filter-container__filtersGroupToggleIcon.is--collapsed {
  transform: rotate(0deg);
}

.m-filter-container__filtersGroupContent {
  margin-top: 10px;
  max-height: 1000px;
  overflow-y: auto;
  transition: max-height 0.3s;
}
.m-filter-container__filtersGroupContent.is--collapsed {
  max-height: 0px;
  margin-top: 0px;
}

.m-filter-container__filterOption {
  width: 100%;
  display: flex;
  justify-content: flex-start;
  align-items: center;
  background-color: #fff;
  margin-bottom: 5px;
  padding: 4px 5px;
  cursor: pointer;
  transition: background-color 0.2s ease;
  min-width: 200px;
  overflow: hidden;
}
.m-filter-container__filterOption input.m-filter-container__filterOptionToggle {
  margin: 0;
  margin-right: 10px;
}
.m-filter-container__filterOption .m-filter-container__filterOptionLabel.is--cta {
  color: #225D7E;
  font-weight: bold;
}
.m-filter-container__filterOption .m-filter-container__radioOption {
  height: 13px;
  width: 13px;
  border-radius: 50%;
  border: 1px solid #707070;
  display: flex;
  align-items: center;
  justify-content: center;
  margin-right: 10px;
}
.m-filter-container__filterOption .m-filter-container__radioOption .m-filter-container__radioOptionInner {
  width: 8px;
  height: 8px;
  border-radius: 50%;
  background-color: transparent;
}
.m-filter-container__filterOption:last-of-type {
  margin-bottom: 0;
}
.m-filter-container__filterOption:hover {
  background-color: #f8f6f6;
}
.m-filter-container__filterOption.no--checkbox.is--checked .m-filter-container__radioOption {
  border-color: #EE6723;
}
.m-filter-container__filterOption.no--checkbox.is--checked .m-filter-container__radioOption .m-filter-container__radioOptionInner {
  background-color: #EE6723;
}

.m-filter-container__filterAccordianOption.is--hidden .m-filter-container__filterOptionAccordianHeader {
  background-color: #fff;
}
.m-filter-container__filterAccordianOption.is--hidden .m-filter-container__filterOptionAccordianToggleIcon {
  transform: rotate(0deg);
}
.m-filter-container__filterAccordianOption.is--hidden .m-filter-container__filterOptionAccordianOptions {
  margin-top: 0px;
  padding-left: 0px;
  height: 0;
  overflow: hidden;
}

.m-filter-container__filterOptionAccordianHeader {
  width: 100%;
  display: flex;
  justify-content: flex-start;
  align-items: center;
  background-color: #E6F0FF;
  padding: 4px 5px;
}

.m-filter-container__filterOptionAccordianToggle {
  width: 25px;
  height: 25px;
}

.m-filter-container__filterOptionAccordianToggleIcon {
  width: 100%;
  height: 100%;
  background-image: url("../assets/edmod-column-carrot.svg");
  background-size: contain;
  background-repeat: no-repeat;
  background-position: center;
  transform: rotate(90deg);
  margin-right: 2px;
  margin-bottom: 2px;
}

.m-filter-container__filterOptionAccordianOptions {
  margin-top: 5px;
  padding: 0px 5px;
}

.m-filter-container__dateFiltersContainer {
  display: flex;
  flex-direction: row;
  justify-content: space-between;
  align-items: center;
  padding: 5px 0px 10px;
}
.m-filter-container__dateFiltersContainer .react-datepicker-wrapper:first-child {
  margin-right: 20px;
}

.m-datepicker__input {
  display: block;
  width: 100%;
  flex-grow: 1;
  border: 1px solid #d7d7d7;
  padding: 0px 10px;
  height: 32px;
  line-height: 32px;
  outline: none;
  font-size: 12px;
  border-radius: 4px;
}
.m-datepicker__input::placeholder {
  text-transform: uppercase;
  margin-bottom: 2px;
}
.m-datepicker__input:focus {
  border-color: #225D7E;
}
.m-datepicker__input:focus::placeholder {
  color: #225D7E;
}

.m-filter-container__exportButton {
  color: #225D7E;
  padding: 4px 6px;
  margin-top: 5px;
  font-size: 12px;
  background-color: #E6F0FF;
  border: 1px solid #225D7E;
  border-radius: 4px;
  cursor: pointer;
  display: inline-block;
  transform: background-color 0.2s;
}
.m-filter-container__exportButton:hover {
  text-decoration: none;
  background-color: #c6ddff;
}

.m-filter-container__seeMore {
  color: #707070;
  cursor: pointer;
  display: flex;
}

.m-filter-container__manageLink {
  font-size: 12px;
  color: #225D7E;
  text-decoration: underline;
  cursor: pointer;
}

.m-searchableSelect__list {
  overflow-y: auto;
  border: 2px solid #d7d7d7;
  border-top: none;
}
.m-searchableSelect__list .m-selectableList__item {
  padding: 0px 15px;
}

.m-searchableSelect__header {
  display: flex;
  align-items: center;
  background-color: #fff;
  border: 2px solid #d7d7d7;
  border-radius: 4px 4px 0px 0px;
  padding: 10px;
}
.m-searchableSelect__header .m-searchableSelect__selectAllContainer {
  width: 24px;
  margin-right: 15px;
  flex-grow: 0;
  flex-shrink: 0;
  display: flex;
  align-items: center;
  justify-content: center;
}
.m-searchableSelect__header .m-searchableSelect__searchContainer {
  flex-grow: 1;
}

.l-customGroups__page {
  width: 100%;
  height: 100%;
  display: flex;
  flex-direction: row;
  justify-content: flex-start;
  align-items: stretch;
  min-height: 600px;
  min-width: 1000px;
  color: #0c193a;
}

.l-customGroups__navigation {
  width: 60px;
  min-width: 50px;
  border-right: 1px solid #d7d7d7;
  background-color: #fff;
  transition: width 0.2s, min-width 0.2s;
  cursor: pointer;
}
.l-customGroups__navigation.is--expanded {
  width: 280px;
  min-width: 280px;
  cursor: normal;
}
.l-customGroups__navigation.is--expanded .m-filter-container__toggleIcon {
  transform: rotate(180deg);
}
.l-customGroups__navigation .m-filter-container__main {
  padding-top: 0px;
}
.l-customGroups__navigation .m-filter-container__filtersSection {
  padding: 10px 0px;
  padding-right: 15px;
  border-top: 1px solid #d7d7d7;
}
.l-customGroups__navigation .m-filter-container__filtersSection:first-of-type {
  padding-top: 0px;
  border-top: none;
}
.l-customGroups__navigation .m-customGroups__createNew {
  background-color: #fff;
  color: #0c193a;
  cursor: pointer;
  display: flex;
  justify-content: center;
  align-items: center;
  border-radius: 4px;
  height: 26px;
  padding: 0 12px;
  transition: background-color 0.1s;
  box-shadow: 0px 1px 1px rgba(112, 112, 112, 0.75);
  border: 2px solid #0c193a;
  height: 33px;
  font-weight: bold;
}
.l-customGroups__navigation .m-customGroups__createNew.is--disabled {
  color: #707070;
  background-color: #d7d7d7;
  border-color: #d7d7d7;
  cursor: not-allowed;
}
.l-customGroups__navigation .m-customGroups__createNew:hover {
  background-color: #225D7E;
  border-color: #225D7E;
  text-decoration: none;
}
.l-customGroups__navigation .m-customGroups__createNew:hover.is--disabled {
  color: #707070;
  background-color: #d7d7d7;
  border-color: #d7d7d7;
  cursor: not-allowed;
}
.l-customGroups__navigation .m-customGroups__createNew a {
  color: #0c193a;
  text-decoration: none;
}
.l-customGroups__navigation .m-customGroups__createNew a:hover {
  text-decoration: none;
}
.l-customGroups__navigation .m-customGroups__createNew:hover {
  background-color: #225D7E;
  border-color: #225D7E;
  color: #fff;
}
.l-customGroups__navigation .m-customGroups__createNew.is--disabled {
  opacity: 0.75;
  box-shadow: none;
  cursor: not-allowed;
}
.l-customGroups__navigation .m-customGroups__createNew.is--disabled:hover {
  border-color: #d7d7d7;
}
.l-customGroups__navigation .m-search-bar__input {
  width: 130px;
}
.l-customGroups__navigation .m-customGroups__groupOptions {
  max-height: 350px;
  overflow-y: auto;
}
.l-customGroups__navigation .m-customGroups__groupOption {
  display: flex;
  align-items: center;
  min-height: 35px;
  padding: 5px;
  margin-bottom: 5px;
  cursor: pointer;
  background-color: #fff;
  border-radius: 4px;
}
.l-customGroups__navigation .m-customGroups__groupOption:hover {
  background-color: #F8F6F6;
}
.l-customGroups__navigation .m-customGroups__groupOption.is--active {
  font-weight: bold;
  background-color: #FCE1D3;
}

.l-customGroups__main {
  width: calc(100% - 60px);
  min-width: 620px;
  background-color: #F8F6F6;
  padding: 20px 30px 30px 30px;
}
.l-customGroups__main.filters-expanded {
  width: 80%;
}

.m-customGroups__mainContent {
  max-width: 900px;
}

.m-customGroups__groupTitle {
  font-size: 18px;
  color: #0c193a;
  font-weight: bold;
  margin-bottom: 5px;
}
.m-customGroups__groupTitle .m-customGroups__groupTitleInput {
  border: none;
  outline: none;
  width: 100%;
  padding: 5px 10px;
  background-color: transparent;
  border-bottom: 2px solid #d7d7d7;
}

.m-customGroups__actionOptions {
  display: flex;
  align-items: center;
  justify-content: space-between;
}

.m-customGroups__personToggles {
  display: flex;
  align-items: center;
  gap: 5px;
}

.m-customGroups__personToggle {
  color: #0c193a;
  padding: 20px 5px 13px 5px;
  margin-right: 30px;
  border-bottom: 7px solid transparent;
  cursor: pointer;
  transition: color 0.2s ease, border-color 0.2s ease;
}
.m-customGroups__personToggle:hover, .m-customGroups__personToggle.selected-tab {
  color: #0c193a;
  text-decoration: none;
  border-color: #0c193a;
}
.m-customGroups__personToggle.selected-tab {
  font-weight: bold;
}

.m-customGroups__manageOptions {
  display: flex;
  justify-content: flex-end;
  gap: 10px;
}

.m-customGroups__managePeople {
  background-color: #fff;
  color: #0c193a;
  cursor: pointer;
  display: flex;
  justify-content: center;
  align-items: center;
  border-radius: 4px;
  height: 26px;
  padding: 0 12px;
  transition: background-color 0.1s;
  box-shadow: 0px 1px 1px rgba(112, 112, 112, 0.75);
  border: 2px solid #0c193a;
  height: 33px;
  font-weight: bold;
}
.m-customGroups__managePeople.is--disabled {
  color: #707070;
  background-color: #d7d7d7;
  border-color: #d7d7d7;
  cursor: not-allowed;
}
.m-customGroups__managePeople:hover {
  background-color: #225D7E;
  border-color: #225D7E;
  text-decoration: none;
}
.m-customGroups__managePeople:hover.is--disabled {
  color: #707070;
  background-color: #d7d7d7;
  border-color: #d7d7d7;
  cursor: not-allowed;
}
.m-customGroups__managePeople a {
  color: #0c193a;
  text-decoration: none;
}
.m-customGroups__managePeople a:hover {
  text-decoration: none;
}
.m-customGroups__managePeople:hover {
  background-color: #225D7E;
  border-color: #225D7E;
  color: #fff;
}
.m-customGroups__managePeople.is--disabled {
  opacity: 0.75;
  box-shadow: none;
  cursor: not-allowed;
}
.m-customGroups__managePeople.is--disabled:hover {
  border-color: #d7d7d7;
}

.m-customGroups__personList {
  margin-top: 20px;
  border: 4px solid #d7d7d7;
}

.m-customGroups__personManagementMain {
  display: flex;
  gap: 30px;
}

a {
  color: #225D7E;
  cursor: pointer;
}
a:hover {
  color: #225D7E;
}

input[type=checkbox] {
  -webkit-appearance: none;
  appearance: none;
  background-color: #fff;
  border: 1px solid #707070;
  border-radius: 2px;
  width: 12px;
  height: 12px;
  display: grid;
  place-content: center;
}
input[type=checkbox]::before {
  content: "";
  transform: scale(0);
  transition: 120ms transform ease-in-out;
  width: 100%;
  height: 100%;
  background-image: url("../assets/edmod-checkmark-checked.svg");
  background-size: contain;
  background-repeat: no-repeat;
  background-position: center;
  width: 12px;
  height: 12px;
}
input[type=checkbox]:focus {
  outline: none;
}
input[type=checkbox]:checked {
  border: none;
}
input[type=checkbox]:checked::before {
  transform: scale(1);
}

.container-fluid.with-max {
  max-width: 1260px;
  margin: 0 auto;
}

.container-fluid.small-max {
  max-width: 890px;
  margin: 0 auto;
}
@charset "UTF-8";
.react-datepicker-popper[data-placement^=bottom] .react-datepicker__triangle, .react-datepicker-popper[data-placement^=top] .react-datepicker__triangle, .react-datepicker__year-read-view--down-arrow,
.react-datepicker__month-read-view--down-arrow,
.react-datepicker__month-year-read-view--down-arrow {
  margin-left: -8px;
  position: absolute;
}

.react-datepicker-popper[data-placement^=bottom] .react-datepicker__triangle, .react-datepicker-popper[data-placement^=top] .react-datepicker__triangle, .react-datepicker__year-read-view--down-arrow,
.react-datepicker__month-read-view--down-arrow,
.react-datepicker__month-year-read-view--down-arrow, .react-datepicker-popper[data-placement^=bottom] .react-datepicker__triangle::before, .react-datepicker-popper[data-placement^=top] .react-datepicker__triangle::before, .react-datepicker__year-read-view--down-arrow::before,
.react-datepicker__month-read-view--down-arrow::before,
.react-datepicker__month-year-read-view--down-arrow::before {
  box-sizing: content-box;
  position: absolute;
  border: 8px solid transparent;
  height: 0;
  width: 1px;
}

.react-datepicker-popper[data-placement^=bottom] .react-datepicker__triangle::before, .react-datepicker-popper[data-placement^=top] .react-datepicker__triangle::before, .react-datepicker__year-read-view--down-arrow::before,
.react-datepicker__month-read-view--down-arrow::before,
.react-datepicker__month-year-read-view--down-arrow::before {
  content: "";
  z-index: -1;
  border-width: 8px;
  left: -8px;
  border-bottom-color: #aeaeae;
}

.react-datepicker-popper[data-placement^=bottom] .react-datepicker__triangle {
  top: 0;
  margin-top: -8px;
}

.react-datepicker-popper[data-placement^=bottom] .react-datepicker__triangle, .react-datepicker-popper[data-placement^=bottom] .react-datepicker__triangle::before {
  border-top: none;
  border-bottom-color: #f0f0f0;
}

.react-datepicker-popper[data-placement^=bottom] .react-datepicker__triangle::before {
  top: -1px;
  border-bottom-color: #aeaeae;
}

.react-datepicker-popper[data-placement^=top] .react-datepicker__triangle, .react-datepicker__year-read-view--down-arrow,
.react-datepicker__month-read-view--down-arrow,
.react-datepicker__month-year-read-view--down-arrow {
  bottom: 0;
  margin-bottom: -8px;
}

.react-datepicker-popper[data-placement^=top] .react-datepicker__triangle, .react-datepicker__year-read-view--down-arrow,
.react-datepicker__month-read-view--down-arrow,
.react-datepicker__month-year-read-view--down-arrow, .react-datepicker-popper[data-placement^=top] .react-datepicker__triangle::before, .react-datepicker__year-read-view--down-arrow::before,
.react-datepicker__month-read-view--down-arrow::before,
.react-datepicker__month-year-read-view--down-arrow::before {
  border-bottom: none;
  border-top-color: #fff;
}

.react-datepicker-popper[data-placement^=top] .react-datepicker__triangle::before, .react-datepicker__year-read-view--down-arrow::before,
.react-datepicker__month-read-view--down-arrow::before,
.react-datepicker__month-year-read-view--down-arrow::before {
  bottom: -1px;
  border-top-color: #aeaeae;
}

.react-datepicker-wrapper {
  display: inline-block;
}

.react-datepicker {
  font-family: "Helvetica Neue", Helvetica, Arial, sans-serif;
  font-size: 0.8rem;
  background-color: #fff;
  color: #000;
  border: 1px solid #aeaeae;
  border-radius: 0.3rem;
  display: inline-block;
  position: relative;
}

.react-datepicker--time-only .react-datepicker__triangle {
  left: 35px;
}

.react-datepicker--time-only .react-datepicker__time-container {
  border-left: 0;
}

.react-datepicker--time-only .react-datepicker__time {
  border-radius: 0.3rem;
}

.react-datepicker--time-only .react-datepicker__time-box {
  border-radius: 0.3rem;
}

.react-datepicker__triangle {
  position: absolute;
  left: 50px;
}

.react-datepicker-popper {
  z-index: 1;
}

.react-datepicker-popper[data-placement^=bottom] {
  margin-top: 10px;
}

.react-datepicker-popper[data-placement^=top] {
  margin-bottom: 10px;
}

.react-datepicker-popper[data-placement^=right] {
  margin-left: 8px;
}

.react-datepicker-popper[data-placement^=right] .react-datepicker__triangle {
  left: auto;
  right: 42px;
}

.react-datepicker-popper[data-placement^=left] {
  margin-right: 8px;
}

.react-datepicker-popper[data-placement^=left] .react-datepicker__triangle {
  left: 42px;
  right: auto;
}

.react-datepicker__header {
  text-align: center;
  background-color: #f0f0f0;
  border-bottom: 1px solid #aeaeae;
  border-top-left-radius: 0.3rem;
  border-top-right-radius: 0.3rem;
  padding-top: 8px;
  position: relative;
}

.react-datepicker__header--time {
  padding-bottom: 8px;
  padding-left: 5px;
  padding-right: 5px;
}

.react-datepicker__year-dropdown-container--select,
.react-datepicker__month-dropdown-container--select,
.react-datepicker__month-year-dropdown-container--select,
.react-datepicker__year-dropdown-container--scroll,
.react-datepicker__month-dropdown-container--scroll,
.react-datepicker__month-year-dropdown-container--scroll {
  display: inline-block;
  margin: 0 2px;
}

.react-datepicker__current-month,
.react-datepicker-time__header,
.react-datepicker-year-header {
  margin-top: 0;
  color: #000;
  font-weight: bold;
  font-size: 0.944rem;
}

.react-datepicker-time__header {
  text-overflow: ellipsis;
  white-space: nowrap;
  overflow: hidden;
}

.react-datepicker__navigation {
  background: none;
  line-height: 1.7rem;
  text-align: center;
  cursor: pointer;
  position: absolute;
  top: 10px;
  width: 0;
  padding: 0;
  border: 0.45rem solid transparent;
  z-index: 1;
  height: 10px;
  width: 10px;
  text-indent: -999em;
  overflow: hidden;
}

.react-datepicker__navigation--previous {
  left: 10px;
  border-right-color: #ccc;
}

.react-datepicker__navigation--previous:hover {
  border-right-color: #b3b3b3;
}

.react-datepicker__navigation--previous--disabled, .react-datepicker__navigation--previous--disabled:hover {
  border-right-color: #e6e6e6;
  cursor: default;
}

.react-datepicker__navigation--next {
  right: 10px;
  border-left-color: #ccc;
}

.react-datepicker__navigation--next--with-time:not(.react-datepicker__navigation--next--with-today-button) {
  right: 80px;
}

.react-datepicker__navigation--next:hover {
  border-left-color: #b3b3b3;
}

.react-datepicker__navigation--next--disabled, .react-datepicker__navigation--next--disabled:hover {
  border-left-color: #e6e6e6;
  cursor: default;
}

.react-datepicker__navigation--years {
  position: relative;
  top: 0;
  display: block;
  margin-left: auto;
  margin-right: auto;
}

.react-datepicker__navigation--years-previous {
  top: 4px;
  border-top-color: #ccc;
}

.react-datepicker__navigation--years-previous:hover {
  border-top-color: #b3b3b3;
}

.react-datepicker__navigation--years-upcoming {
  top: -4px;
  border-bottom-color: #ccc;
}

.react-datepicker__navigation--years-upcoming:hover {
  border-bottom-color: #b3b3b3;
}

.react-datepicker__month-container {
  float: left;
}

.react-datepicker__month {
  margin: 0.4rem;
  text-align: center;
}

.react-datepicker__month .react-datepicker__month-text {
  display: inline-block;
  width: 4rem;
  margin: 2px;
}

.react-datepicker__input-time-container {
  clear: both;
  width: 100%;
  float: left;
  margin: 5px 0 10px 15px;
  text-align: left;
}

.react-datepicker__input-time-container .react-datepicker-time__caption {
  display: inline-block;
}

.react-datepicker__input-time-container .react-datepicker-time__input-container {
  display: inline-block;
}

.react-datepicker__input-time-container .react-datepicker-time__input-container .react-datepicker-time__input {
  display: inline-block;
  margin-left: 10px;
}

.react-datepicker__input-time-container .react-datepicker-time__input-container .react-datepicker-time__input input {
  width: 85px;
}

.react-datepicker__input-time-container .react-datepicker-time__input-container .react-datepicker-time__input input[type=time]::-webkit-inner-spin-button,
.react-datepicker__input-time-container .react-datepicker-time__input-container .react-datepicker-time__input input[type=time]::-webkit-outer-spin-button {
  -webkit-appearance: none;
  margin: 0;
}

.react-datepicker__input-time-container .react-datepicker-time__input-container .react-datepicker-time__input input[type=time] {
  -moz-appearance: textfield;
}

.react-datepicker__input-time-container .react-datepicker-time__input-container .react-datepicker-time__delimiter {
  margin-left: 5px;
  display: inline-block;
}

.react-datepicker__time-container {
  float: right;
  border-left: 1px solid #aeaeae;
  width: 70px;
}

.react-datepicker__time-container--with-today-button {
  display: inline;
  border: 1px solid #aeaeae;
  border-radius: 0.3rem;
  position: absolute;
  right: -72px;
  top: 0;
}

.react-datepicker__time-container .react-datepicker__time {
  position: relative;
  background: white;
}

.react-datepicker__time-container .react-datepicker__time .react-datepicker__time-box {
  width: 70px;
  overflow-x: hidden;
  margin: 0 auto;
  text-align: center;
}

.react-datepicker__time-container .react-datepicker__time .react-datepicker__time-box ul.react-datepicker__time-list {
  list-style: none;
  margin: 0;
  height: calc(195px + 0.85rem);
  overflow-y: scroll;
  padding-right: 0px;
  padding-left: 0px;
  width: 100%;
  box-sizing: content-box;
}

.react-datepicker__time-container .react-datepicker__time .react-datepicker__time-box ul.react-datepicker__time-list li.react-datepicker__time-list-item {
  height: 30px;
  padding: 5px 10px;
}

.react-datepicker__time-container .react-datepicker__time .react-datepicker__time-box ul.react-datepicker__time-list li.react-datepicker__time-list-item:hover {
  cursor: pointer;
  background-color: #f0f0f0;
}

.react-datepicker__time-container .react-datepicker__time .react-datepicker__time-box ul.react-datepicker__time-list li.react-datepicker__time-list-item--selected {
  background-color: #216ba5;
  color: white;
  font-weight: bold;
}

.react-datepicker__time-container .react-datepicker__time .react-datepicker__time-box ul.react-datepicker__time-list li.react-datepicker__time-list-item--selected:hover {
  background-color: #216ba5;
}

.react-datepicker__time-container .react-datepicker__time .react-datepicker__time-box ul.react-datepicker__time-list li.react-datepicker__time-list-item--disabled {
  color: #ccc;
}

.react-datepicker__time-container .react-datepicker__time .react-datepicker__time-box ul.react-datepicker__time-list li.react-datepicker__time-list-item--disabled:hover {
  cursor: default;
  background-color: transparent;
}

.react-datepicker__week-number {
  color: #ccc;
  display: inline-block;
  width: 1.7rem;
  line-height: 1.7rem;
  text-align: center;
  margin: 0.166rem;
}

.react-datepicker__week-number.react-datepicker__week-number--clickable {
  cursor: pointer;
}

.react-datepicker__week-number.react-datepicker__week-number--clickable:hover {
  border-radius: 0.3rem;
  background-color: #f0f0f0;
}

.react-datepicker__day-names,
.react-datepicker__week {
  white-space: nowrap;
}

.react-datepicker__day-name,
.react-datepicker__day,
.react-datepicker__time-name {
  color: #000;
  display: inline-block;
  width: 1.7rem;
  line-height: 1.7rem;
  text-align: center;
  margin: 0.166rem;
}

.react-datepicker__month--selected, .react-datepicker__month--in-selecting-range, .react-datepicker__month--in-range {
  border-radius: 0.3rem;
  background-color: #216ba5;
  color: #fff;
}

.react-datepicker__month--selected:hover, .react-datepicker__month--in-selecting-range:hover, .react-datepicker__month--in-range:hover {
  background-color: #1d5d90;
}

.react-datepicker__month--disabled {
  color: #ccc;
  pointer-events: none;
}

.react-datepicker__month--disabled:hover {
  cursor: default;
  background-color: transparent;
}

.react-datepicker__day,
.react-datepicker__month-text {
  cursor: pointer;
}

.react-datepicker__day:hover,
.react-datepicker__month-text:hover {
  border-radius: 0.3rem;
  background-color: #f0f0f0;
}

.react-datepicker__day--today,
.react-datepicker__month-text--today {
  font-weight: bold;
}

.react-datepicker__day--highlighted,
.react-datepicker__month-text--highlighted {
  border-radius: 0.3rem;
  background-color: #3dcc4a;
  color: #fff;
}

.react-datepicker__day--highlighted:hover,
.react-datepicker__month-text--highlighted:hover {
  background-color: #32be3f;
}

.react-datepicker__day--highlighted-custom-1,
.react-datepicker__month-text--highlighted-custom-1 {
  color: magenta;
}

.react-datepicker__day--highlighted-custom-2,
.react-datepicker__month-text--highlighted-custom-2 {
  color: green;
}

.react-datepicker__day--selected, .react-datepicker__day--in-selecting-range, .react-datepicker__day--in-range,
.react-datepicker__month-text--selected,
.react-datepicker__month-text--in-selecting-range,
.react-datepicker__month-text--in-range {
  border-radius: 0.3rem;
  background-color: #216ba5;
  color: #fff;
}

.react-datepicker__day--selected:hover, .react-datepicker__day--in-selecting-range:hover, .react-datepicker__day--in-range:hover,
.react-datepicker__month-text--selected:hover,
.react-datepicker__month-text--in-selecting-range:hover,
.react-datepicker__month-text--in-range:hover {
  background-color: #1d5d90;
}

.react-datepicker__day--keyboard-selected,
.react-datepicker__month-text--keyboard-selected {
  border-radius: 0.3rem;
  background-color: #2a87d0;
  color: #fff;
}

.react-datepicker__day--keyboard-selected:hover,
.react-datepicker__month-text--keyboard-selected:hover {
  background-color: #1d5d90;
}

.react-datepicker__day--in-selecting-range,
.react-datepicker__month-text--in-selecting-range {
  background-color: rgba(33, 107, 165, 0.5);
}

.react-datepicker__month--selecting-range .react-datepicker__day--in-range, .react-datepicker__month--selecting-range .react-datepicker__month-text--in-range {
  background-color: #f0f0f0;
  color: #000;
}

.react-datepicker__day--disabled,
.react-datepicker__month-text--disabled {
  cursor: default;
  color: #ccc;
}

.react-datepicker__day--disabled:hover,
.react-datepicker__month-text--disabled:hover {
  background-color: transparent;
}

.react-datepicker__month-text.react-datepicker__month--selected:hover, .react-datepicker__month-text.react-datepicker__month--in-range:hover {
  background-color: #216ba5;
}

.react-datepicker__month-text:hover {
  background-color: #f0f0f0;
}

.react-datepicker__input-container {
  position: relative;
  display: inline-block;
}

.react-datepicker__year-read-view,
.react-datepicker__month-read-view,
.react-datepicker__month-year-read-view {
  border: 1px solid transparent;
  border-radius: 0.3rem;
}

.react-datepicker__year-read-view:hover,
.react-datepicker__month-read-view:hover,
.react-datepicker__month-year-read-view:hover {
  cursor: pointer;
}

.react-datepicker__year-read-view:hover .react-datepicker__year-read-view--down-arrow,
.react-datepicker__year-read-view:hover .react-datepicker__month-read-view--down-arrow,
.react-datepicker__month-read-view:hover .react-datepicker__year-read-view--down-arrow,
.react-datepicker__month-read-view:hover .react-datepicker__month-read-view--down-arrow,
.react-datepicker__month-year-read-view:hover .react-datepicker__year-read-view--down-arrow,
.react-datepicker__month-year-read-view:hover .react-datepicker__month-read-view--down-arrow {
  border-top-color: #b3b3b3;
}

.react-datepicker__year-read-view--down-arrow,
.react-datepicker__month-read-view--down-arrow,
.react-datepicker__month-year-read-view--down-arrow {
  border-top-color: #ccc;
  float: right;
  margin-left: 20px;
  top: 8px;
  position: relative;
  border-width: 0.45rem;
}

.react-datepicker__year-dropdown,
.react-datepicker__month-dropdown,
.react-datepicker__month-year-dropdown {
  background-color: #f0f0f0;
  position: absolute;
  width: 50%;
  left: 25%;
  top: 30px;
  z-index: 1;
  text-align: center;
  border-radius: 0.3rem;
  border: 1px solid #aeaeae;
}

.react-datepicker__year-dropdown:hover,
.react-datepicker__month-dropdown:hover,
.react-datepicker__month-year-dropdown:hover {
  cursor: pointer;
}

.react-datepicker__year-dropdown--scrollable,
.react-datepicker__month-dropdown--scrollable,
.react-datepicker__month-year-dropdown--scrollable {
  height: 150px;
  overflow-y: scroll;
}

.react-datepicker__year-option,
.react-datepicker__month-option,
.react-datepicker__month-year-option {
  line-height: 20px;
  width: 100%;
  display: block;
  margin-left: auto;
  margin-right: auto;
}

.react-datepicker__year-option:first-of-type,
.react-datepicker__month-option:first-of-type,
.react-datepicker__month-year-option:first-of-type {
  border-top-left-radius: 0.3rem;
  border-top-right-radius: 0.3rem;
}

.react-datepicker__year-option:last-of-type,
.react-datepicker__month-option:last-of-type,
.react-datepicker__month-year-option:last-of-type {
  -webkit-user-select: none;
  -moz-user-select: none;
  -ms-user-select: none;
  user-select: none;
  border-bottom-left-radius: 0.3rem;
  border-bottom-right-radius: 0.3rem;
}

.react-datepicker__year-option:hover,
.react-datepicker__month-option:hover,
.react-datepicker__month-year-option:hover {
  background-color: #ccc;
}

.react-datepicker__year-option:hover .react-datepicker__navigation--years-upcoming,
.react-datepicker__month-option:hover .react-datepicker__navigation--years-upcoming,
.react-datepicker__month-year-option:hover .react-datepicker__navigation--years-upcoming {
  border-bottom-color: #b3b3b3;
}

.react-datepicker__year-option:hover .react-datepicker__navigation--years-previous,
.react-datepicker__month-option:hover .react-datepicker__navigation--years-previous,
.react-datepicker__month-year-option:hover .react-datepicker__navigation--years-previous {
  border-top-color: #b3b3b3;
}

.react-datepicker__year-option--selected,
.react-datepicker__month-option--selected,
.react-datepicker__month-year-option--selected {
  position: absolute;
  left: 15px;
}

.react-datepicker__close-icon {
  background-color: transparent;
  border: 0;
  cursor: pointer;
  outline: 0;
  padding: 0;
  vertical-align: middle;
  position: absolute;
  height: 16px;
  width: 16px;
  top: 25%;
  right: 7px;
}

.react-datepicker__close-icon::after {
  background-color: #216ba5;
  border-radius: 50%;
  bottom: 0;
  box-sizing: border-box;
  color: #fff;
  content: "×";
  cursor: pointer;
  font-size: 12px;
  height: 16px;
  width: 16px;
  line-height: 1;
  margin: -8px auto 0;
  padding: 2px;
  position: absolute;
  right: 0px;
  text-align: center;
}

.react-datepicker__today-button {
  background: #f0f0f0;
  border-top: 1px solid #aeaeae;
  cursor: pointer;
  text-align: center;
  font-weight: bold;
  padding: 5px 0;
  clear: left;
}

.react-datepicker__portal {
  position: fixed;
  width: 100vw;
  height: 100vh;
  background-color: rgba(0, 0, 0, 0.8);
  left: 0;
  top: 0;
  justify-content: center;
  align-items: center;
  display: flex;
  z-index: 2147483647;
}

.react-datepicker__portal .react-datepicker__day-name,
.react-datepicker__portal .react-datepicker__day,
.react-datepicker__portal .react-datepicker__time-name {
  width: 3rem;
  line-height: 3rem;
}

@media (max-width: 400px), (max-height: 550px) {
  .react-datepicker__portal .react-datepicker__day-name,
.react-datepicker__portal .react-datepicker__day,
.react-datepicker__portal .react-datepicker__time-name {
    width: 2rem;
    line-height: 2rem;
  }
}
.react-datepicker__portal .react-datepicker__current-month,
.react-datepicker__portal .react-datepicker-time__header {
  font-size: 1.44rem;
}

.react-datepicker__portal .react-datepicker__navigation {
  border: 0.81rem solid transparent;
}

.react-datepicker__portal .react-datepicker__navigation--previous {
  border-right-color: #ccc;
}

.react-datepicker__portal .react-datepicker__navigation--previous:hover {
  border-right-color: #b3b3b3;
}

.react-datepicker__portal .react-datepicker__navigation--previous--disabled, .react-datepicker__portal .react-datepicker__navigation--previous--disabled:hover {
  border-right-color: #e6e6e6;
  cursor: default;
}

.react-datepicker__portal .react-datepicker__navigation--next {
  border-left-color: #ccc;
}

.react-datepicker__portal .react-datepicker__navigation--next:hover {
  border-left-color: #b3b3b3;
}

.react-datepicker__portal .react-datepicker__navigation--next--disabled, .react-datepicker__portal .react-datepicker__navigation--next--disabled:hover {
  border-left-color: #e6e6e6;
  cursor: default;
}