@import url("https://fonts.googleapis.com/css?family=Work+Sans:300,400,500,600,700,800");
.refreshlink {
  padding: 12.5px 16px;
  border: none;
  transition: all .3s ease-out;
  max-height: 44px;
  background: #ecf1ff !important;
  border-radius: 5px;
  font-family: Work Sans,sans-serif;
  font-weight: 400;
  font-size: 16px;
  color: #4465b7 !important;
  line-height: 19px;
  font-weight: 400 !important; }

.iconrWrap i {
  display: inline-block;
  margin: 4px; }

.iconrWrap .fa-usd, .iconrWrap .fa-calendar, .iconrWrap .fa-exclamation-triangle {
  color: #ff0017; }

.iconrWrap .fa-hand-o-down {
  color: #d86edc; }

.iconrWrap .fa-file-o {
  color: #f4708b; }

.iconrWrap .off {
  display: none; }

.iconrWrap .on {
  display: inline-block; }

/****************************************************************************************
@
@	Global Style and Reset
@
****************************************************************************************/
a, abbr, acronym, address, applet, article, aside, audio, b, blockquote, big, body, center, canvas, caption, cite, code, command, datalist, dd, del, details, dfn, dl, div, dt, em, embed, fieldset, figcaption, figure, font, footer, form, h1, h2, h3, h4, h5, h6, header, hgroup, html, i, iframe, img, ins, kbd, keygen, label, legend, li, meter, nav, object, ol, output, p, pre, progress, q, s, samp, section, small, span, source, strike, strong, sub, sup, table, tbody, tfoot, thead, th, tr, td, video, tt, u, ul, var {
  background: transparent;
  border: 0 none;
  font-size: 100%;
  margin: 0;
  padding: 0;
  border: 0;
  outline: 0; }

ol, ul {
  list-style: none; }

blockquote, q {
  quotes: none; }

table, table td {
  padding: 0;
  border: none;
  border-collapse: collapse; }

img {
  vertical-align: top; }

embed {
  vertical-align: top; }

* {
  border: none;
  box-sizing: border-box;
  -webkit-box-sizing: border-box;
  -moz-box-sizing: border-box;
  -o-box-sizing: border-box;
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
  -webkit-tap-highlight-color: transparent; }

input, textarea {
  outline: none !important; }

/* Getting the new tags to behave */
article, aside, audio, canvas, command, datalist, details, embed, figcaption, figure, footer, header, hgroup, keygen, meter, nav, output, progress, section, source, video {
  display: block; }

mark, rp, rt, ruby, summary, time {
  display: inline; }

/* Global Styles */
::selection {
  background: #000;
  color: #fff; }

::-moz-selection {
  background: #000;
  color: #fff; }

.clear {
  display: block;
  clear: both;
  width: 100%;
  height: 0; }

.clearfix:after,
.clearfix:before,
.wrapper:after,
.wrapper:before {
  content: '';
  display: block;
  clear: both;
  width: 100%;
  height: 0; }

html, body {
  width: 100%;
  height: 100%; }

body {
  font-family: 'Work Sans', sans-serif;
  font-weight: 400;
  font-size: 14px;
  color: #5C5C5C;
  line-height: 16px;
  height: auto;
  min-height: 100%;
  overflow-x: hidden;
  background: #FAFAFA !important;
  padding-top: 72px; }

h1, h2, h3, h4, h5, h6 {
  font-weight: 400; }

a {
  text-decoration: none;
  color: #4465b7;
  -webkit-transition: all 0.3s ease-out;
  -moz-transition: all 0.3s ease-out;
  -ms-transition: all 0.3s ease-out;
  -o-transition: all 0.3s ease-out;
  transition: all 0.3s ease-out; }
  a:hover {
    color: #375885;
    text-decoration: none; }

/****************************************************************************************
@
@	Utility Classes
@
****************************************************************************************/
body .u-show-as__\(block\) {
  display: block; }

body .u-show-as__\(inline-block\) {
  display: inline-block; }

body .u-text-align__\(left\) {
  text-align: left; }

body .u-text-align__\(center\) {
  text-align: center; }

body .u-text-align__\(right\) {
  text-align: right; }

body .u-float__left {
  float: left; }

body .u-float__right {
  float: right; }

body .u-margin__top\(5\) {
  margin-top: 5px; }

body .u-margin__top\(10\) {
  margin-top: 10px; }

body .u-margin__top\(15\) {
  margin-top: 15px; }

body .u-margin__top\(20\) {
  margin-top: 20px; }

body .u-margin__top\(25\) {
  margin-top: 25px; }

body .u-margin__top\(30\) {
  margin-top: 30px; }

body .u-margin__top\(35\) {
  margin-top: 35px; }

body .u-margin__top\(40\) {
  margin-top: 40px; }

body .u-margin__right\(5\) {
  margin-right: 5px; }

body .u-margin__right\(10\) {
  margin-right: 10px; }

body .u-margin__right\(15\) {
  margin-right: 15px; }

body .u-margin__right\(20\) {
  margin-right: 20px; }

body .u-margin__right\(25\) {
  margin-right: 25px; }

body .u-margin__right\(30\) {
  margin-right: 30px; }

body .u-margin__right\(35\) {
  margin-right: 35px; }

body .u-margin__right\(40\) {
  margin-right: 40px; }

body .u-margin__bottom\(5\) {
  margin-bottom: 5px; }

body .u-margin__bottom\(10\) {
  margin-bottom: 10px; }

body .u-margin__bottom\(15\) {
  margin-bottom: 15px; }

body .u-margin__bottom\(20\) {
  margin-bottom: 20px; }

body .u-margin__bottom\(25\) {
  margin-bottom: 25px; }

body .u-margin__bottom\(30\) {
  margin-bottom: 30px; }

body .u-margin__bottom\(35\) {
  margin-bottom: 35px; }

body .u-margin__bottom\(40\) {
  margin-bottom: 40px; }

body .u-margin__left\(5\) {
  margin-left: 5px; }

body .u-margin__left\(10\) {
  margin-left: 10px; }

body .u-margin__left\(15\) {
  margin-left: 15px; }

body .u-margin__left\(20\) {
  margin-left: 20px; }

body .u-margin__left\(25\) {
  margin-left: 25px; }

body .u-margin__left\(30\) {
  margin-left: 30px; }

body .u-margin__left\(35\) {
  margin-left: 35px; }

body .u-margin__left\(40\) {
  margin-left: 40px; }

body .u-padding__top\(5\) {
  padding-top: 5px; }

body .u-padding__top\(10\) {
  padding-top: 10px; }

body .u-padding__top\(15\) {
  padding-top: 15px; }

body .u-padding__top\(20\) {
  padding-top: 20px; }

body .u-padding__top\(25\) {
  padding-top: 25px; }

body .u-padding__top\(30\) {
  padding-top: 30px; }

body .u-padding__top\(35\) {
  padding-top: 35px; }

body .u-padding__top\(40\) {
  padding-top: 40px; }

body .u-padding__right\(5\) {
  padding-right: 5px; }

body .u-padding__right\(10\) {
  padding-right: 10px; }

body .u-padding__right\(15\) {
  padding-right: 15px; }

body .u-padding__right\(20\) {
  padding-right: 20px; }

body .u-padding__right\(25\) {
  padding-right: 25px; }

body .u-padding__right\(30\) {
  padding-right: 30px; }

body .u-padding__right\(35\) {
  padding-right: 35px; }

body .u-padding__right\(40\) {
  padding-right: 40px; }

body .u-padding__bottom\(5\) {
  padding-bottom: 5px; }

body .u-padding__bottom\(10\) {
  padding-bottom: 10px; }

body .u-padding__bottom\(15\) {
  padding-bottom: 15px; }

body .u-padding__bottom\(20\) {
  padding-bottom: 20px; }

body .u-padding__bottom\(25\) {
  padding-bottom: 25px; }

body .u-padding__bottom\(30\) {
  padding-bottom: 30px; }

body .u-padding__bottom\(35\) {
  padding-bottom: 35px; }

body .u-padding__bottom\(40\) {
  padding-bottom: 40px; }

body .u-padding__left\(5\) {
  padding-left: 5px; }

body .u-padding__left\(10\) {
  padding-left: 10px; }

body .u-padding__left\(15\) {
  padding-left: 15px; }

body .u-padding__left\(20\) {
  padding-left: 20px; }

body .u-padding__left\(25\) {
  padding-left: 25px; }

body .u-padding__left\(30\) {
  padding-left: 30px; }

body .u-padding__left\(35\) {
  padding-left: 35px; }

body .u-padding__left\(40\) {
  padding-left: 40px; }

.u-input-error {
  color: #e64e0f !important;
  font-size: 12px;
  line-height: 20px;
  display: inline-block;
  font-weight: 400 !important; }
  .u-input-error:empty {
    display: none; }
  .u-input-error.isGreen {
    color: #3bb97b; }

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

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

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

.u-label {
  display: inline-block;
  font-family: 'Work Sans', sans-serif;
  font-weight: 500;
  font-size: 16px;
  color: #656F7D;
  line-height: 40px;
  font-weight: 500 !important; }

.u-button {
  display: inline-block;
  font-family: 'Work Sans', sans-serif;
  font-weight: 400;
  font-size: 16px;
  color: #fff;
  line-height: 20px;
  font-weight: 400 !important;
  padding: 12.5px 15px;
  -webkit-border-radius: 5px;
  -moz-border-radius: 5px;
  -ms-border-radius: 5px;
  -o-border-radius: 5px;
  border-radius: 5px;
  background: #4465b7;
  border: 1px solid #4465b7;
  -webkit-transition: all 0.2s ease-out;
  -moz-transition: all 0.2s ease-out;
  -ms-transition: all 0.2s ease-out;
  -o-transition: all 0.2s ease-out;
  transition: all 0.2s ease-out;
  cursor: pointer;
  min-width: 200px; }
  .u-button:hover,
  .u-button:active .u-button:focus {
    color: #fff;
    background: #457dff;
    border: 1px solid #457dff; }
  .u-button + .u-button {
    margin-left: 10px; }
  .u-button__green {
    background: #29CC46 !important;
    border-color: #29CC46 !important; }
  .u-button__red {
    background: #ef523e !important;
    border-color: #ef523e !important; }
  .u-button__yellow {
    background: #f7c806 !important;
    border-color: #f7c806 !important; }
  .u-button__light-blue {
    background: #7ab0ec !important;
    border-color: #7ab0ec !important; }
  .u-button__no-min-width {
    min-width: initial; }
  .u-button__full {
    width: 100%; }
  .u-button__small\(xs\) {
    font-weight: 600 !important;
    padding: 5px 8px;
    border-radius: 5px; }
    .u-button__small\(xs\)__normal {
      font-weight: 400 !important; }
  .u-button__small\(xxs\) {
    font-weight: 500 !important;
    padding: 5px 5px;
    border-radius: 5px;
    font-size: 12px;
    line-height: 16px;
    border-color: transparent; }
    .u-button__small\(xxs\)__normal {
      font-weight: 400 !important; }
  .u-button__important_white {
    color: #fff !important; }
  .u-button__dark {
    background: #656F7D;
    border: 1px solid #656F7D;
    color: #ecf1ff; }
    .u-button__dark:hover,
    .u-button__dark:active .u-button__dark:focus {
      background: #ecf1ff !important;
      border: 1px solid #ecf1ff;
      color: #656F7D !important; }
  .u-button__\(40\) {
    padding: 9px 15px; }

.u-text-input {
  display: inline-block;
  background: #fff;
  border: 1px solid #C7C7C7;
  -webkit-border-radius: 5px;
  -moz-border-radius: 5px;
  -ms-border-radius: 5px;
  -o-border-radius: 5px;
  border-radius: 5px;
  font-family: 'Work Sans', sans-serif;
  font-weight: 400;
  font-size: 16px;
  color: #656F7D;
  line-height: 20px;
  font-weight: 400 !important;
  padding: 10px 10px;
  height: 40px;
  width: auto;
  -webkit-transition: all 0.2s ease-out;
  -moz-transition: all 0.2s ease-out;
  -ms-transition: all 0.2s ease-out;
  -o-transition: all 0.2s ease-out;
  transition: all 0.2s ease-out; }
  .u-text-input:hover, .u-text-input:focus, .u-text-input:active {
    outline: 1;
    border: 1px solid #4465b7;
    color: #4465b7; }
  .u-text-input[readonly] {
    cursor: not-allowed; }
  .u-text-input__full {
    width: 100%;
    display: block; }
  .u-text-input__light {
    background: #F5F5F5;
    border: 1px solid #F5F5F5; }
    .u-text-input__light.isDate {
      border: 1px solid #C7C7C7; }
  .u-text-input__disabled {
    background: #DADCE0;
    border: 1px solid #C7C7C7;
    cursor: not-allowed !important; }
  .u-text-input.isTextArea {
    min-height: 100px;
    height: auto;
    resize: none; }

.u-text-input-block input {
  display: inline-block;
  background: #fff;
  border: 1px solid #C7C7C7;
  -webkit-border-radius: 5px;
  -moz-border-radius: 5px;
  -ms-border-radius: 5px;
  -o-border-radius: 5px;
  border-radius: 5px;
  font-family: 'Work Sans', sans-serif;
  font-weight: 400;
  font-size: 16px;
  color: #656F7D;
  line-height: 20px;
  font-weight: 400 !important;
  padding: 10px 10px;
  height: 40px;
  width: auto;
  -webkit-transition: all 0.2s ease-out;
  -moz-transition: all 0.2s ease-out;
  -ms-transition: all 0.2s ease-out;
  -o-transition: all 0.2s ease-out;
  transition: all 0.2s ease-out; }
  .u-text-input-block input:hover, .u-text-input-block input:focus, .u-text-input-block input:active {
    outline: 1;
    border: 1px solid #4465b7;
    color: #4465b7; }
  .u-text-input-block input[readonly] {
    cursor: not-allowed; }

.u-text-input-block__full input {
  width: 100%;
  display: block; }

.u-text-input-block__light input {
  background: #F5F5F5;
  border: 1px solid #F5F5F5; }

.u-text-input-block__light.isdate input {
  border: 1px solid #C7C7C7; }

.u-text-input-block__disabled input {
  background: #DADCE0;
  border: 1px solid #C7C7C7;
  cursor: not-allowed !important; }

.u-text-input-block.isTextArea textarea {
  min-height: 100px;
  height: auto;
  resize: none; }

.u-selectbox {
  font-family: 'Work Sans', sans-serif;
  font-weight: 400;
  font-size: 16px;
  color: #656F7D;
  line-height: 20px;
  background-image: url(../images/twa/icon-drop-down-arrow.svg);
  background-repeat: no-repeat;
  background-position: 96% 50%;
  -webkit-appearance: none;
  -moz-appearance: none;
  appearance: none;
  -webkit-transition: all 0.3s ease-out;
  -moz-transition: all 0.3s ease-out;
  -ms-transition: all 0.3s ease-out;
  -o-transition: all 0.3s ease-out;
  transition: all 0.3s ease-out;
  cursor: pointer;
  display: block;
  height: 40px;
  padding: 10px 12px;
  color: #656F7D;
  background-color: #fff;
  border: 1px solid #C7C7C7;
  box-shadow: none;
  -webkit-box-shadow: none;
  /* For IE11 */ }
  .u-selectbox::-ms-expand {
    display: none;
    /* hide the default arrow in ie10 and ie11 */ }
  .u-selectbox__full {
    width: 100%;
    display: block; }
  .u-selectbox__light {
    background: #F5F5F5;
    border: 1px solid #F5F5F5;
    background-image: url(../images/twa/icon-drop-down-arrow.svg);
    background-repeat: no-repeat;
    background-position: 96% 50%; }

.u-checkbox {
  display: block;
  position: relative;
  padding-left: 22px;
  cursor: pointer;
  font-size: 14px;
  -webkit-user-select: none;
  -moz-user-select: none;
  -ms-user-select: none;
  user-select: none; }
  .u-checkbox .label {
    font-family: 'Work Sans', sans-serif;
    font-weight: 400;
    font-size: 14px;
    color: #505050;
    line-height: 22px;
    font-weight: 400 !important; }
  .u-checkbox input {
    position: absolute;
    opacity: 0;
    cursor: pointer;
    height: 0;
    width: 0; }
    .u-checkbox input:checked ~ .checkmark {
      background-color: #4465b7;
      border: 1px solid #4465b7; }
      .u-checkbox input:checked ~ .checkmark:after {
        display: block; }
  .u-checkbox .checkmark {
    position: absolute;
    top: 0;
    left: 0;
    height: 22px;
    width: 22px;
    background-color: #fff;
    border: 1px solid #C7C7C7;
    border-radius: 3px; }
    .u-checkbox .checkmark:after {
      content: "";
      position: absolute;
      display: none;
      left: 8px;
      top: 5px;
      width: 5px;
      height: 10px;
      border: solid #fff;
      border-width: 0 3px 3px 0;
      -webkit-transform: rotate(45deg);
      -ms-transform: rotate(45deg);
      transform: rotate(45deg);
      -webkit-transition: all 0.2s ease-out;
      -moz-transition: all 0.2s ease-out;
      -ms-transition: all 0.2s ease-out;
      -o-transition: all 0.2s ease-out;
      transition: all 0.2s ease-out; }
  .u-checkbox:hover input ~ .checkmark {
    background-color: #e9ebee; }
    .u-checkbox:hover input ~ .checkmark:after {
      border-color: #4465b7; }
  .u-checkbox__inline {
    display: inline-block; }
  .u-checkbox__\(40\).c-summer-program {
    line-height: 20px; }
    .u-checkbox__\(40\).c-summer-program .label {
      line-height: 20px;
      white-space: break-spaces;
      display: block;
      text-align: left;
      padding-top: 9px;
      font-size: 14px; }
  .u-checkbox__\(40\) .label {
    font-family: 'Work Sans', sans-serif;
    font-weight: 400;
    font-size: 16px;
    color: #656F7D;
    line-height: 40px;
    font-weight: 400 !important; }
  .u-checkbox__\(40\) .checkmark {
    top: 8px; }

.u-radio {
  display: block;
  position: relative;
  padding-left: 22px;
  cursor: pointer;
  font-size: 14px;
  -webkit-user-select: none;
  -moz-user-select: none;
  -ms-user-select: none;
  user-select: none; }
  .u-radio + .u-radio {
    margin-left: 10px; }
  .u-radio .label {
    font-family: 'Work Sans', sans-serif;
    font-weight: 400;
    font-size: 14px;
    color: #505050;
    line-height: 22px;
    font-weight: 400 !important; }
  .u-radio input {
    position: absolute;
    opacity: 0;
    cursor: pointer;
    height: 0;
    width: 0; }
    .u-radio input:checked ~ .checkmark {
      background-color: #4465b7;
      border: 1px solid #4465b7; }
      .u-radio input:checked ~ .checkmark:after {
        display: block; }
  .u-radio .checkmark {
    position: absolute;
    top: 0;
    left: 0;
    height: 22px;
    width: 22px;
    background-color: #fff;
    border: 1px solid #C7C7C7;
    border-radius: 50%; }
    .u-radio .checkmark:after {
      content: "";
      position: absolute;
      display: none;
      left: 5px;
      top: 5px;
      width: 1px;
      height: 1px;
      border: solid #fff;
      border-width: 5px;
      -webkit-transform: rotate(45deg);
      -ms-transform: rotate(45deg);
      transform: rotate(45deg);
      border-radius: 50%;
      -webkit-transition: all 0.2s ease-out;
      -moz-transition: all 0.2s ease-out;
      -ms-transition: all 0.2s ease-out;
      -o-transition: all 0.2s ease-out;
      transition: all 0.2s ease-out; }
  .u-radio:hover input ~ .checkmark {
    background-color: #e9ebee; }
    .u-radio:hover input ~ .checkmark:after {
      border-color: #4465b7; }
  .u-radio__inline {
    display: inline-block; }
  .u-radio__\(40\) .label {
    font-family: 'Work Sans', sans-serif;
    font-weight: 400;
    font-size: 16px;
    color: #656F7D;
    line-height: 40px;
    font-weight: 400 !important; }
  .u-radio__\(40\) .checkmark {
    top: 8px; }

.iconrWrap {
  display: inline-block;
  vertical-align: top; }
  .iconrWrap .fa {
    width: 20px;
    text-align: center; }
  .iconrWrap .on {
    display: block;
    vertical-align: top; }

.iconlist {
  display: block;
  vertical-align: top; }

.paymentIssue {
  color: #ff0017; }

.conferenceNotSetup {
  color: #ff0017; }

.lowEngagement {
  color: #d86edc; }

.conferenceNotesIssue {
  color: #f4708b; }

.missedLastTwoConferences {
  color: #ff0017; }

.emptyAssignments {
  color: orange; }
  .emptyAssignments .fa-level-down {
    color: orange; }

.lowAssignments {
  color: red; }
  .lowAssignments .fa-level-down {
    color: red; }

.report-yellow a {
  background-color: #f7bf15 !important; }

.report-green a {
  background-color: #75c043 !important; }

.report-red a {
  background-color: #ed4c4c !important; }

.bs-wizard-step .progress-upcoming .progress-bar-upcoming {
  background-color: #f7bf15 !important; }

.bs-wizard-step .bs-wizard-dot-upcoming:after {
  background-color: #f7bf15 !important; }

/****************************************************************************************
@
@	Datalist Top Filter Dropdown
@
****************************************************************************************/
.c-datalist-top-filter-dropdown {
  max-width: 180px; }
  .c-datalist-top-filter-dropdown select.form-control {
    font-family: 'Work Sans', sans-serif;
    font-weight: 400;
    font-size: 16px;
    color: #656F7D;
    line-height: 19px;
    background-image: url(../images/twa/icon-drop-down-arrow.svg);
    background-repeat: no-repeat;
    background-position: 96% 50%;
    -webkit-appearance: none;
    -moz-appearance: none;
    appearance: none;
    -webkit-transition: all 0.3s ease-out;
    -moz-transition: all 0.3s ease-out;
    -ms-transition: all 0.3s ease-out;
    -o-transition: all 0.3s ease-out;
    transition: all 0.3s ease-out;
    cursor: pointer;
    display: block;
    width: 100%;
    height: 44px;
    padding: 6px 12px;
    color: #717b85;
    background-color: #f5f5f5;
    border: 1px solid #ccc0;
    box-shadow: none;
    -webkit-box-shadow: none;
    /* For IE11 */ }
    .c-datalist-top-filter-dropdown select.form-control:hover {
      -webkit-box-shadow: 1px 1px 10px rgba(0, 0, 0, 0.2);
      -moz-box-shadow: 1px 1px 10px rgba(0, 0, 0, 0.2);
      -ms-box-shadow: 1px 1px 10px rgba(0, 0, 0, 0.2);
      -o-box-shadow: 1px 1px 10px rgba(0, 0, 0, 0.2);
      box-shadow: 1px 1px 10px rgba(0, 0, 0, 0.2); }
    .c-datalist-top-filter-dropdown select.form-control::-ms-expand {
      display: none;
      /* hide the default arrow in ie10 and ie11 */ }

/****************************************************************************************
@
@	Custom Select Filter
@
****************************************************************************************/
.c-custom-select-filter--icon {
  pointer-events: auto;
  text-decoration: none;
  cursor: pointer; }

.c-custom-select-filter--content {
  position: absolute;
  background-color: #fff;
  margin-left: -15px;
  margin-top: 20px;
  padding: 15px;
  min-width: 240px;
  z-index: 1000;
  border: none;
  -webkit-box-shadow: 2px 3px 12px rgba(212, 212, 212, 0.8);
  -moz-box-shadow: 2px 3px 12px rgba(212, 212, 212, 0.8);
  -ms-box-shadow: 2px 3px 12px rgba(212, 212, 212, 0.8);
  -o-box-shadow: 2px 3px 12px rgba(212, 212, 212, 0.8);
  box-shadow: 2px 3px 12px rgba(212, 212, 212, 0.8);
  -webkit-border-radius: 5px;
  -moz-border-radius: 5px;
  -ms-border-radius: 5px;
  -o-border-radius: 5px;
  border-radius: 5px; }

.c-custom-select-filter--label {
  font-family: 'Work Sans', sans-serif;
  font-weight: 400;
  font-size: 12px;
  color: #333333;
  line-height: 20px;
  display: block;
  margin-bottom: 10px !important; }

.c-custom-select-filter--select,
.c-custom-select-filter select.form-control {
  font-family: 'Work Sans', sans-serif;
  font-weight: 400;
  font-size: 16px;
  color: #656F7D;
  line-height: 19px;
  background-image: url(../images/twa/icon-drop-down-arrow.svg);
  background-repeat: no-repeat;
  background-position: 96% 50%;
  -webkit-appearance: none;
  -moz-appearance: none;
  appearance: none;
  -webkit-transition: all 0.3s ease-out;
  -moz-transition: all 0.3s ease-out;
  -ms-transition: all 0.3s ease-out;
  -o-transition: all 0.3s ease-out;
  transition: all 0.3s ease-out;
  cursor: pointer;
  display: block;
  width: 100%;
  height: 44px;
  padding: 6px 12px;
  color: #717b85;
  background-color: #f5f5f5;
  border: 1px solid #ccc0;
  box-shadow: none;
  -webkit-box-shadow: none;
  margin-bottom: 10px;
  /* For IE11 */ }
  .c-custom-select-filter--select:hover,
  .c-custom-select-filter select.form-control:hover {
    -webkit-box-shadow: 1px 1px 10px rgba(0, 0, 0, 0.2);
    -moz-box-shadow: 1px 1px 10px rgba(0, 0, 0, 0.2);
    -ms-box-shadow: 1px 1px 10px rgba(0, 0, 0, 0.2);
    -o-box-shadow: 1px 1px 10px rgba(0, 0, 0, 0.2);
    box-shadow: 1px 1px 10px rgba(0, 0, 0, 0.2); }
  .c-custom-select-filter--select::-ms-expand,
  .c-custom-select-filter select.form-control::-ms-expand {
    display: none;
    /* hide the default arrow in ie10 and ie11 */ }

.c-custom-select-filter--text {
  font-family: 'Work Sans', sans-serif;
  font-weight: 400;
  font-size: 16px;
  color: #656F7D;
  line-height: 19px;
  -webkit-appearance: none;
  -moz-appearance: none;
  appearance: none;
  -webkit-transition: all 0.3s ease-out;
  -moz-transition: all 0.3s ease-out;
  -ms-transition: all 0.3s ease-out;
  -o-transition: all 0.3s ease-out;
  transition: all 0.3s ease-out;
  cursor: pointer;
  display: block;
  width: 100%;
  height: 44px;
  padding: 6px 12px;
  color: #717b85;
  background-color: #f5f5f5;
  border: 1px solid #ccc0;
  box-shadow: none;
  -webkit-box-shadow: none;
  margin-bottom: 10px; }
  .c-custom-select-filter--text:hover {
    -webkit-box-shadow: 1px 1px 10px rgba(0, 0, 0, 0.2);
    -moz-box-shadow: 1px 1px 10px rgba(0, 0, 0, 0.2);
    -ms-box-shadow: 1px 1px 10px rgba(0, 0, 0, 0.2);
    -o-box-shadow: 1px 1px 10px rgba(0, 0, 0, 0.2);
    box-shadow: 1px 1px 10px rgba(0, 0, 0, 0.2); }

.c-custom-select-filter .input-group.date {
  position: relative; }
  .c-custom-select-filter .input-group.date input.form-control {
    font-family: 'Work Sans', sans-serif;
    font-weight: 400;
    font-size: 16px;
    color: #656F7D;
    line-height: 19px;
    -webkit-appearance: none;
    -moz-appearance: none;
    appearance: none;
    -webkit-transition: all 0.3s ease-out;
    -moz-transition: all 0.3s ease-out;
    -ms-transition: all 0.3s ease-out;
    -o-transition: all 0.3s ease-out;
    transition: all 0.3s ease-out;
    cursor: pointer;
    display: block;
    width: 100%;
    height: 44px;
    padding: 6px 12px;
    color: #717b85;
    background-color: #f5f5f5;
    border: 1px solid #ccc0;
    box-shadow: none;
    -webkit-box-shadow: none;
    margin-bottom: 10px;
    -webkit-border-radius: 5px;
    -moz-border-radius: 5px;
    -ms-border-radius: 5px;
    -o-border-radius: 5px;
    border-radius: 5px; }
    .c-custom-select-filter .input-group.date input.form-control:hover {
      -webkit-box-shadow: 1px 1px 10px rgba(0, 0, 0, 0.2);
      -moz-box-shadow: 1px 1px 10px rgba(0, 0, 0, 0.2);
      -ms-box-shadow: 1px 1px 10px rgba(0, 0, 0, 0.2);
      -o-box-shadow: 1px 1px 10px rgba(0, 0, 0, 0.2);
      box-shadow: 1px 1px 10px rgba(0, 0, 0, 0.2); }
  .c-custom-select-filter .input-group.date .input-group-addon {
    display: block;
    position: absolute;
    top: 0;
    right: 0;
    height: 38px;
    width: 38px;
    z-index: 1000;
    border: none;
    background: rgba(28, 41, 73, 0.1);
    margin: 3px 3px 0px 0px;
    text-align: center;
    -webkit-border-radius: 5px;
    -moz-border-radius: 5px;
    -ms-border-radius: 5px;
    -o-border-radius: 5px;
    border-radius: 5px;
    padding: 0px 0px 0px 2px; }
    .c-custom-select-filter .input-group.date .input-group-addon .glyphicon.glyphicon-calendar {
      font-size: 20px;
      line-height: 38px;
      color: #4465b7;
      width: 38px;
      height: 38px;
      display: inline-block;
      margin: 0; }

.c-custom-select-filter--btn {
  font-family: 'Work Sans', sans-serif;
  font-weight: 400;
  font-size: 16px;
  color: #fff;
  line-height: 19px;
  font-weight: 400 !important;
  padding: 12.5px 16px;
  border: none;
  -webkit-transition: all 0.3s ease-out;
  -moz-transition: all 0.3s ease-out;
  -ms-transition: all 0.3s ease-out;
  -o-transition: all 0.3s ease-out;
  transition: all 0.3s ease-out;
  max-height: 44px;
  background: #4465b7;
  border: 1px solid #4465b7;
  -webkit-border-radius: 5px;
  -moz-border-radius: 5px;
  -ms-border-radius: 5px;
  -o-border-radius: 5px;
  border-radius: 5px;
  float: left; }
  .c-custom-select-filter--btn__clear {
    background-color: #fff;
    color: #555;
    border: 1px solid #555555;
    float: right; }
  .c-custom-select-filter--btn:hover {
    background-color: #ecf1ff;
    color: #4465b7;
    border: 1px solid #4465b7; }

/****************************************************************************************
@
@	Datalist Top Filter Buttons
@
****************************************************************************************/
.c-datalist-top-filter-button > div {
  padding: 0 5px; }

.c-datalist-top-filter-button .btn {
  font-family: 'Work Sans', sans-serif;
  font-weight: 400;
  font-size: 16px;
  color: #4465b7;
  line-height: 19px;
  font-weight: 400 !important;
  padding: 12.5px 16px;
  border: none;
  -webkit-transition: all 0.3s ease-out;
  -moz-transition: all 0.3s ease-out;
  -ms-transition: all 0.3s ease-out;
  -o-transition: all 0.3s ease-out;
  transition: all 0.3s ease-out;
  max-height: 44px;
  background: #ecf1ff;
  -webkit-border-radius: 5px;
  -moz-border-radius: 5px;
  -ms-border-radius: 5px;
  -o-border-radius: 5px;
  border-radius: 5px; }
  .c-datalist-top-filter-button .btn__blue {
    font-family: 'Work Sans', sans-serif;
    font-weight: 400;
    font-size: 16px;
    color: #fff;
    line-height: 19px;
    font-weight: 400 !important;
    background: #4465b7; }
    .c-datalist-top-filter-button .btn__blue:hover {
      font-family: 'Work Sans', sans-serif;
      font-weight: 400;
      font-size: 16px;
      color: #4465b7;
      line-height: 19px;
      background: #ecf1ff; }

.c-datalist-top-filter-button.smaller .btn {
  font-family: 'Work Sans', sans-serif;
  font-weight: 400;
  font-size: 12px;
  color: #4465b7;
  line-height: 19px;
  font-weight: 500 !important;
  padding: 12.5px 10px;
  max-height: 44px; }

.c-datalist-top-filter-button__tabpills .btn {
  border-radius: 0;
  border: 1px solid #dedede; }
  .c-datalist-top-filter-button__tabpills .btn.left-radius {
    -webkit-border-radius: 5px 0px 0px 5px;
    -moz-border-radius: 5px 0px 0px 5px;
    -ms-border-radius: 5px 0px 0px 5px;
    -o-border-radius: 5px 0px 0px 5px;
    border-radius: 5px 0px 0px 5px;
    border-right: none; }
  .c-datalist-top-filter-button__tabpills .btn.right-radius {
    -webkit-border-radius: 0px 5px 5px 0px;
    -moz-border-radius: 0px 5px 5px 0px;
    -ms-border-radius: 0px 5px 5px 0px;
    -o-border-radius: 0px 5px 5px 0px;
    border-radius: 0px 5px 5px 0px;
    border-left: none; }
  .c-datalist-top-filter-button__tabpills .btn.btn-success {
    background: #4465b7 !important;
    color: #fff;
    border-color: #4465b7 !important; }
  .c-datalist-top-filter-button__tabpills .btn.disabled-state {
    color: #656F7D !important; }

/****************************************************************************************
@
@	TWA Responsive Table
@
****************************************************************************************/
.c-twa-responsive-table-container {
  width: 100%;
  margin: 0px;
  border: none; }
  .c-twa-responsive-table-container--header {
    background-color: #ecf1ff !important; }
    .c-twa-responsive-table-container--header tr th {
      font-family: 'Work Sans', sans-serif;
      font-weight: 400;
      font-size: 14px;
      color: #4465b7;
      line-height: 16px;
      font-weight: 400 !important;
      font-size: 12px !important;
      line-height: 16px !important;
      border-top: 1px solid #DADCE0 !important;
      border-bottom: 1px solid #DADCE0 !important;
      border-right: 1px solid #DADCE0 !important;
      vertical-align: middle !important;
      height: 60px;
      padding: 3px !important; }
      .c-twa-responsive-table-container--header tr th:first-of-type {
        border-left: 1px solid #DADCE0 !important; }
      .c-twa-responsive-table-container--header tr th * {
        font-weight: 400 !important; }
    .c-twa-responsive-table-container--header--flex-container {
      display: flex;
      flex-direction: column;
      align-items: flex-start; }
      .c-twa-responsive-table-container--header--flex-container > div {
        display: flex;
        white-space: pre-line;
        margin: 0 0 5px 0; }
        .c-twa-responsive-table-container--header--flex-container > div:last-of-type {
          margin: 0; }
        .c-twa-responsive-table-container--header--flex-container > div span, .c-twa-responsive-table-container--header--flex-container > div i {
          margin: 0 5px 0 0; }
  .c-twa-responsive-table-container--body tr td {
    border-top: 1px solid #EAEBEE !important;
    border-right: 1px solid #EAEBEE;
    font-weight: 400 !important;
    font-size: 12px;
    line-height: 16px !important;
    height: 40px;
    vertical-align: middle !important;
    color: #5C5C5C;
    padding: 3px !important; }
    .c-twa-responsive-table-container--body tr td * {
      font-weight: 400 !important;
      font-size: 12px;
      line-height: 16px !important;
      vertical-align: middle !important; }
    .c-twa-responsive-table-container--body tr td:last-of-type {
      border-right: none; }
    .c-twa-responsive-table-container--body tr td.marketing-tool {
      color: #375885; }
      .c-twa-responsive-table-container--body tr td.marketing-tool * {
        color: inherit; }
    .c-twa-responsive-table-container--body tr td.device-info {
      text-align: center; }
      .c-twa-responsive-table-container--body tr td.device-info .fa {
        font-size: 20px; }
      .c-twa-responsive-table-container--body tr td.device-info .apple {
        color: #848080; }
      .c-twa-responsive-table-container--body tr td.device-info .android {
        color: #AAC148; }
      .c-twa-responsive-table-container--body tr td.device-info .chrome {
        color: #FFC107; }
    .c-twa-responsive-table-container--body tr td.payment-status span {
      font-weight: 600 !important; }
    .c-twa-responsive-table-container--body tr td.payment-status .on-hold {
      color: #FFA015; }
    .c-twa-responsive-table-container--body tr td.payment-status .cancelled {
      color: #375885; }
    .c-twa-responsive-table-container--body tr td.payment-status .past-due {
      color: #FF1515; }
    .c-twa-responsive-table-container--body tr td.payment-status .inactive {
      color: #ababab; }
    .c-twa-responsive-table-container--body tr td.payment-status .active {
      color: #62B408; }
    .c-twa-responsive-table-container--body tr td.stage div {
      width: 110px; }
    .c-twa-responsive-table-container--body tr td.stage span {
      width: 10px;
      height: 2px;
      display: inline-block;
      margin: 0 1px;
      background-color: #DADCE0 !important; }
      .c-twa-responsive-table-container--body tr td.stage span.grey {
        background-color: #DADCE0 !important; }
      .c-twa-responsive-table-container--body tr td.stage span.green {
        background-color: #62B408 !important; }

.c-send-DT-reportPDF .modal-lg {
  max-width: 740px;
  width: 100%; }
  .c-send-DT-reportPDF .modal-lg .modal-content {
    -webkit-border-radius: 0px 0px 0px 0px;
    -moz-border-radius: 0px 0px 0px 0px;
    -ms-border-radius: 0px 0px 0px 0px;
    -o-border-radius: 0px 0px 0px 0px;
    border-radius: 0px 0px 0px 0px;
    border: 2px solid #4465b7; }
    .c-send-DT-reportPDF .modal-lg .modal-content .modal-header {
      background: #4465b7;
      padding: 15px 40px;
      position: relative;
      border: none; }
      .c-send-DT-reportPDF .modal-lg .modal-content .modal-header .modal-title {
        font-family: 'Work Sans', sans-serif;
        font-weight: 600;
        font-size: 18px;
        color: #fff;
        line-height: 20px;
        font-weight: 600 !important;
        text-align: center; }
      .c-send-DT-reportPDF .modal-lg .modal-content .modal-header .close {
        opacity: 1;
        margin-top: 0; }
        .c-send-DT-reportPDF .modal-lg .modal-content .modal-header .close span {
          display: flex;
          position: absolute;
          top: 50%;
          right: 10px;
          font-family: 'Work Sans', sans-serif;
          font-weight: 400;
          font-size: 26px;
          color: #fff;
          line-height: 20px;
          font-weight: 400 !important;
          cursor: pointer;
          text-align: center;
          align-items: center;
          justify-content: center;
          -webkit-transform: translateY(-50%);
          -moz-transform: translateY(-50%);
          -ms-transform: translateY(-50%);
          -o-transform: translateY(-50%);
          transform: translateY(-50%); }
    .c-send-DT-reportPDF .modal-lg .modal-content .modal-body {
      padding: 30px 40px; }
    .c-send-DT-reportPDF .modal-lg .modal-content .modal-footer {
      padding: 15px 40px;
      border: 1px solid #e9ebee; }

.c-send-DT-reportPDF--row {
  display: flex;
  justify-content: flex-start;
  align-items: flex-start;
  padding-bottom: 10px; }
  .c-send-DT-reportPDF--row.no-padding-bottom {
    padding-bottom: 0; }

.c-send-DT-reportPDF--col {
  flex: 1; }
  .c-send-DT-reportPDF--col.isSmall {
    flex: initial;
    padding-right: 30px;
    width: 90px; }

.c-editstudentdetail-modal--row {
  width: 100%;
  display: flex;
  justify-content: flex-start;
  align-items: flex-start;
  padding-bottom: 10px; }
  .c-editstudentdetail-modal--row.no-padding-bottom {
    padding-bottom: 0; }

.c-editstudentdetail-modal--col {
  flex: 1; }
  .c-editstudentdetail-modal--col.isSmall {
    flex: initial;
    padding-right: 10px;
    width: 210px; }

.c-editstudentdetail-modal .u-has-btngroup .btn-toolbar .btn-group .btn {
  font-size: 14px !important;
  font-weight: 400 !important;
  line-height: 28px;
  padding: 5px 13px; }
  .c-editstudentdetail-modal .u-has-btngroup .btn-toolbar .btn-group .btn.btn-primary {
    background: #4465b7;
    border-color: #1c2949; }

body .daterangepicker {
  border: 1px solid #e9ebee; }
  body .daterangepicker .ranges li {
    font-family: 'Work Sans', sans-serif;
    font-weight: 300;
    font-size: 14px;
    color: #656F7D;
    line-height: 16px;
    font-weight: 400 !important;
    margin: 0;
    border-radius: 0;
    background: #fff;
    border: 1px solid #e9ebee; }
    body .daterangepicker .ranges li:hover {
      background: #e9ebee;
      border: 1px solid #e9ebee;
      color: #656F7D; }
    body .daterangepicker .ranges li.active {
      background: #4465b7;
      border: 1px solid #4465b7;
      color: #fff; }

.c-st-dtls {
  margin-bottom: 20px; }
  .c-st-dtls--header {
    display: flex;
    padding: 15px;
    background: #ecf1ff;
    border: 1px solid #c8d4f5;
    border-radius: 5px;
    cursor: pointer; }
    .c-st-dtls--header.open {
      border-radius: 5px 5px 0 0; }
    .c-st-dtls--header h4 {
      flex: 1;
      margin: 0 !important; }
    .c-st-dtls--header .dropdown {
      padding-left: 15px; }
  .c-st-dtls--body {
    padding: 15px;
    border: 1px solid #e9ebee;
    border-top: none;
    border-radius: 0 0 5px 5px;
    background: #fbfbfb; }
  .c-st-dtls--tabs {
    text-align: center;
    padding-bottom: 15px !important;
    margin-bottom: 20px;
    border-bottom: 2px solid #e9ebee; }

.o-student-page--top--right li.no-flex {
  display: block; }

.c-twa-nps-rating {
  display: block;
  padding: 5px 0;
  display: flex;
  align-items: center; }
  .c-twa-nps-rating > .col {
    flex: 1; }
    .c-twa-nps-rating > .col.col2 {
      padding-left: 10px;
      flex: initial; }
  .c-twa-nps-rating--bar {
    padding: 4.5px;
    border: 1px solid #E1EAF2;
    border-radius: 14px;
    background: #fff;
    display: flex; }
    .c-twa-nps-rating--bar span {
      flex: 1;
      align-items: center;
      justify-content: center;
      text-align: center;
      background: #F0F5F9;
      border-right: 1px solid #fff; }
      .c-twa-nps-rating--bar span:first-of-type {
        border-radius: 14px 0 0 14px; }
      .c-twa-nps-rating--bar span:last-of-type {
        border-radius: 0 14px 14px 0; }
      .c-twa-nps-rating--bar span strong {
        line-height: 15px;
        font-size: 11px;
        font-weight: 600 !important;
        color: #fff !important; }
    .c-twa-nps-rating--bar.rating-0 span:nth-child(1) {
      background: #F91106; }
      .c-twa-nps-rating--bar.rating-0 span:nth-child(1) strong {
        color: #320104; }
    .c-twa-nps-rating--bar.rating-1 span:nth-child(1) {
      background: #F91106; }
      .c-twa-nps-rating--bar.rating-1 span:nth-child(1) strong {
        color: #320104; }
    .c-twa-nps-rating--bar.rating-1 span:nth-child(2) {
      background: #F91106; }
      .c-twa-nps-rating--bar.rating-1 span:nth-child(2) strong {
        color: #320104; }
    .c-twa-nps-rating--bar.rating-2 span:nth-child(1) {
      background: #F97400; }
      .c-twa-nps-rating--bar.rating-2 span:nth-child(1) strong {
        color: #320104; }
    .c-twa-nps-rating--bar.rating-2 span:nth-child(2) {
      background: #F97400; }
      .c-twa-nps-rating--bar.rating-2 span:nth-child(2) strong {
        color: #320104; }
    .c-twa-nps-rating--bar.rating-2 span:nth-child(3) {
      background: #F97400; }
      .c-twa-nps-rating--bar.rating-2 span:nth-child(3) strong {
        color: #320104; }
    .c-twa-nps-rating--bar.rating-3 span:nth-child(1) {
      background: #F77900; }
      .c-twa-nps-rating--bar.rating-3 span:nth-child(1) strong {
        color: #320104; }
    .c-twa-nps-rating--bar.rating-3 span:nth-child(2) {
      background: #F77900; }
      .c-twa-nps-rating--bar.rating-3 span:nth-child(2) strong {
        color: #320104; }
    .c-twa-nps-rating--bar.rating-3 span:nth-child(3) {
      background: #F77900; }
      .c-twa-nps-rating--bar.rating-3 span:nth-child(3) strong {
        color: #320104; }
    .c-twa-nps-rating--bar.rating-3 span:nth-child(4) {
      background: #F77900; }
      .c-twa-nps-rating--bar.rating-3 span:nth-child(4) strong {
        color: #320104; }
    .c-twa-nps-rating--bar.rating-4 span:nth-child(1) {
      background: #F5A500; }
      .c-twa-nps-rating--bar.rating-4 span:nth-child(1) strong {
        color: #320104; }
    .c-twa-nps-rating--bar.rating-4 span:nth-child(2) {
      background: #F5A500; }
      .c-twa-nps-rating--bar.rating-4 span:nth-child(2) strong {
        color: #320104; }
    .c-twa-nps-rating--bar.rating-4 span:nth-child(3) {
      background: #F5A500; }
      .c-twa-nps-rating--bar.rating-4 span:nth-child(3) strong {
        color: #320104; }
    .c-twa-nps-rating--bar.rating-4 span:nth-child(4) {
      background: #F5A500; }
      .c-twa-nps-rating--bar.rating-4 span:nth-child(4) strong {
        color: #320104; }
    .c-twa-nps-rating--bar.rating-4 span:nth-child(5) {
      background: #F5A500; }
      .c-twa-nps-rating--bar.rating-4 span:nth-child(5) strong {
        color: #320104; }
    .c-twa-nps-rating--bar.rating-5 span:nth-child(1) {
      background: #F7D200; }
      .c-twa-nps-rating--bar.rating-5 span:nth-child(1) strong {
        color: #320104; }
    .c-twa-nps-rating--bar.rating-5 span:nth-child(2) {
      background: #F7D200; }
      .c-twa-nps-rating--bar.rating-5 span:nth-child(2) strong {
        color: #320104; }
    .c-twa-nps-rating--bar.rating-5 span:nth-child(3) {
      background: #F7D200; }
      .c-twa-nps-rating--bar.rating-5 span:nth-child(3) strong {
        color: #320104; }
    .c-twa-nps-rating--bar.rating-5 span:nth-child(4) {
      background: #F7D200; }
      .c-twa-nps-rating--bar.rating-5 span:nth-child(4) strong {
        color: #320104; }
    .c-twa-nps-rating--bar.rating-5 span:nth-child(5) {
      background: #F7D200; }
      .c-twa-nps-rating--bar.rating-5 span:nth-child(5) strong {
        color: #320104; }
    .c-twa-nps-rating--bar.rating-5 span:nth-child(6) {
      background: #F7D200; }
      .c-twa-nps-rating--bar.rating-5 span:nth-child(6) strong {
        color: #320104; }
    .c-twa-nps-rating--bar.rating-6 span:nth-child(1) {
      background: #FCE200; }
      .c-twa-nps-rating--bar.rating-6 span:nth-child(1) strong {
        color: #320104; }
    .c-twa-nps-rating--bar.rating-6 span:nth-child(2) {
      background: #FCE200; }
      .c-twa-nps-rating--bar.rating-6 span:nth-child(2) strong {
        color: #320104; }
    .c-twa-nps-rating--bar.rating-6 span:nth-child(3) {
      background: #FCE200; }
      .c-twa-nps-rating--bar.rating-6 span:nth-child(3) strong {
        color: #320104; }
    .c-twa-nps-rating--bar.rating-6 span:nth-child(4) {
      background: #FCE200; }
      .c-twa-nps-rating--bar.rating-6 span:nth-child(4) strong {
        color: #320104; }
    .c-twa-nps-rating--bar.rating-6 span:nth-child(5) {
      background: #FCE200; }
      .c-twa-nps-rating--bar.rating-6 span:nth-child(5) strong {
        color: #320104; }
    .c-twa-nps-rating--bar.rating-6 span:nth-child(6) {
      background: #FCE200; }
      .c-twa-nps-rating--bar.rating-6 span:nth-child(6) strong {
        color: #320104; }
    .c-twa-nps-rating--bar.rating-6 span:nth-child(7) {
      background: #FCE200; }
      .c-twa-nps-rating--bar.rating-6 span:nth-child(7) strong {
        color: #320104; }
    .c-twa-nps-rating--bar.rating-7 span:nth-child(1) {
      background: #FEE200; }
      .c-twa-nps-rating--bar.rating-7 span:nth-child(1) strong {
        color: #320104; }
    .c-twa-nps-rating--bar.rating-7 span:nth-child(2) {
      background: #FEE200; }
      .c-twa-nps-rating--bar.rating-7 span:nth-child(2) strong {
        color: #320104; }
    .c-twa-nps-rating--bar.rating-7 span:nth-child(3) {
      background: #FEE200; }
      .c-twa-nps-rating--bar.rating-7 span:nth-child(3) strong {
        color: #320104; }
    .c-twa-nps-rating--bar.rating-7 span:nth-child(4) {
      background: #FEE200; }
      .c-twa-nps-rating--bar.rating-7 span:nth-child(4) strong {
        color: #320104; }
    .c-twa-nps-rating--bar.rating-7 span:nth-child(5) {
      background: #FEE200; }
      .c-twa-nps-rating--bar.rating-7 span:nth-child(5) strong {
        color: #320104; }
    .c-twa-nps-rating--bar.rating-7 span:nth-child(6) {
      background: #FEE200; }
      .c-twa-nps-rating--bar.rating-7 span:nth-child(6) strong {
        color: #320104; }
    .c-twa-nps-rating--bar.rating-7 span:nth-child(7) {
      background: #FEE200; }
      .c-twa-nps-rating--bar.rating-7 span:nth-child(7) strong {
        color: #320104; }
    .c-twa-nps-rating--bar.rating-7 span:nth-child(8) {
      background: #FEE200; }
      .c-twa-nps-rating--bar.rating-7 span:nth-child(8) strong {
        color: #320104; }
    .c-twa-nps-rating--bar.rating-8 span:nth-child(1) {
      background: #C1D800; }
      .c-twa-nps-rating--bar.rating-8 span:nth-child(1) strong {
        color: #320104; }
    .c-twa-nps-rating--bar.rating-8 span:nth-child(2) {
      background: #C1D800; }
      .c-twa-nps-rating--bar.rating-8 span:nth-child(2) strong {
        color: #320104; }
    .c-twa-nps-rating--bar.rating-8 span:nth-child(3) {
      background: #C1D800; }
      .c-twa-nps-rating--bar.rating-8 span:nth-child(3) strong {
        color: #320104; }
    .c-twa-nps-rating--bar.rating-8 span:nth-child(4) {
      background: #C1D800; }
      .c-twa-nps-rating--bar.rating-8 span:nth-child(4) strong {
        color: #320104; }
    .c-twa-nps-rating--bar.rating-8 span:nth-child(5) {
      background: #C1D800; }
      .c-twa-nps-rating--bar.rating-8 span:nth-child(5) strong {
        color: #320104; }
    .c-twa-nps-rating--bar.rating-8 span:nth-child(6) {
      background: #C1D800; }
      .c-twa-nps-rating--bar.rating-8 span:nth-child(6) strong {
        color: #320104; }
    .c-twa-nps-rating--bar.rating-8 span:nth-child(7) {
      background: #C1D800; }
      .c-twa-nps-rating--bar.rating-8 span:nth-child(7) strong {
        color: #320104; }
    .c-twa-nps-rating--bar.rating-8 span:nth-child(8) {
      background: #C1D800; }
      .c-twa-nps-rating--bar.rating-8 span:nth-child(8) strong {
        color: #320104; }
    .c-twa-nps-rating--bar.rating-8 span:nth-child(9) {
      background: #C1D800; }
      .c-twa-nps-rating--bar.rating-8 span:nth-child(9) strong {
        color: #320104; }
    .c-twa-nps-rating--bar.rating-9 span:nth-child(1) {
      background: #A6D200; }
      .c-twa-nps-rating--bar.rating-9 span:nth-child(1) strong {
        color: #320104; }
    .c-twa-nps-rating--bar.rating-9 span:nth-child(2) {
      background: #A6D200; }
      .c-twa-nps-rating--bar.rating-9 span:nth-child(2) strong {
        color: #320104; }
    .c-twa-nps-rating--bar.rating-9 span:nth-child(3) {
      background: #A6D200; }
      .c-twa-nps-rating--bar.rating-9 span:nth-child(3) strong {
        color: #320104; }
    .c-twa-nps-rating--bar.rating-9 span:nth-child(4) {
      background: #A6D200; }
      .c-twa-nps-rating--bar.rating-9 span:nth-child(4) strong {
        color: #320104; }
    .c-twa-nps-rating--bar.rating-9 span:nth-child(5) {
      background: #A6D200; }
      .c-twa-nps-rating--bar.rating-9 span:nth-child(5) strong {
        color: #320104; }
    .c-twa-nps-rating--bar.rating-9 span:nth-child(6) {
      background: #A6D200; }
      .c-twa-nps-rating--bar.rating-9 span:nth-child(6) strong {
        color: #320104; }
    .c-twa-nps-rating--bar.rating-9 span:nth-child(7) {
      background: #A6D200; }
      .c-twa-nps-rating--bar.rating-9 span:nth-child(7) strong {
        color: #320104; }
    .c-twa-nps-rating--bar.rating-9 span:nth-child(8) {
      background: #A6D200; }
      .c-twa-nps-rating--bar.rating-9 span:nth-child(8) strong {
        color: #320104; }
    .c-twa-nps-rating--bar.rating-9 span:nth-child(9) {
      background: #A6D200; }
      .c-twa-nps-rating--bar.rating-9 span:nth-child(9) strong {
        color: #320104; }
    .c-twa-nps-rating--bar.rating-9 span:nth-child(10) {
      background: #A6D200; }
      .c-twa-nps-rating--bar.rating-9 span:nth-child(10) strong {
        color: #320104; }
    .c-twa-nps-rating--bar.rating-10 span:nth-child(1) {
      background: #8EBD00; }
      .c-twa-nps-rating--bar.rating-10 span:nth-child(1) strong {
        color: #320104; }
    .c-twa-nps-rating--bar.rating-10 span:nth-child(2) {
      background: #8EBD00; }
      .c-twa-nps-rating--bar.rating-10 span:nth-child(2) strong {
        color: #320104; }
    .c-twa-nps-rating--bar.rating-10 span:nth-child(3) {
      background: #8EBD00; }
      .c-twa-nps-rating--bar.rating-10 span:nth-child(3) strong {
        color: #320104; }
    .c-twa-nps-rating--bar.rating-10 span:nth-child(4) {
      background: #8EBD00; }
      .c-twa-nps-rating--bar.rating-10 span:nth-child(4) strong {
        color: #320104; }
    .c-twa-nps-rating--bar.rating-10 span:nth-child(5) {
      background: #8EBD00; }
      .c-twa-nps-rating--bar.rating-10 span:nth-child(5) strong {
        color: #320104; }
    .c-twa-nps-rating--bar.rating-10 span:nth-child(6) {
      background: #8EBD00; }
      .c-twa-nps-rating--bar.rating-10 span:nth-child(6) strong {
        color: #320104; }
    .c-twa-nps-rating--bar.rating-10 span:nth-child(7) {
      background: #8EBD00; }
      .c-twa-nps-rating--bar.rating-10 span:nth-child(7) strong {
        color: #320104; }
    .c-twa-nps-rating--bar.rating-10 span:nth-child(8) {
      background: #8EBD00; }
      .c-twa-nps-rating--bar.rating-10 span:nth-child(8) strong {
        color: #320104; }
    .c-twa-nps-rating--bar.rating-10 span:nth-child(9) {
      background: #8EBD00; }
      .c-twa-nps-rating--bar.rating-10 span:nth-child(9) strong {
        color: #320104; }
    .c-twa-nps-rating--bar.rating-10 span:nth-child(10) {
      background: #8EBD00; }
      .c-twa-nps-rating--bar.rating-10 span:nth-child(10) strong {
        color: #320104; }
    .c-twa-nps-rating--bar.rating-10 span:nth-child(11) {
      background: #8EBD00; }
      .c-twa-nps-rating--bar.rating-10 span:nth-child(11) strong {
        color: #320104; }

.o-NPSHistory-modal--top {
  display: flex;
  align-items: center;
  padding-bottom: 15px;
  border-bottom: 2px solid #e9ebee;
  margin-bottom: 15px; }
  .o-NPSHistory-modal--top > div {
    flex: 1; }
    .o-NPSHistory-modal--top > div.left h4 {
      font-family: 'Work Sans', sans-serif;
      font-weight: 700;
      font-size: 22px;
      color: #656F7D;
      line-height: 24px;
      font-weight: 700 !important; }
    .o-NPSHistory-modal--top > div.right {
      text-align: right; }
      .o-NPSHistory-modal--top > div.right .u-button {
        border: none;
        color: #000;
        font-weight: 700 !important;
        text-align: left;
        min-width: initial;
        padding: 12.5px 50px 12.5px 20px;
        background: url(../images/twa/calender-icon.png) 90% 50% no-repeat #eee;
        margin-left: 15px; }

/****************************************************************************************
@
@	Main Navigation
@
****************************************************************************************/
@-webkit-keyframes ring {
  0% {
    -webkit-transform: rotateZ(0); }
  1% {
    -webkit-transform: rotateZ(30deg); }
  3% {
    -webkit-transform: rotateZ(-28deg); }
  5% {
    -webkit-transform: rotateZ(34deg); }
  7% {
    -webkit-transform: rotateZ(-32deg); }
  9% {
    -webkit-transform: rotateZ(30deg); }
  11% {
    -webkit-transform: rotateZ(-28deg); }
  13% {
    -webkit-transform: rotateZ(26deg); }
  15% {
    -webkit-transform: rotateZ(-24deg); }
  17% {
    -webkit-transform: rotateZ(22deg); }
  19% {
    -webkit-transform: rotateZ(-20deg); }
  21% {
    -webkit-transform: rotateZ(18deg); }
  23% {
    -webkit-transform: rotateZ(-16deg); }
  25% {
    -webkit-transform: rotateZ(14deg); }
  27% {
    -webkit-transform: rotateZ(-12deg); }
  29% {
    -webkit-transform: rotateZ(10deg); }
  31% {
    -webkit-transform: rotateZ(-8deg); }
  33% {
    -webkit-transform: rotateZ(6deg); }
  35% {
    -webkit-transform: rotateZ(-4deg); }
  37% {
    -webkit-transform: rotateZ(2deg); }
  39% {
    -webkit-transform: rotateZ(-1deg); }
  41% {
    -webkit-transform: rotateZ(1deg); }
  43% {
    -webkit-transform: rotateZ(0); }
  100% {
    -webkit-transform: rotateZ(0); } }

@-moz-keyframes ring {
  0% {
    -moz-transform: rotate(0); }
  1% {
    -moz-transform: rotate(30deg); }
  3% {
    -moz-transform: rotate(-28deg); }
  5% {
    -moz-transform: rotate(34deg); }
  7% {
    -moz-transform: rotate(-32deg); }
  9% {
    -moz-transform: rotate(30deg); }
  11% {
    -moz-transform: rotate(-28deg); }
  13% {
    -moz-transform: rotate(26deg); }
  15% {
    -moz-transform: rotate(-24deg); }
  17% {
    -moz-transform: rotate(22deg); }
  19% {
    -moz-transform: rotate(-20deg); }
  21% {
    -moz-transform: rotate(18deg); }
  23% {
    -moz-transform: rotate(-16deg); }
  25% {
    -moz-transform: rotate(14deg); }
  27% {
    -moz-transform: rotate(-12deg); }
  29% {
    -moz-transform: rotate(10deg); }
  31% {
    -moz-transform: rotate(-8deg); }
  33% {
    -moz-transform: rotate(6deg); }
  35% {
    -moz-transform: rotate(-4deg); }
  37% {
    -moz-transform: rotate(2deg); }
  39% {
    -moz-transform: rotate(-1deg); }
  41% {
    -moz-transform: rotate(1deg); }
  43% {
    -moz-transform: rotate(0); }
  100% {
    -moz-transform: rotate(0); } }

@keyframes ring {
  0% {
    transform: rotate(0); }
  1% {
    transform: rotate(30deg); }
  3% {
    transform: rotate(-28deg); }
  5% {
    transform: rotate(34deg); }
  7% {
    transform: rotate(-32deg); }
  9% {
    transform: rotate(30deg); }
  11% {
    transform: rotate(-28deg); }
  13% {
    transform: rotate(26deg); }
  15% {
    transform: rotate(-24deg); }
  17% {
    transform: rotate(22deg); }
  19% {
    transform: rotate(-20deg); }
  21% {
    transform: rotate(18deg); }
  23% {
    transform: rotate(-16deg); }
  25% {
    transform: rotate(14deg); }
  27% {
    transform: rotate(-12deg); }
  29% {
    transform: rotate(10deg); }
  31% {
    transform: rotate(-8deg); }
  33% {
    transform: rotate(6deg); }
  35% {
    transform: rotate(-4deg); }
  37% {
    transform: rotate(2deg); }
  39% {
    transform: rotate(-1deg); }
  41% {
    transform: rotate(1deg); }
  43% {
    transform: rotate(0); }
  100% {
    transform: rotate(0); } }

.o-twa-navbar {
  background: #fff;
  box-shadow: 0px 0px 30px #B3B3B3;
  margin-bottom: 30px;
  position: fixed !important;
  top: 0;
  left: 0;
  width: 100%;
  z-index: 100;
  /* Logo */
  /* ./Logo */
  /* Navitem */
  /* ./Navitem */ }
  .o-twa-navbar .container {
    padding-top: 0;
    box-shadow: none; }
  .o-twa-navbar__logo {
    height: 38px;
    padding: 0px 0px;
    margin-left: 0 !important;
    margin-top: 10px; }
  .o-twa-navbar.navbar-default .navbar-nav > li > a {
    font-family: 'Work Sans', sans-serif;
    font-weight: 400;
    font-size: 14px;
    color: #5C5C5C;
    line-height: 16px;
    font-weight: 400 !important;
    padding: 20px 5px 20px; }
  .o-twa-navbar.navbar-default .navbar-nav > li.js-notification-trigger a {
    color: #457dff;
    font-size: 18px;
    position: relative; }
    .o-twa-navbar.navbar-default .navbar-nav > li.js-notification-trigger a i {
      position: relative; }
  .o-twa-navbar.navbar-default .navbar-nav > li.js-notification-trigger.hasNotification a:after {
    content: "";
    display: block;
    width: 7px;
    height: 7px;
    background-color: #ef523e;
    border-radius: 50%;
    position: absolute;
    top: 19px;
    right: 7px;
    border: 1px solid #fff; }
  .o-twa-navbar.navbar-default .navbar-nav > li.js-notification-trigger.hasNotification a i {
    -webkit-animation: ring 4s 2s ease-in-out infinite;
    -webkit-transform-origin: 50% 4px;
    -moz-animation: ring 4s 2s ease-in-out infinite;
    -moz-transform-origin: 50% 4px;
    animation: ring 4s 2s ease-in-out infinite;
    transform-origin: 50% 4px; }
  .o-twa-navbar.navbar-default .navbar-nav > li.js-tourguideToggler a {
    color: #29CC46;
    font-size: 18px;
    position: relative; }
    .o-twa-navbar.navbar-default .navbar-nav > li.js-tourguideToggler a i {
      position: relative; }
  .o-twa-navbar__navitem > a {
    font-family: 'Work Sans', sans-serif;
    font-weight: 400;
    font-size: 14px;
    color: #5C5C5C;
    line-height: 16px;
    padding: 10px; }
    .o-twa-navbar__navitem > a:hover {
      background: #ecf1ff !important; }
  .o-twa-navbar__navitem.active > a, .o-twa-navbar__navitem.active > a:focus, .o-twa-navbar__navitem.active > a:hover {
    border-bottom: 5px solid #4465b7 !important; }

.navbar-default .navbar-nav > .active > a,
.navbar-default .navbar-nav > .active > a:focus,
.navbar-default .navbar-nav > .active > a:hover {
  border-bottom: 5px solid #4465b7 !important; }

.o-footer {
  background: #fbfbfb;
  border-top: 2px solid #e9ebee; }
  .o-footer .wrp {
    max-width: 100%;
    padding: 15px 0px; }
  .o-footer .top {
    text-align: center;
    padding: 0 33px;
    padding-bottom: 15px;
    margin-bottom: 15px;
    border-bottom: 2px solid #e9ebee; }
    .o-footer .top span {
      font-family: 'Work Sans', sans-serif;
      font-weight: 600;
      font-size: 14px;
      color: #656F7D;
      line-height: 20px;
      font-weight: 500 !important;
      margin: 0 5px; }
  .o-footer .bottom {
    padding: 0 33px;
    display: flex;
    align-items: center; }
    .o-footer .bottom .col {
      flex: 1;
      display: flex;
      align-items: center; }
      .o-footer .bottom .col:last-of-type {
        text-align: right;
        justify-content: flex-end; }
      .o-footer .bottom .col .copyright {
        font-family: 'Work Sans', sans-serif;
        font-weight: 600;
        font-size: 14px;
        color: #656F7D;
        line-height: 20px;
        font-weight: 500 !important; }
      .o-footer .bottom .col .footer_links {
        font-family: 'Work Sans', sans-serif;
        font-weight: 600;
        font-size: 14px;
        color: #4465b7;
        line-height: 20px;
        font-weight: 500 !important;
        margin-right: 20px; }
        .o-footer .bottom .col .footer_links a {
          font-family: 'Work Sans', sans-serif;
          font-weight: 600;
          font-size: 14px;
          color: #4465b7;
          line-height: 20px;
          font-weight: 500 !important; }
          .o-footer .bottom .col .footer_links a:hover {
            color: #1c2949;
            text-decoration: underline; }

.o-notification-tray {
  width: 420px;
  height: 100%;
  padding-top: 61px;
  position: fixed;
  top: 0;
  right: 0;
  z-index: 99;
  box-shadow: -5px 0px 17px -6px rgba(0, 0, 0, 0.25);
  -webkit-transition: all 0.3s ease-in-out;
  -moz-transition: all 0.3s ease-in-out;
  -ms-transition: all 0.3s ease-in-out;
  -o-transition: all 0.3s ease-in-out;
  transition: all 0.3s ease-in-out;
  -webkit-transform: translateX(430px);
  -moz-transform: translateX(430px);
  -ms-transform: translateX(430px);
  -o-transform: translateX(430px);
  transform: translateX(430px); }
  .o-notification-tray.isActive {
    -webkit-transform: translateX(0px);
    -moz-transform: translateX(0px);
    -ms-transform: translateX(0px);
    -o-transform: translateX(0px);
    transform: translateX(0px); }
  .o-notification-tray--main {
    position: relative;
    width: 100%;
    height: 100%;
    background-color: #fff;
    overflow-y: auto;
    display: flex;
    flex-direction: column; }
  .o-notification-tray--header {
    padding: 20px;
    background-color: #4465b7;
    display: flex;
    align-items: center; }
    .o-notification-tray--header h2 {
      flex: 1;
      font-family: 'Work Sans', sans-serif;
      font-weight: 700;
      font-size: 18px;
      color: #fff;
      line-height: 18px;
      font-weight: 600 !important; }
    .o-notification-tray--header a.js-close {
      font-size: 18px;
      line-height: 18px;
      color: #c4d1f1;
      text-align: right;
      cursor: pointer;
      transition: all 0.2s ease-in-out; }
      .o-notification-tray--header a.js-close:hover {
        color: #fff; }
    .o-notification-tray--header a.js-refresh {
      font-size: 18px;
      line-height: 18px;
      color: #c4d1f1;
      text-align: right;
      cursor: pointer;
      padding-right: 10px;
      transition: all 0.2s ease-in-out; }
      .o-notification-tray--header a.js-refresh:hover {
        color: #fff; }
  .o-notification-tray--body {
    padding: 15px;
    flex: 1;
    overflow-y: auto; }
  .o-notification-tray--notification-list li {
    padding: 5px;
    position: relative; }
    .o-notification-tray--notification-list li a {
      display: flex;
      align-items: center;
      border-radius: 5px;
      border: 1px solid #e1e6f3;
      background: #F0F5F9;
      cursor: pointer;
      -webkit-transition: all 0.2s ease-out;
      -moz-transition: all 0.2s ease-out;
      -ms-transition: all 0.2s ease-out;
      -o-transition: all 0.2s ease-out;
      transition: all 0.2s ease-out; }
      .o-notification-tray--notification-list li a span {
        padding: 10px; }
        .o-notification-tray--notification-list li a span.icon .holder {
          display: block;
          padding: 0;
          font-size: 12px;
          line-height: 22px;
          width: 24px;
          height: 24px;
          text-align: center;
          background-color: #ef523e;
          color: #fff;
          border-radius: 50%;
          border: 2px solid #fff;
          box-shadow: 0px 2px 3px rgba(0, 0, 0, 0.2); }
          .o-notification-tray--notification-list li a span.icon .holder .fa-exclamation {
            display: inline-block; }
          .o-notification-tray--notification-list li a span.icon .holder .fa-check {
            display: none; }
        .o-notification-tray--notification-list li a span.text {
          flex: 1;
          display: block;
          position: relative;
          font-family: 'Work Sans', sans-serif;
          font-weight: 400;
          font-size: 14px;
          color: #656F7D;
          line-height: 18px; }
          .o-notification-tray--notification-list li a span.text span {
            padding: 0; }
          .o-notification-tray--notification-list li a span.text .time {
            display: block;
            padding-top: 5px;
            font-family: 'Work Sans', sans-serif;
            font-weight: 400;
            font-size: 11px;
            color: #9ea7b5;
            line-height: 18px; }
      .o-notification-tray--notification-list li a:hover {
        border: 1px solid #d8e0f7;
        box-shadow: 0px 16px 28px -19px rgba(0, 0, 0, 0.3);
        -webkit-transform: scale(1.02);
        -moz-transform: scale(1.02);
        -ms-transform: scale(1.02);
        -o-transform: scale(1.02);
        transform: scale(1.02); }
        .o-notification-tray--notification-list li a:hover span.text {
          color: #3a4350; }
    .o-notification-tray--notification-list li .close {
      display: none; }
    .o-notification-tray--notification-list li .refresh {
      display: block;
      position: absolute;
      top: 10px;
      right: 10px;
      font-family: 'Work Sans', sans-serif;
      font-weight: 400;
      font-size: 10px;
      color: #9fa8b6;
      line-height: 16px;
      opacity: 1;
      cursor: pointer; }
    .o-notification-tray--notification-list li.isComplete .close {
      display: block;
      position: absolute;
      top: 10px;
      right: 10px;
      font-family: 'Work Sans', sans-serif;
      font-weight: 400;
      font-size: 16px;
      color: #9fa8b6;
      line-height: 16px;
      opacity: 1;
      cursor: pointer; }
    .o-notification-tray--notification-list li.isComplete .refresh {
      display: none; }
    .o-notification-tray--notification-list li.isComplete a {
      border: 1px solid #F0F5F9;
      background: #FAFAFA;
      cursor: default; }
      .o-notification-tray--notification-list li.isComplete a span.icon .holder {
        background-color: #29CC46; }
        .o-notification-tray--notification-list li.isComplete a span.icon .holder .fa-exclamation {
          display: none; }
        .o-notification-tray--notification-list li.isComplete a span.icon .holder .fa-check {
          display: inline-block; }
      .o-notification-tray--notification-list li.isComplete a span.text {
        font-family: 'Work Sans', sans-serif;
        font-weight: 400;
        font-size: 14px;
        color: #a5a5a5;
        line-height: 18px; }
        .o-notification-tray--notification-list li.isComplete a span.text .time {
          font-family: 'Work Sans', sans-serif;
          font-weight: 400;
          font-size: 11px;
          color: #c1c1c1;
          line-height: 18px; }
      .o-notification-tray--notification-list li.isComplete a:hover {
        border: 1px solid #F0F5F9;
        box-shadow: 0px 0px 0px 0px rgba(0, 0, 0, 0);
        -webkit-transform: scale(1);
        -moz-transform: scale(1);
        -ms-transform: scale(1);
        -o-transform: scale(1);
        transform: scale(1); }
        .o-notification-tray--notification-list li.isComplete a:hover span.text {
          color: #3a4350; }

/****************************************************************************************
@
@	Base Layout
@
****************************************************************************************/
.o-base-layout {
  margin: 20px 18px;
  padding: 0;
  width: 97% !important;
  border: 1px solid #e8e8e8;
  overflow: hidden;
  -webkit-border-radius: 8px 8px 8px 8px;
  -moz-border-radius: 8px 8px 8px 8px;
  -ms-border-radius: 8px 8px 8px 8px;
  -o-border-radius: 8px 8px 8px 8px;
  border-radius: 8px 8px 8px 8px;
  -webkit-box-shadow: 0px 0px 20px rgba(0, 0, 0, 0.14);
  -moz-box-shadow: 0px 0px 20px rgba(0, 0, 0, 0.14);
  -ms-box-shadow: 0px 0px 20px rgba(0, 0, 0, 0.14);
  -o-box-shadow: 0px 0px 20px rgba(0, 0, 0, 0.14);
  box-shadow: 0px 0px 20px rgba(0, 0, 0, 0.14); }

/****************************************************************************************
@
@	Responsive Table Container
@
****************************************************************************************/
.o-twa-responsive-table-container {
  overflow-x: scroll; }

/****************************************************************************************
@
@	Top Layout Of Datalist
@
****************************************************************************************/
.o-datalist-top-layout {
  display: flex;
  padding: 20px 15px; }
  .o-datalist-top-layout--items {
    flex: 1;
    padding: 0px 5px;
    display: flex; }
    .o-datalist-top-layout--items-right {
      flex: none;
      margin-left: auto; }

/****************************************************************************************
@
@	Datalist Pagination
@
****************************************************************************************/
.o-twa-pagination {
  text-align: center; }
  .o-twa-pagination--counter {
    font-family: 'Work Sans', sans-serif;
    font-weight: 400;
    font-size: 16px;
    color: #2A2944;
    line-height: 16px; }
    .o-twa-pagination--counter span {
      font-family: 'Work Sans', sans-serif;
      font-weight: 600;
      font-size: 16px;
      color: #2A2944;
      line-height: 16px; }
  .o-twa-pagination ul.pagination {
    font-family: 'Work Sans', sans-serif;
    font-weight: 400;
    font-size: 16px;
    color: #2A2944;
    line-height: 27px; }
    .o-twa-pagination ul.pagination li {
      font-family: 'Work Sans', sans-serif;
      font-weight: 400;
      font-size: 16px;
      color: #2A2944;
      line-height: 27px;
      padding: 0 6px;
      display: inline-block;
      cursor: pointer; }
      .o-twa-pagination ul.pagination li span,
      .o-twa-pagination ul.pagination li a {
        font-family: 'Work Sans', sans-serif;
        font-weight: 400;
        font-size: 16px;
        color: #2A2944;
        line-height: 16px;
        font-weight: 400 !important;
        border: none;
        width: 27px;
        height: 27px;
        line-height: 27px;
        text-align: center;
        padding: 0;
        -webkit-border-radius: 50%;
        -moz-border-radius: 50%;
        -ms-border-radius: 50%;
        -o-border-radius: 50%;
        border-radius: 50%; }
      .o-twa-pagination ul.pagination li.disabled {
        cursor: not-allowed; }
      .o-twa-pagination ul.pagination li.active {
        cursor: default; }
        .o-twa-pagination ul.pagination li.active span,
        .o-twa-pagination ul.pagination li.active a {
          color: #fff;
          background-color: #4465b7; }

/****************************************************************************************
@
@	Bottom Legends Of Datalist
@
****************************************************************************************/
.o-datalist-bottom-legends ul li.orange i {
  color: orange; }

.o-datalist-bottom-legends ul {
  padding: 25px 0;
  text-align: center;
  border-bottom: 1px solid #D9D9D9; }
  .o-datalist-bottom-legends ul li {
    display: inline-block;
    padding: 0 15px;
    border-right: 1px solid #E5E5E5;
    font-family: 'Work Sans', sans-serif;
    font-weight: 400;
    font-size: 16px;
    color: #414447;
    line-height: 19px;
    font-weight: 400 !important;
    margin-bottom: 10px; }
    .o-datalist-bottom-legends ul li:first-of-type {
      border-right: none;
      padding-left: 0;
      padding-right: 20px;
      color: #656F7D; }
    .o-datalist-bottom-legends ul li:last-of-type {
      padding-right: 0;
      border-right: none; }
    .o-datalist-bottom-legends ul li span i {
      padding-right: 10px; }
    .o-datalist-bottom-legends ul li.red i {
      color: #FF0017; }
    .o-datalist-bottom-legends ul li.light-red i {
      color: #F4708B; }
    .o-datalist-bottom-legends ul li.purple i {
      color: #D86EDC; }
    .o-datalist-bottom-legends ul li.yellow i {
      color: #fbc300; }

.o-twa-parent-list {
  overflow-x: scroll; }
  .o-twa-parent-list__pagination-container {
    margin: 0 18px;
    position: relative;
    top: -20px;
    -webkit-border-radius: 0px 0px 8px 8px;
    -moz-border-radius: 0px 0px 8px 8px;
    -ms-border-radius: 0px 0px 8px 8px;
    -o-border-radius: 0px 0px 8px 8px;
    border-radius: 0px 0px 8px 8px; }
  .o-twa-parent-list--thead .c-twa-responsive-table-container--header--flex-container .texts {
    display: flex;
    align-items: center; }
  .o-twa-parent-list--thead .c-twa-responsive-table-container--header--flex-container .controls {
    display: flex;
    white-space: nowrap;
    align-items: center;
    padding: 0px 0 0 2px; }
    .o-twa-parent-list--thead .c-twa-responsive-table-container--header--flex-container .controls input, .o-twa-parent-list--thead .c-twa-responsive-table-container--header--flex-container .controls select {
      font-family: 'Work Sans', sans-serif;
      font-weight: 400;
      font-size: 16px;
      color: #656F7D;
      line-height: 19px;
      min-width: 90px;
      max-width: 90px;
      -webkit-appearance: none;
      -moz-appearance: none;
      appearance: none;
      -webkit-transition: all 0.3s ease-out;
      -moz-transition: all 0.3s ease-out;
      -ms-transition: all 0.3s ease-out;
      -o-transition: all 0.3s ease-out;
      transition: all 0.3s ease-out;
      cursor: pointer;
      display: block;
      width: 100%;
      height: 44px;
      padding: 6px 12px;
      color: #717b85;
      background-color: #f5f5f5;
      border: 1px solid #DADCE0;
      box-shadow: none;
      -webkit-box-shadow: none; }
      .o-twa-parent-list--thead .c-twa-responsive-table-container--header--flex-container .controls input:hover, .o-twa-parent-list--thead .c-twa-responsive-table-container--header--flex-container .controls select:hover {
        -webkit-box-shadow: 1px 1px 10px rgba(0, 0, 0, 0.2);
        -moz-box-shadow: 1px 1px 10px rgba(0, 0, 0, 0.2);
        -ms-box-shadow: 1px 1px 10px rgba(0, 0, 0, 0.2);
        -o-box-shadow: 1px 1px 10px rgba(0, 0, 0, 0.2);
        box-shadow: 1px 1px 10px rgba(0, 0, 0, 0.2); }
    .o-twa-parent-list--thead .c-twa-responsive-table-container--header--flex-container .controls select {
      background-image: url(../images/twa/icon-drop-down-arrow.svg);
      background-repeat: no-repeat;
      background-position: 96% 50%;
      /* For IE11 */ }
      .o-twa-parent-list--thead .c-twa-responsive-table-container--header--flex-container .controls select::-ms-expand {
        display: none;
        /* hide the default arrow in ie10 and ie11 */ }

.o-twa-submission-list--top {
  padding: 0px 15px; }

.o-twa-submission-list--mid {
  padding: 10px 20px;
  border-top: 1px solid #DADCE0;
  font-weight: 400 !important;
  background: #F5F5F5; }
  .o-twa-submission-list--mid span {
    font-family: 'Work Sans', sans-serif;
    font-weight: 400;
    font-size: 14px;
    color: #242424;
    line-height: 16px; }
    .o-twa-submission-list--mid span a {
      color: #4465b7; }
      .o-twa-submission-list--mid span a span {
        color: #4465b7; }

.o-twa-submission-list--bottom {
  padding-top: 0; }

.o-twa-worksheet--layout {
  padding: 0; }

.o-student-page--top {
  padding: 30px 25px;
  background: #F0F5F9;
  font-family: 'Work Sans', sans-serif;
  font-weight: 400;
  font-size: 14px;
  color: #505050;
  line-height: 16px;
  -webkit-border-radius: 8px 8px 0px 0px;
  -moz-border-radius: 8px 8px 0px 0px;
  -ms-border-radius: 8px 8px 0px 0px;
  -o-border-radius: 8px 8px 0px 0px;
  border-radius: 8px 8px 0px 0px;
  display: flex; }
  .o-student-page--top--col {
    flex: 1; }
  .o-student-page--top--left {
    flex: none; }
    .o-student-page--top--left.has-student-pic {
      width: 120px;
      max-width: 120px;
      padding-right: 20px; }
      .o-student-page--top--left.has-student-pic img {
        width: 100%;
        height: auto;
        -webkit-border-radius: 50%;
        -moz-border-radius: 50%;
        -ms-border-radius: 50%;
        -o-border-radius: 50%;
        border-radius: 50%; }
  .o-student-page--top--mid .top-details {
    display: flex; }
    .o-student-page--top--mid .top-details--col {
      flex: 1;
      width: 50%; }
    .o-student-page--top--mid .top-details--left {
      flex: none;
      border-right: 2px solid #d8d8d8;
      width: 470px;
      max-width: 470px;
      padding-right: 20px; }
      .o-student-page--top--mid .top-details--left .student-name {
        font-family: 'Work Sans', sans-serif;
        font-weight: 600;
        font-size: 16px;
        color: #242424;
        line-height: 19px;
        font-weight: 600 !important;
        margin-bottom: 4px; }
      .o-student-page--top--mid .top-details--left .student-info {
        margin-bottom: 15px; }
        .o-student-page--top--mid .top-details--left .student-info > span, .o-student-page--top--mid .top-details--left .student-info > a {
          padding-right: 7px; }
        .o-student-page--top--mid .top-details--left .student-info span, .o-student-page--top--mid .top-details--left .student-info a {
          font-size: 14px;
          font-weight: 400 !important;
          line-height: 20px;
          color: #62B408;
          display: inline-block;
          vertical-align: middle;
          cursor: pointer; }
        .o-student-page--top--mid .top-details--left .student-info .label {
          color: #fff;
          padding-bottom: 0.2rem; }
          .o-student-page--top--mid .top-details--left .student-info .label.label-default {
            background: #fbc300;
            font-weight: 600 !important; }
          .o-student-page--top--mid .top-details--left .student-info .label * {
            color: #fff; }
        .o-student-page--top--mid .top-details--left .student-info .on-hold {
          color: #FFA015; }
        .o-student-page--top--mid .top-details--left .student-info .cancelled {
          color: #375885; }
        .o-student-page--top--mid .top-details--left .student-info .past-due {
          color: #FF1515; }
        .o-student-page--top--mid .top-details--left .student-info .inactive {
          color: #ababab; }
        .o-student-page--top--mid .top-details--left .student-info .active {
          color: #62B408; }
        .o-student-page--top--mid .top-details--left .student-info .device-info .fa {
          font-size: 20px; }
        .o-student-page--top--mid .top-details--left .student-info .device-info .apple {
          color: #848080; }
        .o-student-page--top--mid .top-details--left .student-info .device-info .android {
          color: #AAC148; }
        .o-student-page--top--mid .top-details--left .student-info .device-info .chrome {
          color: #FFC107; }
      .o-student-page--top--mid .top-details--left .owenership {
        font-family: 'Work Sans', sans-serif;
        font-weight: 400;
        font-size: 14px;
        color: #505050;
        line-height: 16px;
        margin-bottom: 7px; }
        .o-student-page--top--mid .top-details--left .owenership a, .o-student-page--top--mid .top-details--left .owenership .fa {
          color: #4465b7;
          font-weight: 400 !important;
          display: inline-block;
          padding-right: 10px;
          cursor: pointer; }
      .o-student-page--top--mid .top-details--left .phonewrap .form-control {
        display: inline-block;
        width: 250px !important;
        background: #fff;
        border: none;
        -webkit-border-radius: 5px;
        -moz-border-radius: 5px;
        -ms-border-radius: 5px;
        -o-border-radius: 5px;
        border-radius: 5px;
        margin-right: 15px;
        font-family: 'Work Sans', sans-serif;
        font-weight: 400;
        font-size: 16px;
        color: #656F7D;
        line-height: 19px;
        font-weight: 400 !important;
        height: 45px;
        padding-right: 13px 0px; }
      .o-student-page--top--mid .top-details--left .phonewrap .btn.btn-default {
        display: inline-block;
        background: #4465b7;
        border: none;
        -webkit-border-radius: 5px;
        -moz-border-radius: 5px;
        -ms-border-radius: 5px;
        -o-border-radius: 5px;
        border-radius: 5px;
        margin-right: 5px;
        font-family: 'Work Sans', sans-serif;
        font-weight: 400;
        font-size: 16px;
        color: #fff;
        line-height: 19px;
        font-weight: 400 !important;
        height: 45px;
        padding-right: 13px 10px; }
      .o-student-page--top--mid .top-details--left .phonewrap span {
        display: inline-block;
        padding: 5px 0 0;
        color: #505050 !important;
        font-weight: 400 !important; }
    .o-student-page--top--mid .top-details--right {
      padding-left: 20px;
      padding-right: 20px;
      font-family: 'Work Sans', sans-serif;
      font-weight: 400;
      font-size: 14px;
      color: #505050;
      line-height: 19px;
      font-weight: 400 !important; }
      .o-student-page--top--mid .top-details--right .blue {
        color: #375885 !important;
        background: none !important; }
  .o-student-page--top--right {
    flex: none;
    width: 300px;
    font-family: 'Work Sans', sans-serif;
    font-weight: 600;
    font-size: 14px;
    color: #4465b7;
    line-height: 19px;
    font-weight: 600 !important; }
    .o-student-page--top--right li {
      display: flex;
      margin-bottom: 15px; }
    .o-student-page--top--right .lable-right {
      display: inline-block;
      font-weight: 400 !important;
      color: #505050;
      width: 88px;
      flex: none; }
    .o-student-page--top--right .text {
      word-break: break-all;
      color: #4465b7;
      font-weight: 600 !important; }
      .o-student-page--top--right .text a {
        color: #4465b7;
        font-weight: 600 !important; }
        .o-student-page--top--right .text a:hover {
          color: #1c2949; }

.o-student-page--main {
  clear: both; }
  .o-student-page--main--tabmain {
    padding-top: 30px !important;
    padding-bottom: 30px !important; }
    .o-student-page--main--tabmain .no-padding {
      padding: 0; }
    .o-student-page--main--tabmain--head {
      display: flex;
      padding-bottom: 15px; }
      .o-student-page--main--tabmain--head li {
        display: flex;
        flex: 1;
        padding: 0 5px;
        margin: 0 !important;
        width: auto; }
        .o-student-page--main--tabmain--head li a {
          display: flex;
          align-items: center;
          justify-content: center;
          font-weight: 400 !important;
          width: 100%;
          padding: 7px 8px;
          background: #4465b7;
          font-family: 'Work Sans', sans-serif;
          font-weight: 400;
          font-size: 16px;
          color: #fff;
          line-height: 20px;
          -webkit-border-radius: 5px;
          -moz-border-radius: 5px;
          -ms-border-radius: 5px;
          -o-border-radius: 5px;
          border-radius: 5px; }
          .o-student-page--main--tabmain--head li a:hover, .o-student-page--main--tabmain--head li a:focus, .o-student-page--main--tabmain--head li a:active {
            background: #ecf1ff;
            color: #4465b7; }
          .o-student-page--main--tabmain--head li a span {
            display: block;
            padding: 3px 0px;
            font-weight: 400 !important; }
          .o-student-page--main--tabmain--head li a strong {
            font-size: 20px;
            font-weight: 600 !important;
            line-height: 26px; }
        .o-student-page--main--tabmain--head li.active a {
          background: #1c2949;
          color: #fff; }
          .o-student-page--main--tabmain--head li.active a:hover {
            background: #1c2949;
            color: #fff;
            cursor: default; }
    .o-student-page--main--tabmain--body {
      padding: 15px 20px; }

.unlink-modal .modal-header {
  border: 1px solid transparent; }
  .unlink-modal .modal-header .close {
    margin-top: -7px;
    opacity: 1;
    color: #000;
    border: 2px solid #000 !important;
    border-radius: 50%;
    height: 27px;
    width: 27px;
    line-height: 20px; }

.unlink-modal .modal-body p {
  text-align: center;
  color: #000;
  font-size: 16px;
  line-height: 26px;
  padding: 45px 28px;
  font-family: 'Work Sans';
  font-weight: 400 !important; }

.unlink-modal .modal-body .action-sec {
  display: flex;
  justify-content: center;
  padding-bottom: 40px;
  gap: 30px; }
  .unlink-modal .modal-body .action-sec .u-btn {
    padding: 10px 25px;
    border-radius: 20px;
    font-size: 16px;
    color: #fff;
    font-weight: 400 !important;
    font-family: 'Work Sans'; }
    .unlink-modal .modal-body .action-sec .u-btn.__black {
      background: #000; }
    .unlink-modal .modal-body .action-sec .u-btn.__blue {
      background: #4465b7; }

.link-a-student-modal .modal-content {
  border: none; }
  .link-a-student-modal .modal-content .modal-header {
    background: #4465b7;
    padding: 15px 40px;
    position: relative;
    border: none; }
    .link-a-student-modal .modal-content .modal-header .close {
      opacity: 1; }
      .link-a-student-modal .modal-content .modal-header .close span {
        display: flex;
        position: absolute;
        top: 50%;
        right: 10px;
        font-family: 'Work Sans', sans-serif;
        font-weight: 400;
        font-size: 26px;
        color: #fff;
        line-height: 20px;
        font-weight: 400 !important;
        cursor: pointer;
        text-align: center;
        align-items: center;
        justify-content: center;
        -webkit-transform: translateY(-50%);
        -moz-transform: translateY(-50%);
        -ms-transform: translateY(-50%);
        -o-transform: translateY(-50%);
        transform: translateY(-50%); }
    .link-a-student-modal .modal-content .modal-header .modal-title {
      font-family: 'Work Sans', sans-serif;
      font-weight: 600;
      font-size: 18px;
      color: #fff;
      line-height: 20px;
      font-weight: 600 !important;
      text-align: center; }

.linkedStudent .ls-box {
  background: #f9f9f9;
  padding: 16px 20px;
  border: 1px solid #DADCE0; }
  .linkedStudent .ls-box .with-student {
    display: flex;
    justify-content: space-between; }
    .linkedStudent .ls-box .with-student .name {
      font-family: 'Work Sans', sans-serif;
      font-size: 16px;
      color: #333333;
      line-height: 16px;
      font-weight: 400 !important;
      align-self: center; }
  .linkedStudent .ls-box .with-out-student {
    display: flex;
    justify-content: center; }
  .linkedStudent .ls-box .u-button__dark {
    background: #4465b7;
    border: 1px solid #4465b7;
    color: #ecf1ff;
    padding-top: 8px;
    padding-bottom: 8px; }

    .o-twa-addons {
      background-color: #fff;
      border: 1px solid #E0E7F0;
      border-radius: 6px;
      margin-top: 15px; 
      padding:0.5rem;
    }
    .o-twa-addons .o-twa-addons__heading{
      font-family: 'Work Sans', sans-serif;
      font-size: 16px;
      color: #242424; 
      font-weight: 500;
      display: block;
      margin-bottom:0.5rem;
    }

    .o-twa-addons .o-twa-addons__items{
      display: flex; 
      align-items: flex-start;
      margin-bottom: 5px;
    }
    .o-twa-addons .o-twa-addons__name{
      font-weight: bold;
      font-size: 11px;
      background-color:#fafafa;
      width:auto;
      border-radius: 50px;
      padding:3px 8px; 
      margin-right: 5px;
      white-space:normal;
    } 
    .o-twa-addons .o-twa-addons__name.red{ background-color:rgb(253 233 233);} 
    .o-twa-addons .o-twa-addons__name.purple{ background-color:rgb(228 216 249)} 
    .o-twa-addons .o-twa-addons__name.green{ background-color:rgb(216 249 217);} 
    .o-twa-addons .o-twa-addons__name.orange{ background-color:rgb(255 242 208);}

    .o-twa-addons .o-twa-addons__date{font-size: 14px;} 
    .o-twa-addons .o-twa-addons__date .main{font-family: 'Work Sans', sans-serif;
      font-size: 14px;
      color: #4465b7;
      font-weight: 500 !important;
    } 

.o-twa-rewards-points {
  display: flex;
  border: 1px solid #E0E7F0;
  border-radius: 6px;
  margin-top: 15px; }
  .o-twa-rewards-points--col.left {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    width: 100px;
    border-radius: 6px 0 0 6px;
    background: #4465b7;
    padding: 15px;
    font-family: 'Work Sans', sans-serif;
    font-weight: 700;
    font-size: 16px;
    color: #fff;
    line-height: 20px;
    font-weight: 700 !important;
    text-align: center; }
  .o-twa-rewards-points--col.right {
    flex: 1;
    display: flex;
    align-items: center;
    flex-wrap: wrap;
    border-radius: 0px 6px 6px 0;
    background: #fff;
    padding:5px 15px; }
    .o-twa-rewards-points--col.right .lifetime {
      width: 100%;
      margin-bottom: 5px; }
      .o-twa-rewards-points--col.right .lifetime .main {
        font-family: 'Work Sans', sans-serif;
        font-weight: 700;
        font-size: 14px;
        color: #4465b7;
        line-height: 20px;
        font-weight: 500 !important; }
      .o-twa-rewards-points--col.right .lifetime .val {
        font-family: 'Work Sans', sans-serif;
        font-weight: 700;
        font-size: 14px;
        color: #656F7D;
        line-height: 20px;
        font-weight: 500 !important; }
    .o-twa-rewards-points--col.right .progressbar {
      width: 100%;
      position: relative;
      padding-bottom: 20px; }
      .o-twa-rewards-points--col.right .progressbar .bar {
        width: 100%;
        height: 5px;
        border-radius: 2.5px;
        background: #EDEAE4;
        box-shadow: inset 0px 1px 2px #a7a7a7;
        position: relative; }
      .o-twa-rewards-points--col.right .progressbar .progress {
        height: 5px;
        border-radius: 2.5px;
        background: #4465b7;
        margin: 0;
        position: absolute;
        top: 0;
        left: 0; }
      .o-twa-rewards-points--col.right .progressbar .start {
        font-family: 'Work Sans', sans-serif;
        font-weight: 700;
        font-size: 14px;
        color: #656F7D;
        line-height: 20px;
        font-weight: 500 !important;
        position: absolute;
        left: 0;
        bottom: 0; }
      .o-twa-rewards-points--col.right .progressbar .end {
        font-family: 'Work Sans', sans-serif;
        font-weight: 700;
        font-size: 14px;
        color: #656F7D;
        line-height: 20px;
        font-weight: 500 !important;
        position: absolute;
        right: 0;
        bottom: 0; }

.o-student-page-reports {
  border-top: 2px solid #e9ebee;
  padding-top: 30px; }
  .o-student-page-reports ul li {
    display: inline-block;
    margin: 0 10px 0 0;
    padding: 0 10px 0 0;
    border-right: 2px solid #e9ebee;
    vertical-align: middle; }
    .o-student-page-reports ul li:last-of-type {
      border: none; }
    .o-student-page-reports ul li a, .o-student-page-reports ul li button {
      display: inline-block;
      font-family: 'Work Sans', sans-serif;
      font-weight: 400;
      font-size: 16px;
      color: #fff;
      line-height: 20px;
      font-weight: 400 !important;
      padding: 12.5px 15px;
      -webkit-border-radius: 5px;
      -moz-border-radius: 5px;
      -ms-border-radius: 5px;
      -o-border-radius: 5px;
      border-radius: 5px;
      background: #4465b7;
      border: none !important;
      min-width: 200px; }
      .o-student-page-reports ul li a:hover, .o-student-page-reports ul li a:focus, .o-student-page-reports ul li a:active, .o-student-page-reports ul li button:hover, .o-student-page-reports ul li button:focus, .o-student-page-reports ul li button:active {
        background: #457dff;
        color: #fff; }

/****************************************************************************************
@
@	Student Details Master Matrix [Current Assignment Tab]
@
****************************************************************************************/
.o-mastery-matrix--top-slider--container {
  padding: 50px 70px 60px;
  border-top: 2px solid #e9ebee; }
  .o-mastery-matrix--top-slider--container .rc-slider {
    background-color: #a7b5de; }
    .o-mastery-matrix--top-slider--container .rc-slider .rc-slider-handle {
      border: 4px solid #a7b5de;
      width: 20px;
      height: 20px;
      margin-left: -4px;
      margin-top: -9px; }
    .o-mastery-matrix--top-slider--container .rc-slider .rc-slider-track {
      background-color: #a7b5de; }
    .o-mastery-matrix--top-slider--container .rc-slider .rc-slider-step .rc-slider-dot {
      border: 4px solid #a7b5de;
      width: 20px;
      height: 20px;
      margin-bottom: -5px; }
    .o-mastery-matrix--top-slider--container .rc-slider .rc-slider-mark .rc-slider-mark-text {
      font-family: 'Work Sans', sans-serif;
      font-weight: 400;
      font-size: 14px;
      color: #666666;
      line-height: 16px;
      font-weight: 400 !important;
      margin-top: 10px; }

.o-mastery-matrix--dt-report {
  padding-top: 30px;
  border-top: 2px solid #e9ebee; }
  .o-mastery-matrix--dt-report--top {
    padding-bottom: 30px; }
    .o-mastery-matrix--dt-report--top--filters {
      display: flex; }
      .o-mastery-matrix--dt-report--top--filters .f-col {
        flex: 1;
        display: flex;
        align-items: center; }
      .o-mastery-matrix--dt-report--top--filters .left {
        padding-right: 20px; }
        .o-mastery-matrix--dt-report--top--filters .left .refreshlink {
          margin-left: 10px;
          margin-right: 10px; }
        .o-mastery-matrix--dt-report--top--filters .left .label {
          font-family: 'Work Sans', sans-serif;
          font-weight: 400;
          font-size: 16px;
          color: #666666;
          line-height: 19px;
          font-weight: 400 !important;
          padding: 0; }
        .o-mastery-matrix--dt-report--top--filters .left a {
          font-family: 'Work Sans', sans-serif;
          font-weight: 400;
          font-size: 16px;
          color: #4465b7;
          line-height: 19px;
          font-weight: 400 !important; }
      .o-mastery-matrix--dt-report--top--filters .right {
        padding-left: 20px;
        flex: none; }
  .o-mastery-matrix--dt-report--warning {
    padding-bottom: 30px;
    font-family: "Work Sans", sans-serif;
    color: #fff;
    line-height: 19px;
    font-weight: 400 !important; }
    .o-mastery-matrix--dt-report--warning label {
      font-family: 'Work Sans', sans-serif;
      font-weight: 400;
      font-size: 16px;
      color: #fff;
      line-height: 19px;
      font-weight: 400 !important; }

.o-mastery-matrix--table-container {
  padding: 30px 0 0; }
  .o-mastery-matrix--table-container .c-twa-responsive-table-container--body tr td:last-of-type {
    border: 1px solid #ddd; }
  .o-mastery-matrix--table-container * {
    font-family: 'Work Sans', sans-serif;
    font-weight: 400;
    font-size: 14px;
    color: #333333;
    line-height: 18px;
    font-weight: 400 !important; }
  .o-mastery-matrix--table-container .custom_playlistBtn span {
    font-size: 14px;
    font-weight: 600 !important;
    color: #fff;
    background: #4465b7;
    padding: 5px 8px;
    border-radius: 5px; }
  .o-mastery-matrix--table-container .custom_playlistBtn:hover span {
    opacity: 0.9; }
  .o-mastery-matrix--table-container h4 {
    margin-bottom: 15px;
    font-size: 16px;
    font-weight: 500 !important; }
    .o-mastery-matrix--table-container h4 .bold {
      font-size: 16px;
      font-weight: 500 !important; }
  .o-mastery-matrix--table-container h6 {
    margin-bottom: 15px; }
    .o-mastery-matrix--table-container h6 button {
      color: #457dff; }

.o-student-page-submission-list {
  display: flex;
  align-items: center;
  padding-bottom: 10px;
  border-top: 2px solid #e9ebee;
  padding-top: 30px; }
  .o-student-page-submission-list--left {
    flex: 1; }
    .o-student-page-submission-list--left h4 {
      font-family: 'Work Sans', sans-serif;
      font-weight: 400;
      font-size: 18px;
      color: #333333;
      line-height: 20px;
      font-weight: 400 !important; }
  .o-student-page-submission-list--right {
    flex: 1;
    text-align: right;
    display: flex;
    justify-content: flex-end; }
    .o-student-page-submission-list--right button,
    .o-student-page-submission-list--right .btn {
      font-family: 'Work Sans', sans-serif;
      font-weight: 400;
      font-size: 16px;
      color: #fff;
      line-height: 19px;
      font-weight: 400 !important;
      padding: 12.5px 16px;
      border: none;
      -webkit-transition: all 0.3s ease-out;
      -moz-transition: all 0.3s ease-out;
      -ms-transition: all 0.3s ease-out;
      -o-transition: all 0.3s ease-out;
      transition: all 0.3s ease-out;
      max-height: 44px;
      background: #4465b7;
      -webkit-border-radius: 5px;
      -moz-border-radius: 5px;
      -ms-border-radius: 5px;
      -o-border-radius: 5px;
      border-radius: 5px;
      margin-left: 10px; }
      .o-student-page-submission-list--right button:hover,
      .o-student-page-submission-list--right .btn:hover {
        background: #457dff; }
      .o-student-page-submission-list--right button.type-2,
      .o-student-page-submission-list--right .btn.type-2 {
        font-family: 'Work Sans', sans-serif;
        font-weight: 400;
        font-size: 16px;
        color: #4465b7;
        line-height: 19px;
        background: #ecf1ff; }
        .o-student-page-submission-list--right button.type-2:hover,
        .o-student-page-submission-list--right .btn.type-2:hover {
          background: #1c2949;
          color: #fff; }

.o-sendweekly-report .modalBox {
  width: 90%;
  height: auto;
  padding: 0;
  margin-top: 20px;
  margin-bottom: 20px; }

.o-sendweekly-report .customDialog {
  height: auto;
  border-radius: 0;
  background-image: none !important;
  background: #fff !important;
  padding: 0px;
  border: 2px solid #4465b7; }

.o-sendweekly-report--close {
  display: flex;
  position: absolute;
  top: 50%;
  right: 10px;
  font-family: 'Work Sans', sans-serif;
  font-weight: 400;
  font-size: 26px;
  color: #fff;
  line-height: 20px;
  font-weight: 400 !important;
  cursor: pointer;
  text-align: center;
  align-items: center;
  justify-content: center;
  -webkit-transform: translateY(-50%);
  -moz-transform: translateY(-50%);
  -ms-transform: translateY(-50%);
  -o-transform: translateY(-50%);
  transform: translateY(-50%); }

.o-sendweekly-report--header {
  background: #4465b7;
  padding: 15px 40px;
  position: relative; }
  .o-sendweekly-report--header h2 {
    font-family: 'Work Sans', sans-serif;
    font-weight: 600;
    font-size: 18px;
    color: #fff;
    line-height: 20px;
    font-weight: 600 !important;
    text-align: center; }

.o-sendweekly-report--top {
  padding: 30px 40px; }
  .o-sendweekly-report--top .flex-row {
    display: flex;
    align-items: initial; }
    .o-sendweekly-report--top .flex-row.has-border-bottom {
      border-bottom: 2px solid #e9ebee; }
    .o-sendweekly-report--top .flex-row.has-bottom-padding {
      padding-bottom: 30px; }
    .o-sendweekly-report--top .flex-row.has-bottom-margin {
      margin-bottom: 30px; }
    .o-sendweekly-report--top .flex-row .col {
      flex: 1;
      display: flex; }
      .o-sendweekly-report--top .flex-row .col.left {
        padding-right: 20px; }
      .o-sendweekly-report--top .flex-row .col.right {
        padding-left: 20px; }
      .o-sendweekly-report--top .flex-row .col > div {
        flex: 1; }
        .o-sendweekly-report--top .flex-row .col > div.auto {
          flex: initial;
          padding-right: 15px;
          width: 90px; }
      .o-sendweekly-report--top .flex-row .col .control-label {
        font-family: 'Work Sans', sans-serif;
        font-weight: 400;
        font-size: 14px;
        color: #505050;
        line-height: 40px;
        font-weight: 400 !important; }

.o-sendweekly-report--table {
  padding: 0px 40px 40px; }
  .o-sendweekly-report--table--container {
    padding: 30px;
    -webkit-border-radius: 5px;
    -moz-border-radius: 5px;
    -ms-border-radius: 5px;
    -o-border-radius: 5px;
    border-radius: 5px;
    border: 2px solid #e9ebee; }
    .o-sendweekly-report--table--container #emailContainer {
      width: 100%;
      margin: 0 !important; }
    .o-sendweekly-report--table--container .h1 {
      font-family: 'Work Sans', sans-serif;
      font-weight: 700;
      font-size: 26px;
      color: #656F7D;
      line-height: 26px;
      font-weight: 400 !important;
      padding-bottom: 10px;
      text-align: left; }
    .o-sendweekly-report--table--container .emailHeader--text {
      padding: 20px 0; }
      .o-sendweekly-report--table--container .emailHeader--text p {
        font-family: 'Work Sans', sans-serif;
        font-weight: 700;
        font-size: 16px;
        color: #FD8E3C;
        line-height: 26px;
        font-weight: 700 !important; }
    .o-sendweekly-report--table--container .emailBody--top {
      text-align: left; }
      .o-sendweekly-report--table--container .emailBody--top p {
        font-family: 'Work Sans', sans-serif;
        font-weight: 700;
        font-size: 16px;
        color: #656F7D;
        line-height: 26px;
        font-weight: 700 !important; }
    .o-sendweekly-report--table--container .emailBody--bottom {
      text-align: left;
      padding: 20px 0; }
      .o-sendweekly-report--table--container .emailBody--bottom h1 {
        font-family: 'Work Sans', sans-serif;
        font-weight: 700;
        font-size: 26px;
        color: #656F7D;
        line-height: 26px;
        font-weight: 400 !important; }
    .o-sendweekly-report--table--container .emailFooter--head {
      font-family: 'Work Sans', sans-serif;
      font-weight: 400;
      font-size: 14px;
      color: #fff;
      line-height: 20px;
      font-weight: 400 !important;
      text-align: center;
      height: 30px;
      vertical-align: middle; }
      .o-sendweekly-report--table--container .emailFooter--head-1 {
        background: #00B4F0; }
      .o-sendweekly-report--table--container .emailFooter--head-2 {
        background: #A795C6; }
      .o-sendweekly-report--table--container .emailFooter--head-3 {
        background: #8CC53F; }
      .o-sendweekly-report--table--container .emailFooter--head-4 {
        background: #EA9919; }
      .o-sendweekly-report--table--container .emailFooter--head p {
        font-family: 'Work Sans', sans-serif;
        font-weight: 400;
        font-size: 14px;
        color: #fff;
        line-height: 20px;
        font-weight: 400 !important; }
    .o-sendweekly-report--table--container .emailFooter--body {
      height: 121px;
      padding: 0 10px;
      border-bottom: 4px solid #fff;
      vertical-align: middle;
      text-align: center; }
      .o-sendweekly-report--table--container .emailFooter--body-1 {
        background: #E5F7FD;
        border-bottom: 4px solid #00B4F0; }
      .o-sendweekly-report--table--container .emailFooter--body-2 {
        background: #F6F4F9;
        border-bottom: 4px solid #A795C6; }
      .o-sendweekly-report--table--container .emailFooter--body-3 {
        background: #F3F9EB;
        border-bottom: 4px solid #8CC53F; }
      .o-sendweekly-report--table--container .emailFooter--body-4 {
        background: #FCF4E8;
        border-bottom: 4px solid #EA9919; }
      .o-sendweekly-report--table--container .emailFooter--body .text {
        font-family: 'Work Sans', sans-serif;
        font-weight: 400;
        font-size: 16px;
        color: #656F7D;
        line-height: 20px;
        font-weight: 400 !important; }
        .o-sendweekly-report--table--container .emailFooter--body .text p {
          font-family: 'Work Sans', sans-serif;
          font-weight: 400;
          font-size: 16px;
          color: #656F7D;
          line-height: 20px;
          font-weight: 400 !important; }
    .o-sendweekly-report--table--container .emailFooter-2 {
      background: #F8F8F8;
      padding-right: 10px;
      margin-bottom: 25px; }
    .o-sendweekly-report--table--container .teacherCommentTag .h1 {
      font-family: 'Work Sans', sans-serif;
      font-weight: 700;
      font-size: 26px;
      color: #656F7D;
      line-height: 26px;
      font-weight: 400 !important;
      padding-bottom: 10px;
      text-align: left; }
    .o-sendweekly-report--table--container .completedWS {
      margin-bottom: 25px;
      border-bottom: 2px solid #e9ebee; }

.c-sendWeeklyEmail-row {
  flex-direction: column; }

.c-sendWeeklyEmail-column {
  margin-right: 20px; }

.o-parent-page {
  margin: 20px auto;
  width: 95% !important; }
  .o-parent-page .loadertable {
    margin-bottom: 0px; }
  .o-parent-page--top-notification {
    overflow: hidden;
    -webkit-border-radius: 8px 8px 0px 0px;
    -moz-border-radius: 8px 8px 0px 0px;
    -ms-border-radius: 8px 8px 0px 0px;
    -o-border-radius: 8px 8px 0px 0px;
    border-radius: 8px 8px 0px 0px; }
    .o-parent-page--top-notification .label {
      display: block;
      padding: 1rem;
      font-size: 16px;
      white-space: normal;
      -webkit-border-radius: 0px 0px 0px 0px;
      -moz-border-radius: 0px 0px 0px 0px;
      -ms-border-radius: 0px 0px 0px 0px;
      -o-border-radius: 0px 0px 0px 0px;
      border-radius: 0px 0px 0px 0px; }
      .o-parent-page--top-notification .label:empty {
        display: none; }
      .o-parent-page--top-notification .label-danger {
        background: #ef523e; }
  .o-parent-page--top-infos {
    display: flex;
    padding: 30px 25px;
    background: #F0F5F9;
    font-family: 'Work Sans', sans-serif;
    font-weight: 400;
    font-size: 16px;
    color: #5C5C5C;
    line-height: 20px;
    font-weight: 400 !important; }
    .o-parent-page--top-infos--col {
      flex: 1; }
      .o-parent-page--top-infos--col.left {
        padding-right: 25px; }
      .o-parent-page--top-infos--col.right {
        flex: initial;
        width: 35%;
        padding-left: 25px; }
      .o-parent-page--top-infos--col h2 {
        font-family: 'Work Sans', sans-serif;
        font-weight: 400;
        font-size: 22px;
        color: #242424;
        line-height: 26px;
        font-weight: 500 !important;
        padding-bottom: 10px;
        margin-bottom: 20px;
        border-bottom: 1px solid #d8d8d8; }
      .o-parent-page--top-infos--col .info-row {
        display: flex;
        align-items: center;
        padding: 5px 0; }
        .o-parent-page--top-infos--col .info-row .left-label {
          width: 230px;
          font-family: 'Work Sans', sans-serif;
          font-weight: 400;
          font-size: 16px;
          color: #5C5C5C;
          line-height: 20px;
          font-weight: 400 !important;
          padding-right: 10px; }
        .o-parent-page--top-infos--col .info-row .right-label {
          font-family: 'Work Sans', sans-serif;
          font-weight: 400;
          font-size: 16px;
          color: #656F7D;
          line-height: 20px;
          font-weight: 500 !important;
          padding-right: 10px; }
          .o-parent-page--top-infos--col .info-row .right-label a {
            font-family: 'Work Sans', sans-serif;
            font-weight: 400;
            font-size: 16px;
            color: #4465b7;
            line-height: 20px;
            font-weight: 500 !important; }
            .o-parent-page--top-infos--col .info-row .right-label a:hover {
              text-decoration: underline; }
          .o-parent-page--top-infos--col .info-row .right-label .separator {
            display: inline-block;
            padding: 0 10px 0 0;
            margin: 0 !important; }
          .o-parent-page--top-infos--col .info-row .right-label .green {
            color: #29CC46; }
          .o-parent-page--top-infos--col .info-row .right-label .red {
            color: #ef523e; }
    .o-parent-page--top-infos--button-holder {
      padding-top: 10px; }
  .o-parent-page--cancel-subs-main {
    padding: 5px 25px;
    font-family: 'Work Sans', sans-serif;
    font-weight: 400;
    font-size: 16px;
    color: #5C5C5C;
    line-height: 20px;
    font-weight: 400 !important; }
    .o-parent-page--cancel-subs-main--cancellation-reason {
      padding: 15px 0; }
      .o-parent-page--cancel-subs-main--cancellation-reason .c-twa-responsive-table-container--body tr td {
        padding: 10px !important; }
      .o-parent-page--cancel-subs-main--cancellation-reason .c-twa-responsive-table-container--body tr td *,
      .o-parent-page--cancel-subs-main--cancellation-reason .c-twa-responsive-table-container--header tr th {
        font-size: 16px !important;
        line-height: 20px !important;
        font-weight: 400 !important; }
      .o-parent-page--cancel-subs-main--cancellation-reason .c-twa-responsive-table-container--body tr td:last-of-type {
        border-right: 1px solid #EAEBEE; }
      .o-parent-page--cancel-subs-main--cancellation-reason--button-holder {
        padding: 15px 0; }
      .o-parent-page--cancel-subs-main--cancellation-reason .u-input-error {
        font-size: 14px;
        background: #fff2f0 !important;
        padding: 3px;
        display: block;
        color: #ef513e !important;
        font-weight: 500 !important;
        border-radius: 5px;
        border: 1px solid #ef513e !important; }
        .o-parent-page--cancel-subs-main--cancellation-reason .u-input-error + .u-input-error {
          margin-top: 5px; }
  .o-parent-page--bottom-students {
    padding: 15px 25px;
    font-family: 'Work Sans', sans-serif;
    font-weight: 400;
    font-size: 16px;
    color: #5C5C5C;
    line-height: 20px;
    font-weight: 400 !important; }
    .o-parent-page--bottom-students .c-twa-responsive-table-container--body tr td {
      padding: 10px !important; }
    .o-parent-page--bottom-students .c-twa-responsive-table-container--body tr td,
    .o-parent-page--bottom-students .c-twa-responsive-table-container--body tr td *,
    .o-parent-page--bottom-students .c-twa-responsive-table-container--header tr th {
      font-size: 16px !important;
      line-height: 20px !important;
      font-weight: 400 !important; }
      .o-parent-page--bottom-students .c-twa-responsive-table-container--body tr td .o-parent-page--datepicker-range .head strong,
      .o-parent-page--bottom-students .c-twa-responsive-table-container--body tr td * .o-parent-page--datepicker-range .head strong,
      .o-parent-page--bottom-students .c-twa-responsive-table-container--header tr th .o-parent-page--datepicker-range .head strong {
        font-weight: 700 !important; }
    .o-parent-page--bottom-students .c-twa-responsive-table-container--body tr td:last-of-type {
      border-right: 1px solid #EAEBEE; }
    .o-parent-page--bottom-students--button-holder {
      padding: 15px 0; }
    .o-parent-page--bottom-students .u-input-error {
      font-size: 14px;
      background: #fff2f0 !important;
      padding: 3px;
      display: block;
      color: #ef513e !important;
      font-weight: 500 !important;
      border-radius: 5px;
      border: 1px solid #ef513e !important; }
      .o-parent-page--bottom-students .u-input-error + .u-input-error {
        margin-top: 5px; }
    .o-parent-page--bottom-students .o-student-details-notes--onboarding--main .notes_show_more {
      font-size: 14px;
      line-height: 20px;
      font-weight: 400 !important; }
    .o-parent-page--bottom-students .o-student-details-notes--onboarding--main .notes_list_row {
      display: block;
      padding: 8px 0; }
      .o-parent-page--bottom-students .o-student-details-notes--onboarding--main .notes_list_row:last-of-type {
        margin-bottom: 10px; }
      .o-parent-page--bottom-students .o-student-details-notes--onboarding--main .notes_list_row * {
        font-size: 14px;
        line-height: 20px;
        font-weight: 400 !important; }
      .o-parent-page--bottom-students .o-student-details-notes--onboarding--main .notes_list_row .notes_list_row_delete {
        color: #ef513e; }
      .o-parent-page--bottom-students .o-student-details-notes--onboarding--main .notes_list_row .notes_list_row_edit {
        color: #7ab0ec; }
  .o-parent-page--datepicker-range {
    display: flex;
    flex-wrap: wrap;
    margin-left: -10px;
    margin-right: -10px; }
    .o-parent-page--datepicker-range--col {
      width: 33.33%;
      padding: 5px 10px; }
      .o-parent-page--datepicker-range--col.full {
        width: 100%;
        text-align: center;
        padding-top: 10px; }
      .o-parent-page--datepicker-range--col.bottom-padding-20 {
        padding-bottom: 20px; }
    .o-parent-page--datepicker-range .head {
      display: block;
      margin-bottom: 10px;
      font-weight: 500 !important; }
      .o-parent-page--datepicker-range .head span {
        font-weight: 500 !important; }
      .o-parent-page--datepicker-range .head strong {
        font-weight: 700 !important;
        color: #7ab0ec; }
    .o-parent-page--datepicker-range .hasCalender {
      padding: 15px;
      background: #fff;
      border: 1px solid #C7C7C7;
      box-shadow: 0px 13px 15px -17px rgba(0, 0, 0, 0.26); }
    .o-parent-page--datepicker-range .button-holder {
      padding: 15px 0; }
    .o-parent-page--datepicker-range .u-input-error {
      font-size: 14px;
      background: #fff2f0 !important;
      padding: 3px;
      display: block;
      color: #ef513e !important;
      font-weight: 500 !important;
      border-radius: 5px;
      border: 1px solid #ef513e !important; }

.o-analytics--top {
  padding: 20px 20px;
  border-bottom: 2px solid #e9ebee; }
  .o-analytics--top span {
    margin-right: 10px; }

.o-analytics--section {
  padding: 20px 20px; }
  .o-analytics--section h4 {
    font-family: 'Work Sans', sans-serif;
    font-weight: 600;
    font-size: 18px;
    color: #242424;
    line-height: 22px;
    font-weight: 600 !important;
    margin-bottom: 15px; }
  .o-analytics--section .scroll-horiz {
    width: 100%;
    overflow-x: scroll; }
  .o-analytics--section * {
    font-weight: 400 !important; }

.o-twa-large-modal.fade.in {
  overflow-y: auto; }

.o-twa-large-modal .modal-dialog {
  max-width: 940px;
  width: 100%;
  margin-top: 20px;
  margin-bottom: 20px;
  padding: 0; }
  .o-twa-large-modal .modal-dialog .modal-content {
    -webkit-border-radius: 0px 0px 0px 0px;
    -moz-border-radius: 0px 0px 0px 0px;
    -ms-border-radius: 0px 0px 0px 0px;
    -o-border-radius: 0px 0px 0px 0px;
    border-radius: 0px 0px 0px 0px;
    border: 2px solid #4465b7; }
    .o-twa-large-modal .modal-dialog .modal-content .modal-header {
      background: #4465b7;
      padding: 15px 40px;
      position: relative;
      border: none; }
      .o-twa-large-modal .modal-dialog .modal-content .modal-header .modal-title {
        font-family: 'Work Sans', sans-serif;
        font-weight: 600;
        font-size: 18px;
        color: #fff;
        line-height: 20px;
        font-weight: 600 !important;
        text-align: center; }
        .o-twa-large-modal .modal-dialog .modal-content .modal-header .modal-title * {
          font-family: 'Work Sans', sans-serif;
          font-weight: 600;
          font-size: 18px;
          color: #fff;
          line-height: 20px;
          font-weight: 600 !important;
          text-align: center; }
      .o-twa-large-modal .modal-dialog .modal-content .modal-header .close {
        opacity: 1;
        margin-top: 0; }
        .o-twa-large-modal .modal-dialog .modal-content .modal-header .close span {
          display: flex;
          position: absolute;
          top: 50%;
          right: 10px;
          font-family: 'Work Sans', sans-serif;
          font-weight: 400;
          font-size: 26px;
          color: #fff;
          line-height: 20px;
          font-weight: 400 !important;
          cursor: pointer;
          text-align: center;
          align-items: center;
          justify-content: center;
          -webkit-transform: translateY(-50%);
          -moz-transform: translateY(-50%);
          -ms-transform: translateY(-50%);
          -o-transform: translateY(-50%);
          transform: translateY(-50%); }
    .o-twa-large-modal .modal-dialog .modal-content .modal-body {
      padding: 30px 40px; }
    .o-twa-large-modal .modal-dialog .modal-content .modal-footer {
      padding: 15px 40px;
      border: 1px solid #e9ebee; }

.o-twa-small-modal.fade.in {
  overflow-y: auto; }

.o-twa-small-modal .modal-small,
.o-twa-small-modal .modal-dialog {
  max-width: 740px;
  width: 100%;
  margin-top: 20px;
  margin-bottom: 20px;
  padding: 0; }
  .o-twa-small-modal .modal-small .modal-content,
  .o-twa-small-modal .modal-dialog .modal-content {
    -webkit-border-radius: 0px 0px 0px 0px;
    -moz-border-radius: 0px 0px 0px 0px;
    -ms-border-radius: 0px 0px 0px 0px;
    -o-border-radius: 0px 0px 0px 0px;
    border-radius: 0px 0px 0px 0px;
    border: 2px solid #4465b7; }
    .o-twa-small-modal .modal-small .modal-content .modal-header,
    .o-twa-small-modal .modal-dialog .modal-content .modal-header {
      background: #4465b7;
      padding: 15px 40px;
      position: relative;
      border: none; }
      .o-twa-small-modal .modal-small .modal-content .modal-header .modal-title,
      .o-twa-small-modal .modal-dialog .modal-content .modal-header .modal-title {
        font-family: 'Work Sans', sans-serif;
        font-weight: 600;
        font-size: 18px;
        color: #fff;
        line-height: 20px;
        font-weight: 600 !important;
        text-align: center; }
        .o-twa-small-modal .modal-small .modal-content .modal-header .modal-title *,
        .o-twa-small-modal .modal-dialog .modal-content .modal-header .modal-title * {
          font-family: 'Work Sans', sans-serif;
          font-weight: 600;
          font-size: 18px;
          color: #fff;
          line-height: 20px;
          font-weight: 600 !important;
          text-align: center; }
      .o-twa-small-modal .modal-small .modal-content .modal-header .close,
      .o-twa-small-modal .modal-dialog .modal-content .modal-header .close {
        opacity: 1;
        margin-top: 0; }
        .o-twa-small-modal .modal-small .modal-content .modal-header .close span,
        .o-twa-small-modal .modal-dialog .modal-content .modal-header .close span {
          display: flex;
          position: absolute;
          top: 50%;
          right: 10px;
          font-family: 'Work Sans', sans-serif;
          font-weight: 400;
          font-size: 26px;
          color: #fff;
          line-height: 20px;
          font-weight: 400 !important;
          cursor: pointer;
          text-align: center;
          align-items: center;
          justify-content: center;
          -webkit-transform: translateY(-50%);
          -moz-transform: translateY(-50%);
          -ms-transform: translateY(-50%);
          -o-transform: translateY(-50%);
          transform: translateY(-50%); }
    .o-twa-small-modal .modal-small .modal-content .modal-body,
    .o-twa-small-modal .modal-dialog .modal-content .modal-body {
      padding: 30px 40px; }
    .o-twa-small-modal .modal-small .modal-content .modal-footer,
    .o-twa-small-modal .modal-dialog .modal-content .modal-footer {
      padding: 15px 40px;
      border: 1px solid #e9ebee; }

@keyframes newTagColorRotate {
  0% {
    background-color: #28bbde; }
  25% {
    background-color: #3ade28; }
  50% {
    background-color: #dea828; }
  75% {
    background-color: #de2a28; }
  100% {
    background-color: #28bbde; } }

@-webkit-keyframes newTagColorRotate {
  0% {
    background-color: #28bbde; }
  25% {
    background-color: #3ade28; }
  50% {
    background-color: #dea828; }
  75% {
    background-color: #de2a28; }
  100% {
    background-color: #28bbde; } }

@-moz-keyframes newTagColorRotate {
  0% {
    background-color: #28bbde; }
  25% {
    background-color: #3ade28; }
  50% {
    background-color: #dea828; }
  75% {
    background-color: #de2a28; }
  100% {
    background-color: #28bbde; } }

.o-assignment-tool.fade.in {
  overflow-y: auto; }

.o-assignment-tool .modal-dialog {
  max-width: 97.5%;
  width: 100% !important;
  height: auto !important;
  margin-top: 20px !important;
  margin-bottom: 20px;
  padding: 0;
  overflow-y: initial; }
  .o-assignment-tool .modal-dialog .modal-content {
    -webkit-border-radius: 0px 0px 0px 0px;
    -moz-border-radius: 0px 0px 0px 0px;
    -ms-border-radius: 0px 0px 0px 0px;
    -o-border-radius: 0px 0px 0px 0px;
    border-radius: 0px 0px 0px 0px;
    border: 2px solid #4465b7; }
    .o-assignment-tool .modal-dialog .modal-content .modal-header {
      background: #4465b7;
      padding: 15px 40px;
      position: relative;
      border: none; }
      .o-assignment-tool .modal-dialog .modal-content .modal-header .modal-title {
        font-family: 'Work Sans', sans-serif;
        font-weight: 600;
        font-size: 18px;
        color: #fff;
        line-height: 20px;
        font-weight: 600 !important;
        text-align: center; }
        .o-assignment-tool .modal-dialog .modal-content .modal-header .modal-title * {
          font-family: 'Work Sans', sans-serif;
          font-weight: 600;
          font-size: 18px;
          color: #fff;
          line-height: 20px;
          font-weight: 600 !important;
          text-align: center; }
      .o-assignment-tool .modal-dialog .modal-content .modal-header .close {
        opacity: 1;
        margin-top: 0; }
        .o-assignment-tool .modal-dialog .modal-content .modal-header .close span {
          display: flex;
          position: absolute;
          top: 50%;
          right: 10px;
          font-family: 'Work Sans', sans-serif;
          font-weight: 400;
          font-size: 26px;
          color: #fff;
          line-height: 20px;
          font-weight: 400 !important;
          cursor: pointer;
          text-align: center;
          align-items: center;
          justify-content: center;
          -webkit-transform: translateY(-50%);
          -moz-transform: translateY(-50%);
          -ms-transform: translateY(-50%);
          -o-transform: translateY(-50%);
          transform: translateY(-50%); }
    .o-assignment-tool .modal-dialog .modal-content .modal-body {
      padding: 30px 40px; }
    .o-assignment-tool .modal-dialog .modal-content .modal-footer {
      padding: 15px 40px;
      border: 1px solid #e9ebee; }

.o-assignment-tool #editTargetOptions .modal-dialog {
  max-width: 740px; }
  .o-assignment-tool #editTargetOptions .modal-dialog--row {
    width: 100%;
    display: flex;
    justify-content: flex-start;
    align-items: flex-start;
    padding-bottom: 10px; }
    .o-assignment-tool #editTargetOptions .modal-dialog--row.no-padding-bottom {
      padding-bottom: 0; }
  .o-assignment-tool #editTargetOptions .modal-dialog--col {
    flex: 1;
    padding-right: 10px; }
    .o-assignment-tool #editTargetOptions .modal-dialog--col:last-child {
      padding-right: 0; }
    .o-assignment-tool #editTargetOptions .modal-dialog--col.isSmall {
      flex: initial;
      width: 150px; }

.o-assignment-tool--top {
  margin-bottom: 20px; }
  .o-assignment-tool--top--one {
    padding: 20px 0;
    margin-bottom: 20px;
    border-top: 2px solid #e9ebee;
    border-bottom: 2px solid #e9ebee; }
    .o-assignment-tool--top--one ul.iconsGrid {
      display: flex;
      align-items: center;
      float: none;
      text-align: center; }
      .o-assignment-tool--top--one ul.iconsGrid li {
        flex: initial;
        margin: 0;
        float: none;
        padding-right: 10px; }
        .o-assignment-tool--top--one ul.iconsGrid li:last-of-type {
          flex: 1;
          padding-right: 0; }
  .o-assignment-tool--top--two {
    margin-bottom: 20px; }
    .o-assignment-tool--top--two .nav-tabs {
      border-bottom: 2px solid #e9ebee; }
      .o-assignment-tool--top--two .nav-tabs > li {
        margin-bottom: -2px;
        display: flex;
        align-items: center; }
        .o-assignment-tool--top--two .nav-tabs > li > a {
          font-family: 'Work Sans', sans-serif;
          font-weight: 400;
          font-size: 14px;
          color: #4465b7;
          line-height: 16px;
          font-weight: 400 !important;
          text-align: center;
          background-color: #ecf1ff;
          min-height: 60px; }
          .o-assignment-tool--top--two .nav-tabs > li > a * {
            font-weight: 400 !important; }
          .o-assignment-tool--top--two .nav-tabs > li > a .small {
            display: inline-block;
            margin-top: 5px;
            font-size: 16px;
            font-weight: 500 !important; }
          .o-assignment-tool--top--two .nav-tabs > li > a:hover {
            background-color: #e9ebee;
            border-color: transparent; }
        .o-assignment-tool--top--two .nav-tabs > li.active > a {
          color: #656F7D;
          border: 2px solid #e9ebee;
          border-bottom-color: transparent;
          background: #fff !important;
          font-weight: 500 !important; }
          .o-assignment-tool--top--two .nav-tabs > li.active > a * {
            font-weight: 500 !important; }
          .o-assignment-tool--top--two .nav-tabs > li.active > a .small {
            font-weight: 600 !important; }

.o-assignment-tool--desc {
  padding-bottom: 0px;
  margin-bottom: 20px; }
  .o-assignment-tool--desc--one .flex-p {
    display: flex;
    align-items: center;
    border-bottom: 2px solid #e9ebee;
    padding-bottom: 15px; }
    .o-assignment-tool--desc--one .flex-p .col {
      flex: 1;
      padding-right: 10px; }
      .o-assignment-tool--desc--one .flex-p .col:last-of-type {
        padding-right: 0; }
      .o-assignment-tool--desc--one .flex-p .col.isAuto {
        flex: initial; }
  .o-assignment-tool--desc--one .title {
    font-family: 'Work Sans', sans-serif;
    font-weight: 400;
    font-size: 20px;
    color: #333333;
    line-height: 20px;
    font-weight: 600 !important; }
  .o-assignment-tool--desc--one .editPlaylistTrigger i {
    font-family: 'Work Sans', sans-serif;
    font-weight: 400;
    font-size: 16px;
    color: #4465b7;
    line-height: 20px;
    font-weight: 600 !important;
    font-family: 'FontAwesome';
    cursor: pointer; }
    .o-assignment-tool--desc--one .editPlaylistTrigger i + i {
      margin-left: 10px; }
  .o-assignment-tool--desc--one .extra_info .badge {
    font-size: 14px;
    line-height: 20px;
    background: #fbc300;
    margin-right: 10px; }
  .o-assignment-tool--desc--one .extra_info .icon .fa {
    font-size: 20px;
    line-height: 20px;
    color: #62B408; }
  .o-assignment-tool--desc--two {
    padding: 15px 0 0; }
    .o-assignment-tool--desc--two--instructions {
      font-family: 'Work Sans', sans-serif;
      font-weight: 400;
      font-size: 16px;
      color: #333333;
      line-height: 20px;
      font-weight: 400 !important;
      display: block;
      text-align: left;
      margin-bottom: 15px; }
    .o-assignment-tool--desc--two #progressarrow {
      height: 100%;
      overflow: hidden;
      margin-bottom: 15px; }
      .o-assignment-tool--desc--two #progressarrow li {
        font-size: 12px; }
        .o-assignment-tool--desc--two #progressarrow li a {
          font-weight: 400 !important; }
  .o-assignment-tool--desc--three {
    border-top: 2px solid #e9ebee;
    border-bottom: 2px solid #e9ebee;
    background-color: #F5F5F5;
    display: flex;
    align-content: center; }
    .o-assignment-tool--desc--three .col {
      flex: 1;
      padding: 10px;
      display: flex;
      align-items: center; }
      .o-assignment-tool--desc--three .col.isAuto {
        flex: initial; }
    .o-assignment-tool--desc--three .text {
      font-family: 'Work Sans', sans-serif;
      font-weight: 400;
      font-size: 14px;
      color: #242424;
      line-height: 16px;
      font-weight: 400 !important;
      padding: 0 10px 0 0;
      margin: 0 10px 0 0;
      position: relative; }
      .o-assignment-tool--desc--three .text:after {
        content: '';
        display: block;
        width: 2px;
        height: 12px;
        background-color: #C7C7C7;
        position: absolute;
        top: 50%;
        left: 100%;
        margin-top: -7px; }
      .o-assignment-tool--desc--three .text:last-of-type {
        padding-right: 0;
        margin-right: 0; }
        .o-assignment-tool--desc--three .text:last-of-type:after {
          display: none; }
      .o-assignment-tool--desc--three .text span.val {
        font-weight: 500 !important;
        color: #375885; }
  .o-assignment-tool--desc--four .label-danger {
    width: 100%;
    display: block;
    border-radius: 0;
    padding: 8px 10px;
    font-size: 14px;
    text-align: left;
    border-bottom: 2px solid #9a4240; }

.o-assignment-tool .selecting_worksheet_tileo-assignment-tool--concept-box {
  position: relative; }

.o-assignment-tool--concept-box {
  position: relative; }
  .o-assignment-tool--concept-box--main {
    padding: 15px;
    position: relative;
    /* ribbon */
    /* ./ribbon */
    /* ribbon */
    /* ./ribbon */
    /* showdetailWS-top-icons */
    /* ./showdetailWS-top-icons */
    /* worksheet-thumbnail */
    /* ./worksheet-thumbnail */
    /* showdetailWS-right-arrow */
    /* ./showdetailWS-right-arrow */
    /* showdetailWS-info */
    /* ./showdetailWS-info */
    /* showdetailWS-more-info */
    /* ./showdetailWS-more-info */
    /* showdetailWS-titles */
    /* ./showdetailWS-titles */ }
    .o-assignment-tool--concept-box--main:before {
      content: '';
      display: block;
      width: 100%;
      height: 33%;
      position: absolute;
      top: 0;
      left: 0;
      /*background: -moz-linear-gradient(top,  rgba(0,0,0,0.65) 0%, rgba(0,0,0,0) 100%);
				background: -webkit-linear-gradient(top,  rgba(0,0,0,0.65) 0%,rgba(0,0,0,0) 100%);
				background: linear-gradient(to bottom,  rgba(0,0,0,0.65) 0%,rgba(0,0,0,0) 100%);
				filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#a6000000', endColorstr='#00000000',GradientType=0 );
				box-shadow: 0px 11px 20px -18px rgba(0, 0, 0, 0.5) inset;*/ }
    .o-assignment-tool--concept-box--main .ribbon-wrapper-right-green {
      height: 98px;
      top: 0; }
      .o-assignment-tool--concept-box--main .ribbon-wrapper-right-green .ribbon-grey {
        left: -36px;
        top: 20px;
        width: 133px;
        -webkit-box-shadow: 0 9px 12px -11px black;
        box-shadow: 0 9px 12px -11px black;
        font-family: 'Work Sans', sans-serif;
        font-weight: 500;
        font-size: 14px;
        color: #fff;
        line-height: 16px;
        font-weight: 500 !important;
        background: #656F7D;
        background: #fbc300; }
        .o-assignment-tool--concept-box--main .ribbon-wrapper-right-green .ribbon-grey.ribbon-dark {
          background: #666666;
          background: #29CC46; }
      .o-assignment-tool--concept-box--main .ribbon-wrapper-right-green.newTag {
        height: 98px;
        bottom: 0 !important;
        top: auto !important;
        left: auto !important;
        right: 0 !important; }
        .o-assignment-tool--concept-box--main .ribbon-wrapper-right-green.newTag .ribbon-grey.ribbon-dark {
          position: relative;
          overflow: hidden;
          -webkit-transform: rotate(311deg);
          -moz-transform: rotate(311deg);
          -ms-transform: rotate(311deg);
          -o-transform: rotate(311deg);
          transform: rotate(131deg);
          left: -13px;
          top: 49px;
          background: #31c1e4;
          animation: newTagColorRotate 3s infinite ease-in-out;
          -webkit-animation: newTagColorRotate 3s infinite ease-in-out;
          -moz-animation: newTagColorRotate 3s infinite ease-in-out; }
          .o-assignment-tool--concept-box--main .ribbon-wrapper-right-green.newTag .ribbon-grey.ribbon-dark b {
            display: inline-block;
            transform: rotate(-179.5deg);
            font-weight: 600 !important;
            text-transform: uppercase;
            letter-spacing: 1.5px; }
    .o-assignment-tool--concept-box--main .ribbon-wrapper-right-red {
      height: 126px;
      width: 115px;
      top: 0;
      overflow: hidden;
      position: absolute;
      left: 0px !important; }
      .o-assignment-tool--concept-box--main .ribbon-wrapper-right-red .ribbon-grey {
        background: #a028de !important;
        left: -47px;
        top: 34px;
        width: 183px;
        -webkit-box-shadow: 0 9px 12px -11px black;
        box-shadow: 0 9px 12px -11px black;
        font-family: 'Work Sans', sans-serif;
        font-weight: 500;
        font-size: 14px;
        color: #fff;
        line-height: 16px;
        font-weight: 500 !important;
        background: #656F7D;
        background: #fbc300; }
        .o-assignment-tool--concept-box--main .ribbon-wrapper-right-red .ribbon-grey.ribbon-dark {
          background: #666666;
          background: #29CC46; }
      .o-assignment-tool--concept-box--main .ribbon-wrapper-right-red.newTag {
        height: 98px;
        bottom: 0 !important;
        top: auto !important;
        left: auto !important;
        right: 0 !important; }
        .o-assignment-tool--concept-box--main .ribbon-wrapper-right-red.newTag .ribbon-grey.ribbon-dark {
          position: relative;
          overflow: hidden;
          -webkit-transform: rotate(311deg);
          -moz-transform: rotate(311deg);
          -ms-transform: rotate(311deg);
          -o-transform: rotate(311deg);
          transform: rotate(131deg);
          left: -13px;
          top: 49px;
          background: #de2a28; }
          .o-assignment-tool--concept-box--main .ribbon-wrapper-right-red.newTag .ribbon-grey.ribbon-dark b {
            display: inline-block;
            transform: rotate(-179.5deg);
            font-weight: 600 !important;
            text-transform: uppercase;
            letter-spacing: 1.5px; }
    .o-assignment-tool--concept-box--main .showdetailWS-top-icons {
      display: flex;
      position: absolute;
      top: 0;
      right: 0;
      background: #666;
      padding: 5px 10px;
      border-radius: 0 0 0 10px;
      -webkit-box-shadow: 0 9px 12px -11px black;
      box-shadow: 0 9px 12px -11px black; }
      .o-assignment-tool--concept-box--main .showdetailWS-top-icons .fa {
        background: none;
        font-size: 16px;
        line-height: 1.2;
        color: #fff;
        padding: 0 3px; }
    .o-assignment-tool--concept-box--main .worksheet-thumbnail {
      margin-bottom: 10px; }
      .o-assignment-tool--concept-box--main .worksheet-thumbnail img {
        padding: 0;
        width: 100% !important;
        height: auto !important; }
    .o-assignment-tool--concept-box--main .showdetailWS-right-arrow {
      top: 0;
      right: -24px;
      position: absolute;
      height: 100%;
      text-align: center;
      width: 24px;
      display: flex;
      align-items: center;
      justify-content: center;
      cursor: pointer; }
      .o-assignment-tool--concept-box--main .showdetailWS-right-arrow .fa {
        color: #fbc300;
        font-size: 14px; }
    .o-assignment-tool--concept-box--main .showdetailWS-info {
      margin-bottom: 10px; }
      .o-assignment-tool--concept-box--main .showdetailWS-info .fa {
        line-height: 28px;
        font-size: 20px;
        color: #4465b7; }
      .o-assignment-tool--concept-box--main .showdetailWS-info .u-button {
        line-height: 16px;
        font-size: 12px; }
    .o-assignment-tool--concept-box--main .showdetailWS-more-info {
      margin-bottom: 10px; }
      .o-assignment-tool--concept-box--main .showdetailWS-more-info * {
        font-size: 14px !important;
        line-height: 16px;
        font-weight: 400 !important; }
      .o-assignment-tool--concept-box--main .showdetailWS-more-info .pull-left {
        margin: 0 5px 0 0; }
      .o-assignment-tool--concept-box--main .showdetailWS-more-info .pull-right {
        margin: 0 0 0 5px; }
      .o-assignment-tool--concept-box--main .showdetailWS-more-info .fa {
        margin-right: 3px; }
    .o-assignment-tool--concept-box--main .showdetailWS-titles p {
      font-size: 14px;
      line-height: 20px;
      font-weight: 400 !important;
      white-space: nowrap;
      text-overflow: ellipsis !important;
      overflow: hidden; }
      .o-assignment-tool--concept-box--main .showdetailWS-titles p.bold {
        font-weight: 500 !important;
        margin-bottom: 5px; }
  .o-assignment-tool--concept-box--overlay {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    z-index: 15;
    color: #fff;
    background-color: rgba(0, 0, 0, 0.75);
    padding: 15px;
    flex-direction: column;
    display: flex; }
    .o-assignment-tool--concept-box--overlay--content {
      top: 0;
      left: 0;
      position: relative; }
      .o-assignment-tool--concept-box--overlay--content .close-icon {
        position: absolute;
        top: 1px;
        right: 5px; }
      .o-assignment-tool--concept-box--overlay--content .title {
        word-wrap: break-word;
        overflow: hidden;
        text-overflow: ellipsis !important;
        white-space: nowrap;
        margin-top: 10px;
        margin-bottom: 5px;
        font-size: 14px;
        line-height: 20px;
        font-weight: 500 !important; }
        .o-assignment-tool--concept-box--overlay--content .title.secondary {
          font-size: 12px;
          font-weight: 400 !important; }
      .o-assignment-tool--concept-box--overlay--content .sep {
        margin-top: 10px !important;
        margin-bottom: 10px !important; }
      .o-assignment-tool--concept-box--overlay--content .cta-holder {
        position: relative;
        margin-top: 21px;
        display: flex;
        align-items: center;
        justify-content: center;
        flex-wrap: wrap; }
      .o-assignment-tool--concept-box--overlay--content--bottom {
        width: 100%;
        text-align: center;
        display: flex;
        align-items: flex-end;
        justify-content: center;
        flex: 1; }
        .o-assignment-tool--concept-box--overlay--content--bottom .w-100 {
          width: 100%; }
          .o-assignment-tool--concept-box--overlay--content--bottom .w-100 .combotick.u-button.u-button__green.u-button__full.u-button__\(40\).u-button__small\(xs\).btn.btn-primary {
            min-width: 160px; }
        .o-assignment-tool--concept-box--overlay--content--bottom .showdetailWS-btn-holder {
          position: absolute;
          left: 0;
          bottom: 57px;
          width: 100%;
          padding: 0 15px; }
        .o-assignment-tool--concept-box--overlay--content--bottom .clear-selection {
          cursor: pointer;
          float: right;
          background: #ef523e;
          position: absolute;
          right: 0px;
          top: 0px;
          padding: 7.5px 15.5px;
          border-radius: 0 0 0 7px; }
        .o-assignment-tool--concept-box--overlay--content--bottom .bottom-texts {
          position: absolute;
          left: 0;
          bottom: 11px;
          width: 100%;
          display: flex;
          padding: 0 12px;
          text-align: left; }
          .o-assignment-tool--concept-box--overlay--content--bottom .bottom-texts > span,
          .o-assignment-tool--concept-box--overlay--content--bottom .bottom-texts > a {
            flex: 1;
            font-family: 'Work Sans', sans-serif;
            font-weight: 600;
            font-size: 14px;
            color: #fff;
            line-height: 20px;
            font-weight: 600 !important; }
          .o-assignment-tool--concept-box--overlay--content--bottom .bottom-texts .dark {
            padding-left: 10px; }
          .o-assignment-tool--concept-box--overlay--content--bottom .bottom-texts .blue {
            flex: initial;
            padding: 0 5px;
            border-radius: 3px;
            background: #4465b7 !important;
            margin-right: 10px; }
          .o-assignment-tool--concept-box--overlay--content--bottom .bottom-texts .red {
            flex: initial;
            padding: 0 5px;
            border-radius: 3px;
            background: #ef523e !important; }

.o-assignment-tool--bottom {
  display: flex;
  position: relative; }
  .o-assignment-tool--bottom--col {
    position: relative;
    z-index: 10; }
  .o-assignment-tool--bottom--right {
    width: 80%;
    padding: 20px;
    background: #FAFAFA; }
    .o-assignment-tool--bottom--right .search-structure .top-search {
      display: flex;
      align-items: center;
      margin-bottom: 15px; }
      .o-assignment-tool--bottom--right .search-structure .top-search .col {
        flex: 1;
        padding-right: 15px; }
        .o-assignment-tool--bottom--right .search-structure .top-search .col.isAuto {
          flex: initial; }
          .o-assignment-tool--bottom--right .search-structure .top-search .col.isAuto:last-of-type {
            padding-right: 0; }
    .o-assignment-tool--bottom--right .searchBoxes {
      display: flex;
      flex-wrap: wrap;
      margin: 0 -12px !important; }
      .o-assignment-tool--bottom--right .searchBoxes--column {
        width: 25%;
        padding: 0 12px 20px; }
        .o-assignment-tool--bottom--right .searchBoxes--column--wrapper {
          position: relative;
          height: 100%;
          background: #fff;
          -webkit-box-shadow: 0 10px 14px -13px rgba(0, 0, 0, 0.25);
          -moz-box-shadow: 0 10px 14px -13px rgba(0, 0, 0, 0.25);
          box-shadow: 0 10px 14px -13px rgba(0, 0, 0, 0.25); }
        .o-assignment-tool--bottom--right .searchBoxes--column--desc {
          padding: 15px; }
          .o-assignment-tool--bottom--right .searchBoxes--column--desc .blocks {
            margin-bottom: 10px; }
            .o-assignment-tool--bottom--right .searchBoxes--column--desc .blocks:last-of-type {
              margin-bottom: 0; }
          .o-assignment-tool--bottom--right .searchBoxes--column--desc h4 {
            font-family: 'Work Sans', sans-serif;
            font-weight: 600;
            font-size: 16px;
            color: #656F7D;
            line-height: 20px;
            font-weight: 600 !important;
            margin-bottom: 15px; }
            .o-assignment-tool--bottom--right .searchBoxes--column--desc h4 span {
              font-family: 'Work Sans', sans-serif;
              font-weight: 600;
              font-size: 16px;
              color: #656F7D;
              line-height: 20px;
              font-weight: 600 !important; }
          .o-assignment-tool--bottom--right .searchBoxes--column--desc span {
            font-family: 'Work Sans', sans-serif;
            font-weight: 400;
            font-size: 14px;
            color: #656F7D;
            line-height: 16px;
            font-weight: 400 !important; }
            .o-assignment-tool--bottom--right .searchBoxes--column--desc span.bold {
              font-weight: 500 !important; }
              .o-assignment-tool--bottom--right .searchBoxes--column--desc span.bold span {
                font-weight: 500 !important; }
    .o-assignment-tool--bottom--right .assigned-concepts .top {
      display: flex;
      width: 100%;
      align-items: center;
      padding: 15px 0;
      margin-bottom: 15px;
      border-top: 2px solid #e9ebee;
      border-bottom: 2px solid #e9ebee; }
      .o-assignment-tool--bottom--right .assigned-concepts .top .col {
        flex: 1;
        padding: 0 15px 0 0; }
        .o-assignment-tool--bottom--right .assigned-concepts .top .col.isAuto {
          flex: initial; }
          .o-assignment-tool--bottom--right .assigned-concepts .top .col.isAuto:last-of-type {
            padding-right: 0; }
      .o-assignment-tool--bottom--right .assigned-concepts .top p {
        font-family: 'Work Sans', sans-serif;
        font-weight: 400;
        font-size: 14px;
        color: #666666;
        line-height: 16px;
        font-weight: 500 !important; }
        .o-assignment-tool--bottom--right .assigned-concepts .top p span {
          font-family: 'Work Sans', sans-serif;
          font-weight: 400;
          font-size: 14px;
          color: #666666;
          line-height: 16px;
          font-weight: 500 !important; }
          .o-assignment-tool--bottom--right .assigned-concepts .top p span:last-of-type {
            color: #4465b7; }
      .o-assignment-tool--bottom--right .assigned-concepts .top .num {
        text-align: left;
        overflow: hidden;
        white-space: nowrap;
        text-overflow: ellipsis !important;
        color: #4465b7; }
    .o-assignment-tool--bottom--right .bottom-legends {
      padding: 15px 0 0 0;
      border-top: 2px solid #e9ebee; }
      .o-assignment-tool--bottom--right .bottom-legends .alert-info {
        margin-bottom: 0 !important;
        box-shadow: 0 10px 14px -13px rgba(0, 0, 0, 0.25);
        background-color: #fff;
        border-color: #fff; }
        .o-assignment-tool--bottom--right .bottom-legends .alert-info ul {
          display: flex;
          flex-wrap: wrap; }
          .o-assignment-tool--bottom--right .bottom-legends .alert-info ul li {
            width: 25%;
            padding: 5px 0;
            font-family: 'Work Sans', sans-serif;
            font-weight: 400;
            font-size: 14px;
            color: #656F7D;
            line-height: 16px;
            font-weight: 400 !important; }
            .o-assignment-tool--bottom--right .bottom-legends .alert-info ul li:last-of-type {
              width: 100%; }
  .o-assignment-tool--bottom--left {
    width: 20%;
    padding: 20px;
    background: #F5F5F5; }
    .o-assignment-tool--bottom--left--main .left-top {
      display: flex;
      align-items: center;
      padding-bottom: 15px;
      border-bottom: 2px solid #e9ebee; }
      .o-assignment-tool--bottom--left--main .left-top > div {
        flex: 1; }
        .o-assignment-tool--bottom--left--main .left-top > div:first-of-type {
          flex: initial;
          padding-right: 10px; }
        .o-assignment-tool--bottom--left--main .left-top > div span {
          font-family: 'Work Sans', sans-serif;
          font-weight: 400;
          font-size: 16px;
          color: #656F7D;
          line-height: 40px;
          font-weight: 400 !important; }
    .o-assignment-tool--bottom--left--main .left-mid {
      padding: 15px;
      border-bottom: 2px solid #e9ebee;
      background-color: #FAFAFA; }
      .o-assignment-tool--bottom--left--main .left-mid .main-topic {
        display: block;
        margin: 3px 0; }
        .o-assignment-tool--bottom--left--main .left-mid .main-topic h5 {
          font-family: 'Work Sans', sans-serif;
          font-weight: 400;
          font-size: 14px;
          color: #656F7D;
          line-height: 24px;
          font-weight: 500 !important; }
          .o-assignment-tool--bottom--left--main .left-mid .main-topic h5 i {
            margin-right: 10px; }
      .o-assignment-tool--bottom--left--main .left-mid .sub-topics {
        padding: 0 0 0 5px; }
        .o-assignment-tool--bottom--left--main .left-mid .sub-topics .single-row .main-topic {
          margin: 5px 0; }
          .o-assignment-tool--bottom--left--main .left-mid .sub-topics .single-row .main-topic h5 {
            line-height: 16px;
            font-weight: 400 !important; }
        .o-assignment-tool--bottom--left--main .left-mid .sub-topics span, .o-assignment-tool--bottom--left--main .left-mid .sub-topics u {
          font-weight: 400 !important; }
    .o-assignment-tool--bottom--left--main .left-mid2 {
      display: flex;
      align-items: baseline;
      flex-direction: column;
      padding-top: 15px;
      padding-bottom: 15px;
      border-bottom: 2px solid #e9ebee; }
      .o-assignment-tool--bottom--left--main .left-mid2 > div {
        flex: 1; }
        .o-assignment-tool--bottom--left--main .left-mid2 > div:first-of-type {
          flex: initial;
          padding-bottom: 10px; }
        .o-assignment-tool--bottom--left--main .left-mid2 > div span {
          font-family: 'Work Sans', sans-serif;
          font-weight: 400;
          font-size: 16px;
          color: #656F7D;
          line-height: 20px;
          font-weight: 400 !important; }

.student-metrix-ex-tips {
  display: none;
  margin-right: 10px; }
  .student-metrix-ex-tips.active {
    display: inline-block; }

.o-expert-tips-modal .tips {
  display: block; }
  .o-expert-tips-modal .tips li {
    display: block;
    font-family: 'Work Sans', sans-serif;
    font-weight: 400;
    font-size: 16px;
    color: #656F7D;
    line-height: 20px;
    font-weight: 400 !important;
    margin: 10px 0;
    padding-left: 25px;
    position: relative;
    position: relative;
    padding: 10px 10px 10px 30px;
    border-bottom: 3px solid #e9ebee;
    background: #F5F5F5;
    border-radius: 4px; }
    .o-expert-tips-modal .tips li:before {
      content: '';
      display: block;
      width: 15px;
      height: 15px;
      position: absolute;
      top: 12px;
      left: 5px;
      background: #7ab0ec;
      border-radius: 50%;
      border: 3px solid #fff;
      box-shadow: 0 0px 4px rgba(0, 0, 0, 0.28); }

.o-st-details-learning-objectives .questions {
  display: block;
  text-align: left;
  font-family: 'Work Sans', sans-serif;
  font-weight: 600;
  font-size: 16px;
  color: #242424;
  line-height: 16px;
  font-weight: 600 !important;
  margin-bottom: 5px; }

.o-st-details-learning-objectives .desc {
  display: block;
  text-align: left;
  font-family: 'Work Sans', sans-serif;
  font-weight: 300;
  font-size: 14px;
  color: #5d5d5d;
  line-height: 16px;
  font-weight: 300 !important;
  margin-bottom: 10px; }
  .o-st-details-learning-objectives .desc * {
    font-family: 'Work Sans', sans-serif;
    font-weight: 300;
    font-size: 14px;
    color: #5d5d5d;
    line-height: 16px;
    font-weight: 300 !important; }

.o-st-details-learning-objectives .ans {
  display: block;
  text-align: left;
  font-family: 'Work Sans', sans-serif;
  font-weight: 400;
  font-size: 16px;
  color: #4c4c4c;
  line-height: 16px;
  font-weight: 400 !important;
  margin-bottom: 10px; }
  .o-st-details-learning-objectives .ans * {
    font-family: 'Work Sans', sans-serif;
    font-weight: 400;
    font-size: 16px;
    color: #4c4c4c;
    line-height: 16px;
    font-weight: 400 !important; }

.o-st-details-learning-objectives .separator {
  display: block;
  height: 1px;
  background: #ecf1ff; }

.o-st-details-learning-objectives textarea {
  margin: 10px 0; }

.o-matrix-box-details {
  z-index: 1055; }
  .o-matrix-box-details * {
    font-family: 'Work Sans', sans-serif;
    font-weight: 400;
    font-size: 14px;
    color: #242424;
    line-height: 16px;
    font-weight: 400 !important; }
  .o-matrix-box-details h4 {
    font-weight: 600 !important;
    margin-bottom: 10px; }
  .o-matrix-box-details .modal-header h4 {
    color: #fff; }

.o-student-details-notes {
  border-top: 2px solid #e9ebee;
  padding-top: 30px; }
  .o-student-details-notes * {
    font-weight: 400 !important; }
  .o-student-details-notes--block * {
    font-size: 16px;
    line-height: 20px;
    font-weight: 400 !important; }
  .o-student-details-notes--block--head {
    display: block;
    font-family: 'Work Sans', sans-serif;
    font-weight: 600;
    font-size: 18px;
    color: #fff;
    line-height: 21px;
    font-weight: 600 !important;
    background: #4465b7;
    padding: 15px 30px;
    text-align: center; }
  .o-student-details-notes--block--body {
    border: 1px solid #C7C7C7;
    border-top: none;
    padding: 30px; }
  .o-student-details-notes--onboarding--progressbar {
    margin-bottom: 20px; }
    .o-student-details-notes--onboarding--progressbar.bs-wizard {
      display: flex;
      position: relative; }
      .o-student-details-notes--onboarding--progressbar.bs-wizard:before {
        content: '';
        display: block;
        position: absolute;
        width: 100%;
        left: 0;
        top: 50%;
        height: 5px;
        margin-top: -2.5px;
        background: #e9ebee;
        z-index: 1; }
        @media screen and (min-width: 768px) and (max-width: 820px) {
          .o-student-details-notes--onboarding--progressbar.bs-wizard:before {
            top: 50%; } }
      .o-student-details-notes--onboarding--progressbar.bs-wizard .bs-wizard-step {
        flex: 1;
        position: relative;
        z-index: 5; }
        .o-student-details-notes--onboarding--progressbar.bs-wizard .bs-wizard-step .bs-wizard-stepnum {
          font-family: 'Work Sans', sans-serif;
          font-weight: 400;
          font-size: 18px;
          color: #333333;
          line-height: 20px;
          font-weight: 600 !important;
          margin-bottom: 8px;
          font-size: 15px;
          color: #444; }
          @media screen and (min-width: 768px) and (max-width: 1252px) {
            .o-student-details-notes--onboarding--progressbar.bs-wizard .bs-wizard-step .bs-wizard-stepnum {
              font-size: 14px;
              white-space: nowrap;
              text-overflow: ellipsis;
              padding: 0 5px; } }
        .o-student-details-notes--onboarding--progressbar.bs-wizard .bs-wizard-step .progress {
          height: 5px; }
        .o-student-details-notes--onboarding--progressbar.bs-wizard .bs-wizard-step .bs-wizard-dot {
          width: 20px;
          height: 20px;
          top: 50%;
          margin-top: -10px;
          cursor: pointer;
          -webkit-transition: all 0.25s ease-out;
          -moz-transition: all 0.25s ease-out;
          -ms-transition: all 0.25s ease-out;
          -o-transition: all 0.25s ease-out;
          transition: all 0.25s ease-out; }
          .o-student-details-notes--onboarding--progressbar.bs-wizard .bs-wizard-step .bs-wizard-dot:hover {
            -webkit-transform: scale(1.2);
            -moz-transform: scale(1.2);
            -ms-transform: scale(1.2);
            -o-transform: scale(1.2);
            transform: scale(1.2); }
          .o-student-details-notes--onboarding--progressbar.bs-wizard .bs-wizard-step .bs-wizard-dot:after {
            width: 20px;
            height: 20px;
            top: 0px;
            border-radius: 50%; }
            @media screen and (min-width: 768px) and (max-width: 820px) {
              .o-student-details-notes--onboarding--progressbar.bs-wizard .bs-wizard-step .bs-wizard-dot:after {
                width: 15px;
                height: 15px;
                top: 2px; } }
        .o-student-details-notes--onboarding--progressbar.bs-wizard .bs-wizard-step .bs-wizard-info {
          font-family: 'Work Sans', sans-serif;
          font-weight: 400;
          font-size: 16px;
          color: #696969;
          line-height: 20px;
          font-weight: 400 !important;
          margin-top: 8px; }
          @media screen and (min-width: 768px) and (max-width: 1252px) {
            .o-student-details-notes--onboarding--progressbar.bs-wizard .bs-wizard-step .bs-wizard-info {
              font-size: 14px !important; } }
        .o-student-details-notes--onboarding--progressbar.bs-wizard .bs-wizard-step.complete .progress .progress-bar {
          background-color: #29CC46; }
        .o-student-details-notes--onboarding--progressbar.bs-wizard .bs-wizard-step.complete .bs-wizard-dot:after {
          background-color: #29CC46; }
        .o-student-details-notes--onboarding--progressbar.bs-wizard .bs-wizard-step.incomplete .progress .progress-bar {
          background-color: #f9633d; }
        .o-student-details-notes--onboarding--progressbar.bs-wizard .bs-wizard-step.incomplete .bs-wizard-dot:after {
          background-color: #f9633d; }
        .o-student-details-notes--onboarding--progressbar.bs-wizard .bs-wizard-step.disabled .progress .progress-bar {
          background-color: #e9ebee; }
        .o-student-details-notes--onboarding--progressbar.bs-wizard .bs-wizard-step.disabled .bs-wizard-dot:after {
          background-color: #e9ebee; }
  .o-student-details-notes--onboarding--main .rowx {
    display: flex;
    align-items: center; }
    .o-student-details-notes--onboarding--main .rowx .col {
      flex: 1; }
      .o-student-details-notes--onboarding--main .rowx .col.auto {
        flex: initial; }
    .o-student-details-notes--onboarding--main .rowx .teacher {
      font-size: 16px;
      font-weight: 600 !important; }
  .o-student-details-notes--onboarding--main .notesSection {
    margin-bottom: 20px; }
  .o-student-details-notes--onboarding--main .heading {
    font-size: 18px;
    color: #333333;
    font-weight: 600 !important;
    margin-bottom: 10px; }
  .o-student-details-notes--onboarding--main .button-toolbar {
    margin-top: 10px;
    margin-bottom: 10px; }
    .o-student-details-notes--onboarding--main .button-toolbar .btn-group-sm > .btn {
      padding: 5px 8px; }
      .o-student-details-notes--onboarding--main .button-toolbar .btn-group-sm > .btn-primary {
        background: #4465b7; }
      .o-student-details-notes--onboarding--main .button-toolbar .btn-group-sm > .btn:hover, .o-student-details-notes--onboarding--main .button-toolbar .btn-group-sm > .btn:focus {
        opacity: 0.7; }
  .o-student-details-notes--onboarding .bottom {
    display: flex;
    align-items: center;
    margin: 0; }
    .o-student-details-notes--onboarding .bottom .col-md-12 {
      flex: 1;
      text-align: left;
      padding: 0; }
      .o-student-details-notes--onboarding .bottom .col-md-12 * {
        font-size: 16px; }
      .o-student-details-notes--onboarding .bottom .col-md-12:last-child {
        text-align: right; }

@keyframes move {
  0% {
    left: 0;
    opacity: 0; }
  5% {
    opacity: 0.0; }
  48% {
    opacity: 0.4; }
  80% {
    opacity: 0.0; }
  100% {
    left: 82%; } }

@-webkit-keyframes move {
  0% {
    left: 0;
    opacity: 0; }
  5% {
    opacity: 0.0; }
  48% {
    opacity: 0.4; }
  80% {
    opacity: 0.0; }
  100% {
    left: 82%; } }

@-moz-keyframes move {
  0% {
    left: 0;
    opacity: 0; }
  5% {
    opacity: 0.0; }
  48% {
    opacity: 0.4; }
  80% {
    opacity: 0.0; }
  100% {
    left: 88%; } }

@-ms-keyframes move {
  0% {
    left: 0;
    opacity: 0; }
  5% {
    opacity: 0.0; }
  48% {
    opacity: 0.4; }
  80% {
    opacity: 0.0; }
  100% {
    left: 82%; } }

@-o-keyframes move {
  0% {
    left: 0;
    opacity: 0; }
  5% {
    opacity: 0.0; }
  48% {
    opacity: 0.4; }
  80% {
    opacity: 0.0; }
  100% {
    left: 82%; } }

.o-student-page-reports ul li button.new-progress-report-btn {
  position: relative; }
  .o-student-page-reports ul li button.new-progress-report-btn .label-new {
    display: block;
    position: absolute;
    bottom: 100%;
    right: 10px;
    padding: 0px 10px;
    background: #fcc306;
    font-size: 12px;
    font-weight: 800 !important;
    border-radius: 5px 5px 0 0;
    color: #4464b7; }
    .o-student-page-reports ul li button.new-progress-report-btn .label-new:after {
      content: "";
      display: block;
      position: absolute;
      top: 100%;
      left: 50%;
      margin-left: -10px;
      width: 0;
      height: 0;
      border-style: solid dashed solid dashed;
      border-color: #fcc306 transparent transparent transparent;
      border-width: 5px 10px 0 10px; }
  .o-student-page-reports ul li button.new-progress-report-btn:before {
    content: '';
    display: block;
    position: absolute;
    opacity: 0;
    top: 0;
    left: 0;
    /*   gradient   */
    background: -moz-linear-gradient(left, rgba(255, 255, 255, 0) 0%, rgba(255, 255, 255, 0.03) 1%, rgba(255, 255, 255, 0.6) 30%, rgba(255, 255, 255, 0.85) 50%, rgba(255, 255, 255, 0.85) 70%, rgba(255, 255, 255, 0.85) 71%, rgba(255, 255, 255, 0) 100%);
    /* FF3.6+ */
    background: -webkit-gradient(linear, left top, right top, color-stop(0%, rgba(255, 255, 255, 0)), color-stop(1%, rgba(255, 255, 255, 0.03)), color-stop(30%, rgba(255, 255, 255, 0.85)), color-stop(50%, rgba(255, 255, 255, 0.85)), color-stop(70%, rgba(255, 255, 255, 0.85)), color-stop(71%, rgba(255, 255, 255, 0.85)), color-stop(100%, rgba(255, 255, 255, 0)));
    /* Chrome,Safari4+ */
    background: -webkit-linear-gradient(left, rgba(255, 255, 255, 0) 0%, rgba(255, 255, 255, 0.03) 1%, rgba(255, 255, 255, 0.6) 30%, rgba(255, 255, 255, 0.85) 50%, rgba(255, 255, 255, 0.85) 70%, rgba(255, 255, 255, 0.85) 71%, rgba(255, 255, 255, 0) 100%);
    /* Chrome10+,Safari5.1+ */
    background: -o-linear-gradient(left, rgba(255, 255, 255, 0) 0%, rgba(255, 255, 255, 0.03) 1%, rgba(255, 255, 255, 0.6) 30%, rgba(255, 255, 255, 0.85) 50%, rgba(255, 255, 255, 0.85) 70%, rgba(255, 255, 255, 0.85) 71%, rgba(255, 255, 255, 0) 100%);
    /* Opera 11.10+ */
    background: -ms-linear-gradient(left, rgba(255, 255, 255, 0) 0%, rgba(255, 255, 255, 0.03) 1%, rgba(255, 255, 255, 0.6) 30%, rgba(255, 255, 255, 0.85) 50%, rgba(255, 255, 255, 0.85) 70%, rgba(255, 255, 255, 0.85) 71%, rgba(255, 255, 255, 0) 100%);
    /* IE10+ */
    background: linear-gradient(to right, rgba(255, 255, 255, 0) 0%, rgba(255, 255, 255, 0.03) 1%, rgba(255, 255, 255, 0.6) 30%, rgba(255, 255, 255, 0.85) 50%, rgba(255, 255, 255, 0.85) 70%, rgba(255, 255, 255, 0.85) 71%, rgba(255, 255, 255, 0) 100%);
    /* W3C */
    filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#00ffffff', endColorstr='#00ffffff',GradientType=1 );
    /* IE6-9 */
    /*  forming the shine element
	      play around with the width, skew and gradient to get different effects
	    */
    width: 25%;
    height: 100%;
    transform: skew(-10deg, 0deg);
    -webkit-transform: skew(-10deg, 0deg);
    -moz-transform: skew(-10deg, 0deg);
    -ms-transform: skew(-10deg, 0deg);
    -o-transform: skew(-10deg, 0deg);
    /*  animating it  */
    animation: move 2s;
    animation-iteration-count: infinite;
    animation-delay: 1s;
    -webkit-animation: move 2s;
    -webkit-animation-iteration-count: infinite;
    -webkit-animation-delay: 1s;
    -moz-transform: skew(-10deg, 0deg);
    -moz-animation: move 2s;
    -moz-animation-iteration-count: infinite;
    -moz-animation-delay: 1s;
    -ms-transform: skew(-10deg, 0deg);
    -ms-animation: move 2s;
    -ms-animation-iteration-count: infinite;
    -ms-animation-delay: 1s;
    -o-transform: skew(-10deg, 0deg);
    -o-animation: move 2s;
    -o-animation-iteration-count: infinite;
    -o-animation-delay: 1s; }

.o-quick-reference-modal .num {
  border: 2px solid #4465b7;
  display: block;
  width: 34px;
  height: 34px;
  text-align: center;
  line-height: 32px;
  margin: 0 auto 10px;
  border-radius: 50%;
  font-weight: 700 !important;
  background: #ecf1ff;
  color: #1c2949; }

.o-quick-reference-modal img {
  display: block;
  max-width: 100%;
  margin: 0 auto 30px;
  border: 1px solid #e8e9ea;
  box-shadow: 0 9px 15px -12px rgba(0, 0, 0, 0.25); }

.o-studentdetail-progressreport {
  border-top: 2px solid #e9ebee;
  padding-top: 30px;
  margin-top: 30px; }
  .o-studentdetail-progressreport .quickReferenceModal {
    text-align: right; }
  .o-studentdetail-progressreport--last90dayssummary h2 {
    font-family: 'Raleway';
    font-weight: 800 !important;
    font-size: 20px;
    color: #242424;
    margin-bottom: 15px; }
  .o-studentdetail-progressreport--last90dayssummary h5 {
    font-family: 'Raleway';
    font-weight: 800 !important;
    font-size: 16px;
    color: #727272;
    margin-bottom: 5px; }
  .o-studentdetail-progressreport--last90dayssummary h6 {
    font-family: 'Raleway';
    font-weight: 800 !important;
    font-size: 15px;
    color: #4465b7;
    padding-bottom: 5px;
    margin-bottom: 5px;
    border-bottom: 1px solid #a7b5de; }
  .o-studentdetail-progressreport--last90dayssummary p {
    font-family: 'Work Sans', sans-serif;
    font-weight: 400;
    font-size: 14px;
    color: #656F7D;
    line-height: 20px;
    font-weight: 400 !important;
    padding: 5px 0;
    border-bottom: 1px solid #e9ebee; }
    .o-studentdetail-progressreport--last90dayssummary p:last-of-type {
      padding-bottom: 0;
      border-bottom: none; }
    .o-studentdetail-progressreport--last90dayssummary p strong {
      font-family: 'Work Sans', sans-serif;
      font-weight: 400;
      font-size: 14px;
      color: #656F7D;
      line-height: 18px;
      font-weight: 600 !important; }
  .o-studentdetail-progressreport--last90dayssummary--legends {
    margin-bottom: 20px; }
    .o-studentdetail-progressreport--last90dayssummary--legends .c-twa-responsive-table-container {
      border-bottom: 1px solid #eaebee; }
      .o-studentdetail-progressreport--last90dayssummary--legends .c-twa-responsive-table-container--header th {
        text-align: center;
        text-transform: uppercase; }
        .o-studentdetail-progressreport--last90dayssummary--legends .c-twa-responsive-table-container--header th * {
          font-weight: 700 !important;
          font-size: 14px; }
      .o-studentdetail-progressreport--last90dayssummary--legends .c-twa-responsive-table-container--header--flex-container {
        align-items: center;
        font-weight: 700 !important;
        font-size: 14px; }
      .o-studentdetail-progressreport--last90dayssummary--legends .c-twa-responsive-table-container--body td {
        text-align: center;
        font-size: 14px;
        font-weight: 500 !important; }
        .o-studentdetail-progressreport--last90dayssummary--legends .c-twa-responsive-table-container--body td * {
          font-weight: 500 !important;
          font-size: 14px; }
        .o-studentdetail-progressreport--last90dayssummary--legends .c-twa-responsive-table-container--body td:first-of-type {
          border-left: 1px solid #eaebee; }
        .o-studentdetail-progressreport--last90dayssummary--legends .c-twa-responsive-table-container--body td:last-of-type {
          border-right: 1px solid #eaebee; }
  .o-studentdetail-progressreport--last90dayssummary--singleGrade {
    padding: 15px 15px 5px;
    border: 1px solid #e9ebee;
    background: #FAFAFA;
    margin-bottom: 15px; }
    .o-studentdetail-progressreport--last90dayssummary--singleGrade--topics {
      display: flex;
      flex-wrap: wrap;
      margin: 0px -10px; }
      .o-studentdetail-progressreport--last90dayssummary--singleGrade--topics--topic {
        width: 33.33%;
        padding: 10px;
        position: relative; }
        .o-studentdetail-progressreport--last90dayssummary--singleGrade--topics--topic > div {
          background-color: #fff;
          padding: 15px;
          border-radius: 5px;
          height: 100%;
          position: relative;
          box-shadow: 0 10px 14px -13px rgba(0, 0, 0, 0.25); }
  .o-studentdetail-progressreport--main {
    padding-top: 20px; }
    .o-studentdetail-progressreport--main h2 {
      font-family: 'Raleway';
      font-weight: 800 !important;
      font-size: 20px;
      color: #242424;
      margin-bottom: 15px; }
    .o-studentdetail-progressreport--main h5 {
      font-family: 'Work Sans';
      font-weight: 500 !important;
      font-size: 16px;
      color: #656F7D;
      margin-bottom: 15px; }
      .o-studentdetail-progressreport--main h5 strong {
        font-weight: 700 !important; }
    .o-studentdetail-progressreport--main--proficiencyGraph {
      margin-bottom: 30px;
      border: 1px solid #e9ebee;
      background: #FAFAFA;
      padding: 20px; }
      .o-studentdetail-progressreport--main--proficiencyGraph .progressbar-main {
        display: flex;
        align-items: center;
        background-color: #dcdcdc; }
        .o-studentdetail-progressreport--main--proficiencyGraph .progressbar-main .p-col {
          font-family: 'Work Sans',sans-serif;
          font-weight: 400;
          font-size: 24px;
          color: #656F7D;
          line-height: 28px;
          font-weight: 800 !important;
          text-align: center;
          padding: 10px 20px; }
          .o-studentdetail-progressreport--main--proficiencyGraph .progressbar-main .p-col.progress-main {
            color: #fff; }
            .o-studentdetail-progressreport--main--proficiencyGraph .progressbar-main .p-col.progress-main.green {
              background-color: #75c043; }
            .o-studentdetail-progressreport--main--proficiencyGraph .progressbar-main .p-col.progress-main.light-green {
              background-color: #92c67d; }
            .o-studentdetail-progressreport--main--proficiencyGraph .progressbar-main .p-col.progress-main.yellow {
              background-color: #f7bf15; }
      .o-studentdetail-progressreport--main--proficiencyGraph .legends {
        text-align: center;
        padding-top: 10px; }
        .o-studentdetail-progressreport--main--proficiencyGraph .legends .single {
          display: inline-block;
          vertical-align: middle;
          margin-right: 15px; }
          .o-studentdetail-progressreport--main--proficiencyGraph .legends .single:last-of-type {
            margin-right: 0; }
          .o-studentdetail-progressreport--main--proficiencyGraph .legends .single .block {
            width: 20px;
            height: 20px;
            display: inline-block;
            vertical-align: middle;
            background-color: #dcdcdc;
            margin-right: 10px; }
            .o-studentdetail-progressreport--main--proficiencyGraph .legends .single .block.green {
              background-color: #75c043; }
            .o-studentdetail-progressreport--main--proficiencyGraph .legends .single .block.light-green {
              background-color: #92c67d; }
            .o-studentdetail-progressreport--main--proficiencyGraph .legends .single .block.yellow {
              background-color: #f7bf15; }
          .o-studentdetail-progressreport--main--proficiencyGraph .legends .single .label {
            display: inline-block;
            vertical-align: middle;
            font-family: 'Work Sans';
            font-weight: 500 !important;
            font-size: 14px;
            color: #656F7D; }
    .o-studentdetail-progressreport--main--proficiencyGraph2 {
      margin-bottom: 30px; }
      .o-studentdetail-progressreport--main--proficiencyGraph2 .wrap .head {
        display: flex;
        align-items: center;
        background: #FAFAFA;
        border: 1px solid #e9ebee; }
        .o-studentdetail-progressreport--main--proficiencyGraph2 .wrap .head .col {
          flex: 1;
          text-align: center;
          padding: 20px;
          font-family: 'Work Sans';
          font-size: 16px;
          text-transform: uppercase;
          color: #656F7D;
          line-height: 18px;
          font-weight: 600 !important; }
          .o-studentdetail-progressreport--main--proficiencyGraph2 .wrap .head .col.left {
            flex: initial;
            width: 150px; }
      .o-studentdetail-progressreport--main--proficiencyGraph2 .wrap .row1 {
        display: flex;
        align-items: center;
        border: 1px solid #e9ebee;
        margin-bottom: 5px;
        border-top: none;
        position: relative; }
        .o-studentdetail-progressreport--main--proficiencyGraph2 .wrap .row1:before {
          content: '';
          display: block;
          position: absolute;
          z-index: 1;
          width: 150px;
          height: 100%;
          top: 0;
          left: 0;
          background: #e9ebee; }
        .o-studentdetail-progressreport--main--proficiencyGraph2 .wrap .row1.noLeft:before {
          display: none; }
        .o-studentdetail-progressreport--main--proficiencyGraph2 .wrap .row1 .col {
          position: relative;
          z-index: 2;
          flex: 1;
          text-align: center;
          padding: 20px;
          font-family: 'Work Sans';
          font-size: 18px;
          text-transform: uppercase;
          color: #656F7D;
          line-height: 20px;
          font-weight: 800 !important; }
          .o-studentdetail-progressreport--main--proficiencyGraph2 .wrap .row1 .col.left {
            flex: initial;
            width: 150px;
            background: #e9ebee; }
    .o-studentdetail-progressreport--main--ws-t-graph {
      margin-bottom: 30px; }
      .o-studentdetail-progressreport--main--ws-t-graph .wrap .row1 {
        display: flex;
        align-items: center;
        border: 1px solid #e9ebee;
        position: relative; }
        .o-studentdetail-progressreport--main--ws-t-graph .wrap .row1 .col {
          position: relative;
          z-index: 2;
          flex: 1;
          text-align: center;
          padding: 20px;
          font-family: 'Work Sans';
          font-size: 18px;
          text-transform: uppercase;
          color: #656F7D;
          line-height: 20px;
          font-weight: 800 !important; }
          .o-studentdetail-progressreport--main--ws-t-graph .wrap .row1 .col.right {
            flex: initial;
            width: 350px; }
        .o-studentdetail-progressreport--main--ws-t-graph .wrap .row1 .legends {
          text-align: left;
          padding-top: 10px; }
          .o-studentdetail-progressreport--main--ws-t-graph .wrap .row1 .legends .single {
            display: inline-block;
            vertical-align: middle;
            margin-right: 15px; }
            .o-studentdetail-progressreport--main--ws-t-graph .wrap .row1 .legends .single:last-of-type {
              margin-right: 0; }
            .o-studentdetail-progressreport--main--ws-t-graph .wrap .row1 .legends .single .block {
              width: 20px;
              height: 20px;
              display: inline-block;
              vertical-align: middle;
              background-color: #00ACF8;
              margin-right: 10px; }
              .o-studentdetail-progressreport--main--ws-t-graph .wrap .row1 .legends .single .block.green {
                background-color: #75c043; }
            .o-studentdetail-progressreport--main--ws-t-graph .wrap .row1 .legends .single .label {
              display: inline-block;
              vertical-align: middle;
              font-family: 'Work Sans';
              font-weight: 500 !important;
              font-size: 14px;
              color: #656F7D; }
        .o-studentdetail-progressreport--main--ws-t-graph .wrap .row1 .horizBar-main .bar {
          font-family: Work Sans,sans-serif;
          font-weight: 400;
          font-size: 24px;
          color: #fff;
          line-height: 28px;
          font-weight: 800 !important;
          text-align: center;
          padding: 10px 20px; }
          .o-studentdetail-progressreport--main--ws-t-graph .wrap .row1 .horizBar-main .bar.completed {
            background-color: #75c043;
            margin-bottom: 2px; }
          .o-studentdetail-progressreport--main--ws-t-graph .wrap .row1 .horizBar-main .bar.expected {
            width: 100%;
            background-color: #00ACF8; }
        .o-studentdetail-progressreport--main--ws-t-graph .wrap .row1 .verticalBar-main {
          display: flex;
          align-items: center;
          width: 200px;
          margin: 0 auto; }
          .o-studentdetail-progressreport--main--ws-t-graph .wrap .row1 .verticalBar-main .cols {
            display: flex;
            height: 270px;
            align-items: flex-end;
            padding-top: 20px; }
          .o-studentdetail-progressreport--main--ws-t-graph .wrap .row1 .verticalBar-main .bar {
            font-family: Work Sans,sans-serif;
            font-weight: 400;
            font-size: 24px;
            color: #fff;
            line-height: 28px;
            font-weight: 800 !important;
            text-align: center;
            padding: 10px 20px;
            margin-right: 2px;
            position: relative;
            width: 80px; }
            .o-studentdetail-progressreport--main--ws-t-graph .wrap .row1 .verticalBar-main .bar.completed {
              background-color: #75c043; }
            .o-studentdetail-progressreport--main--ws-t-graph .wrap .row1 .verticalBar-main .bar.expected {
              background-color: #00ACF8; }
            .o-studentdetail-progressreport--main--ws-t-graph .wrap .row1 .verticalBar-main .bar .text {
              position: absolute;
              top: 0;
              left: 50%;
              transform: translate(-50%, -100%);
              color: #656F7D; }
    .o-studentdetail-progressreport--main--singleTopic {
      border: 1px solid #e9ebee;
      margin-bottom: 25px; }
      .o-studentdetail-progressreport--main--singleTopic .bg90 {
        background-color: #75c043 !important; }
      .o-studentdetail-progressreport--main--singleTopic .bg60-90 {
        background-color: #92c67d !important; }
      .o-studentdetail-progressreport--main--singleTopic .bg30-60 {
        background-color: #f7bf15 !important; }
      .o-studentdetail-progressreport--main--singleTopic .bg0-30 {
        background-color: #f05a5a !important; }
      .o-studentdetail-progressreport--main--singleTopic .bg {
        background-color: #ECEAE7 !important; }
      .o-studentdetail-progressreport--main--singleTopic--head {
        display: flex;
        align-items: center;
        background-color: #fafafa; }
        .o-studentdetail-progressreport--main--singleTopic--head .col {
          width: 100%;
          padding: 15px; }
          .o-studentdetail-progressreport--main--singleTopic--head .col.left {
            width: 330px; }
            .o-studentdetail-progressreport--main--singleTopic--head .col.left h6 {
              font-family: 'Work Sans', sans-serif;
              font-weight: 400;
              font-size: 18px;
              color: #242424;
              line-height: 22px;
              font-weight: 600 !important; }
            .o-studentdetail-progressreport--main--singleTopic--head .col.left .progressbar-main {
              display: flex;
              align-items: center; }
              .o-studentdetail-progressreport--main--singleTopic--head .col.left .progressbar-main .progress-bar-main {
                flex: 1;
                height: 7px;
                background-color: #fff;
                border-radius: 3.5px;
                position: relative;
                box-shadow: 0px 0px 1px rgba(0, 0, 0, 0.5); }
                .o-studentdetail-progressreport--main--singleTopic--head .col.left .progressbar-main .progress-bar-main .progress-main {
                  position: absolute;
                  border-radius: 3.5px;
                  top: 0;
                  left: 0;
                  height: 7px;
                  background-color: #70B844; }
              .o-studentdetail-progressreport--main--singleTopic--head .col.left .progressbar-main .label-main {
                flex: initial;
                padding-left: 10px;
                font-family: 'Work Sans', sans-serif;
                font-weight: 400;
                font-size: 12px;
                color: #242424;
                line-height: 20px;
                font-weight: 400 !important; }
          .o-studentdetail-progressreport--main--singleTopic--head .col.right {
            padding-left: 0; }
            .o-studentdetail-progressreport--main--singleTopic--head .col.right .label-main {
              flex: initial;
              font-family: 'Work Sans', sans-serif;
              font-weight: 400;
              font-size: 12px;
              color: #242424;
              line-height: 20px;
              font-weight: 400 !important;
              margin-bottom: 5px; }
            .o-studentdetail-progressreport--main--singleTopic--head .col.right .total-assignments {
              display: flex;
              flex-wrap: wrap; }
              .o-studentdetail-progressreport--main--singleTopic--head .col.right .total-assignments .blocks {
                width: 16px;
                height: 12px;
                margin: 2px 4px 2px 0;
                background-color: #D5D4CF; }
      .o-studentdetail-progressreport--main--singleTopic--reportHead {
        display: flex;
        align-items: center; }
        .o-studentdetail-progressreport--main--singleTopic--reportHead .col {
          width: 100%;
          padding: 1px 1px; }
          .o-studentdetail-progressreport--main--singleTopic--reportHead .col.left {
            width: 330px;
            background-color: #fff; }
          .o-studentdetail-progressreport--main--singleTopic--reportHead .col.right {
            background-color: #fff;
            display: flex;
            align-items: center; }
            .o-studentdetail-progressreport--main--singleTopic--reportHead .col.right .blocks {
              flex: 1;
              padding: 1px;
              position: relative;
              width: 10%;
              height: 40px; }
              .o-studentdetail-progressreport--main--singleTopic--reportHead .col.right .blocks div {
                position: relative;
                width: 100%;
                height: 100%;
                font-family: 'Work Sans', sans-serif;
                font-weight: 400;
                font-size: 14px;
                color: #333333;
                line-height: 16px;
                font-weight: 400 !important;
                background-color: #F6F6F4;
                display: flex;
                align-items: center;
                justify-content: center; }
      .o-studentdetail-progressreport--main--singleTopic--reportRow {
        display: flex;
        align-items: center; }
        .o-studentdetail-progressreport--main--singleTopic--reportRow .col {
          width: 100%;
          padding: 1px 1px; }
          .o-studentdetail-progressreport--main--singleTopic--reportRow .col.left {
            width: 330px;
            background-color: #fff; }
            .o-studentdetail-progressreport--main--singleTopic--reportRow .col.left .name {
              flex: 1;
              padding: 1px;
              position: relative;
              height: 80px;
              background-color: #F6F6F4;
              font-family: 'Work Sans', sans-serif;
              font-weight: 400;
              font-size: 15px;
              color: #242424;
              line-height: 16px;
              font-weight: 600 !important;
              display: flex;
              align-items: center;
              padding: 10px; }
          .o-studentdetail-progressreport--main--singleTopic--reportRow .col.right {
            background-color: #fff;
            display: flex;
            align-items: center; }
            .o-studentdetail-progressreport--main--singleTopic--reportRow .col.right .blocks {
              flex: 1;
              padding: 1px;
              position: relative;
              width: 10%;
              height: 80px; }
              .o-studentdetail-progressreport--main--singleTopic--reportRow .col.right .blocks div {
                position: relative;
                width: 100%;
                height: 100%;
                font-family: 'Work Sans', sans-serif;
                font-weight: 400;
                font-size: 14px;
                color: #333333;
                line-height: 16px;
                font-weight: 700 !important;
                background-color: #ECEAE7;
                display: flex;
                align-items: center;
                justify-content: center;
                color: #fff; }
                .o-studentdetail-progressreport--main--singleTopic--reportRow .col.right .blocks div .percentage {
                  font-family: 'Work Sans', sans-serif;
                  font-weight: 400;
                  font-size: 14px;
                  color: #fff;
                  line-height: 16px;
                  font-weight: 800 !important;
                  position: absolute;
                  top: 5px;
                  left: 10px; }
                .o-studentdetail-progressreport--main--singleTopic--reportRow .col.right .blocks div .ws {
                  font-family: 'Work Sans', sans-serif;
                  font-weight: 400;
                  font-size: 16px;
                  color: #fff;
                  line-height: 16px;
                  font-weight: 800 !important; }
                .o-studentdetail-progressreport--main--singleTopic--reportRow .col.right .blocks div .up-down {
                  position: absolute;
                  bottom: 5px;
                  right: 10px;
                  display: flex;
                  align-items: center; }
                  .o-studentdetail-progressreport--main--singleTopic--reportRow .col.right .blocks div .up-down span {
                    font-family: 'Work Sans', sans-serif;
                    font-weight: 400;
                    font-size: 14px;
                    color: #fff;
                    line-height: 16px;
                    font-weight: 500 !important;
                    padding-left: 5px; }

.o-reset-target-modal--row {
  width: 100%;
  display: flex;
  justify-content: flex-start;
  align-items: flex-start;
  padding: 10px; }
  .o-reset-target-modal--row.no-padding-bottom {
    padding-bottom: 0; }
  .o-reset-target-modal--row.no-margin-bottom {
    margin-bottom: 0; }

.o-reset-target-modal--col {
  flex: 1;
  padding-right: 10px;
  display: flex;
  align-items: center;
  min-height: 50px; }
  .o-reset-target-modal--col:last-child {
    padding-right: 0; }
  .o-reset-target-modal--col.isSmall {
    flex: initial;
    width: 200px; }
  .o-reset-target-modal--col.is270 {
    flex: initial;
    width: 300px; }
    .o-reset-target-modal--col.is270 .InputRange {
      max-width: 270px; }
      .o-reset-target-modal--col.is270 .InputRange * {
        font-weight: 500 !important; }
      .o-reset-target-modal--col.is270 .InputRange .InputRange-track {
        background: #C7C7C7; }
  .o-reset-target-modal--col.flexAuto {
    flex: initial; }
  .o-reset-target-modal--col.hasText {
    font-family: 'Work Sans', sans-serif;
    font-weight: 500;
    font-size: 16px;
    color: #656F7D;
    line-height: 20px;
    font-weight: 400 !important; }

.o-submission-filter-modal--row {
  width: 100%;
  display: flex;
  justify-content: flex-start;
  align-items: flex-start;
  padding: 10px;
  background: #F5F5F5;
  margin-bottom: 10px;
  -webkit-border-radius: 5px;
  -moz-border-radius: 5px;
  -ms-border-radius: 5px;
  -o-border-radius: 5px;
  border-radius: 5px; }
  .o-submission-filter-modal--row.no-padding-bottom {
    padding-bottom: 0; }
  .o-submission-filter-modal--row.no-margin-bottom {
    margin-bottom: 0; }

.o-submission-filter-modal--col {
  flex: 1;
  padding-right: 10px;
  display: flex;
  align-items: center;
  min-height: 50px; }
  .o-submission-filter-modal--col:last-child {
    padding-right: 0; }
  .o-submission-filter-modal--col.isSmall {
    flex: initial;
    width: 200px; }
  .o-submission-filter-modal--col.is270 {
    flex: initial;
    width: 300px; }
    .o-submission-filter-modal--col.is270 .InputRange {
      max-width: 270px; }
      .o-submission-filter-modal--col.is270 .InputRange * {
        font-weight: 500 !important; }
      .o-submission-filter-modal--col.is270 .InputRange .InputRange-track {
        background: #C7C7C7; }
  .o-submission-filter-modal--col.flexAuto {
    flex: initial; }
  .o-submission-filter-modal--col.hasText {
    font-family: 'Work Sans', sans-serif;
    font-weight: 500;
    font-size: 16px;
    color: #656F7D;
    line-height: 20px;
    font-weight: 400 !important; }

.o-editparentdetails-modal.o-twa-small-modal .modal-dialog {
  max-width: 1000px; }

.o-editparentdetails-modal--row {
  width: 100%;
  display: flex;
  justify-content: flex-start;
  align-items: flex-start;
  padding-bottom: 10px; }
  .o-editparentdetails-modal--row.no-padding-bottom {
    padding-bottom: 0; }

.o-editparentdetails-modal--col {
  flex: 1;
  padding-right: 10px; }
  .o-editparentdetails-modal--col:last-child {
    padding-right: 0; }
  .o-editparentdetails-modal--col.isSmall {
    flex: initial;
    width: 240px; }
  .o-editparentdetails-modal--col.isEmail .input-group {
    display: flex; }
    .o-editparentdetails-modal--col.isEmail .input-group button {
      margin-left: 0 !important;
      margin-top: 0 !important;
      position: relative !important;
      padding: 6px 12px;
      font-size: 14px;
      font-weight: 400;
      line-height: 1;
      color: #555;
      text-align: center;
      background-color: #eee;
      border: 1px solid #ccc;
      border-radius: 0 4px 4px 0;
      border-left: none; }

.o-editparentdetails-modal .u-has-btngroup .btn-toolbar .btn-group .btn {
  font-size: 14px !important;
  font-weight: 400 !important;
  line-height: 28px;
  padding: 5px 13px; }
  .o-editparentdetails-modal .u-has-btngroup .btn-toolbar .btn-group .btn.btn-primary {
    background: #4465b7;
    border-color: #1c2949; }

.o-referrer-details-modal--row {
  width: 100%;
  display: flex;
  justify-content: flex-start;
  align-items: flex-start;
  padding-bottom: 10px; }
  .o-referrer-details-modal--row.no-padding-bottom {
    padding-bottom: 0; }

.o-referrer-details-modal--col {
  flex: 1;
  padding-right: 10px; }
  .o-referrer-details-modal--col:last-child {
    padding-right: 0; }
  .o-referrer-details-modal--col.isSmall {
    flex: initial;
    width: 90px; }
  .o-referrer-details-modal--col.flexAuto {
    flex: initial; }
  .o-referrer-details-modal--col.isEmail .input-group {
    display: flex; }
    .o-referrer-details-modal--col.isEmail .input-group button {
      margin-left: 0 !important;
      margin-top: 0 !important;
      position: relative !important;
      padding: 6px 12px;
      font-size: 14px;
      font-weight: 400;
      line-height: 1;
      color: #555;
      text-align: center;
      background-color: #eee;
      border: 1px solid #ccc;
      border-radius: 0 4px 4px 0;
      border-left: none; }

.o-playlistoption-modal .modal-dialog {
  max-width: 740px !important; }

.o-playlistoption-modal--row {
  width: 100%;
  display: flex;
  justify-content: flex-start;
  align-items: flex-start;
  padding-bottom: 10px; }
  .o-playlistoption-modal--row.no-padding-bottom {
    padding-bottom: 0; }

.o-playlistoption-modal--col {
  flex: 1;
  padding-right: 10px; }
  .o-playlistoption-modal--col:last-child {
    padding-right: 0; }
  .o-playlistoption-modal--col.isSmall {
    flex: initial;
    width: 220px; }
  .o-playlistoption-modal--col.isEmail .input-group {
    display: flex; }
    .o-playlistoption-modal--col.isEmail .input-group button {
      margin-left: 0 !important;
      margin-top: 0 !important;
      position: relative !important;
      padding: 6px 12px;
      font-size: 14px;
      font-weight: 400;
      line-height: 1;
      color: #555;
      text-align: center;
      background-color: #eee;
      border: 1px solid #ccc;
      border-radius: 0 4px 4px 0;
      border-left: none; }

#progressarrow.playlist-progressbar li {
  width: auto !important; }
  #progressarrow.playlist-progressbar li.blue.test::after {
    border-left: 16px solid #00b4f1 !important; }
  #progressarrow.playlist-progressbar li.test::after {
    border-left: 16px solid #dad9d4 !important; }

.o-studentdetails-calender {
  border-top: 2px solid #e9ebee;
  padding-top: 30px; }
  .o-studentdetails-calender .c-editstudentdetail-modal--row.align-flex-center {
    align-items: center; }
    .o-studentdetails-calender .c-editstudentdetail-modal--row.align-flex-center .isSmall {
      text-align: right; }
      .o-studentdetails-calender .c-editstudentdetail-modal--row.align-flex-center .isSmall .u-label.ConferenceStatus {
        font-weight: 600 !important; }
  .o-studentdetails-calender--top {
    border-bottom: 2px solid #e9ebee;
    padding-bottom: 30px;
    margin-bottom: 30px; }
    .o-studentdetails-calender--top .conf-status {
      float: right; }
  .o-studentdetails-calender--bottom--head {
    display: flex;
    align-items: center;
    background-color: #ecf1ff;
    border: 1px solid #DADCE0;
    border-bottom: none; }
    .o-studentdetails-calender--bottom--head .col {
      padding: 15px;
      font-family: 'Work Sans', sans-serif;
      font-weight: 600;
      font-size: 16px;
      color: #4465b7;
      line-height: 16px;
      font-weight: 600 !important;
      border-right: 1px solid #DADCE0; }
      .o-studentdetails-calender--bottom--head .col:last-child {
        border: none; }
      .o-studentdetails-calender--bottom--head .col.auto {
        flex: 1; }
  .o-studentdetails-calender--bottom--strip:nth-child(2n) {
    background-color: #f9f9f9; }
  .o-studentdetails-calender--bottom--strip:last-child {
    border-bottom: 1px solid #DADCE0; }
  .o-studentdetails-calender--bottom--body {
    display: flex;
    align-items: center;
    border: 1px solid #DADCE0;
    border-bottom: none; }
    .o-studentdetails-calender--bottom--body .col {
      padding: 15px;
      font-family: 'Work Sans', sans-serif;
      font-weight: 600;
      font-size: 16px;
      color: #333333;
      line-height: 16px;
      font-weight: 400 !important; }
      .o-studentdetails-calender--bottom--body .col.auto {
        flex: 1; }
      .o-studentdetails-calender--bottom--body .col .btn-container {
        margin-right: 10px; }
        .o-studentdetails-calender--bottom--body .col .btn-container--studentCalendar .u-button:not(:last-child) {
          margin-right: 10px; }
      .o-studentdetails-calender--bottom--body .col .btn {
        display: inline-block;
        font-family: 'Work Sans', sans-serif;
        font-weight: 400;
        font-size: 16px;
        color: #fff;
        line-height: 20px;
        font-weight: 400 !important;
        padding: 5px 8px;
        -webkit-border-radius: 5px;
        -moz-border-radius: 5px;
        -ms-border-radius: 5px;
        -o-border-radius: 5px;
        border-radius: 5px;
        background: #4465b7;
        border: 1px solid #4465b7;
        -webkit-transition: all 0.2s ease-out;
        -moz-transition: all 0.2s ease-out;
        -ms-transition: all 0.2s ease-out;
        -o-transition: all 0.2s ease-out;
        transition: all 0.2s ease-out;
        cursor: pointer;
        min-width: 200px; }
        .o-studentdetails-calender--bottom--body .col .btn:hover,
        .o-studentdetails-calender--bottom--body .col .btn:active .o-studentdetails-calender--bottom--body .col .btn:focus {
          color: #fff;
          background: #457dff;
          border: 1px solid #457dff; }
        @media screen and (max-width: 1199px) {
          .o-studentdetails-calender--bottom--body .col .btn {
            font-size: 14px;
            margin: 0 0 10px; } }
        @media screen and (max-width: 767px) {
          .o-studentdetails-calender--bottom--body .col .btn {
            font-size: 12px; } }

.ratingTitle {
  display: block;
  font-size: 20px;
  margin: 0 0 20px;
  text-align: center;
  font-weight: 700 !important;
  text-transform: uppercase; }

.ratingText {
  color: #4465b7;
  display: block;
  font-size: 16px;
  margin: 0 0 15px;
  line-height: 24px;
  font-weight: 700 !important; }

.ratingTextField {
  width: 100%;
  height: 100px;
  margin: 0 0 20px; }

.StarRatingWrap {
  margin-bottom: 5px; }
  .StarRatingWrap .star i {
    font-size: 30px;
    opacity: 0.3;
    -webkit-opacity: 0.3; }
  .StarRatingWrap .star.active i {
    opacity: 1;
    -webkit-opacity: 1; }

/* Widget Container */
#widget {
  position: relative;
  padding: 20px 0;
  margin: 20px 0;
  border: 1px solid #eee;
  border-width: 0; }

/*----------------------------
Rating Star Widget Style
-----------------------------*/
.rating-stars {
  position: relative;
  display: block;
  text-align: center; }

.rating-stars .star {
  display: inline-block;
  padding: 0 5px;
  font-size: 2.5em;
  color: #ccc;
  transition: 0.1s all ease-in-out;
  transform: scale(0.8); }

.rating-stars .star:hover,
.rating-stars .star.semi-active {
  color: #ffd73e;
  transform: scale(1); }

.rating-stars .star.active {
  color: #FF9800;
  transform: scale(1); }

/* Rating Message */
.after-rating-message {
  display: none;
  opacity: 0;
  transition: 0.2s all ease-in-out; }

.after-rating-message.show {
  display: block;
  opacity: 1; }

.o-rating-select-modal--col {
  border: 1px solid #e9ebee;
  padding: 5px 10px;
  border-radius: 4px;
  margin: 0 0 20px;
  width: 100%;
  float: left;
  display: flex;
  justify-content: flex-start;
  align-items: flex-start;
  flex-wrap: wrap; }
  .o-rating-select-modal--col .c-addnewpackage-modal--col {
    width: 49%;
    text-align: left;
    padding-top: 5px;
    padding-bottom: 5px; }
    @media screen and (max-width: 767px) {
      .o-rating-select-modal--col .c-addnewpackage-modal--col {
        width: 100%;
        padding-right: 0; } }

.o-rating-select-modal--label {
  white-space: initial !important;
  line-height: normal !important;
  display: inline-block;
  text-align: left;
  font-size: 15px !important; }

.o-rating-select-modal--checkmark {
  top: 4px !important; }

.ratingContainer .u-checkbox {
  padding-left: 0; }

.o-text-input-dialogue-modal--rating {
  border-top: 1px solid #ddd;
  margin: 20px 0 0;
  padding: 20px 0 0; }

.o-text-input-dialogue-modal--startASession .u-label {
  line-height: initial; }

.paddingl0 {
  padding-left: 0; }

.paddingr0 {
  padding-right: 0; }

.startSessionField {
  color: #4465b7;
  font-weight: 600;
  display: block;
  font-size: 16px; }
  .startSessionField--label {
    color: #505050; }

.startSession--wrap {
  border: 1px solid #f3f0f0;
  margin-bottom: 20px; }

.startSession--row {
  margin-bottom: 0 !important;
  border-radius: 0 !important;
  padding: 5px; }
  .startSession--row:nth-child(even) {
    background: #fafafa; }

.startSession--col {
  display: block !important;
  flex: initial !important;
  min-height: initial !important; }

.removeVideoAssociationTable {
  max-height: 475px;
  overflow-y: auto; }

.o-videolist--top {
  display: flex;
  align-items: center;
  padding: 20px 15px; }
  .o-videolist--top--col {
    flex: 1;
    text-align: left; }
    .o-videolist--top--col:last-child {
      text-align: right; }

.o-search--top {
  padding: 20px;
  border-bottom: 2px solid #e9ebee; }
  .o-search--top--col h2 {
    font-family: 'Work Sans', sans-serif;
    font-weight: 600;
    font-size: 18px;
    color: #333333;
    line-height: 20px;
    font-weight: 600 !important;
    margin-bottom: 15px; }
    .o-search--top--col h2 b {
      color: #4465b7; }
  .o-search--top--col .help {
    padding: 15px;
    padding-left: 20px;
    border-left: 3px solid #e9ebee;
    -webkit-border-radius: 5px;
    -moz-border-radius: 5px;
    -ms-border-radius: 5px;
    -o-border-radius: 5px;
    border-radius: 5px;
    background: #fbfbfb; }
    .o-search--top--col .help ul li {
      padding-left: 15px;
      margin-bottom: 6px;
      position: relative; }
      .o-search--top--col .help ul li:before {
        content: '';
        display: block;
        width: 8px;
        height: 8px;
        background: #e9ebee;
        border-radius: 50%;
        position: absolute;
        top: 6px;
        left: 0; }
      .o-search--top--col .help ul li * {
        font-family: 'Work Sans', sans-serif;
        font-weight: 600;
        font-size: 14px;
        color: #333333;
        line-height: 20px;
        font-weight: 400 !important; }
      .o-search--top--col .help ul li b {
        color: #4465b7; }
        .o-search--top--col .help ul li b * {
          color: #4465b7;
          font-weight: 500 !important; }

.o-search--mid {
  display: flex;
  align-items: center;
  padding: 20px;
  border-bottom: 2px solid #e9ebee; }
  .o-search--mid--col {
    flex: 1;
    align-items: center;
    padding-left: 10px; }
    .o-search--mid--col.auto {
      flex: initial; }
    .o-search--mid--col:first-child {
      padding-left: 0; }

.o-search--bottom {
  padding: 20px; }

.o-twa-dashboard--wrap {
  padding: 20px 20px; }

.o-twa-dashboard--top {
  display: flex;
  align-items: center;
  padding-bottom: 20px;
  margin-bottom: 20px;
  border-bottom: 2px solid #e9ebee;
  padding-top: 20px;
  border-top: 2px solid #e9ebee; }
  .o-twa-dashboard--top--col {
    flex: 1; }
  .o-twa-dashboard--top--head {
    padding-bottom: 15px; }
    .o-twa-dashboard--top--head .title {
      font-family: 'Work Sans', sans-serif;
      font-weight: 400;
      font-size: 20px;
      color: #242424;
      line-height: 24px;
      font-weight: 600 !important;
      text-align: center; }

.o-twa-dashboard--bottom {
  display: flex;
  flex-wrap: wrap;
  margin-left: -10px;
  margin-right: -10px; }
  .o-twa-dashboard--bottom .metrics-card-wrap {
    width: 25%;
    padding: 10px;
    position: relative; }
    .o-twa-dashboard--bottom .metrics-card-wrap .metrics-card {
      background: #F5F5F5; }
    .o-twa-dashboard--bottom .metrics-card-wrap:nth-child(2n) .metrics-card {
      background: #FAFAFA; }
  .o-twa-dashboard--bottom .metrics-card {
    margin: 0;
    box-shadow: none;
    border-radius: 0;
    min-height: auto;
    padding: 10px;
    position: relative;
    height: 100%;
    display: flex;
    flex-direction: column;
    -webkit-box-shadow: 0 10px 14px -13px rgba(0, 0, 0, 0.25);
    -moz-box-shadow: 0 10px 14px -13px rgba(0, 0, 0, 0.25);
    box-shadow: 0 10px 14px -13px rgba(0, 0, 0, 0.25); }
    .o-twa-dashboard--bottom .metrics-card--top {
      display: flex;
      align-items: center;
      flex: 1; }
      .o-twa-dashboard--bottom .metrics-card--top--col {
        flex: 1; }
        .o-twa-dashboard--bottom .metrics-card--top--col.left {
          text-align: left;
          font-family: 'Work Sans', sans-serif;
          font-weight: 400;
          font-size: 16px;
          color: #656F7D;
          line-height: 20px;
          font-weight: 500 !important; }
        .o-twa-dashboard--bottom .metrics-card--top--col.right {
          text-align: right;
          flex: initial;
          padding-left: 110px; }
          .o-twa-dashboard--bottom .metrics-card--top--col.right .icons-wrap {
            position: absolute;
            top: 0;
            right: 0;
            background: #666666;
            padding: 8px 10px;
            border-radius: 0 0 0 10px;
            -webkit-box-shadow: 0 9px 12px -11px black;
            box-shadow: 0 9px 12px -11px black; }
          .o-twa-dashboard--bottom .metrics-card--top--col.right .icons {
            display: inline-block;
            cursor: pointer;
            font-size: 16px;
            position: relative;
            margin-left: 10px;
            color: #fff;
            -webkit-transition: all 0.2s ease-out;
            -moz-transition: all 0.2s ease-out;
            -ms-transition: all 0.2s ease-out;
            -o-transition: all 0.2s ease-out;
            transition: all 0.2s ease-out; }
            .o-twa-dashboard--bottom .metrics-card--top--col.right .icons:after {
              content: attr(title);
              display: block;
              position: absolute;
              bottom: 100%;
              left: 50%;
              padding: 5px 10px;
              font-weight: 400 !important;
              -webkit-box-shadow: 0 9px 12px -11px black;
              box-shadow: 0 9px 12px -11px black;
              width: max-content;
              max-width: 300px;
              text-align: center;
              background: #656F7D;
              -webkit-transform: translate(-50%, -50%);
              -moz-transform: translate(-50%, -50%);
              -ms-transform: translate(-50%, -50%);
              -o-transform: translate(-50%, -50%);
              transform: translate(-50%, -50%);
              font-family: 'Work Sans', sans-serif;
              font-weight: 400;
              font-size: 13px;
              color: #e9ebee;
              line-height: 20px;
              -webkit-border-radius: 5px;
              -moz-border-radius: 5px;
              -ms-border-radius: 5px;
              -o-border-radius: 5px;
              border-radius: 5px;
              -webkit-transition: all 0.2s ease-out;
              -moz-transition: all 0.2s ease-out;
              -ms-transition: all 0.2s ease-out;
              -o-transition: all 0.2s ease-out;
              transition: all 0.2s ease-out;
              opacity: 0;
              visibility: hidden; }
            .o-twa-dashboard--bottom .metrics-card--top--col.right .icons:hover:after {
              opacity: 1;
              visibility: visible;
              -webkit-transform: translate(-50%, -50%);
              -moz-transform: translate(-50%, -50%);
              -ms-transform: translate(-50%, -50%);
              -o-transform: translate(-50%, -50%);
              transform: translate(-50%, -50%); }
            .o-twa-dashboard--bottom .metrics-card--top--col.right .icons.red:hover {
              color: #ef523e; }
            .o-twa-dashboard--bottom .metrics-card--top--col.right .icons.yellow:hover {
              color: #f7c806; }
            .o-twa-dashboard--bottom .metrics-card--top--col.right .icons.light-blue:hover {
              color: #7ab0ec; }
            .o-twa-dashboard--bottom .metrics-card--top--col.right .icons.green:hover {
              color: #29CC46; }
    .o-twa-dashboard--bottom .metrics-card--mid1 {
      display: flex;
      align-items: center;
      justify-content: center;
      padding: 20px 0 0px; }
      .o-twa-dashboard--bottom .metrics-card--mid1 .data {
        font-family: 'Work Sans', sans-serif;
        font-weight: 700;
        font-size: 40px;
        color: #656F7D;
        line-height: 64px;
        font-weight: 600 !important; }
    .o-twa-dashboard--bottom .metrics-card--mid2 {
      display: flex;
      align-items: center;
      justify-content: center;
      padding: 0px 0 20px; }
      .o-twa-dashboard--bottom .metrics-card--mid2 .data {
        font-family: 'Work Sans', sans-serif;
        font-weight: 700;
        font-size: 20px;
        color: #656F7D;
        line-height: 24px;
        font-weight: 500 !important; }
    .o-twa-dashboard--bottom .metrics-card--bottom {
      display: flex;
      align-items: center;
      padding: 20px 0 10px; }
      .o-twa-dashboard--bottom .metrics-card--bottom .data {
        font-family: 'Work Sans', sans-serif;
        font-weight: 700;
        font-size: 14px;
        color: #656F7D;
        line-height: 16px;
        font-weight: 400 !important; }

.o-student-details-add-event-modal .modal-lg {
  max-width: 740px;
  width: 100%;
  margin-top: 20px;
  margin-bottom: 20px;
  padding: 0; }
  .o-student-details-add-event-modal .modal-lg .modal-content {
    -webkit-border-radius: 0px 0px 0px 0px;
    -moz-border-radius: 0px 0px 0px 0px;
    -ms-border-radius: 0px 0px 0px 0px;
    -o-border-radius: 0px 0px 0px 0px;
    border-radius: 0px 0px 0px 0px;
    border: 2px solid #4465b7; }
    .o-student-details-add-event-modal .modal-lg .modal-content .modal-header {
      background: #4465b7;
      padding: 15px 40px;
      position: relative;
      border: none; }
      .o-student-details-add-event-modal .modal-lg .modal-content .modal-header .modal-title {
        font-family: 'Work Sans', sans-serif;
        font-weight: 600;
        font-size: 18px;
        color: #fff;
        line-height: 20px;
        font-weight: 600 !important;
        text-align: center; }
      .o-student-details-add-event-modal .modal-lg .modal-content .modal-header .close {
        opacity: 1;
        margin-top: 0; }
        .o-student-details-add-event-modal .modal-lg .modal-content .modal-header .close span {
          display: flex;
          position: absolute;
          top: 50%;
          right: 10px;
          font-family: 'Work Sans', sans-serif;
          font-weight: 400;
          font-size: 26px;
          color: #fff;
          line-height: 20px;
          font-weight: 400 !important;
          cursor: pointer;
          text-align: center;
          align-items: center;
          justify-content: center;
          -webkit-transform: translateY(-50%);
          -moz-transform: translateY(-50%);
          -ms-transform: translateY(-50%);
          -o-transform: translateY(-50%);
          transform: translateY(-50%); }
    .o-student-details-add-event-modal .modal-lg .modal-content .modal-body {
      padding: 30px 40px; }
    .o-student-details-add-event-modal .modal-lg .modal-content .modal-footer {
      padding: 15px 40px;
      border: 1px solid #e9ebee; }

.o-student-details-add-event-modal--row {
  width: 100%;
  display: flex;
  justify-content: flex-start;
  align-items: flex-start;
  padding-bottom: 10px; }
  .o-student-details-add-event-modal--row.no-padding-bottom {
    padding-bottom: 0; }

.o-student-details-add-event-modal--col {
  flex: 1;
  padding-right: 10px; }
  .o-student-details-add-event-modal--col:last-child {
    padding-right: 0; }
  .o-student-details-add-event-modal--col.isSmall {
    flex: initial;
    width: 130px; }
  .o-student-details-add-event-modal--col.isEmail .input-group {
    display: flex; }
    .o-student-details-add-event-modal--col.isEmail .input-group button {
      margin-left: 0 !important;
      margin-top: 0 !important;
      position: relative !important;
      padding: 6px 12px;
      font-size: 14px;
      font-weight: 400;
      line-height: 1;
      color: #555;
      text-align: center;
      background-color: #eee;
      border: 1px solid #ccc;
      border-radius: 0 4px 4px 0;
      border-left: none; }
  .o-student-details-add-event-modal--col .u-label {
    line-height: 20px;
    margin-bottom: 35px; }
  .o-student-details-add-event-modal--col .dp-flex {
    display: flex;
    gap: 25px; }
    .o-student-details-add-event-modal--col .dp-flex .u-progress {
      flex-basis: 80%; }
      .o-student-details-add-event-modal--col .dp-flex .u-progress .progress {
        border-radius: 22px; }
        .o-student-details-add-event-modal--col .dp-flex .u-progress .progress .progress-bar {
          background-color: #1e90ff; }
    .o-student-details-add-event-modal--col .dp-flex .u-count small {
      line-height: 22px;
      font-size: 16px;
      font-weight: 600 !important;
      color: #000;
      font-family: 'Work Sans'; }

.o-student-details-add-event-modal .c-twa-responsive-table-container--body tr td:last-of-type {
  border-right: 1px solid #ddd; }

.o-edit-lead-info-modal--row {
  width: 100%;
  display: flex;
  justify-content: flex-start;
  align-items: flex-start;
  padding-bottom: 10px; }
  .o-edit-lead-info-modal--row.no-padding-bottom {
    padding-bottom: 0; }

.o-edit-lead-info-modal--col {
  flex: 1;
  padding-right: 10px; }
  .o-edit-lead-info-modal--col:last-child {
    padding-right: 0; }
  .o-edit-lead-info-modal--col.isSmall {
    flex: initial;
    width: 200px; }
  .o-edit-lead-info-modal--col.isEmail .input-group {
    display: flex; }
    .o-edit-lead-info-modal--col.isEmail .input-group button {
      margin-left: 0 !important;
      margin-top: 0 !important;
      position: relative !important;
      padding: 6px 12px;
      font-size: 14px;
      font-weight: 400;
      line-height: 1;
      color: #555;
      text-align: center;
      background-color: #eee;
      border: 1px solid #ccc;
      border-radius: 0 4px 4px 0;
      border-left: none; }

.o-edit-lead-info-modal .u-has-btngroup .btn-toolbar .btn-group .btn {
  font-size: 14px !important;
  font-weight: 400 !important;
  line-height: 28px;
  padding: 5px 13px; }
  .o-edit-lead-info-modal .u-has-btngroup .btn-toolbar .btn-group .btn.btn-primary {
    background: #4465b7;
    border-color: #1c2949; }

.o-edit-lead-info-modal .c-twa-responsive-table-container--body tr td:last-of-type {
  border-right: 1px solid #ddd; }

.o-reschedule-appointment-modal--row {
  width: 100%;
  display: flex;
  justify-content: flex-start;
  align-items: flex-start;
  margin-bottom: 10px;
  -webkit-border-radius: 5px;
  -moz-border-radius: 5px;
  -ms-border-radius: 5px;
  -o-border-radius: 5px;
  border-radius: 5px; }
  .o-reschedule-appointment-modal--row.no-padding-bottom {
    padding-bottom: 0; }
  .o-reschedule-appointment-modal--row.no-margin-bottom {
    margin-bottom: 0; }

.o-reschedule-appointment-modal--col {
  flex: 1;
  padding-right: 10px;
  display: flex;
  align-items: center;
  min-height: 50px; }
  .o-reschedule-appointment-modal--col:last-child {
    padding-right: 0; }
  .o-reschedule-appointment-modal--col.isSmall {
    flex: initial;
    width: 200px; }
  .o-reschedule-appointment-modal--col.is270 {
    flex: initial;
    width: 300px; }
    .o-reschedule-appointment-modal--col.is270 .InputRange {
      max-width: 270px; }
      .o-reschedule-appointment-modal--col.is270 .InputRange * {
        font-weight: 500 !important; }
      .o-reschedule-appointment-modal--col.is270 .InputRange .InputRange-track {
        background: #C7C7C7; }
  .o-reschedule-appointment-modal--col.flexAuto {
    flex: initial; }
  .o-reschedule-appointment-modal--col.hasText {
    font-family: 'Work Sans', sans-serif;
    font-weight: 500;
    font-size: 16px;
    color: #656F7D;
    line-height: 20px;
    font-weight: 400 !important; }

.o-reschedule-appointment-modal .c-twa-responsive-table-container--body tr td:last-of-type {
  border-right: 1px solid #ddd; }

.o-text-input-dialogue-modal--row {
  width: 100%;
  display: flex;
  justify-content: flex-start;
  align-items: flex-start;
  margin-bottom: 10px;
  -webkit-border-radius: 5px;
  -moz-border-radius: 5px;
  -ms-border-radius: 5px;
  -o-border-radius: 5px;
  border-radius: 5px; }
  .o-text-input-dialogue-modal--row.no-padding-bottom {
    padding-bottom: 0; }
  .o-text-input-dialogue-modal--row.no-margin-bottom {
    margin-bottom: 0; }

.o-text-input-dialogue-modal--col {
  flex: 1;
  padding-right: 10px;
  display: flex;
  align-items: center;
  min-height: 50px;
  justify-content: center; }
  .o-text-input-dialogue-modal--col:last-child {
    padding-right: 0; }
  .o-text-input-dialogue-modal--col.isSmall {
    flex: initial;
    width: 120px; }
  .o-text-input-dialogue-modal--col.is270 {
    flex: initial;
    width: 300px; }
    .o-text-input-dialogue-modal--col.is270 .InputRange {
      max-width: 270px; }
      .o-text-input-dialogue-modal--col.is270 .InputRange * {
        font-weight: 500 !important; }
      .o-text-input-dialogue-modal--col.is270 .InputRange .InputRange-track {
        background: #C7C7C7; }
  .o-text-input-dialogue-modal--col.flexAuto {
    flex: initial; }
  .o-text-input-dialogue-modal--col.hasText {
    font-family: 'Work Sans', sans-serif;
    font-weight: 500;
    font-size: 16px;
    color: #656F7D;
    line-height: 20px;
    font-weight: 400 !important; }

.o-add-video-modal--row {
  width: 100%;
  display: flex;
  justify-content: flex-start;
  align-items: flex-start;
  padding-bottom: 10px; }
  .o-add-video-modal--row.no-padding-bottom {
    padding-bottom: 0; }

.o-add-video-modal--col {
  flex: 1;
  padding-right: 10px; }
  .o-add-video-modal--col:last-child {
    padding-right: 0; }
  .o-add-video-modal--col.isSmall {
    flex: initial;
    width: 170px; }
  .o-add-video-modal--col.isEmail .input-group {
    display: flex; }
    .o-add-video-modal--col.isEmail .input-group button {
      margin-left: 0 !important;
      margin-top: 0 !important;
      position: relative !important;
      padding: 6px 12px;
      font-size: 14px;
      font-weight: 400;
      line-height: 1;
      color: #555;
      text-align: center;
      background-color: #eee;
      border: 1px solid #ccc;
      border-radius: 0 4px 4px 0;
      border-left: none; }

.o-add-video-modal .u-has-btngroup {
  flex: 1; }
  .o-add-video-modal .u-has-btngroup .btn-group .btn {
    font-size: 14px !important;
    font-weight: 400 !important;
    line-height: 28px;
    padding: 5px 13px; }
    .o-add-video-modal .u-has-btngroup .btn-group .btn.btn-primary {
      background: #4465b7;
      border-color: #1c2949; }

.o-add-video-modal .c-twa-responsive-table-container--body tr td:last-of-type {
  border-right: 1px solid #EAEBEE; }

.o-add-video-modal .c-twa-responsive-table-container--body tr td:first-of-type {
  border-left: 1px solid #EAEBEE; }

.o-add-video-modal .c-twa-responsive-table-container--body {
  border-bottom: 1px solid #EAEBEE; }

.o-video-upload {
  padding: 20px; }
  .o-video-upload--upload-container {
    margin-bottom: 20px; }
    .o-video-upload--upload-container .react-fine-uploader-gallery-dropzone {
      border: 4px dashed #4465b7;
      padding: 10px; }
    .o-video-upload--upload-container .react-fine-uploader-gallery-file-input-container {
      background: #4465b7;
      border: 1px solid #4465b7;
      -webkit-border-radius: 5px;
      -moz-border-radius: 5px;
      -ms-border-radius: 5px;
      -o-border-radius: 5px;
      border-radius: 5px;
      width: 165px;
      float: none;
      display: block !important;
      margin: 0 auto; }
      .o-video-upload--upload-container .react-fine-uploader-gallery-file-input-container:hover {
        background: #1c2949;
        border: 1px solid #1c2949; }
      .o-video-upload--upload-container .react-fine-uploader-gallery-file-input-container .react-fine-uploader-gallery-file-input-content > span {
        display: flex;
        align-items: center;
        height: 40px; }
        .o-video-upload--upload-container .react-fine-uploader-gallery-file-input-container .react-fine-uploader-gallery-file-input-content > span span {
          padding-left: 5px;
          font-weight: 400 !important;
          line-height: 24px;
          white-space: nowrap;
          font-size: 16px;
          position: relative;
          display: inline-block;
          top: 3px; }
    .o-video-upload--upload-container .react-fine-uploader-gallery-thumbnail svg path[fill="#525352"] {
      fill: #4465b7; }
    .o-video-upload--upload-container .react-fine-uploader-gallery-thumbnail svg path[fill="#bababa"] {
      fill: #457dff; }
    .o-video-upload--upload-container .react-fine-uploader-gallery-cancel-button svg {
      fill: #4465b7; }
    .o-video-upload--upload-container .react-fine-uploader-gallery-dropzone-content svg {
      fill: #457dff; }
    .o-video-upload--upload-container .react-fine-uploader-gallery-dropzone-content span {
      color: #457dff; }

@keyframes newTagColorRotate {
  0% {
    background-color: #28bbde; }
  25% {
    background-color: #3ade28; }
  50% {
    background-color: #dea828; }
  75% {
    background-color: #de2a28; }
  100% {
    background-color: #28bbde; } }

@-webkit-keyframes newTagColorRotate {
  0% {
    background-color: #28bbde; }
  25% {
    background-color: #3ade28; }
  50% {
    background-color: #dea828; }
  75% {
    background-color: #de2a28; }
  100% {
    background-color: #28bbde; } }

@-moz-keyframes newTagColorRotate {
  0% {
    background-color: #28bbde; }
  25% {
    background-color: #3ade28; }
  50% {
    background-color: #dea828; }
  75% {
    background-color: #de2a28; }
  100% {
    background-color: #28bbde; } }

.o-assignment-tool.fade.in {
  overflow-y: auto; }

.o-assignment-tool .modal-dialog {
  max-width: 97.5%;
  width: 100% !important;
  height: auto !important;
  margin-top: 20px !important;
  margin-bottom: 20px;
  padding: 0;
  overflow-y: initial; }
  .o-assignment-tool .modal-dialog .modal-content {
    -webkit-border-radius: 0px 0px 0px 0px;
    -moz-border-radius: 0px 0px 0px 0px;
    -ms-border-radius: 0px 0px 0px 0px;
    -o-border-radius: 0px 0px 0px 0px;
    border-radius: 0px 0px 0px 0px;
    border: 2px solid #4465b7; }
    .o-assignment-tool .modal-dialog .modal-content .modal-header {
      background: #4465b7;
      padding: 15px 40px;
      position: relative;
      border: none; }
      .o-assignment-tool .modal-dialog .modal-content .modal-header .modal-title {
        font-family: 'Work Sans', sans-serif;
        font-weight: 600;
        font-size: 18px;
        color: #fff;
        line-height: 20px;
        font-weight: 600 !important;
        text-align: center; }
        .o-assignment-tool .modal-dialog .modal-content .modal-header .modal-title * {
          font-family: 'Work Sans', sans-serif;
          font-weight: 600;
          font-size: 18px;
          color: #fff;
          line-height: 20px;
          font-weight: 600 !important;
          text-align: center; }
      .o-assignment-tool .modal-dialog .modal-content .modal-header .close {
        opacity: 1;
        margin-top: 0; }
        .o-assignment-tool .modal-dialog .modal-content .modal-header .close span {
          display: flex;
          position: absolute;
          top: 50%;
          right: 10px;
          font-family: 'Work Sans', sans-serif;
          font-weight: 400;
          font-size: 26px;
          color: #fff;
          line-height: 20px;
          font-weight: 400 !important;
          cursor: pointer;
          text-align: center;
          align-items: center;
          justify-content: center;
          -webkit-transform: translateY(-50%);
          -moz-transform: translateY(-50%);
          -ms-transform: translateY(-50%);
          -o-transform: translateY(-50%);
          transform: translateY(-50%); }
    .o-assignment-tool .modal-dialog .modal-content .modal-body {
      padding: 30px 40px; }
    .o-assignment-tool .modal-dialog .modal-content .modal-footer {
      padding: 15px 40px;
      border: 1px solid #e9ebee; }

.o-assignment-tool #editTargetOptions .modal-dialog {
  max-width: 740px; }
  .o-assignment-tool #editTargetOptions .modal-dialog--row {
    width: 100%;
    display: flex;
    justify-content: flex-start;
    align-items: flex-start;
    padding-bottom: 10px; }
    .o-assignment-tool #editTargetOptions .modal-dialog--row.no-padding-bottom {
      padding-bottom: 0; }
  .o-assignment-tool #editTargetOptions .modal-dialog--col {
    flex: 1;
    padding-right: 10px; }
    .o-assignment-tool #editTargetOptions .modal-dialog--col:last-child {
      padding-right: 0; }
    .o-assignment-tool #editTargetOptions .modal-dialog--col.isSmall {
      flex: initial;
      width: 150px; }

.o-assignment-tool--top {
  margin-bottom: 20px; }
  .o-assignment-tool--top--one {
    padding: 20px 0;
    margin-bottom: 20px;
    border-top: 2px solid #e9ebee;
    border-bottom: 2px solid #e9ebee; }
    .o-assignment-tool--top--one ul.iconsGrid {
      display: flex;
      align-items: center;
      float: none;
      text-align: center; }
      .o-assignment-tool--top--one ul.iconsGrid li {
        flex: initial;
        margin: 0;
        float: none;
        padding-right: 10px; }
        .o-assignment-tool--top--one ul.iconsGrid li:last-of-type {
          flex: 1;
          padding-right: 0; }
  .o-assignment-tool--top--two {
    margin-bottom: 20px; }
    .o-assignment-tool--top--two .nav-tabs {
      border-bottom: 2px solid #e9ebee; }
      .o-assignment-tool--top--two .nav-tabs > li {
        margin-bottom: -2px;
        display: flex;
        align-items: center; }
        .o-assignment-tool--top--two .nav-tabs > li > a {
          font-family: 'Work Sans', sans-serif;
          font-weight: 400;
          font-size: 14px;
          color: #4465b7;
          line-height: 16px;
          font-weight: 400 !important;
          text-align: center;
          background-color: #ecf1ff;
          min-height: 60px; }
          .o-assignment-tool--top--two .nav-tabs > li > a * {
            font-weight: 400 !important; }
          .o-assignment-tool--top--two .nav-tabs > li > a .small {
            display: inline-block;
            margin-top: 5px;
            font-size: 16px;
            font-weight: 500 !important; }
          .o-assignment-tool--top--two .nav-tabs > li > a:hover {
            background-color: #e9ebee;
            border-color: transparent; }
        .o-assignment-tool--top--two .nav-tabs > li.active > a {
          color: #656F7D;
          border: 2px solid #e9ebee;
          border-bottom-color: transparent;
          background: #fff !important;
          font-weight: 500 !important; }
          .o-assignment-tool--top--two .nav-tabs > li.active > a * {
            font-weight: 500 !important; }
          .o-assignment-tool--top--two .nav-tabs > li.active > a .small {
            font-weight: 600 !important; }

.o-assignment-tool--desc {
  padding-bottom: 0px;
  margin-bottom: 20px; }
  .o-assignment-tool--desc--one .flex-p {
    display: flex;
    align-items: center;
    border-bottom: 2px solid #e9ebee;
    padding-bottom: 15px; }
    .o-assignment-tool--desc--one .flex-p .col {
      flex: 1;
      padding-right: 10px; }
      .o-assignment-tool--desc--one .flex-p .col:last-of-type {
        padding-right: 0; }
      .o-assignment-tool--desc--one .flex-p .col.isAuto {
        flex: initial; }
  .o-assignment-tool--desc--one .title {
    font-family: 'Work Sans', sans-serif;
    font-weight: 400;
    font-size: 20px;
    color: #333333;
    line-height: 20px;
    font-weight: 600 !important; }
  .o-assignment-tool--desc--one .editPlaylistTrigger i {
    font-family: 'Work Sans', sans-serif;
    font-weight: 400;
    font-size: 16px;
    color: #4465b7;
    line-height: 20px;
    font-weight: 600 !important;
    font-family: 'FontAwesome';
    cursor: pointer; }
    .o-assignment-tool--desc--one .editPlaylistTrigger i + i {
      margin-left: 10px; }
  .o-assignment-tool--desc--one .extra_info .badge {
    font-size: 14px;
    line-height: 20px;
    background: #fbc300;
    margin-right: 10px; }
  .o-assignment-tool--desc--one .extra_info .icon .fa {
    font-size: 20px;
    line-height: 20px;
    color: #62B408; }
  .o-assignment-tool--desc--two {
    padding: 15px 0 0; }
    .o-assignment-tool--desc--two--instructions {
      font-family: 'Work Sans', sans-serif;
      font-weight: 400;
      font-size: 16px;
      color: #333333;
      line-height: 20px;
      font-weight: 400 !important;
      display: block;
      text-align: left;
      margin-bottom: 15px; }
    .o-assignment-tool--desc--two #progressarrow {
      height: 100%;
      overflow: hidden;
      margin-bottom: 15px; }
      .o-assignment-tool--desc--two #progressarrow li {
        font-size: 12px; }
        .o-assignment-tool--desc--two #progressarrow li a {
          font-weight: 400 !important; }
  .o-assignment-tool--desc--three {
    border-top: 2px solid #e9ebee;
    border-bottom: 2px solid #e9ebee;
    background-color: #F5F5F5;
    display: flex;
    align-content: center; }
    .o-assignment-tool--desc--three .col {
      flex: 1;
      padding: 10px;
      display: flex;
      align-items: center; }
      .o-assignment-tool--desc--three .col.isAuto {
        flex: initial; }
    .o-assignment-tool--desc--three .text {
      font-family: 'Work Sans', sans-serif;
      font-weight: 400;
      font-size: 14px;
      color: #242424;
      line-height: 16px;
      font-weight: 400 !important;
      padding: 0 10px 0 0;
      margin: 0 10px 0 0;
      position: relative; }
      .o-assignment-tool--desc--three .text:after {
        content: '';
        display: block;
        width: 2px;
        height: 12px;
        background-color: #C7C7C7;
        position: absolute;
        top: 50%;
        left: 100%;
        margin-top: -7px; }
      .o-assignment-tool--desc--three .text:last-of-type {
        padding-right: 0;
        margin-right: 0; }
        .o-assignment-tool--desc--three .text:last-of-type:after {
          display: none; }
      .o-assignment-tool--desc--three .text span.val {
        font-weight: 500 !important;
        color: #375885; }
  .o-assignment-tool--desc--four .label-danger {
    width: 100%;
    display: block;
    border-radius: 0;
    padding: 8px 10px;
    font-size: 14px;
    text-align: left;
    border-bottom: 2px solid #9a4240; }

.o-assignment-tool .selecting_worksheet_tileo-assignment-tool--concept-box {
  position: relative; }

.o-assignment-tool--concept-box {
  position: relative; }
  .o-assignment-tool--concept-box--main {
    padding: 15px;
    position: relative;
    /* ribbon */
    /* ./ribbon */
    /* ribbon */
    /* ./ribbon */
    /* showdetailWS-top-icons */
    /* ./showdetailWS-top-icons */
    /* worksheet-thumbnail */
    /* ./worksheet-thumbnail */
    /* showdetailWS-right-arrow */
    /* ./showdetailWS-right-arrow */
    /* showdetailWS-info */
    /* ./showdetailWS-info */
    /* showdetailWS-more-info */
    /* ./showdetailWS-more-info */
    /* showdetailWS-titles */
    /* ./showdetailWS-titles */ }
    .o-assignment-tool--concept-box--main:before {
      content: '';
      display: block;
      width: 100%;
      height: 33%;
      position: absolute;
      top: 0;
      left: 0;
      /*background: -moz-linear-gradient(top,  rgba(0,0,0,0.65) 0%, rgba(0,0,0,0) 100%);
				background: -webkit-linear-gradient(top,  rgba(0,0,0,0.65) 0%,rgba(0,0,0,0) 100%);
				background: linear-gradient(to bottom,  rgba(0,0,0,0.65) 0%,rgba(0,0,0,0) 100%);
				filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#a6000000', endColorstr='#00000000',GradientType=0 );
				box-shadow: 0px 11px 20px -18px rgba(0, 0, 0, 0.5) inset;*/ }
    .o-assignment-tool--concept-box--main .ribbon-wrapper-right-green {
      height: 98px;
      top: 0; }
      .o-assignment-tool--concept-box--main .ribbon-wrapper-right-green .ribbon-grey {
        left: -36px;
        top: 20px;
        width: 133px;
        -webkit-box-shadow: 0 9px 12px -11px black;
        box-shadow: 0 9px 12px -11px black;
        font-family: 'Work Sans', sans-serif;
        font-weight: 500;
        font-size: 14px;
        color: #fff;
        line-height: 16px;
        font-weight: 500 !important;
        background: #656F7D;
        background: #fbc300; }
        .o-assignment-tool--concept-box--main .ribbon-wrapper-right-green .ribbon-grey.ribbon-dark {
          background: #666666;
          background: #29CC46; }
      .o-assignment-tool--concept-box--main .ribbon-wrapper-right-green.newTag {
        height: 98px;
        bottom: 0 !important;
        top: auto !important;
        left: auto !important;
        right: 0 !important; }
        .o-assignment-tool--concept-box--main .ribbon-wrapper-right-green.newTag .ribbon-grey.ribbon-dark {
          position: relative;
          overflow: hidden;
          -webkit-transform: rotate(311deg);
          -moz-transform: rotate(311deg);
          -ms-transform: rotate(311deg);
          -o-transform: rotate(311deg);
          transform: rotate(131deg);
          left: -13px;
          top: 49px;
          background: #31c1e4;
          animation: newTagColorRotate 3s infinite ease-in-out;
          -webkit-animation: newTagColorRotate 3s infinite ease-in-out;
          -moz-animation: newTagColorRotate 3s infinite ease-in-out; }
          .o-assignment-tool--concept-box--main .ribbon-wrapper-right-green.newTag .ribbon-grey.ribbon-dark b {
            display: inline-block;
            transform: rotate(-179.5deg);
            font-weight: 600 !important;
            text-transform: uppercase;
            letter-spacing: 1.5px; }
    .o-assignment-tool--concept-box--main .ribbon-wrapper-right-red {
      height: 126px;
      width: 115px;
      top: 0;
      overflow: hidden;
      position: absolute;
      left: 0px !important; }
      .o-assignment-tool--concept-box--main .ribbon-wrapper-right-red .ribbon-grey {
        background: #a028de !important;
        left: -47px;
        top: 34px;
        width: 183px;
        -webkit-box-shadow: 0 9px 12px -11px black;
        box-shadow: 0 9px 12px -11px black;
        font-family: 'Work Sans', sans-serif;
        font-weight: 500;
        font-size: 14px;
        color: #fff;
        line-height: 16px;
        font-weight: 500 !important;
        background: #656F7D;
        background: #fbc300; }
        .o-assignment-tool--concept-box--main .ribbon-wrapper-right-red .ribbon-grey.ribbon-dark {
          background: #666666;
          background: #29CC46; }
      .o-assignment-tool--concept-box--main .ribbon-wrapper-right-red.newTag {
        height: 98px;
        bottom: 0 !important;
        top: auto !important;
        left: auto !important;
        right: 0 !important; }
        .o-assignment-tool--concept-box--main .ribbon-wrapper-right-red.newTag .ribbon-grey.ribbon-dark {
          position: relative;
          overflow: hidden;
          -webkit-transform: rotate(311deg);
          -moz-transform: rotate(311deg);
          -ms-transform: rotate(311deg);
          -o-transform: rotate(311deg);
          transform: rotate(131deg);
          left: -13px;
          top: 49px;
          background: #de2a28; }
          .o-assignment-tool--concept-box--main .ribbon-wrapper-right-red.newTag .ribbon-grey.ribbon-dark b {
            display: inline-block;
            transform: rotate(-179.5deg);
            font-weight: 600 !important;
            text-transform: uppercase;
            letter-spacing: 1.5px; }
    .o-assignment-tool--concept-box--main .showdetailWS-top-icons {
      display: flex;
      position: absolute;
      top: 0;
      right: 0;
      background: #666;
      padding: 5px 10px;
      border-radius: 0 0 0 10px;
      -webkit-box-shadow: 0 9px 12px -11px black;
      box-shadow: 0 9px 12px -11px black; }
      .o-assignment-tool--concept-box--main .showdetailWS-top-icons .fa {
        background: none;
        font-size: 16px;
        line-height: 1.2;
        color: #fff;
        padding: 0 3px; }
    .o-assignment-tool--concept-box--main .worksheet-thumbnail {
      margin-bottom: 10px; }
      .o-assignment-tool--concept-box--main .worksheet-thumbnail img {
        padding: 0;
        width: 100% !important;
        height: auto !important; }
    .o-assignment-tool--concept-box--main .showdetailWS-right-arrow {
      top: 0;
      right: -24px;
      position: absolute;
      height: 100%;
      text-align: center;
      width: 24px;
      display: flex;
      align-items: center;
      justify-content: center;
      cursor: pointer; }
      .o-assignment-tool--concept-box--main .showdetailWS-right-arrow .fa {
        color: #fbc300;
        font-size: 14px; }
    .o-assignment-tool--concept-box--main .showdetailWS-info {
      margin-bottom: 10px; }
      .o-assignment-tool--concept-box--main .showdetailWS-info .fa {
        line-height: 28px;
        font-size: 20px;
        color: #4465b7; }
      .o-assignment-tool--concept-box--main .showdetailWS-info .u-button {
        line-height: 16px;
        font-size: 12px; }
    .o-assignment-tool--concept-box--main .showdetailWS-more-info {
      margin-bottom: 10px; }
      .o-assignment-tool--concept-box--main .showdetailWS-more-info * {
        font-size: 14px !important;
        line-height: 16px;
        font-weight: 400 !important; }
      .o-assignment-tool--concept-box--main .showdetailWS-more-info .pull-left {
        margin: 0 5px 0 0; }
      .o-assignment-tool--concept-box--main .showdetailWS-more-info .pull-right {
        margin: 0 0 0 5px; }
      .o-assignment-tool--concept-box--main .showdetailWS-more-info .fa {
        margin-right: 3px; }
    .o-assignment-tool--concept-box--main .showdetailWS-titles p {
      font-size: 14px;
      line-height: 20px;
      font-weight: 400 !important;
      white-space: nowrap;
      text-overflow: ellipsis !important;
      overflow: hidden; }
      .o-assignment-tool--concept-box--main .showdetailWS-titles p.bold {
        font-weight: 500 !important;
        margin-bottom: 5px; }
  .o-assignment-tool--concept-box--overlay {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    z-index: 15;
    color: #fff;
    background-color: rgba(0, 0, 0, 0.75);
    padding: 15px;
    flex-direction: column;
    display: flex; }
    .o-assignment-tool--concept-box--overlay--content {
      top: 0;
      left: 0;
      position: relative; }
      .o-assignment-tool--concept-box--overlay--content .close-icon {
        position: absolute;
        top: 1px;
        right: 5px; }
      .o-assignment-tool--concept-box--overlay--content .title {
        word-wrap: break-word;
        overflow: hidden;
        text-overflow: ellipsis !important;
        white-space: nowrap;
        margin-top: 10px;
        margin-bottom: 5px;
        font-size: 14px;
        line-height: 20px;
        font-weight: 500 !important; }
        .o-assignment-tool--concept-box--overlay--content .title.secondary {
          font-size: 12px;
          font-weight: 400 !important; }
      .o-assignment-tool--concept-box--overlay--content .sep {
        margin-top: 10px !important;
        margin-bottom: 10px !important; }
      .o-assignment-tool--concept-box--overlay--content .cta-holder {
        position: relative;
        margin-top: 21px;
        display: flex;
        align-items: center;
        justify-content: center;
        flex-wrap: wrap; }
      .o-assignment-tool--concept-box--overlay--content--bottom {
        width: 100%;
        text-align: center;
        display: flex;
        align-items: flex-end;
        justify-content: center;
        flex: 1; }
        .o-assignment-tool--concept-box--overlay--content--bottom .w-100 {
          width: 100%; }
          .o-assignment-tool--concept-box--overlay--content--bottom .w-100 .combotick.u-button.u-button__green.u-button__full.u-button__\(40\).u-button__small\(xs\).btn.btn-primary {
            min-width: 160px; }
        .o-assignment-tool--concept-box--overlay--content--bottom .showdetailWS-btn-holder {
          position: absolute;
          left: 0;
          bottom: 57px;
          width: 100%;
          padding: 0 15px; }
        .o-assignment-tool--concept-box--overlay--content--bottom .clear-selection {
          cursor: pointer;
          float: right;
          background: #ef523e;
          position: absolute;
          right: 0px;
          top: 0px;
          padding: 7.5px 15.5px;
          border-radius: 0 0 0 7px; }
        .o-assignment-tool--concept-box--overlay--content--bottom .bottom-texts {
          position: absolute;
          left: 0;
          bottom: 11px;
          width: 100%;
          display: flex;
          padding: 0 12px;
          text-align: left; }
          .o-assignment-tool--concept-box--overlay--content--bottom .bottom-texts > span,
          .o-assignment-tool--concept-box--overlay--content--bottom .bottom-texts > a {
            flex: 1;
            font-family: 'Work Sans', sans-serif;
            font-weight: 600;
            font-size: 14px;
            color: #fff;
            line-height: 20px;
            font-weight: 600 !important; }
          .o-assignment-tool--concept-box--overlay--content--bottom .bottom-texts .dark {
            padding-left: 10px; }
          .o-assignment-tool--concept-box--overlay--content--bottom .bottom-texts .blue {
            flex: initial;
            padding: 0 5px;
            border-radius: 3px;
            background: #4465b7 !important;
            margin-right: 10px; }
          .o-assignment-tool--concept-box--overlay--content--bottom .bottom-texts .red {
            flex: initial;
            padding: 0 5px;
            border-radius: 3px;
            background: #ef523e !important; }

.o-assignment-tool--bottom {
  display: flex;
  position: relative; }
  .o-assignment-tool--bottom--col {
    position: relative;
    z-index: 10; }
  .o-assignment-tool--bottom--right {
    width: 80%;
    padding: 20px;
    background: #FAFAFA; }
    .o-assignment-tool--bottom--right .search-structure .top-search {
      display: flex;
      align-items: center;
      margin-bottom: 15px; }
      .o-assignment-tool--bottom--right .search-structure .top-search .col {
        flex: 1;
        padding-right: 15px; }
        .o-assignment-tool--bottom--right .search-structure .top-search .col.isAuto {
          flex: initial; }
          .o-assignment-tool--bottom--right .search-structure .top-search .col.isAuto:last-of-type {
            padding-right: 0; }
    .o-assignment-tool--bottom--right .searchBoxes {
      display: flex;
      flex-wrap: wrap;
      margin: 0 -12px !important; }
      .o-assignment-tool--bottom--right .searchBoxes--column {
        width: 25%;
        padding: 0 12px 20px; }
        .o-assignment-tool--bottom--right .searchBoxes--column--wrapper {
          position: relative;
          height: 100%;
          background: #fff;
          -webkit-box-shadow: 0 10px 14px -13px rgba(0, 0, 0, 0.25);
          -moz-box-shadow: 0 10px 14px -13px rgba(0, 0, 0, 0.25);
          box-shadow: 0 10px 14px -13px rgba(0, 0, 0, 0.25); }
        .o-assignment-tool--bottom--right .searchBoxes--column--desc {
          padding: 15px; }
          .o-assignment-tool--bottom--right .searchBoxes--column--desc .blocks {
            margin-bottom: 10px; }
            .o-assignment-tool--bottom--right .searchBoxes--column--desc .blocks:last-of-type {
              margin-bottom: 0; }
          .o-assignment-tool--bottom--right .searchBoxes--column--desc h4 {
            font-family: 'Work Sans', sans-serif;
            font-weight: 600;
            font-size: 16px;
            color: #656F7D;
            line-height: 20px;
            font-weight: 600 !important;
            margin-bottom: 15px; }
            .o-assignment-tool--bottom--right .searchBoxes--column--desc h4 span {
              font-family: 'Work Sans', sans-serif;
              font-weight: 600;
              font-size: 16px;
              color: #656F7D;
              line-height: 20px;
              font-weight: 600 !important; }
          .o-assignment-tool--bottom--right .searchBoxes--column--desc span {
            font-family: 'Work Sans', sans-serif;
            font-weight: 400;
            font-size: 14px;
            color: #656F7D;
            line-height: 16px;
            font-weight: 400 !important; }
            .o-assignment-tool--bottom--right .searchBoxes--column--desc span.bold {
              font-weight: 500 !important; }
              .o-assignment-tool--bottom--right .searchBoxes--column--desc span.bold span {
                font-weight: 500 !important; }
    .o-assignment-tool--bottom--right .assigned-concepts .top {
      display: flex;
      width: 100%;
      align-items: center;
      padding: 15px 0;
      margin-bottom: 15px;
      border-top: 2px solid #e9ebee;
      border-bottom: 2px solid #e9ebee; }
      .o-assignment-tool--bottom--right .assigned-concepts .top .col {
        flex: 1;
        padding: 0 15px 0 0; }
        .o-assignment-tool--bottom--right .assigned-concepts .top .col.isAuto {
          flex: initial; }
          .o-assignment-tool--bottom--right .assigned-concepts .top .col.isAuto:last-of-type {
            padding-right: 0; }
      .o-assignment-tool--bottom--right .assigned-concepts .top p {
        font-family: 'Work Sans', sans-serif;
        font-weight: 400;
        font-size: 14px;
        color: #666666;
        line-height: 16px;
        font-weight: 500 !important; }
        .o-assignment-tool--bottom--right .assigned-concepts .top p span {
          font-family: 'Work Sans', sans-serif;
          font-weight: 400;
          font-size: 14px;
          color: #666666;
          line-height: 16px;
          font-weight: 500 !important; }
          .o-assignment-tool--bottom--right .assigned-concepts .top p span:last-of-type {
            color: #4465b7; }
      .o-assignment-tool--bottom--right .assigned-concepts .top .num {
        text-align: left;
        overflow: hidden;
        white-space: nowrap;
        text-overflow: ellipsis !important;
        color: #4465b7; }
    .o-assignment-tool--bottom--right .bottom-legends {
      padding: 15px 0 0 0;
      border-top: 2px solid #e9ebee; }
      .o-assignment-tool--bottom--right .bottom-legends .alert-info {
        margin-bottom: 0 !important;
        box-shadow: 0 10px 14px -13px rgba(0, 0, 0, 0.25);
        background-color: #fff;
        border-color: #fff; }
        .o-assignment-tool--bottom--right .bottom-legends .alert-info ul {
          display: flex;
          flex-wrap: wrap; }
          .o-assignment-tool--bottom--right .bottom-legends .alert-info ul li {
            width: 25%;
            padding: 5px 0;
            font-family: 'Work Sans', sans-serif;
            font-weight: 400;
            font-size: 14px;
            color: #656F7D;
            line-height: 16px;
            font-weight: 400 !important; }
            .o-assignment-tool--bottom--right .bottom-legends .alert-info ul li:last-of-type {
              width: 100%; }
  .o-assignment-tool--bottom--left {
    width: 20%;
    padding: 20px;
    background: #F5F5F5; }
    .o-assignment-tool--bottom--left--main .left-top {
      display: flex;
      align-items: center;
      padding-bottom: 15px;
      border-bottom: 2px solid #e9ebee; }
      .o-assignment-tool--bottom--left--main .left-top > div {
        flex: 1; }
        .o-assignment-tool--bottom--left--main .left-top > div:first-of-type {
          flex: initial;
          padding-right: 10px; }
        .o-assignment-tool--bottom--left--main .left-top > div span {
          font-family: 'Work Sans', sans-serif;
          font-weight: 400;
          font-size: 16px;
          color: #656F7D;
          line-height: 40px;
          font-weight: 400 !important; }
    .o-assignment-tool--bottom--left--main .left-mid {
      padding: 15px;
      border-bottom: 2px solid #e9ebee;
      background-color: #FAFAFA; }
      .o-assignment-tool--bottom--left--main .left-mid .main-topic {
        display: block;
        margin: 3px 0; }
        .o-assignment-tool--bottom--left--main .left-mid .main-topic h5 {
          font-family: 'Work Sans', sans-serif;
          font-weight: 400;
          font-size: 14px;
          color: #656F7D;
          line-height: 24px;
          font-weight: 500 !important; }
          .o-assignment-tool--bottom--left--main .left-mid .main-topic h5 i {
            margin-right: 10px; }
      .o-assignment-tool--bottom--left--main .left-mid .sub-topics {
        padding: 0 0 0 5px; }
        .o-assignment-tool--bottom--left--main .left-mid .sub-topics .single-row .main-topic {
          margin: 5px 0; }
          .o-assignment-tool--bottom--left--main .left-mid .sub-topics .single-row .main-topic h5 {
            line-height: 16px;
            font-weight: 400 !important; }
        .o-assignment-tool--bottom--left--main .left-mid .sub-topics span, .o-assignment-tool--bottom--left--main .left-mid .sub-topics u {
          font-weight: 400 !important; }
    .o-assignment-tool--bottom--left--main .left-mid2 {
      display: flex;
      align-items: baseline;
      flex-direction: column;
      padding-top: 15px;
      padding-bottom: 15px;
      border-bottom: 2px solid #e9ebee; }
      .o-assignment-tool--bottom--left--main .left-mid2 > div {
        flex: 1; }
        .o-assignment-tool--bottom--left--main .left-mid2 > div:first-of-type {
          flex: initial;
          padding-bottom: 10px; }
        .o-assignment-tool--bottom--left--main .left-mid2 > div span {
          font-family: 'Work Sans', sans-serif;
          font-weight: 400;
          font-size: 16px;
          color: #656F7D;
          line-height: 20px;
          font-weight: 400 !important; }

.c-addnewpackage-modal--row {
  width: 100%;
  display: flex;
  justify-content: flex-start;
  align-items: flex-start;
  padding-bottom: 10px;
  flex-wrap: wrap; }
  .c-addnewpackage-modal--row.no-padding-bottom {
    padding-bottom: 0; }

.c-addnewpackage-modal--col {
  padding-right: 10px;
  width: 33.33%; }
  .c-addnewpackage-modal--col:last-child {
    padding-right: 0; }
  .c-addnewpackage-modal--col.isSmall {
    flex: initial;
    width: 170px; }

.o-studentdetails-purchase {
  border-top: 2px solid #e9ebee;
  padding-top: 30px; }
  .o-studentdetails-purchase h4 {
    font-family: 'Work Sans', sans-serif;
    font-weight: 400;
    font-size: 18px;
    color: #333333;
    line-height: 40px;
    font-weight: 400 !important;
    margin-bottom: 10px; }
  .o-studentdetails-purchase .c-twa-responsive-table-container {
    border-right: 1px solid #EAEBEE;
    border-left: 1px solid #EAEBEE;
    border-bottom: 1px solid #EAEBEE; }
    .o-studentdetails-purchase .c-twa-responsive-table-container--header tr th {
      padding: 15px !important;
      font-weight: 600 !important;
      font-size: 16px !important; }
    .o-studentdetails-purchase .c-twa-responsive-table-container--body > tr > td {
      padding: 15px !important;
      font-size: 16px !important; }
      .o-studentdetails-purchase .c-twa-responsive-table-container--body > tr > td * {
        font-size: 16px !important; }
      .o-studentdetails-purchase .c-twa-responsive-table-container--body > tr > td.expand .fa {
        cursor: pointer; }
      .o-studentdetails-purchase .c-twa-responsive-table-container--body > tr > td.expand .fa-minus-square {
        display: none; }
      .o-studentdetails-purchase .c-twa-responsive-table-container--body > tr > td.expand.active .fa-minus-square {
        display: inline-block; }
      .o-studentdetails-purchase .c-twa-responsive-table-container--body > tr > td.expand.active .fa-plus-square {
        display: none; }
    .o-studentdetails-purchase .c-twa-responsive-table-container--body > tr:nth-child(2n) {
      background-color: #f9f9f9; }
    .o-studentdetails-purchase .c-twa-responsive-table-container--body > tr.hiddenRow {
      background-color: #fff;
      box-shadow: 0px 4px 10px -4px rgba(0, 0, 0, 0.3) inset;
      display: none; }
      .o-studentdetails-purchase .c-twa-responsive-table-container--body > tr.hiddenRow.active {
        display: table-row; }
      .o-studentdetails-purchase .c-twa-responsive-table-container--body > tr.hiddenRow table {
        margin: 0; }
    .o-studentdetails-purchase .c-twa-responsive-table-container .btn {
      display: inline-block;
      font-family: 'Work Sans', sans-serif;
      font-weight: 400;
      font-size: 16px;
      color: #fff;
      line-height: 20px;
      font-weight: 400 !important;
      padding: 5px 8px;
      -webkit-border-radius: 5px;
      -moz-border-radius: 5px;
      -ms-border-radius: 5px;
      -o-border-radius: 5px;
      border-radius: 5px;
      background: #4465b7;
      border: 1px solid #4465b7;
      -webkit-transition: all 0.2s ease-out;
      -moz-transition: all 0.2s ease-out;
      -ms-transition: all 0.2s ease-out;
      -o-transition: all 0.2s ease-out;
      transition: all 0.2s ease-out;
      cursor: pointer; }
  .o-studentdetails-purchase--pills {
    display: inline-block;
    padding: 5px 30px 5px 10px;
    border-radius: 50px;
    position: relative;
    color: #fff;
    margin: 5px 0;
    text-shadow: 0px 1px 2px rgba(0, 0, 0, 0.3);
    box-shadow: 0px 4px 8px 0px rgba(0, 0, 0, 0.2); }
    .o-studentdetails-purchase--pills + span {
      margin-left: 5px; }
    .o-studentdetails-purchase--pills:nth-child(1n) {
      background-color: #29CC46; }
    .o-studentdetails-purchase--pills:nth-child(2n) {
      background-color: #f7c806; }
    .o-studentdetails-purchase--pills:nth-child(3n) {
      background-color: #7ab0ec; }
    .o-studentdetails-purchase--pills--remove {
      position: absolute;
      top: 50%;
      right: 10px;
      font-wight: 600 !important;
      color: #fff;
      cursor: pointer;
      -webkit-transform: translateY(-50%);
      -moz-transform: translateY(-50%);
      -ms-transform: translateY(-50%);
      -o-transform: translateY(-50%);
      transform: translateY(-50%); }
  .o-studentdetails-purchase--add-package {
    padding: 10px 0 10px 10px;
    float: right; }
    .o-studentdetails-purchase--add-package a {
      display: inline-block;
      cursor: pointer; }
      .o-studentdetails-purchase--add-package a span {
        display: inline-block;
        width: 16px;
        height: 16px;
        background-color: #29CC46;
        border-radius: 50%;
        color: #fff;
        font-size: 16px !important;
        line-height: 16px !important;
        text-align: center;
        margin-right: 5px;
        font-weight: 600 !important; }
      .o-studentdetails-purchase--add-package a strong {
        display: inline-block;
        font-size: 15px;
        line-height: 15px;
        color: #333333; }

.c-parent-details-pop .row {
  margin-left: -7px;
  margin-right: -7px; }
  .c-parent-details-pop .row > [class^="col"] {
    padding: 0 7px; }
    .c-parent-details-pop .row > [class^="col"] p span {
      font-size: 13px;
      padding-bottom: 10px; }
      .c-parent-details-pop .row > [class^="col"] p span:last-of-type {
        padding-bottom: 0; }

.c-parent-details-pop .c-st-dtls--header {
  background: #5dade2;
  color: #fff; }
  .c-parent-details-pop .c-st-dtls--header h4 {
    color: #fff; }
  .c-parent-details-pop .c-st-dtls--header i {
    color: #fff; }

.c-parent-details-pop .c-st-dtls--body {
  background: #ecf1ff; }

.c-parent-details-pop .panel.panel-default {
  padding: 0 15px;
  flex-grow: 1;
  display: flex;
  flex-direction: column; }

.c-parent-details-pop .panel-body {
  padding: 15px 0; }
  .c-parent-details-pop .panel-body ul li {
    margin-bottom: 5px;
    display: block; }
    .c-parent-details-pop .panel-body ul li b {
      font-weight: 600 !important; }
    .c-parent-details-pop .panel-body ul li a {
      margin-left: 5px; }
      .c-parent-details-pop .panel-body ul li a i {
        color: #4465b7; }
  .c-parent-details-pop .panel-body h4 {
    font-weight: 500 !important; }
    .c-parent-details-pop .panel-body h4 span {
      font-weight: 500 !important;
      font-size: 15px; }
  .c-parent-details-pop .panel-body p b {
    font-weight: 500 !important; }
  .c-parent-details-pop .panel-body p span.c-confirm-box input[type=checkbox] {
    position: relative;
    bottom: -3px; }

.c-parent-details-pop .panel-footer {
  margin-left: -15px;
  margin-right: -15px;
  background: none;
  border: none; }
  .c-parent-details-pop .panel-footer a {
    word-break: break-word;
    white-space: normal;
    font-size: 13px;
    line-height: 16px; }
    .c-parent-details-pop .panel-footer a.btn-trash {
      background: #4465b7; }
    .c-parent-details-pop .panel-footer a i {
      color: #FFF;
      font-size: 22px; }
    .c-parent-details-pop .panel-footer a:hover {
      color: #FFF; }
      .c-parent-details-pop .panel-footer a:hover i {
        color: #FFF; }

.c-parent-details-pop .panel-heading {
  padding: 15px 0;
  background: none;
  border-color: #ecf1ff; }
  .c-parent-details-pop .panel-heading h3 {
    font-size: 16px;
    color: #333;
    font-weight: 600 !important; }

.c-additionan-row {
  display: flex;
  flex-wrap: wrap; }

.c-additionan-col {
  flex: 0 0 33.33333333%;
  max-width: 33.33333333%;
  display: flex;
  min-height: 275px; }

.c-add-block {
  flex-grow: 1;
  display: flex;
  margin-bottom: 20px;
  min-height: 275px; }
  .c-add-block__holder {
    background: #f8faff;
    border: #000 dotted 1px;
    -webkit-border-radius: 5px;
    -moz-border-radius: 5px;
    -ms-border-radius: 5px;
    -o-border-radius: 5px;
    border-radius: 5px;
    display: flex;
    justify-content: center;
    align-items: center;
    flex-grow: 1; }
    .c-add-block__holder i {
      font-size: 40px;
      color: #4465b7;
      margin-bottom: 10px; }
    .c-add-block__holder a {
      display: block;
      text-align: center; }
    .c-add-block__holder p {
      font-family: 'Work Sans', sans-serif;
      font-weight: 300;
      font-size: 16px;
      color: #168ff0;
      line-height: 18px; }

.c-add_edit_pan {
  margin-left: -15px;
  margin-right: -15px; }
  .c-add_edit_pan__header {
    background: #3f6884;
    padding: 15px; }
    .c-add_edit_pan__header h2 {
      font-family: 'Work Sans', sans-serif;
      font-weight: 400;
      font-size: 18px;
      color: #FFF;
      line-height: 22px; }
  .c-add_edit_pan__body {
    padding: 30px; }
    .c-add_edit_pan__body .u-label {
      font-family: 'Work Sans', sans-serif;
      font-weight: 400;
      font-size: 16px;
      color: #565d6f;
      line-height: 16px;
      font-weight: 500 !important;
      line-height: 40px !important;
      display: inline-block; }
    .c-add_edit_pan__body select {
      border: 1px solid #c7c7c7;
      border-radius: 5px; }
      .c-add_edit_pan__body select:hover, .c-add_edit_pan__body select:focus {
        border: #3f6884 1px solid; }
    .c-add_edit_pan__body .input:focus {
      border-color: cornflowerblue;
      outline: none; }
    .c-add_edit_pan__body .input.has-error {
      border-color: tomato; }
    .c-add_edit_pan__body .error {
      margin: 0;
      font-size: 90%;
      color: tomato; }
    .c-add_edit_pan__body .tag-item {
      background-color: #d4d5d6;
      display: inline-block;
      font-size: 14px;
      border-radius: 30px;
      height: 30px;
      padding: 0 4px 0 1rem;
      display: inline-flex;
      align-items: center;
      margin: 0 0.3rem 0.3rem 0; }
    .c-add_edit_pan__body .tag-item > .button {
      background-color: white;
      width: 22px;
      height: 22px;
      border-radius: 50%;
      border: none;
      cursor: pointer;
      font: inherit;
      margin-left: 10px;
      font-weight: bold;
      padding: 0;
      line-height: 1;
      display: flex;
      align-items: center;
      justify-content: center; }

.c-primary-contact .panel-default {
  background: #cee5f4; }

.c-action-btn__wrap {
  display: flex;
  justify-content: flex-start;
  align-items: center; }
  .c-action-btn__wrap a {
    color: #4465b7;
    font-weight: 600;
    font-size: 14px;
    border-right: #565d6f 2px solid;
    padding: 0 8px; }
    .c-action-btn__wrap a:hover {
      color: #5dade2 !important; }
    .c-action-btn__wrap a:last-of-type {
      border-right: none; }
    .c-action-btn__wrap a:first-of-type {
      padding-left: 0; }

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