@import url("https://fonts.googleapis.com/css?family=Montserrat:400,400i,600,700,700i");

#body {
  min-height: 80vh;
}


/****Color Generator***************************************/
.white {
  color: #FFFFFF !important; }

.bg-white {
  background-color: #FFFFFF !important; }

.border-white {
  boder-color: #FFFFFF !important; }

.gray-lightest {
  color: #FCFCFC !important; }

.bg-gray-lightest {
  background-color: #FCFCFC !important; }

.border-gray-lightest {
  boder-color: #FCFCFC !important; }

.gray-lighter {
  color: #F4F4F4 !important; }

.bg-gray-lighter {
  background-color: #F4F4F4 !important; }

.border-gray-lighter {
  boder-color: #F4F4F4 !important; }

.gray-light {
  color: #CCCCCC !important; }

.bg-gray-light {
  background-color: #CCCCCC !important; }

.border-gray-light {
  boder-color: #CCCCCC !important; }

.gray {
  color: #999999 !important; }

.bg-gray {
  background-color: #999999 !important; }

.border-gray {
  boder-color: #999999 !important; }

.gray-medium {
  color: #767676 !important; }

.bg-gray-medium {
  background-color: #767676 !important; }

.border-gray-medium {
  boder-color: #767676 !important; }

.gray-dark {
  color: #414042 !important; }

.bg-gray-dark {
  background-color: #414042 !important; }

.border-gray-dark {
  boder-color: #414042 !important; }

.gray-darker {
  color: #353535 !important; }

.bg-gray-darker {
  background-color: #353535 !important; }

.border-gray-darker {
  boder-color: #353535 !important; }

.black {
  color: black !important; }

.bg-black {
  background-color: black !important; }

.border-black {
  boder-color: black !important; }

.green {
  color: #009900 !important; }

.bg-green {
  background-color: #009900 !important; }

.border-green {
  boder-color: #009900 !important; }

.green-dark {
  color: #005952 !important; }

.bg-green-dark {
  background-color: #005952 !important; }

.border-green-dark {
  boder-color: #005952 !important; }

.aqua-light {
  color: #F2F7F6 !important; }

.bg-aqua-light {
  background-color: #F2F7F6 !important; }

.border-aqua-light {
  boder-color: #F2F7F6 !important; }

.aqua {
  color: #6CC6B7 !important; }

.bg-aqua {
  background-color: #6CC6B7 !important; }

.border-aqua {
  boder-color: #6CC6B7 !important; }

.teal {
  color: #009900 !important; }

.bg-teal {
  background-color: #009900 !important; }

.border-teal {
  boder-color: #009900 !important; }

.blue {
  color: #0099DC !important; }

.bg-blue {
  background-color: #0099DC !important; }

.border-blue {
  boder-color: #0099DC !important; }

.blue-dark {
  color: #042E60 !important; }

.bg-blue-dark {
  background-color: #042E60 !important; }

.border-blue-dark {
  boder-color: #042E60 !important; }

.blue-mid {
  color: #21ACEF !important; }

.bg-blue-mid {
  background-color: #21ACEF !important; }

.border-blue-mid {
  boder-color: #21ACEF !important; }

.blue-light {
  color: #E5F5FB !important; }

.bg-blue-light {
  background-color: #E5F5FB !important; }

.border-blue-light {
  boder-color: #E5F5FB !important; }

.purple {
  color: #63428C !important; }

.bg-purple {
  background-color: #63428C !important; }

.border-purple {
  boder-color: #63428C !important; }

.purple-trans {
  color: rgba(99, 66, 140, 0.38) !important; }

.bg-purple-trans {
  background-color: rgba(99, 66, 140, 0.38) !important; }

.border-purple-trans {
  boder-color: rgba(99, 66, 140, 0.38) !important; }

.red {
  color: #E31B23 !important; }

.bg-red {
  background-color: #E31B23 !important; }

.border-red {
  boder-color: #E31B23 !important; }

.orange {
  color: #FF9900 !important; }

.bg-orange {
  background-color: #FF9900 !important; }

.border-orange {
  boder-color: #FF9900 !important; }

.orange-light {
  color: #F7D017 !important; }

.bg-orange-light {
  background-color: #F7D017 !important; }

.border-orange-light {
  boder-color: #F7D017 !important; }

.orange-msg-bg {
  color: #F7D017 !important; }

.bg-orange-msg-bg {
  background-color: #F7D017 !important; }

.border-orange-msg-bg {
  boder-color: #F7D017 !important; }

.edready-assessment-button-gray {
  color: #ececec !important; }

.bg-edready-assessment-button-gray {
  background-color: #ececec !important; }

.border-edready-assessment-button-gray {
  boder-color: #ececec !important; }

.has-success .form-control {
  border-color: #155724 !important; }

.has-success .form-control-feedback,
.has-success .form-control-label {
  color: #155724 !important; }

.has-danger .form-control {
  border-color: #E31B23 !important; }

.has-danger .form-control-feedback,
.has-danger .form-control-label {
  color: #E31B23 !important; }

.has-info .form-control {
  border-color: #0099DC !important; }

.has-info .form-control-feedback,
.has-info .form-control-label {
  color: #0099DC !important; }

.has-warning .form-control {
  border-color: #FF9900 !important; }

.has-warning .form-control-feedback,
.has-warning .form-control-label {
  color: #FF9900 !important; }

/**********************************************************/
/****Size Generator***************************************/
img.h-25-resource-thumbnail {
  min-height: 25px; }

img.h-40-resource-thumbnail {
  min-height: 40px; }

img.h-60-resource-thumbnail {
  min-height: 60px; }

img.h-300-resource-thumbnail {
  min-height: 300px; }

.fs-dot-five-rem {
  font-size: 0.5rem !important; }

.bs-dot-five-rem {
  background-size: 0.5rem !important; }

.ts-dot-five-rem {
  tab-size: 0.5rem !important; }

.fs-dot-six-rem {
  font-size: 0.6rem !important; }

.bs-dot-six-rem {
  background-size: 0.6rem !important; }

.ts-dot-six-rem {
  tab-size: 0.6rem !important; }

.fs-dot-seven-rem {
  font-size: 0.7rem !important; }

.bs-dot-seven-rem {
  background-size: 0.7rem !important; }

.ts-dot-seven-rem {
  tab-size: 0.7rem !important; }

.fs-dot-eight-rem {
  font-size: 0.8rem !important; }

.bs-dot-eight-rem {
  background-size: 0.8rem !important; }

.ts-dot-eight-rem {
  tab-size: 0.8rem !important; }

.fs-dot-nine-rem {
  font-size: 0.9rem !important; }

.bs-dot-nine-rem {
  background-size: 0.9rem !important; }

.ts-dot-nine-rem {
  tab-size: 0.9rem !important; }

.fs-one-rem {
  font-size: 1rem !important; }

.bs-one-rem {
  background-size: 1rem !important; }

.ts-one-rem {
  tab-size: 1rem !important; }

.fs-one-dot-five-rem {
  font-size: 1.5rem !important; }

.bs-one-dot-five-rem {
  background-size: 1.5rem !important; }

.ts-one-dot-five-rem {
  tab-size: 1.5rem !important; }

.fs-one-dot-eight-rem {
  font-size: 1.8rem !important; }

.bs-one-dot-eight-rem {
  background-size: 1.8rem !important; }

.ts-one-dot-eight-rem {
  tab-size: 1.8rem !important; }

.fs-two-rem {
  font-size: 2rem !important; }

.bs-two-rem {
  background-size: 2rem !important; }

.ts-two-rem {
  tab-size: 2rem !important; }

.font_italic {
  font-family: "Montserrat";
  font-weight: 400 !important;
  font-style: italic !important; }

.font_bold_italic,
.font_italic_bold {
  font-family: "Montserrat";
  font-weight: 700 !important;
  font-style: italic !important; }

.font_semibold {
  font-family: "Montserrat";
  font-weight: 600 !important; }

.font_regular {
  font-family: "Montserrat";
  font-weight: 400 !important; }

.bold, #studyTimeChart .flot-x-axis.xAxis,
.bold_font,
.font_bold {
  font-family: "Montserrat";
  font-weight: 700 !important; }

a {
  text-decoration: underline;
  color: #0077AA; }

b, strong {
  font-family: "Montserrat";
  font-weight: 700 !important; }

.modal .modal-header {
  border: 0 none;
  padding: 0 4%;
  min-height: 35px;
  position: relative;
  margin-bottom: 0; }
  .modal .modal-header button {
    position: absolute;
    right: 0.5rem;
    top: 0.5rem; }
  .modal .modal-header > button > span {
    color: #999999;
    font-size: 1.45em;
    height: 18px; }
  .modal .modal-header, .modal .modal-header h1 {
    width: 100%;
    overflow-wrap: break-word; }

.modal .modal-content {
  max-height: 95vh; }

.modal .modal-title {
  color: #841481;
  margin-top: 0;
  font-weight: bold; }

.modal .modal-body {
  margin-top: 0;
  padding-top: 0;
  overflow: auto; }
  .modal .modal-body .modal-btn {
    position: absolute;
    top: 10px;
    left: 565px; }

.modal .modal-footer {
  padding: 5px 0 10px;
  margin-bottom: 0;
  background-color: transparent;
  border-top: 0 none;
  border-radius: 0;
  box-shadow: none;
  text-align: center; }

.modal .ui-icon-grip-diagonal-se {
  background-position: -76px -220px; }

.modal .ui-resizable-se {
  width: 20px;
  height: 20px; }

input,
textarea,
textarea.form-control,
input.form-control,
input.form-control.tablesorter-filter,
.report-table table.tablesorter input.tablesorter-filter {
  -webkit-border-radius: 0;
  -moz-border-radius: 0;
  -ms-border-radius: 0;
  border-radius: 0; }

form label {
  font-family: "Montserrat";
  font-weight: 400 !important;
  font-size: 1rem; }
  form label span {
    display: block;
    margin-bottom: 3px; }
  form label input {
    display: inline-block;
    margin-right: 5px; }
    form label input.error {
      border: 1px solid #E31B23; }
  form label em.error {
    color: #E31B23;
    font-style: normal; }

form select.form-control {
  -webkit-border-radius: 0;
  -moz-border-radius: 0;
  -ms-border-radius: 0;
  border-radius: 0; }

form input:not(.form-check-input),
form input.form-control:not(.form-checbox-input) {
  height: 40px;
  border: 1px solid #999999; }
  form input:not(.form-check-input):hover, form input:not(.form-check-input):active,
  form input.form-control:not(.form-checbox-input):hover,
  form input.form-control:not(.form-checbox-input):active {
    border: 1px solid #0099DC; }
  form input:not(.form-check-input):active,
  form input.form-control:not(.form-checbox-input):active {
    border: 2px solid; }
  form input:not(.form-check-input):disabled,
  form input.form-control:not(.form-checbox-input):disabled {
    color: #CCCCCC;
    border: 1px solid #CCCCCC;
    background-color: #FCFCFC; }

.notification-msg .error {
  background-color: #F6E7D0;
  color: #E31B23;
  border: 1px solid #FF9900;
  font-weight: bold;
  padding: 10px 15px;
  margin-top: 20px; }

/** Select2 custom **/
.select2-selection input {
  -webkit-box-shadow: inset 0 0 0 transparent;
  -moz-box-shadow: inset 0 0 0 transparent;
  box-shadow: inset 0 0 0 transparent; }

.select2-container {
  height: 36px; }
  .select2-container .select2-selection--multiple {
    min-height: 38px;
    height: auto;
    line-height: 10px;
    max-height: 58px;
    overflow-y: auto; }
    .select2-container .select2-selection--multiple .select2-selection__choice {
      padding: 5px;
      height: 1.65rem; }
  .select2-container .wrap.select2-selection--single .select2-selection__rendered {
    word-wrap: break-word;
    text-overflow: ellipsis;
    white-space: nowrap; }

.select2-container--default .select2-selection--multiple .select2-selection__choice {
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap; }
  .select2-container--default .select2-selection--multiple .select2-selection__choice:hover {
    white-space: normal; }

.select2-results__option {
  max-width: 320px;
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: normal; }

.select2-container {
  width: 65%; }

.select2-selection__choice {
  position: relative; }

.select2.narrow {
  width: 200px; }

.wrap.select2-selection--single {
  height: 100%; }

a.btn {
  text-decoration: none; }

.btn-group-sm > .btn {
  -webkit-border-radius: 0;
  -moz-border-radius: 0;
  -ms-border-radius: 0;
  border-radius: 0; }

.btn {
  border: none;
  cursor: pointer;
  -webkit-border-radius: 0;
  -moz-border-radius: 0;
  -ms-border-radius: 0;
  border-radius: 0; }
  .btn.btn-primary {
    background-color: #0099DC; }
    .btn.btn-primary:hover, .btn.btn-primary.active {
      background-color: #21ACEF; }
  .btn.btn-default {
    color: #FFFFFF;
    background-color: #999999; }
    .btn.btn-default:hover {
      color: #FFFFFF;
      background-color: #CCCCCC; }
  .btn.btn-danger {
    background-color: #E31B23; }
    .btn.btn-danger:hover {
      cursor: pointer;
      color: #FFFFFF;
      background-color: #c9302c;
      border-color: #c12e2a; }
  .btn.btn-link, .btn.btn-link:hover {
    text-decoration: underline;
    color: #0099DC; }

.d-table {
  display: table; }

.modal-corner {
  position: initial !important; }

.white_to_grey {
  background: #FFFFFF;
  /* Old browsers */
  background: -moz-linear-gradient(top, #FFFFFF 10%, #F4F4F4 100%, #FCFCFC 70%);
  /* FF3.6+ */
  background: -webkit-gradient(linear, left top, left bottom, color-stop(10%, #FFFFFF), color-stop(100%, #F4F4F4), color-stop(70%, #FCFCFC));
  /* Chrome,Safari4+ */
  background: -webkit-linear-gradient(top, #FFFFFF 10%, #F4F4F4 100%, #FCFCFC 70%);
  /* Chrome10+,Safari5.1+ */
  background: -o-linear-gradient(top, #FFFFFF 10%, #F4F4F4 100%, #FCFCFC 70%);
  /* Opera 11.10+ */
  background: -ms-linear-gradient(top, #FFFFFF 10%, #F4F4F4 100%, #FCFCFC 70%);
  /* IE10+ */
  background: linear-gradient(to bottom, #FFFFFF 10%, #F4F4F4 100%, #FCFCFC 70%);
  /* W3C */
  filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='$white', endColorstr='$edready-gray-lightest',GradientType=0 );
  /* IE6-9 */ }

/* THEMES VARIABLES */
/* ACT */
.act-hidden {
  display: none; }

#header_container.header-act {
  background: #F4F4F4;
  background: -moz-linear-gradient(top, #F4F4F4 0%, #F4F4F4 9%, #F4F4F4 100%);
  background: -webkit-linear-gradient(top, #F4F4F4 0%, #F4F4F4 9%, #F4F4F4 100%);
  background: linear-gradient(to bottom, #F4F4F4 0%, #F4F4F4 9%, #F4F4F4 100%);
  filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='$color1', endColorstr='$color3',GradientType=0 );
  border: none; }
  #header_container.header-act .customer_logo #logoImage {
    background: url("img/act_logo_header.png") no-repeat center center;
    background-size: contain;
    width: 250px; }
  #header_container.header-act .edready_logo {
    display: none; }

body.body-act #loading_div {
  border: 3px solid #F4F4F4; }

body.body-act #main-content .body_container #user-menu .links {
  background: #F4F4F4;
  background: -moz-linear-gradient(top, #F4F4F4 0%, #F4F4F4 91%, #F4F4F4 100%);
  background: -webkit-linear-gradient(top, #F4F4F4 0%, #F4F4F4 91%, #F4F4F4 100%);
  background: linear-gradient(to bottom, #F4F4F4 0%, #F4F4F4 91%, #F4F4F4 100%);
  filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='$color1', endColorstr='$color3',GradientType=0 ); }

body.body-act #main-content .body_container #body_white .customer_login_open {
  background: #F4F4F4;
  background: -moz-linear-gradient(top, #F4F4F4 0%, #F4F4F4 9%, #F4F4F4 100%);
  background: -webkit-linear-gradient(top, #F4F4F4 0%, #F4F4F4 9%, #F4F4F4 100%);
  background: linear-gradient(to bottom, #F4F4F4 0%, #F4F4F4 9%, #F4F4F4 100%);
  filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='$color1', endColorstr='$color3',GradientType=0 ); }
  body.body-act #main-content .body_container #body_white .customer_login_open .loginDiv {
    background: #F4F4F4;
    background: -moz-linear-gradient(top, #F4F4F4 0%, #F4F4F4 91%, #F4F4F4 100%);
    background: -webkit-linear-gradient(top, #F4F4F4 0%, #F4F4F4 91%, #F4F4F4 100%);
    background: linear-gradient(to bottom, #F4F4F4 0%, #F4F4F4 91%, #F4F4F4 100%);
    filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='$color1', endColorstr='$color3',GradientType=0 ); }

body.body-act #main-content .body_container .title_study_options {
  background: #F4F4F4; }

footer.footer-act {
  background: #042E60; }
  footer.footer-act #footer .footer_container_links ul {
    width: 50%;
    margin: auto; }
    footer.footer-act #footer .footer_container_links ul li {
      margin: 0 2% 6% 2%; }
      footer.footer-act #footer .footer_container_links ul li a {
        text-decoration: none; }
      footer.footer-act #footer .footer_container_links ul li:hover {
        text-decoration: underline; }
    footer.footer-act #footer .footer_container_links ul .options_footer {
      font-family: "Montserrat";
      font-weight: 400 !important;
      font-size: 1em;
      font-weight: normal; }

.goal_go_goal a.btn:hover, .goal_go_goal a.btn.active {
  border-color: #21ACEF; }

.unit_dot {
  -moz-border-radius: 55px;
  -webkit-border-radius: 55px;
  -khtml-border-radius: 55px;
  border-radius: 55px;
  background-color: #63428C;
  height: 15px;
  width: 15px;
  color: #FFFFFF; }

.breadcrumb_sd {
  font-family: "Montserrat";
  font-weight: 600 !important;
  color: #0077AA; }
  .breadcrumb_sd:before {
    color: #0077AA; }

.name_goal_value {
  font-size: 1.6rem;
  line-height: 1.9rem; }

.your_goals, .all_goals {
  font-family: "Montserrat";
  font-weight: 600 !important;
  margin-bottom: .8rem;
  color: #042E60; }

.unit_info_sp .unit_actions a {
  background-color: #F4F4F4;
  border: 2px #0099DC solid;
  color: #0099DC; }
  .unit_info_sp .unit_actions a:hover {
    border: 2px #21ACEF solid;
    color: #21ACEF; }

#id_group_name {
  font-family: "Montserrat";
  font-weight: 600 !important;
  text-overflow: ellipsis;
  line-height: 1.7em;
  overflow: visible;
  margin: 0 0 1.5rem; }

.circle_score_sp {
  font-size: 1.8rem;
  padding-top: 2px; }

/*** CUSTOMIZE TABS SUPER ADMIN **/
.tabs_reports > li {
  width: auto; }

.tabs_super_admin > li {
  width: 50%; }
  @media only screen and (min-width: 768px) {
    .tabs_super_admin > li {
      width: 20%; } }

.tabs_assessments > li {
  width: 20%;
  min-width: 0; }

.nav-tabs {
  border-bottom: 1px solid #6CC6B7; }
  .nav-tabs > li > a.nav-link {
    color: #0099DC;
    font-weight: normal;
    text-decoration: none;
    border: 0;
    border-bottom: 1px solid #6CC6B7;
    background-color: #FFFFFF;
    font-size: 1rem;
    line-height: 1rem;
    font-family: "Montserrat";
    font-weight: 400 !important;
    -webkit-border-radius: 0;
    -moz-border-radius: 0;
    -ms-border-radius: 0;
    border-radius: 0; }
    .nav-tabs > li > a.nav-link:hover {
      border-bottom: 1px solid #6CC6B7;
      color: #6CC6B7;
      background-color: #E5F5FB; }
    .nav-tabs > li > a.nav-link.active {
      font-family: "Montserrat";
      font-weight: 400 !important;
      font-size: 1rem;
      color: #6CC6B7;
      background-color: #FFFFFF;
      border: 1px solid #6CC6B7;
      border-bottom: 0; }

#support-link {
  position: absolute;
  top: 15px;
  right: 2%;
  border: 1px solid #F4F4F4; }

.goal_instructions {
  font-family: "Montserrat";
  font-weight: 400 !important; }

.container_image_name h1 {
  font-family: "Montserrat";
  font-weight: 600 !important;
  overflow: visible; }

.home_breadcrumb_assessments:before {
  background-color: #0077AA;
  color: #FFFFFF; }

#warning_resource_session_modal .modal-body h1,
#warning_session_modal .modal-body h1 {
  color: #042E60; }

.title_and_image {
  font-family: "Montserrat";
  font-weight: 600 !important;
  color: #042E60;
  padding: 65px 0 0;
  width: 100%; }

.text_lo_eu {
  line-height: 1.5em;
  margin: 1rem 0 2rem; }

.back-log-in {
  font-family: "Montserrat";
  font-weight: 600 !important;
  -webkit-border-radius: 5px;
  -moz-border-radius: 5px;
  -ms-border-radius: 5px;
  border-radius: 5px;
  height: 50px;
  padding-top: 14px;
  width: 40%; }

/* Zendesk Widget customizations*/
#launcher {
  border: none;
  background: transparent;
  z-index: 99999;
  transform: translateZ(0px);
  position: fixed;
  opacity: 1;
  left: 20px;
  bottom: 10px; }

#Embed .Button, #Embed .Button--launcher {
  box-sizing: border-box;
  border: 1px solid #F4F4F4;
  margin-bottom: 10px; }

.src-component-Launcher-wrapper {
  border: 0 !important;
  border-radius: 0 !important; }

/* Original Zendesk style*/
#Embed {
  font-size: 12px;
  /*! suit-base v0.4.0 | MIT License | github.com/suitcss */
  /*! suit-utils-link v0.3.1 | MIT License | github.com/suitcss */
  /*! suit-utils-text v0.3.0 | MIT License | github.com/suitcss */
  /*! suit-arrange v0.3.0 | MIT License | github.com/suitcss */
  /*! suit-button v3.1.0 | MIT License | github.com/suitcss */
  /*! suit-button-group v2.1.0 | MIT License | github.com/suitcss */
  /*! suit-button-group v2.1.0 | MIT License | github.com/suitcss */
  /*! suitcss-components-grid v1.2.0 | MIT License | github.com/suitcss */
  /*!
   * inuitcss, by @csswizardry
   *
   * github.com/inuitcss | inuitcss.com
   */ }
  #Embed .u-linkPseudo,
  #Embed legend,
  #Embed ol,
  #Embed td,
  #Embed th,
  #Embed ul {
    padding: 0; }
  #Embed .c-btn:focus,
  #Embed a:active,
  #Embed a:hover {
    outline: 0; }
  #Embed .Button,
  #Embed input[type=search],
  #Embed select {
    -webkit-appearance: none; }
  #Embed audio:not([controls]) {
    display: none;
    height: 0; }
  #Embed [hidden],
  #Embed template {
    display: none; }
  #Embed a {
    background: 0 0;
    color: #2a4e7a;
    text-decoration: none; }
  #Embed abbr[title] {
    border-bottom: 1px dotted; }
  #Embed img,
  #Embed legend {
    border: 0; }
  #Embed b,
  #Embed optgroup,
  #Embed strong {
    font-weight: 700; }
  #Embed dfn {
    font-style: italic; }
  #Embed h1 {
    font-size: 2em; }
  #Embed mark {
    background: #FF9900;
    color: #000000; }
  #Embed small {
    font-size: 80%; }
  #Embed sub,
  #Embed sup {
    font-size: 75%;
    line-height: 0;
    position: relative;
    vertical-align: baseline; }
  #Embed sup {
    top: -.5em; }
  #Embed sub {
    bottom: -.25em; }
  #Embed svg:not(:root) {
    overflow: hidden; }
  #Embed hr {
    box-sizing: content-box;
    height: 0; }
  #Embed pre,
  #Embed textarea {
    overflow: auto; }
  #Embed code,
  #Embed kbd,
  #Embed pre,
  #Embed samp {
    font-family: monospace, monospace;
    font-size: 1em; }
  #Embed button,
  #Embed input,
  #Embed optgroup,
  #Embed select,
  #Embed textarea {
    color: inherit;
    font: inherit;
    margin: 0; }
  #Embed button {
    overflow: visible; }
  #Embed .u-isHiddenVisually,
  #Embed .u-nbfc,
  #Embed .u-sizeFill,
  #Embed .u-textTruncate {
    overflow: hidden !important; }
  #Embed button,
  #Embed select {
    text-transform: none; }
  #Embed button,
  #Embed html input[type=button],
  #Embed input[type=reset],
  #Embed input[type=submit] {
    -webkit-appearance: button;
    cursor: pointer; }
  #Embed button[disabled],
  #Embed html input[disabled] {
    cursor: default; }
  #Embed .u-isActionable,
  #Embed .u-linkPseudo {
    cursor: pointer !important; }
  #Embed button::-moz-focus-inner,
  #Embed input::-moz-focus-inner {
    border: 0;
    padding: 0; }
  #Embed input {
    line-height: normal; }
  #Embed .Button,
  #Embed .u-linkPseudo {
    font: inherit;
    background: 0 0; }
  #Embed input[type=checkbox],
  #Embed input[type=radio] {
    box-sizing: border-box;
    padding: 0; }
  #Embed input[type=number]::-webkit-inner-spin-button,
  #Embed input[type=number]::-webkit-outer-spin-button {
    height: auto; }
  #Embed input[type=search]::-webkit-search-cancel-button,
  #Embed input[type=search]::-webkit-search-decoration {
    -webkit-appearance: none; }
  #Embed table {
    border-collapse: collapse;
    border-spacing: 0; }
  #Embed html {
    background: inherit;
    color: inherit; }
  #Embed a:active,
  #Embed a:focus,
  #Embed a:hover {
    color: #2a4e7a;
    text-decoration: underline; }
  #Embed blockquote,
  #Embed dd,
  #Embed dl,
  #Embed figure,
  #Embed h1,
  #Embed h2,
  #Embed h3,
  #Embed h4,
  #Embed h5,
  #Embed h6,
  #Embed p,
  #Embed pre {
    margin: 0; }
  #Embed ol,
  #Embed ul {
    margin: 0;
    list-style: none; }
  #Embed .u-alignBaseline {
    vertical-align: baseline !important; }
  #Embed .u-alignBottom {
    vertical-align: bottom !important; }
  #Embed .u-alignMiddle {
    vertical-align: middle !important; }
  #Embed .u-alignTop {
    vertical-align: top !important; }
  #Embed .u-inline {
    display: inline !important; }
  #Embed .u-inlineBlock {
    display: inline-block !important;
    max-width: 100%; }
  #Embed .u-block {
    display: block !important; }
  #Embed .u-table {
    display: table !important; }
  #Embed .u-tableCell {
    display: table-cell !important; }
  #Embed .u-cf:after,
  #Embed .u-cf:before {
    content: " ";
    display: table; }
  #Embed .u-cf:after {
    clear: both; }
  #Embed .u-nbfcAlt {
    display: table-cell !important;
    width: 10000px !important; }
  #Embed .u-pullLeft {
    float: left !important; }
  #Embed .u-pullRight {
    float: right !important; }
  #Embed .u-linkClean,
  #Embed .u-linkClean:active,
  #Embed .u-linkClean:focus,
  #Embed .u-linkClean:hover,
  #Embed .u-linkComplex,
  #Embed .u-linkComplex:active,
  #Embed .u-linkComplex:focus,
  #Embed .u-linkComplex:hover {
    text-decoration: none !important; }
  #Embed .u-linkComplex:active .u-linkComplexTarget,
  #Embed .u-linkComplex:focus .u-linkComplexTarget,
  #Embed .u-linkComplex:hover .u-linkComplexTarget {
    text-decoration: underline !important; }
  #Embed .u-linkBlock,
  #Embed .u-linkBlock:active,
  #Embed .u-linkBlock:focus,
  #Embed .u-linkBlock:hover {
    display: block !important;
    text-decoration: none !important; }
  #Embed .u-linkPseudo {
    display: inline-block;
    border: 0;
    margin: 0;
    color: inherit; }
  #Embed .u-sizeFill,
  #Embed .u-sizeFit,
  #Embed .u-sizeFitAlt {
    display: block !important;
    width: auto !important; }
  #Embed .u-linkPseudo:active,
  #Embed .u-linkPseudo:focus,
  #Embed .u-linkPseudo:hover {
    background: 0 0;
    color: inherit;
    text-decoration: underline; }
  #Embed .Button,
  #Embed .Button:active,
  #Embed .Button:focus,
  #Embed .Button:hover {
    text-decoration: none; }
  #Embed .u-before1of12 {
    margin-left: 8.33333% !important; }
  #Embed .u-before1of10 {
    margin-left: 10% !important; }
  #Embed .u-before1of8 {
    margin-left: 12.5% !important; }
  #Embed .u-before1of6,
  #Embed .u-before2of12 {
    margin-left: 16.66667% !important; }
  #Embed .u-before1of5,
  #Embed .u-before2of10 {
    margin-left: 20% !important; }
  #Embed .u-before1of4,
  #Embed .u-before2of8,
  #Embed .u-before3of12 {
    margin-left: 25% !important; }
  #Embed .u-before3of10 {
    margin-left: 30% !important; }
  #Embed .u-before1of3,
  #Embed .u-before2of6,
  #Embed .u-before4of12 {
    margin-left: 33.33333% !important; }
  #Embed .u-before3of8 {
    margin-left: 37.5% !important; }
  #Embed .u-before2of5,
  #Embed .u-before4of10 {
    margin-left: 40% !important; }
  #Embed .u-before5of12 {
    margin-left: 41.66667% !important; }
  #Embed .u-before1of2,
  #Embed .u-before2of4,
  #Embed .u-before3of6,
  #Embed .u-before4of8,
  #Embed .u-before5of10,
  #Embed .u-before6of12 {
    margin-left: 50% !important; }
  #Embed .u-before7of12 {
    margin-left: 58.33333% !important; }
  #Embed .u-before3of5,
  #Embed .u-before6of10 {
    margin-left: 60% !important; }
  #Embed .u-before5of8 {
    margin-left: 62.5% !important; }
  #Embed .u-before2of3,
  #Embed .u-before4of6,
  #Embed .u-before8of12 {
    margin-left: 66.66667% !important; }
  #Embed .u-before7of10 {
    margin-left: 70% !important; }
  #Embed .u-before3of4,
  #Embed .u-before6of8,
  #Embed .u-before9of12 {
    margin-left: 75% !important; }
  #Embed .u-before4of5,
  #Embed .u-before8of10 {
    margin-left: 80% !important; }
  #Embed .u-before10of12,
  #Embed .u-before5of6 {
    margin-left: 83.33333% !important; }
  #Embed .u-before7of8 {
    margin-left: 87.5% !important; }
  #Embed .u-before9of10 {
    margin-left: 90% !important; }
  #Embed .u-before11of12 {
    margin-left: 91.66667% !important; }
  #Embed .u-after1of12 {
    margin-right: 8.33333% !important; }
  #Embed .u-after1of10 {
    margin-right: 10% !important; }
  #Embed .u-after1of8 {
    margin-right: 12.5% !important; }
  #Embed .u-after1of6,
  #Embed .u-after2of12 {
    margin-right: 16.66667% !important; }
  #Embed .u-after1of5,
  #Embed .u-after2of10 {
    margin-right: 20% !important; }
  #Embed .u-after1of4,
  #Embed .u-after2of8,
  #Embed .u-after3of12 {
    margin-right: 25% !important; }
  #Embed .u-after3of10 {
    margin-right: 30% !important; }
  #Embed .u-after1of3,
  #Embed .u-after2of6,
  #Embed .u-after4of12 {
    margin-right: 33.33333% !important; }
  #Embed .u-after3of8 {
    margin-right: 37.5% !important; }
  #Embed .u-after2of5,
  #Embed .u-after4of10 {
    margin-right: 40% !important; }
  #Embed .u-after5of12 {
    margin-right: 41.66667% !important; }
  #Embed .u-after1of2,
  #Embed .u-after2of4,
  #Embed .u-after3of6,
  #Embed .u-after4of8,
  #Embed .u-after5of10,
  #Embed .u-after6of12 {
    margin-right: 50% !important; }
  #Embed .u-after7of12 {
    margin-right: 58.33333% !important; }
  #Embed .u-after3of5,
  #Embed .u-after6of10 {
    margin-right: 60% !important; }
  #Embed .u-after5of8 {
    margin-right: 62.5% !important; }
  #Embed .u-after2of3,
  #Embed .u-after4of6,
  #Embed .u-after8of12 {
    margin-right: 66.66667% !important; }
  #Embed .u-after7of10 {
    margin-right: 70% !important; }
  #Embed .u-after3of4,
  #Embed .u-after6of8,
  #Embed .u-after9of12 {
    margin-right: 75% !important; }
  #Embed .u-after4of5,
  #Embed .u-after8of10 {
    margin-right: 80% !important; }
  #Embed .u-after10of12,
  #Embed .u-after5of6 {
    margin-right: 83.33333% !important; }
  #Embed .u-after7of8 {
    margin-right: 87.5% !important; }
  #Embed .u-after9of10 {
    margin-right: 90% !important; }
  #Embed .u-after11of12 {
    margin-right: 91.66667% !important; }
  #Embed .u-posAbsolute,
  #Embed .u-posAbsoluteCenter {
    position: absolute !important; }
  #Embed .u-posAbsoluteCenter {
    bottom: 0 !important;
    left: 0 !important;
    margin: auto !important;
    right: 0 !important;
    top: 0 !important; }
  #Embed .u-posFixed {
    position: fixed !important;
    -webkit-backface-visibility: hidden;
    backface-visibility: hidden; }
  #Embed .u-posRelative {
    position: relative !important; }
  #Embed .u-sizeFit,
  #Embed .u-sizeFitAlt {
    float: left !important; }
  #Embed .u-sizeFitAlt {
    float: right !important; }
  #Embed .u-sizeFillAlt {
    display: table-cell !important;
    max-width: 100% !important;
    width: 10000px !important; }
  #Embed .u-sizeFull {
    box-sizing: border-box !important;
    display: block !important;
    width: 100% !important; }
  #Embed .Arrange,
  #Embed .Button,
  #Embed .Grid-cell,
  #Embed .Icon--article,
  #Embed .Icon--avatar,
  #Embed .Icon--tick,
  #Embed input[type=search] {
    box-sizing: border-box; }
  #Embed .u-size1of12 {
    width: 8.33333% !important; }
  #Embed .u-size1of10 {
    width: 10% !important; }
  #Embed .u-size1of8 {
    width: 12.5% !important; }
  #Embed .u-size1of6,
  #Embed .u-size2of12 {
    width: 16.66667% !important; }
  #Embed .u-size1of5,
  #Embed .u-size2of10 {
    width: 20% !important; }
  #Embed .u-size1of4,
  #Embed .u-size2of8,
  #Embed .u-size3of12 {
    width: 25% !important; }
  #Embed .u-size3of10 {
    width: 30% !important; }
  #Embed .u-size1of3,
  #Embed .u-size2of6,
  #Embed .u-size4of12 {
    width: 33.33333% !important; }
  #Embed .u-size3of8 {
    width: 37.5% !important; }
  #Embed .u-size2of5,
  #Embed .u-size4of10 {
    width: 40% !important; }
  #Embed .u-size5of12 {
    width: 41.66667% !important; }
  #Embed .u-size1of2,
  #Embed .u-size2of4,
  #Embed .u-size3of6,
  #Embed .u-size4of8,
  #Embed .u-size5of10,
  #Embed .u-size6of12 {
    width: 50% !important; }
  #Embed .u-size7of12 {
    width: 58.33333% !important; }
  #Embed .u-size3of5,
  #Embed .u-size6of10 {
    width: 60% !important; }
  #Embed .u-size5of8 {
    width: 62.5% !important; }
  #Embed .u-size2of3,
  #Embed .u-size4of6,
  #Embed .u-size8of12 {
    width: 66.66667% !important; }
  #Embed .u-size7of10 {
    width: 70% !important; }
  #Embed .u-size3of4,
  #Embed .u-size6of8,
  #Embed .u-size9of12 {
    width: 75% !important; }
  #Embed .u-size4of5,
  #Embed .u-size8of10 {
    width: 80% !important; }
  #Embed .u-size10of12,
  #Embed .u-size5of6 {
    width: 83.33333% !important; }
  #Embed .u-size7of8 {
    width: 87.5% !important; }
  #Embed .u-size9of10 {
    width: 90% !important; }
  #Embed .u-size11of12 {
    width: 91.66667% !important; }
  #Embed .u-isDisabled {
    cursor: default !important; }
  #Embed .u-isDraggable {
    cursor: move !important; }
  #Embed .u-isHidden {
    display: none !important;
    visibility: hidden !important; }
  #Embed .u-isShown {
    display: block !important;
    visibility: visible !important; }
  #Embed table.u-isShown {
    display: table !important; }
  #Embed tr.u-isShown {
    display: table-row !important; }
  #Embed td.u-isShown,
  #Embed th.u-isShown {
    display: table-cell !important; }
  #Embed .u-isHiddenVisually {
    position: absolute !important;
    width: 1px !important;
    height: 1px !important;
    padding: 0 !important;
    border: 0 !important;
    clip: rect(1px, 1px, 1px, 1px) !important; }
  #Embed .u-isInvisible {
    visibility: hidden !important; }
  #Embed .u-isVisible {
    visibility: visible !important; }
  #Embed .u-textBreak {
    word-wrap: break-word !important; }
  #Embed .u-textCenter {
    text-align: center !important; }
  #Embed .u-textLeft {
    text-align: left !important; }
  #Embed .u-textRight {
    text-align: right !important; }
  #Embed .u-textInheritColor {
    color: inherit !important; }
  #Embed .u-textNoWrap,
  #Embed .u-textTruncate {
    white-space: nowrap !important; }
  #Embed .u-textTruncate {
    max-width: 100%;
    text-overflow: ellipsis !important;
    word-wrap: normal !important; }
  #Embed .Arrange {
    display: table;
    margin: 0;
    min-width: 100%;
    padding: 0;
    table-layout: auto; }
  #Embed .Arrange-sizeFill,
  #Embed .Arrange-sizeFit {
    display: table-cell;
    padding: 0;
    vertical-align: top; }
  #Embed .Arrange-sizeFill {
    width: 100%; }
  #Embed .Arrange-sizeFill img {
    height: auto;
    max-width: 100%; }
  #Embed .Arrange-sizeFit img {
    max-width: none !important;
    width: auto !important; }
  #Embed .Arrange--middle .Arrange-sizeFill,
  #Embed .Arrange--middle .Arrange-sizeFit {
    vertical-align: middle; }
  #Embed .Arrange--bottom .Arrange-sizeFill,
  #Embed .Arrange--bottom .Arrange-sizeFit {
    vertical-align: bottom; }
  #Embed .Arrange--equal {
    table-layout: fixed; }
  #Embed .Arrange--equal > .Arrange-sizeFill,
  #Embed .Arrange--equal > .Arrange-sizeFit {
    width: 1%; }
  #Embed .Arrange--withGutter {
    margin: 0 -5px; }
  #Embed .Arrange--withGutter > .Arrange-sizeFill,
  #Embed .Arrange--withGutter > .Arrange-sizeFit {
    padding: 0 5px; }
  #Embed .Button {
    border: 1px solid currentcolor;
    cursor: pointer;
    display: inline-block;
    line-height: normal;
    margin: 0;
    position: relative;
    text-align: center;
    -webkit-user-select: none;
    -moz-user-select: none;
    -ms-user-select: none;
    user-select: none;
    white-space: normal; }
  #Embed .Button::-moz-focus-inner {
    border: 0;
    padding: 0; }
  #Embed .ButtonGroup--borderCollapse.ButtonGroup--hz > .ButtonGroup-item:not(:first-child):not(:last-child) > .Button,
  #Embed .ButtonGroup--borderCollapse:not(.ButtonGroup--hz) > .ButtonGroup-item:not(:first-child):not(:last-child) > .Button {
    border-radius: 0; }
  #Embed .Button.is-disabled,
  #Embed .Button:disabled {
    cursor: default;
    opacity: .6;
    -ms-filter: "alpha(opacity=60)"; }
  #Embed .ButtonGroup {
    display: block;
    font-size: 0;
    margin: 0;
    list-style: none;
    padding: 0; }
  #Embed .ButtonGroup-item {
    display: block;
    font-size: 1em; }
  #Embed .ButtonGroup-item > .Button {
    display: block;
    width: 100%; }
  #Embed .ButtonGroup-item > .Button.is-pressed,
  #Embed .ButtonGroup-item > .Button:active,
  #Embed .ButtonGroup-item > .Button:focus,
  #Embed .ButtonGroup-item > .Button:hover {
    z-index: 1; }
  #Embed .ButtonGroup--hz > .ButtonGroup-item {
    display: inline-block; }
  #Embed .ButtonGroup--borderCollapse:not(.ButtonGroup--hz) > .ButtonGroup-item {
    margin-top: -1px; }
  #Embed .ButtonGroup--borderCollapse:not(.ButtonGroup--hz) > .ButtonGroup-item:first-child {
    margin-top: 0; }
  #Embed .ButtonGroup--borderCollapse:not(.ButtonGroup--hz) > .ButtonGroup-item:first-child:not(:only-child) > .Button {
    border-bottom-left-radius: 0;
    border-bottom-right-radius: 0; }
  #Embed .ButtonGroup--borderCollapse:not(.ButtonGroup--hz) > .ButtonGroup-item:last-child:not(:only-child) > .Button {
    border-top-left-radius: 0;
    border-top-right-radius: 0; }
  #Embed .ButtonGroup--borderCollapse.ButtonGroup--hz > .ButtonGroup-item {
    margin-left: -1px; }
  #Embed .ButtonGroup--borderCollapse.ButtonGroup--hz > .ButtonGroup-item:first-child {
    margin-left: 0; }
  #Embed .ButtonGroup--borderCollapse.ButtonGroup--hz > .ButtonGroup-item:first-child:not(:only-child) > .Button {
    border-bottom-right-radius: 0;
    border-top-right-radius: 0; }
  #Embed .ButtonGroup--borderCollapse.ButtonGroup--hz > .ButtonGroup-item:last-child:not(:only-child) > .Button {
    border-bottom-left-radius: 0;
    border-top-left-radius: 0; }
  #Embed .FlexEmbed {
    display: block;
    overflow: hidden;
    position: relative; }
  #Embed .FlexEmbed:before {
    content: "";
    display: block;
    width: 100%; }
  #Embed .FlexEmbed--3by1:before {
    padding-bottom: 33.33333333333333%; }
  #Embed .FlexEmbed--2by1:before {
    padding-bottom: 50%; }
  #Embed .FlexEmbed--16by9:before {
    padding-bottom: 56.25%; }
  #Embed .FlexEmbed--4by3:before {
    padding-bottom: 75%; }
  #Embed .FlexEmbed embed,
  #Embed .FlexEmbed iframe,
  #Embed .FlexEmbed object,
  #Embed .FlexEmbed-item {
    bottom: 0;
    height: 100%;
    left: 0;
    position: absolute;
    top: 0;
    width: 100%; }
  #Embed .Grid {
    display: block;
    font-size: 0;
    margin: 0;
    padding: 0;
    text-align: left; }
  #Embed .Grid--alignCenter {
    text-align: center; }
  #Embed .Grid--alignRight {
    text-align: right; }
  #Embed .Grid--alignMiddle > .Grid-cell {
    vertical-align: middle; }
  #Embed .Grid--alignBottom > .Grid-cell {
    vertical-align: bottom; }
  #Embed .Grid--withGutter {
    margin: 0 -10px; }
  #Embed .Grid--withGutter > .Grid-cell {
    padding: 0 10px; }
  #Embed .Grid-cell {
    display: inline-block;
    font-size: 1em;
    margin: 0;
    padding: 0;
    text-align: left;
    vertical-align: top;
    width: 100%; }
  #Embed .Grid-cell--center {
    display: block;
    margin: 0 auto; }
  #Embed .u-posEnd {
    right: 1.33333em; }
  #Embed .u-posEnd--flush {
    right: 0; }
  #Embed .u-posStart {
    left: 1.33333em; }
  #Embed .u-posStart--flush {
    left: 0; }
  #Embed .u-posStartL {
    left: 1.5em; }
  #Embed .u-posCenter {
    left: 50%;
    transform: translateX(-50%); }
  #Embed .u-posStart--vert {
    top: 1.33333em; }
  #Embed .u-posStart--vertFlush {
    top: 0; }
  #Embed .u-posStart--vertL {
    top: 1.41667em; }
  #Embed .u-posEnd--vert {
    bottom: 1.33333em; }
  #Embed .u-posCenter--vert {
    top: 50%;
    transform: translateY(-50%); }
  #Embed .u-posStatic {
    position: static !important; }
  #Embed .u-marginAS {
    margin: 0.83333em !important; }
  #Embed .u-marginBN {
    margin-bottom: 0 !important; }
  #Embed .u-marginBT {
    margin-bottom: 0.41667em !important; }
  #Embed .u-marginBS {
    margin-bottom: 0.83333em !important; }
  #Embed .u-marginBM {
    margin-bottom: 1.25em !important; }
  #Embed .u-marginBL {
    margin-bottom: 1.66667em !important; }
  #Embed .u-marginTA {
    margin-top: auto !important; }
  #Embed .u-marginTT {
    margin-top: 0.41667em !important; }
  #Embed .u-marginTS {
    margin-top: 0.83333em !important; }
  #Embed .u-marginTM {
    margin-top: 1.25em !important; }
  #Embed .u-marginTL {
    margin-top: 1.66667em !important; }
  #Embed .u-marginVS {
    margin-top: 0.83333em !important;
    margin-bottom: 0.83333em !important; }
  #Embed .u-marginVM {
    margin-top: 1.25em !important;
    margin-bottom: 1.25em !important; }
  #Embed .u-marginVL {
    margin-top: 1.66667em !important;
    margin-bottom: 1.66667em !important; }
  #Embed .u-marginVXL {
    margin-top: 2.5em !important;
    margin-bottom: 2.5em !important; }
  #Embed .u-marginRS {
    margin-right: 0.83333em !important; }
  #Embed [dir=rtl] .u-marginRS {
    margin-right: 0;
    margin-left: .83333em; }
  #Embed .u-marginRM {
    margin-right: 1.25em !important; }
  #Embed .u-marginRL {
    margin-right: 1.66667em !important; }
  #Embed .u-marginLS {
    margin-left: 0.83333em !important; }
  #Embed .u-marginHM {
    margin-left: 1.25em !important;
    margin-right: 1.25em !important; }
  #Embed .u-marginHL {
    margin-left: 1.66667em !important;
    margin-right: 1.66667em !important; }
  #Embed .u-marginHXL {
    margin-left: 2.5em !important;
    margin-right: 2.5em !important; }
  #Embed .u-marginHN {
    margin-left: 0 !important;
    margin-right: 0 !important; }
  #Embed .u-paddingAN {
    padding: 0 !important; }
  #Embed .u-paddingAS {
    padding: 0.83333em !important; }
  #Embed .u-paddingAL {
    padding: 1.66667em !important; }
  #Embed .u-paddingHN {
    padding-left: 0 !important;
    padding-right: 0 !important; }
  #Embed .u-paddingHT {
    padding-left: 0.41667em !important;
    padding-right: 0.41667em !important; }
  #Embed .u-paddingHL {
    padding-left: 1.66667em !important;
    padding-right: 1.66667em !important; }
  #Embed .u-paddingHXL {
    padding-left: 2.5em !important;
    padding-right: 2.5em !important; }
  #Embed .u-paddingVN {
    padding-top: 0 !important;
    padding-bottom: 0 !important; }
  #Embed .u-paddingVM {
    padding-top: 1.25em !important;
    padding-bottom: 1.25em !important; }
  #Embed .u-paddingVL {
    padding-top: 1.66667em !important;
    padding-bottom: 1.66667em !important; }
  #Embed .u-paddingVXL {
    padding-top: 2.5em !important;
    padding-bottom: 2.5em !important; }
  #Embed .u-paddingR {
    padding-right: 2.08333em; }
  #Embed [dir=rtl] .u-paddingR {
    padding-right: 0;
    padding-left: 2.08333em; }
  #Embed .u-paddingLN {
    padding-left: 0 !important; }
  #Embed .u-paddingL {
    padding-left: 2.08333em; }
  #Embed .u-paddingLL {
    padding-left: 1.66667em; }
  #Embed .u-paddingRN {
    padding-right: 0 !important; }
  #Embed .u-paddingRS {
    padding-right: 0.83333em !important; }
  #Embed [dir=rtl] .u-paddingRS {
    padding-right: 0;
    padding-left: .83333em; }
  #Embed .u-paddingRM {
    padding-right: 1.25em !important; }
  #Embed .u-paddingRL {
    padding-right: 1.66667em !important; }
  #Embed .u-paddingTT {
    padding-top: 0.41667em !important; }
  #Embed .u-paddingTS {
    padding-top: 0.83333em !important; }
  #Embed .u-paddingTM {
    padding-top: 1.25em !important; }
  #Embed .u-paddingTL {
    padding-top: 1.66667em !important; }
  #Embed .u-paddingBN {
    padding-bottom: 0 !important; }
  #Embed .u-paddingBT {
    padding-bottom: 0.41667em !important; }
  #Embed .u-paddingBS {
    padding-bottom: 0.83333em !important; }
  #Embed .u-paddingBM {
    padding-bottom: 1.25em !important; }
  #Embed .u-paddingBL {
    padding-bottom: 1.66667em !important; }
  #Embed .u-paddingBXL {
    padding-bottom: 2.5em !important; }
  #Embed .u-textCTA {
    color: #78a300; }
  #Embed .u-textSecondary {
    color: #939393 !important; }
  #Embed .u-textBody {
    color: #555; }
  #Embed .u-textError {
    color: #c14d00; }
  #Embed .u-textPlaceholder {
    color: #dadada; }
  #Embed .u-textAluminum {
    color: #999 !important; }
  #Embed .u-fillAluminum svg {
    fill: #999 !important; }
  #Embed .u-fillGainsboro svg {
    fill: #ddd !important; }
  #Embed .u-textSizeSml {
    font-size: 1em !important; }
  #Embed .u-textSizeNml {
    font-size: 1.08333em !important; }
  #Embed .u-textSizeMed {
    font-size: 1.16667em !important; }
  #Embed .u-textSize15 {
    font-size: 1.25em !important; }
  #Embed .u-textSizeLrg {
    font-size: 1.33333em; }
  #Embed .u-textSizeBaseMobile {
    font-size: 1.33333em !important; }
  #Embed .u-textBold {
    font-weight: 700; }
  #Embed .u-textNormal {
    font-weight: 400 !important; }
  #Embed .u-textXHeight {
    line-height: .9; }
  #Embed .u-isSelectable {
    cursor: text; }
  #Embed .u-isSuccessful {
    color: #78a300 !important; }
  #Embed .u-isSuccessful svg {
    fill: #78a300 !important; }
  #Embed .u-isError {
    color: #e03b30 !important; }
  #Embed .u-backgroundWhite {
    background-color: #FFFFFF !important; }
  #Embed .u-backgroundWhiteSmoke {
    background-color: #f8f8f8 !important; }
  #Embed .u-flipText {
    transform: scale(-1); }
  #Embed .u-borderTransparent {
    border: 0.08333em solid transparent !important; }
  #Embed .u-borderNone {
    border: none !important; }
  #Embed .u-borderTop {
    border-top: .09167em solid #e4e4e4; }
  #Embed .u-borderBottom {
    border-bottom: .09167em solid #e4e4e4; }
  #Embed .u-borderError {
    border-color: #d24000 !important; }
  #Embed .u-zIndex1 {
    z-index: 1; }
  #Embed .u-vsizeAll {
    height: 100% !important; }
  #Embed .u-hsizeAll {
    width: 100% !important; }
  #Embed .u-clearLeft {
    clear: left; }
  #Embed .u-flex {
    display: -ms-flexbox;
    display: flex; }
  #Embed .u-flexJustifyCenter {
    -ms-flex-pack: center !important;
    justify-content: center !important; }
  #Embed .u-flexJustifyBetween {
    -ms-flex-pack: justify !important;
    justify-content: space-between !important; }
  #Embed .u-flexAlignItemsCenter {
    -ms-flex-align: center !important;
    align-items: center !important; }
  @media print {
    #Embed .u-noPrint {
      display: none !important; } }
  #Embed .btn,
  #Embed .c-btn {
    display: inline-block;
    vertical-align: middle;
    font: inherit;
    text-align: center;
    margin: 0;
    cursor: pointer;
    overflow: visible;
    padding: 11px 23px;
    background-color: #4a8ec2;
    border: 1px solid #4a8ec2; }
  #Embed .btn,
  #Embed .btn:active,
  #Embed .btn:focus,
  #Embed .btn:hover,
  #Embed .c-btn,
  #Embed .c-btn:active,
  #Embed .c-btn:focus,
  #Embed .c-btn:hover {
    text-decoration: none;
    color: #FFFFFF; }
  #Embed .btn::-moz-focus-inner,
  #Embed .c-btn::-moz-focus-inner {
    border: 0;
    padding: 0; }
  #Embed .c-btn {
    font-size: 12px;
    font-size: .85714em;
    line-height: 1;
    border-radius: 4px;
    border-color: #ddd;
    background-color: #FFFFFF;
    color: #555;
    font-weight: 600;
    -webkit-font-smoothing: antialiased;
    -webkit-user-select: none;
    -moz-user-select: none;
    -ms-user-select: none;
    user-select: none;
    -webkit-touch-callout: none; }
  #Embed .c-btn.c-btn.is-focused,
  #Embed .c-btn:focus,
  #Embed .c-btn:hover {
    border-color: #ccc;
    background-color: #fbfbfb;
    color: #333; }
  #Embed .c-btn.c-btn.is-active,
  #Embed .c-btn.c-btn.is-active:focus,
  #Embed .c-btn.c-btn.is-active:hover,
  #Embed .c-btn:active,
  #Embed .c-btn:active:hover {
    border-color: #ccc;
    background-color: #f3f3f3;
    color: #333;
    box-shadow: inset 0 1px 0 0 rgba(0, 0, 0, 0.15); }
  #Embed .c-btn--primary {
    border-color: #333;
    background-color: #333; }
  #Embed .c-btn--primary.c-btn.is-focused,
  #Embed .c-btn--primary:focus,
  #Embed .c-btn--primary:hover {
    border-color: #3d3d3d;
    background-color: #3d3d3d;
    color: #FFFFFF;
    box-shadow: none; }
  #Embed .c-btn--primary.c-btn.is-active,
  #Embed .c-btn--primary.c-btn.is-active:focus,
  #Embed .c-btn--primary.c-btn.is-active:hover,
  #Embed .c-btn--primary:active,
  #Embed .c-btn--primary:active:hover {
    border-color: #292929;
    background-color: #292929;
    color: rgba(255, 255, 255, 0.9);
    box-shadow: none; }
  #Embed .c-btn--secondary {
    background-color: #FFFFFF;
    color: rgba(51, 51, 51, 0.8); }
  #Embed .c-btn--secondary.c-btn.is-focused,
  #Embed .c-btn--secondary:focus,
  #Embed .c-btn--secondary:hover {
    background-color: #fafafa; }
  #Embed .c-btn--secondary.c-btn.is-active,
  #Embed .c-btn--secondary.c-btn.is-active:focus,
  #Embed .c-btn--secondary.c-btn.is-active:hover,
  #Embed .c-btn--secondary:active,
  #Embed .c-btn--secondary:active:hover {
    background-color: #f5f5f5; }
  #Embed .c-btn--medium {
    font-size: 13px;
    font-size: .92857em;
    line-height: 1;
    padding-top: 17px;
    padding-bottom: 17px; }
  #Embed .c-btn--large {
    font-size: 14px;
    font-size: 1em;
    line-height: 1;
    padding-right: 36px;
    padding-left: 36px; }
  #Embed .c-btn.is-disabled,
  #Embed .c-btn[disabled] {
    border-color: #ddd;
    background-color: #ddd;
    color: #FFFFFF;
    cursor: default; }
  #Embed .c-btn.is-disabled.c-btn.is-active,
  #Embed .c-btn.is-disabled.c-btn.is-active:focus,
  #Embed .c-btn.is-disabled.c-btn.is-active:hover,
  #Embed .c-btn.is-disabled.c-btn.is-focused,
  #Embed .c-btn.is-disabled:active,
  #Embed .c-btn.is-disabled:active:hover,
  #Embed .c-btn.is-disabled:focus,
  #Embed .c-btn.is-disabled:hover,
  #Embed .c-btn[disabled].c-btn.is-active,
  #Embed .c-btn[disabled].c-btn.is-active:focus,
  #Embed .c-btn[disabled].c-btn.is-active:hover,
  #Embed .c-btn[disabled].c-btn.is-focused,
  #Embed .c-btn[disabled]:active,
  #Embed .c-btn[disabled]:active:hover,
  #Embed .c-btn[disabled]:focus,
  #Embed .c-btn[disabled]:hover {
    border-color: #ddd;
    background-color: #ddd;
    color: #FFFFFF;
    box-shadow: none; }
  #Embed fieldset,
  #Embed iframe {
    border: 0; }
  #Embed html {
    font: 12px; }
  #Embed fieldset {
    margin: 0;
    padding: 0; }
  #Embed [tabindex="-1"]:focus {
    outline: 0 !important; }
  #Embed input[type=search] {
    border-radius: 0;
    -webkit-tap-highlight-color: transparent; }
  #Embed .Button,
  #Embed .Button--cta {
    color: #FFFFFF;
    border-radius: .41667em; }
  #Embed select {
    -moz-appearance: none;
    appearance: none; }
  #Embed select::-ms-expand {
    display: none; }
  #Embed .Button {
    font-size: 1.16667em;
    padding: 1.25em 1.66667em; }
  #Embed .Button:disabled {
    background: #ddd; }
  #Embed .Button.is-mobile {
    padding: 1.16667em; }
  #Embed .ButtonGroup:last-child:not(:only-child) {
    margin-left: .41667em; }
  #Embed [dir=rtl] .ButtonGroup:last-child:not(:only-child) {
    margin-right: .41667em;
    margin-left: 0; }
  #Embed .Button--cta {
    background: #78a300;
    fill: #FFFFFF;
    font-weight: 700;
    letter-spacing: .4;
    bottom: -5px;
    padding: 10px 22px; }
  #Embed .Button--nav:active svg,
  #Embed .Button--nav:hover svg,
  #Embed .c-btn--pill:active svg,
  #Embed .c-btn--pill:hover svg {
    fill: #555; }
  #Embed .Button--nav {
    color: #999;
    border: 0; }
  #Embed .Button--navDesktop {
    bottom: .5em; }
  #Embed .Button--launcher {
    border-radius: 999em;
    border: 0;
    bottom: 0;
    letter-spacing: .6;
    font-size: 1.25em; }
  #Embed .Button--field {
    padding: 1em 1.16667em .66667em;
    border-radius: 0 .25em .25em 0; }
  #Embed [dir=rtl] .Button--field {
    margin-left: 0 !important;
    margin-right: 0.83333em !important;
    border-radius: .25em 0 0 .25em; }
  #Embed .Button--fieldMobile {
    padding: 1.16667em 1.16667em .83333em;
    background: #f3f3f3; }
  #Embed .Button--fieldMobile:active,
  #Embed .Button--fieldMobile:focus {
    background: #ddd !important; }
  #Embed .Button--dropzone {
    padding: 1.16667em .83333em;
    color: #939393; }
  #Embed .Button--icon {
    color: #999;
    padding: .83333em; }
  #Embed .Button--icon:active,
  #Embed .Button--icon:focus,
  #Embed .Button--icon:hover {
    color: #555;
    background: #f3f3f3; }
  #Embed .c-btn--primary,
  #Embed .c-btn--primary--icon {
    background: #78a300;
    border-radius: .33333em;
    font-size: 1.08333em; }
  #Embed .c-btn--primary {
    color: rgba(255, 255, 255, 0.8);
    padding: .91667em 2em;
    max-width: 75%; }
  #Embed .c-btn--primary,
  #Embed .c-btn--primary.is-mobile {
    text-overflow: ellipsis;
    overflow: hidden !important; }
  #Embed .c-btn--primary.is-mobile {
    max-width: 100%; }
  #Embed .c-btn--primary:active,
  #Embed .c-btn--primary:focus,
  #Embed .c-btn--primary:hover {
    color: #FFFFFF; }
  #Embed .c-btn--primary--icon {
    color: rgba(255, 255, 255, 0.8);
    padding: .91667em 0;
    min-width: 6.33333em; }
  #Embed .c-btn--primary--icon:active,
  #Embed .c-btn--primary--icon:focus,
  #Embed .c-btn--primary--icon:hover {
    color: #FFFFFF; }
  #Embed .c-btn--pill {
    color: #999;
    padding: 0.58333em 1.16667em !important;
    font-size: 1.08333em;
    border-radius: 999em !important; }
  #Embed .c-btn--pill.is-mobile {
    border-color: #939393; }
  #Embed .c-btn--pill:active,
  #Embed .c-btn--pill:hover {
    color: #555; }
  #Embed [dir=rtl] .c-btn--pill {
    padding-right: 1.16667em !important;
    padding-left: 0.75em !important; }
  #Embed .c-btn--secondary {
    font-size: 1.08333em;
    border-radius: .33333em;
    padding: .91667em 2em; }
  #Embed .ButtonRating {
    border-radius: .33333em;
    border: .16667em solid #ddd;
    height: 2.83333em;
    line-height: 2.83333em;
    padding: 0;
    width: 2.83333em; }
  #Embed .ButtonRating.is-disabled {
    color: #ccc !important;
    background-color: #FFFFFF !important; }
  #Embed .ButtonRating:focus,
  #Embed .ButtonRating:hover {
    background-color: #f8f8f8;
    border: .16667em solid #ccc; }
  #Embed .Icon {
    padding-right: 1em; }
  #Embed [dir=rtl] .Icon {
    padding-right: 0;
    padding-left: 1em; }
  #Embed .Icon svg {
    min-width: 1.66667em;
    min-height: 1.66667em;
    height: 1.66667em;
    width: 1.66667em; }
  #Embed .Icon--launcher {
    padding-right: .66667em; }
  #Embed [dir=rtl] .Icon--launcher {
    padding-left: .66667em;
    padding-right: 0; }
  #Embed .Icon--search {
    padding-left: .5em;
    padding-right: .66667em; }
  #Embed [dir=rtl] .Icon--search,
  #Embed [dir=rtl] .Icon--zendesk {
    padding-left: .25em;
    padding-right: .5em; }
  #Embed .Icon--search svg {
    fill: #999;
    min-width: 1.16667em;
    min-height: 1.16667em;
    height: 1.16667em;
    width: 1.16667em; }
  #Embed .Icon--form svg {
    min-width: 1.33333em;
    min-height: 1.33333em;
    height: 1.33333em;
    width: 1.33333em; }
  #Embed .Icon--zendesk {
    top: .83333em;
    margin-left: .33333em;
    margin-right: 1.08333em; }
  #Embed .Icon--zendesk svg {
    min-width: 4.16667em;
    width: 4.16667em; }
  #Embed .Icon--zendesk svg:active path,
  #Embed .Icon--zendesk svg:focus path,
  #Embed .Icon--zendesk svg:hover path {
    fill: #03363d; }
  #Embed .Icon--zendesk svg path {
    fill: #ccc; }
  #Embed .Icon--close {
    padding: 0; }
  #Embed .Icon--close.is-mobile {
    display: block;
    margin-top: .16667em; }
  #Embed .Icon--close svg {
    fill: #999;
    min-width: .83333em;
    min-height: .83333em;
    height: .83333em;
    width: .83333em; }
  #Embed .Icon--back {
    display: block;
    margin-top: -.16667em; }
  #Embed .Icon--back.is-mobile {
    margin-top: 0;
    padding-left: .08333em; }
  #Embed .Icon--back svg {
    fill: #999;
    min-width: 1.16667em;
    min-height: 1.16667em;
    height: 1.16667em;
    width: 1.16667em; }
  #Embed .Icon--link {
    padding-left: 0.58333em !important;
    padding-right: 0 !important; }
  #Embed .Icon--link svg {
    fill: #999;
    min-width: .66667em;
    min-height: .66667em;
    height: .66667em;
    width: .66667em; }
  #Embed .Icon--paperclip-small {
    padding-right: .41667em; }
  #Embed .Icon--paperclip-large,
  #Embed .Icon--paperclip-medium {
    padding-right: 0; }
  #Embed .Icon--paperclip-small svg {
    fill: #999;
    min-width: 1.33333em;
    min-height: 1.33333em;
    height: 1.33333em;
    width: 1.33333em; }
  #Embed .Icon--paperclip-large svg,
  #Embed .Icon--paperclip-medium svg {
    fill: #999;
    min-width: 3em;
    min-height: 3em;
    height: 3em;
    width: 3em; }
  #Embed .Icon--tick {
    border: .16667em solid #bbb;
    width: 5.66667em;
    height: 5.66667em;
    border-radius: 50%;
    margin-bottom: .75em; }
  #Embed .Icon--tick,
  #Embed [dir=rtl] .Icon--tick {
    padding: 1.66667em; }
  #Embed .Icon--tick svg {
    fill: #78a300;
    min-width: 2em;
    min-height: 1.5em;
    width: 2em;
    height: 1.5em;
    position: absolute;
    top: 50%;
    left: 50%;
    transform: translate(-50%, -50%); }
  #Embed .Icon--tick-inline {
    padding-right: .66667em; }
  #Embed .Icon--tick-inline svg {
    fill: #FFFFFF;
    min-width: 1em;
    min-height: .75em;
    width: 1em;
    height: .75em; }
  #Embed .Icon--check svg {
    fill: #939393;
    margin-left: .16667em;
    margin-top: .16667em;
    min-width: .83333em;
    min-height: .83333em;
    height: .83333em;
    width: .83333em; }
  #Embed [dir=rtl] .Icon--check {
    padding-left: 0;
    padding-right: .41667em; }
  #Embed .Icon--caret svg {
    fill: #939393;
    min-width: .58333em;
    min-height: .58333em;
    height: .58333em;
    width: .58333em;
    padding: 0; }
  #Embed .Icon--dropdownArrow {
    display: block;
    width: 0;
    height: 0;
    border-left: .41667em solid transparent;
    border-right: .41667em solid transparent;
    border-bottom: .41667em solid #bbb;
    margin-bottom: .25em; }
  #Embed .Icon--dropdownArrowBottom {
    border-top: .41667em solid #bbb;
    border-bottom: 0;
    margin-bottom: 0; }
  #Embed .Icon--avatar svg {
    fill: #78a300;
    color: #999;
    min-width: 2.16667em;
    min-height: 2.16667em;
    height: 2.16667em;
    width: 2.16667em;
    padding: 0;
    display: inline-block;
    position: relative;
    top: 50%;
    margin-top: -1.16667em;
    margin-left: -.08333em; }
  #Embed .Icon--clearInput {
    display: block;
    padding-left: .41667em;
    padding-right: 0; }
  #Embed .Icon--clearInput svg {
    min-width: 1.33333em;
    min-height: 1.33333em;
    width: 1.33333em;
    height: 1.33333em; }
  #Embed [dir=rtl] .Icon--clearInput {
    padding-left: 0; }
  #Embed .Icon--preview {
    padding-right: .66667em;
    margin-top: .33333em; }
  #Embed .Icon--preview svg {
    min-width: 2em;
    min-height: 2em;
    height: 2em;
    width: 2em; }
  #Embed .Icon--preview-close {
    position: absolute;
    top: 50%;
    right: .41667em;
    margin-top: -0.29167em !important; }
  #Embed .Icon--preview-close svg {
    fill: #999;
    min-width: .58333em;
    min-height: .58333em;
    height: .58333em;
    width: .58333em; }
  #Embed .Icon--article svg {
    fill: #78a300;
    color: #999;
    padding: 0;
    display: inline-block;
    position: relative;
    top: 50%;
    min-width: 1.91667em;
    min-height: 1.91667em;
    height: 1.91667em;
    width: 1.91667em;
    margin-top: -1em;
    margin-left: .08333em; }
  #Embed .rf-CheckboxGroup__checkbox:checked + span:before,
  #Embed .u-userTextColor:not([disabled]) {
    color: #3298cb !important;
    fill: #3298cb !important; }
  #Embed .u-userFillColor:not([disabled]) svg,
  #Embed .u-userFillColor:not([disabled]) svg path {
    fill: #3298cb !important; }
  #Embed .u-userTextColor:not([disabled]):active,
  #Embed .u-userTextColor:not([disabled]):focus,
  #Embed .u-userTextColor:not([disabled]):hover {
    color: #2e8ab8 !important;
    fill: #2e8ab8 !important; }
  #Embed .u-userBackgroundColor:not([disabled]) {
    background-color: #3298cb !important; }
  #Embed .u-userBackgroundColor:not([disabled]):active,
  #Embed .u-userBackgroundColor:not([disabled]):focus,
  #Embed .u-userBackgroundColor:not([disabled]):hover {
    background-color: #2e8ab8 !important; }
  #Embed .u-userLinkColor a {
    color: #3298cb !important; }
  #Embed html {
    font-size: 12px; }

.u-userLauncherColor:not([disabled]) {
  background-color: #2a4e7a !important; }

/* Generated by Glyphter (http://www.glyphter.com) on  Fri May 26 2017*/
@font-face {
  font-family: 'EdReady';
  src: url("/static/css/fonts/EdReady.eot");
  src: url("/static/css/fonts/EdReady.eot?#iefix") format("embedded-opentype"), url("/static/css/fonts/EdReady.woff") format("woff"), url("/static/css/fonts/EdReady.ttf") format("truetype"), url("/static/css/fonts/EdReady.svg#EdReady") format("svg");
  font-weight: normal;
  font-style: normal; }

.fa,
[class*='icon-'] {
  display: inline-table;
  line-height: 1em;
  vertical-align: middle; }

[class*='icon-']:before {
  display: inline-block;
  font-family: 'EdReady';
  font-style: normal;
  font-weight: normal;
  line-height: 1;
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale; }

.icon-Book:before {
  content: "A"; }

.icon-Card-Flip:before {
  content: "B"; }

.icon-Email:before {
  content: "C"; }

.icon-Home:before {
  content: "D"; }

.icon-Pencil-Paper:before {
  content: "E"; }

.icon-Pencil:before {
  content: "F"; }

.icon-Print:before {
  content: "G"; }

.tabbable h1, .tabbable h2 {
  color: #63428C;
  font-family: "Montserrat";
  font-weight: 400 !important; }

.tabbable h1 {
  font-size: 1.9rem;
  line-height: 1.9rem;
  font-weight: bold;
  overflow: hidden;
  text-overflow: ellipsis; }

.tabbable h2 {
  font-size: 1.4rem;
  line-height: inherit;
  margin: 30px 0 10px 2px; }

main#main-content .dashboard {
  width: 100%; }
  main#main-content .dashboard .main {
    width: 100%;
    padding: 2% 10% 0 10%;
    position: relative;
    overflow: visible;
    box-sizing: border-box; }
    main#main-content .dashboard .main .tabbable, main#main-content .dashboard .main .content {
      border: 1px solid #F4F4F4;
      background-color: #FFFFFF;
      padding: 20px 3%;
      margin-top: -75px;
      position: relative; }
      main#main-content .dashboard .main .tabbable.report-dashboard, main#main-content .dashboard .main .content.report-dashboard {
        margin-top: -30px; }
  main#main-content .dashboard .main.report-dashboard {
    width: 100%;
    margin-top: 3rem;
    padding: 0; }
  main#main-content .dashboard.super section.top, main#main-content .dashboard.sys-admin section.top {
    position: relative;
    height: 155px;
    border-bottom: 2px solid #999999; }
    main#main-content .dashboard.super section.top .edr-breadcrumb, main#main-content .dashboard.sys-admin section.top .edr-breadcrumb {
      margin-top: 2%;
      margin-left: 10%;
      position: relative;
      color: #0099DC;
      font-family: "Montserrat";
      font-weight: 700 !important;
      font-size: 0.875em;
      height: 36px;
      padding: 10px 6px 0 30px;
      display: inline-block; }
      main#main-content .dashboard.super section.top .edr-breadcrumb:before, main#main-content .dashboard.sys-admin section.top .edr-breadcrumb:before {
        position: absolute;
        width: 2.5rem;
        height: 100%;
        font-size: 0.95em;
        text-align: center;
        line-height: 36px;
        font-family: 'EdReady';
        content: "D";
        background-color: transparent;
        left: 0;
        top: 0;
        color: #0099DC; }

p.note {
  font-family: "Montserrat";
  font-weight: 400 !important;
  font-style: italic !important;
  margin-bottom: 0; }

/*** TABS STUDENT DASHBOARD ***/
.tab_sd {
  margin: 0; }
  .tab_sd li a.nav-link {
    max-height: 30px; }
    .tab_sd li a.nav-link:not(.active) {
      border-bottom: #F4F4F4 solid 1px !important; }
  .tab_sd > li {
    height: 30px;
    width: 120px;
    text-align: center;
    background-color: #FFFFFF; }
    .tab_sd > li > a {
      color: #000000;
      background-color: #FFFFFF;
      text-decoration: none; }
      .tab_sd > li > a.nav-link {
        background-color: #FFFFFF !important; }
      .tab_sd > li > a:hover {
        background-color: #FFFFFF;
        color: #6CC6B7;
        border: none; }
      .tab_sd > li > a > h2 {
        font-size: 1.1em;
        line-height: 14px;
        color: inherit;
        font-weight: normal; }
      .tab_sd > li > a.active, .tab_sd > li > a.active:hover {
        border-radius: 0;
        color: #000000 !important;
        font-size: 1em;
        border-bottom: 1px solid #FFFFFF;
        background: #0099DC;
        /* Old browsers */
        background: -moz-linear-gradient(top, #0099DC 0%, #FFFFFF 83%);
        /* FF3.6+ */
        background: -webkit-gradient(linear, left top, left bottom, color-stop(0%, #0099DC), color-stop(83%, #FFFFFF));
        /* Chrome,Safari4+ */
        background: -webkit-linear-gradient(top, #0099DC 0%, #FFFFFF 83%);
        /* Chrome10+,Safari5.1+ */
        background: -o-linear-gradient(top, #0099DC 0%, #FFFFFF 83%);
        /* Opera 11.10+ */
        background: -ms-linear-gradient(top, #0099DC 0%, #FFFFFF 83%);
        /* IE10+ */
        background: linear-gradient(to bottom, #0099DC 0%, #FFFFFF 83%);
        /* W3C */
        filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='$edready-blue', endColorstr='$white',GradientType=0 );
        /* IE6-9 */ }

#yourGoals {
  position: relative; }

#allGoals {
  position: relative; }

/******* WELCOME MODALS ******/
.enter_key_container .title_ek h1 {
  color: #63428C;
  font-family: "Montserrat";
  font-weight: 700 !important;
  font-size: 1em;
  min-height: 20px;
  padding: 0px;
  margin-top: -5px; }

.enter_key_container .title_ek {
  background: url(/static/css/images/dashboard/key_image.jpg) no-repeat scroll left top transparent;
  color: #63428C;
  float: left;
  font-family: "Montserrat";
  font-weight: 700 !important;
  font-size: 1.125em;
  min-height: 20px;
  margin-left: 8%;
  padding: 0 0 0 25px;
  width: 80%;
  box-sizing: border-box; }

.enter_key_container {
  float: left;
  width: 100%; }

.enter_key_container .inputs_ek {
  float: left;
  margin-left: 8%;
  position: relative;
  width: 80%; }

#enter_key_modal {
  width: 40%; }

.div_container_close {
  width: 100%;
  float: left; }

.div_text_modal,
.modal-header {
  float: left;
  padding: 0 4%; }
  .div_text_modal .title_mw,
  .modal-header .title_mw {
    color: #63428C;
    float: left;
    font-family: "Montserrat";
    font-weight: 700 !important;
    font-size: 1.9em;
    width: 100%;
    line-height: 1em;
    margin: 0 0 9px; }
  .div_text_modal .text_mw,
  .modal-header .text_mw {
    float: left;
    font-family: "Montserrat";
    font-weight: 700 !important;
    font-size: 1.2em;
    line-height: 1em;
    margin-top: 10px;
    width: 92%; }

.button_mw {
  background-color: #0099DC;
  border: 0;
  color: #FFFFFF;
  font-size: 0.95em;
  float: left;
  padding: 8px 16px;
  margin-top: 15px; }
  .button_mw:hover {
    background-color: #6CC6B7;
    color: #FFFFFF; }

.div_ed_image {
  float: left;
  background: url("/static/css/images/dashboard/image_welcome_modal.jpg") no-repeat;
  height: 150px;
  width: 24%;
  background-size: contain;
  margin-top: 5%; }

#enter_key_modal {
  float: left;
  margin-bottom: 50px;
  width: 100%; }
  #enter_key_modal .title_ek {
    background: url("/static/css/images/dashboard/key_image.jpg") no-repeat scroll left top transparent;
    color: #63428C;
    float: left;
    font-family: "Montserrat";
    font-weight: 700 !important;
    font-size: 1.125em;
    min-height: 20px;
    margin-left: 10%;
    padding: 0 0 0 25px;
    width: 80%;
    box-sizing: border-box; }
    #enter_key_modal .title_ek h1 {
      color: #63428C;
      font-family: "Montserrat";
      font-weight: 700 !important;
      font-size: 1em;
      min-height: 20px;
      padding: 0px;
      margin-top: -5px; }

.container_error_ek {
  display: none;
  float: left;
  margin-top: 6px;
  margin-left: 4px; }
  .container_error_ek span {
    color: #E31B23; }

.enter_key_title {
  margin-left: 5%; }

.submit_key_button {
  background-color: #0099DC;
  border: none;
  color: #FFFFFF;
  display: inline-block;
  font-size: 1em;
  padding: 6px 16px; }
  .submit_key_button:hover {
    background-color: #6CC6B7;
    text-decoration: none;
    color: #FFFFFF; }

.container_enrolled_goals {
  float: left;
  margin-left: 10%;
  margin-bottom: 25px;
  width: 88%; }

.have_selected {
  color: #63428C;
  float: left;
  font-family: "Montserrat";
  font-weight: 700 !important;
  font-size: 1.125em;
  margin-bottom: 15px;
  width: 100%; }

.info_enrolled_goal {
  border-bottom: 2px solid #F4F4F4;
  margin-bottom: 12px;
  width: 85%; }
  .info_enrolled_goal p {
    display: inline;
    font-family: "Montserrat";
    font-weight: 700 !important;
    font-size: 1.05em;
    margin-left: 1%;
    margin-bottom: 6px;
    width: 70%; }
  .info_enrolled_goal a {
    display: inline;
    border: 1px solid #F4F4F4;
    border-radius: 4px;
    -moz-border-radius: 4px;
    -webkit-border-radius: 4px;
    -khtml-border-radius: 4px;
    font-family: "Montserrat";
    font-weight: 700 !important;
    font-size: 0.625em;
    text-transform: capitalize; }
    .info_enrolled_goal a:hover {
      text-decoration: none; }

.add_another_goal {
  color: #FFFFFF;
  float: left;
  font-size: 0.875em;
  margin-left: 1%;
  width: auto; }

.get_started_div {
  display: none;
  float: left;
  width: 100%; }

.get_started_div_third {
  float: left;
  width: 100%; }

.modal_get_started {
  margin-left: 10px; }

.get_started_button {
  font-size: 0.95em;
  margin-right: 4%;
  text-decoration: none; }

#if_do_not_have_key {
  color: #999999;
  float: left;
  font-family: "Montserrat";
  font-weight: 400 !important;
  font-style: italic !important;
  font-size: 0.75em;
  margin-left: auto;
  margin-bottom: 0;
  min-height: 18px; }

/*********************************************/
/********* Student Dashboard Page *********/
.breadcrumb_sd {
  float: left;
  font-size: 0.875em;
  height: 2.5em;
  padding: 0.5em 0.75em 0 2em;
  position: relative;
  text-align: center; }
  .breadcrumb_sd:before {
    position: absolute;
    width: 1.5rem;
    height: 100%;
    font-size: 0.95em;
    text-align: center;
    line-height: 0.95em;
    font-family: 'EdReady';
    content: "D";
    background-color: transparent;
    left: 0;
    top: 0.5rem; }

.main_title_sd {
  color: #63428C;
  font-size: 2.2em;
  font-family: "Montserrat";
  font-weight: 700 !important;
  float: left;
  width: 100%;
  font-weight: normal;
  margin-top: 0; }

.div_text_sd {
  margin: 10px 0;
  width: 100%; }

.text_sd {
  font-size: 1.125em;
  line-height: 1.4em;
  width: 75%; }

.container_filter_sd {
  float: left;
  margin: 20px 0;
  width: 60%; }

.filter_area_title {
  float: left;
  font-size: 0.875em;
  margin-bottom: 15px;
  width: 98%;
  font-family: "Montserrat";
  font-weight: 700 !important; }

.inputs_area_sd {
  float: left;
  margin-left: 2%;
  width: 98%; }

.inputs_area_sd label {
  float: left;
  font-family: "Montserrat";
  font-weight: 700 !important;
  font-size: 0.8em;
  margin-right: 10px;
  margin-top: 5px; }

.inputs_area_sd input[type="checkbox"] {
  float: left;
  margin-top: 6px; }

.inputs_area_sd input[type="text"] {
  float: left; }

#goals_wrapper h2 {
  width: 100%; }

#goals_wrapper #all_goals:nth-child(odd) {
  margin-top: 1rem;
  padding-top: 1rem;
  border-top: 1px solid #CCCCCC; }

#goals_wrapper #show_all_goals {
  cursor: pointer;
  text-decoration: underline; }

/*** CARDS GOALS ***/
.name_goal {
  background-color: #FFFFFF; }
  @media scree and (min-width: 768px) {
    .name_goal {
      border-right: 1px solid #CCCCCC; } }
  .name_goal, .name_goal.p {
    word-wrap: break-word; }

.card_goal_container {
  width: 100%;
  height: 100%;
  border: 1px solid #CCCCCC; }
  .card_goal_container .more_info {
    position: relative; }
    .card_goal_container .more_info .icon-Card-Flip {
      position: absolute;
      left: 3px;
      top: 25%; }
      @media screen and (max-width: 576px) {
        .card_goal_container .more_info .icon-Card-Flip {
          display: none; } }

.enrolled_goal {
  position: relative; }
  .enrolled_goal:after {
    background: url(/static/css/images/studyPlan/box-corner.gif) no-repeat left bottom #FFFFFF;
    content: "";
    height: 35px;
    right: -5px;
    position: absolute;
    top: -5px;
    width: 35px;
    z-index: 1;
    box-shadow: -7px 8px 12px -6px #000000;
    -webkit-box-shadow: -7px 8px 12px -6px #000000;
    -moz-box-shadow: -7px 8px 12px -6px #000000; }

.main_goal_image_sd {
  max-width: 100%;
  max-height: 140px; }

.hover_more_info {
  height: 148px;
  position: absolute;
  text-align: center;
  width: 234px;
  display: none; }

.div_transparency {
  width: 234px;
  height: 148px;
  background-color: #000000;
  opacity: 0.7;
  position: absolute; }

.hover_more_info img {
  margin-top: 40px;
  opacity: 0.99; }

.hover_more_info p {
  color: #FFFFFF;
  opacity: 0.99;
  text-transform: uppercase; }

.options_goal * {
  box-sizing: border-box; }

.name_goal_value {
  font-family: "Montserrat";
  font-weight: 700 !important;
  text-align: center;
  overflow: hidden;
  word-wrap: break-word;
  word-break: keep-all;
  text-overflow: ellipsis;
  color: #63428C;
  width: 100%; }
  @media screen and (min-width: 768px) {
    .name_goal_value {
      text-align: left; } }

.image_goal {
  display: inline-block;
  text-align: center;
  height: 140px; }

.goal_more_info {
  cursor: pointer; }
  @media screen and (min-width: 768px) {
    .goal_more_info {
      border-right: 1px solid #CCCCCC; } }
  .goal_more_info button {
    margin-top: 1rem;
    color: #0099DC !important;
    border: 1px solid #0099DC;
    background-color: #F4F4F4;
    width: 100%; }
    .goal_more_info button:hover {
      color: #0099DC !important;
      border: 1px solid #0099DC; }

.goal_go_goal {
  cursor: pointer; }
  .goal_go_goal a.btn {
    border: 1px solid #0099DC;
    margin-top: 1rem;
    width: 100%; }

.box_enter_key {
  background: url("/static/css/images/dashboard/icon_key.png") #FFFFFF no-repeat;
  background-position: 20% 40%;
  -moz-border-radius: 10px;
  -webkit-border-radius: 10px;
  -khtml-border-radius: 10px;
  border-radius: 10px;
  border: 1px solid #F4F4F4;
  cursor: pointer;
  padding: 10px 5px 10px 75px;
  min-height: 80px;
  min-width: 90px; }
  .box_enter_key:hover {
    background: url("/static/css/images/dashboard/icon_key_hover.png") no-repeat scroll #FFFFFF;
    background-position: 20% 40%;
    border-bottom: 2px solid #F4F4F4; }
  .box_enter_key p {
    color: #63428C;
    font-family: "Montserrat";
    font-weight: 700 !important;
    font-size: 1em;
    text-align: center;
    max-width: 95px;
    margin-bottom: 0; }

/**** GOAL MODAL ****/
.my_scores #group_info_modal {
  min-height: 300px; }

.content_goal_modal {
  height: auto;
  width: 100%; }
  .content_goal_modal #buttons > div {
    min-width: 200px; }

/*@media screen and (min-height: 510px) {*/
/*#group_info_modal {*/
/*height: 510px;*/
/*margin: -255px -30%;*/
/*max-height: 510px;*/
/*}*/
/*}*/
/*@media screen and (max-height: 510px) {*/
/*#group_info_modal {*/
/*height: 100%;*/
/*margin-top: 0;*/
/*margin-bottom: 0;*/
/*top: 0;*/
/*}*/
/*}*/
.header_goal_modal {
  border: 2px solid #999999;
  -moz-border-radius: 12px;
  -webkit-border-radius: 12px;
  -khtml-border-radius: 12px;
  border-radius: 12px;
  cursor: pointer;
  float: right;
  height: 16px;
  margin-right: 2px;
  margin-top: 2px;
  padding-left: 4px;
  width: 12px; }
  .header_goal_modal a {
    color: #999999;
    font-family: "Montserrat";
    font-weight: 700 !important;
    font-size: 1.2em;
    float: left;
    height: 17px;
    margin-left: -4px;
    padding: 1px 0 0 3px;
    width: 14px; }

#remove_add_buttons {
  position: relative; }

.container_goal_modal {
  margin-bottom: .5rem; }

.container_gm_my_scores {
  height: 460px; }

#id_group_name {
  color: #63428C;
  font-size: 1.5em;
  width: 100%; }

#id_group_long_description {
  font-size: 0.875em;
  width: 100%;
  font-family: 'Arial'; }

.image_name_button {
  float: left;
  position: relative;
  text-align: center;
  width: 50%; }

.image_name_button_my_scores {
  min-height: 200px; }

.confirmation_box_mg {
  border: 2px solid #FCFCFC;
  display: none;
  height: 140px;
  position: absolute;
  width: 234px;
  background-color: #FFFFFF;
  top: -160px; }
  .confirmation_box_mg:before, .confirmation_box_mg:after {
    border-top: 14px solid white;
    border-left: 14px solid transparent;
    border-right: 14px solid transparent;
    content: "";
    display: block;
    height: 0;
    left: 44.5%;
    position: absolute;
    bottom: -14px;
    width: 0;
    z-index: 4; }
  .confirmation_box_mg:after {
    border-top: 16px solid #F4F4F4;
    border-left: 16px solid transparent;
    border-right: 16px solid transparent;
    left: 43%;
    bottom: -16px;
    width: 0;
    z-index: 3; }

.are_sure {
  color: #63428C;
  font-family: "Montserrat";
  font-weight: 700 !important;
  font-size: 1em;
  margin: 12px 0 0 10%;
  text-align: left; }

.msg_if_removed {
  color: #999999;
  font-family: "Montserrat";
  font-weight: 400 !important;
  font-style: italic !important;
  font-size: 0.75em;
  line-height: 1em;
  margin: 0 15%;
  width: 70%; }

.when_add_goal {
  top: 155px; }

.info_dot_goal_modal {
  background-color: #0099DC;
  -moz-border-radius: 20px;
  -webkit-border-radius: 20px;
  -khtml-border-radius: 20px;
  border-radius: 20px;
  top: 15px;
  right: 45px;
  cursor: pointer;
  text-align: center;
  height: 20px;
  position: absolute;
  width: 20px; }
  .info_dot_goal_modal a {
    color: #FFFFFF;
    text-decoration: none; }

.bubble_gm {
  background-color: #FFFFFF;
  -moz-border-radius: 15px;
  -webkit-border-radius: 15px;
  -khtml-border-radius: 15px;
  border-radius: 15px;
  top: -175px;
  box-shadow: 0 0 12px 0 #999999;
  display: none;
  left: -20px;
  position: absolute;
  width: 250px;
  z-index: 5; }
  .bubble_gm:after {
    border-left: 15px solid transparent;
    border-right: 15px solid transparent;
    border-top: 15px solid #FFFFFF;
    content: "";
    left: 16px;
    position: absolute;
    top: 100%;
    width: 0; }
  .bubble_gm .text_gm {
    border: 2px solid #0099DC;
    -moz-border-radius: 15px;
    -webkit-border-radius: 15px;
    -khtml-border-radius: 15px;
    border-radius: 15px;
    margin: 2% 1%;
    width: 96%; }
    .bubble_gm .text_gm:before, .bubble_gm .text_gm:after {
      border-left: 13px solid transparent;
      border-right: 13px solid transparent;
      border-top: 13px solid #FFFFFF;
      content: "";
      left: 19px;
      position: absolute;
      top: 96.5%;
      z-index: 4; }
    .bubble_gm .text_gm:after {
      border-left: 16px solid transparent;
      border-right: 16px solid transparent;
      border-top: 16px solid #0099DC;
      left: 16px;
      z-index: 3; }
  .bubble_gm p.text_bubble_gm {
    color: #000000;
    font-size: 0.82em;
    line-height: 1.4em;
    margin: 6px 2%;
    width: 96%; }
  .bubble_gm p.text_bubble_gm_add {
    margin: 8px 2% 15px;
    font-size: 0.875em; }

.div_close_bubble_gm {
  background-color: #FFFFFF;
  border: 2px solid #999999;
  -moz-border-radius: 20px;
  -webkit-border-radius: 20px;
  -khtml-border-radius: 20px;
  border-radius: 20px;
  color: #999999;
  cursor: pointer;
  font-family: "Montserrat";
  font-weight: 700 !important;
  font-size: 0.75em;
  height: 14px;
  line-height: 1.3em;
  position: absolute;
  right: 0;
  text-align: center;
  top: 0;
  width: 14px; }

.box_long_description {
  background-color: #FFFFFF;
  height: auto;
  overflow: auto;
  padding: .75rem; }

#id_group_image {
  width: 234px;
  height: 148px; }
  #id_group_image img {
    width: 100%; }

/************************** INTAKES ASSESSMENTS PAGE ****************************/
.assessments_page {
  min-height: 550px;
  padding-top: 10px; }

.body_ai {
  min-height: 500px;
  width: 100%;
  padding-left: 0;
  padding-right: 0; }

.container_titles_ai {
  height: 50px; }

.container_titles_ai a {
  float: right;
  font-size: 0.875em;
  text-decoration: none; }

.intake_assessment {
  float: left;
  margin-left: 1%;
  padding-bottom: 50px;
  padding-top: 25px;
  width: 95%; }

.intake_assessment hr {
  border-bottom-color: #999999;
  margin: 0; }

.container_bar_intake {
  position: relative;
  height: 40px;
  width: 87%; }
  @media (min-width: 768px) {
    .container_bar_intake {
      width: 77%; } }
  .container_bar_intake span {
    color: #999999;
    font-size: 0.625em;
    left: -2px;
    position: relative;
    bottom: 10px; }
    .container_bar_intake span.hundred {
      left: 98%; }
  .container_bar_intake .middle {
    left: 48.5%; }

.intake_assessment .grey {
  background-color: #999999; }

.intake_assessment .color_grey {
  color: #999999; }

.score_intake {
  -moz-border-radius: 55px;
  -webkit-border-radius: 55px;
  -khtml-border-radius: 55px;
  border-radius: 55px;
  background-color: #63428C;
  height: 43px;
  width: 43px;
  color: #FFFFFF;
  bottom: 42px;
  font-size: 1.6em;
  margin-left: 2px;
  padding-top: 5px;
  position: absolute;
  text-align: center;
  z-index: 1; }
  .score_intake.original_score {
    background-color: #999999;
    z-index: 1; }
    .score_intake.original_score:hover {
      z-index: 3; }

.reached_target {
  background-color: #0099DC; }

.label_reached_target {
  color: #63428C;
  margin: 5px 0 0 2%; }

.bar_intake {
  background-color: #CCCCCC;
  border-left: 2px solid #CCCCCC;
  border-right: 2px solid #CCCCCC;
  box-shadow: 0 1px 1px 3px #FFFFFF inset;
  height: 1rem;
  width: 100%;
  position: absolute;
  bottom: 12px; }

.intake_info_box {
  border: 1px solid #CCCCCC;
  position: relative;
  width: 90%; }
  @media (min-width: 768px) {
    .intake_info_box {
      width: 80%; } }
  .intake_info_box .thirty {
    height: 30px; }
  .intake_info_box:after {
    background: url(/static/css/images/studyPlan/box-corner.gif) no-repeat left bottom #FFFFFF;
    content: "";
    height: 35px;
    right: -5px;
    position: absolute;
    top: -5px;
    width: 35px;
    z-index: 1; }

.name_ia {
  font-size: 1.25em;
  font-family: "Montserrat";
  font-weight: 700 !important;
  float: left;
  line-height: 1em;
  font-weight: normal;
  margin: 10px 2% 0 2%;
  max-width: 90%; }

.hidden_score {
  position: absolute;
  top: -60px;
  width: 1px;
  height: 1px;
  overflow: hidden; }

.hidden_preview_score {
  top: 16px;
  left: -25px; }

.hidden_remove_tag {
  height: 1px;
  font-size: 0.1px;
  left: 8px;
  overflow: hidden;
  position: absolute;
  top: 0;
  width: 1px; }

.label_in_progress {
  color: #63428C;
  float: left;
  font-size: 0.85rem;
  font-style: italic;
  margin-top: 11px;
  padding: 0 5px; }

.view_details_ia {
  height: 25px;
  margin-left: 4%;
  margin-top: 10px;
  clear: both; }
  .view_details_ia p.view_details_label {
    color: #0099DC;
    float: left;
    font-size: 0.95rem;
    margin: 0;
    cursor: pointer; }

.icon_pencil {
  background: url("/static/css/images/studyPlan/pencil_icon.png") no-repeat 6px center #F4F4F4; }

.icon_pencil:hover {
  background: url("/static/css/images/studyPlan/pencil_icon_hover.png") no-repeat 6px center #F4F4F4; }

.icon_book {
  background: url("/static/css/images/studyPlan/book_icon.png") no-repeat 2px 4px #F4F4F4; }

.icon_book:hover {
  background: url("/static/css/images/studyPlan/book_icon_hover.png") no-repeat 2px 4px #F4F4F4; }

.next_so_highlight {
  min-width: 100px;
  -webkit-box-shadow: 0px 0px 12px 4px rgba(50, 152, 203, 0.6);
  -moz-box-shadow: 0px 0px 12px 4px rgba(50, 152, 203, 0.6);
  box-shadow: 0px 0px 12px 4px rgba(50, 152, 203, 0.6); }

.right_arrow_ia {
  border-top: 6px solid transparent;
  border-bottom: 6px solid transparent;
  border-left: 6px solid #0099DC;
  float: left;
  margin: 3px 0 0 8px;
  cursor: pointer; }

.down_arrow_ia {
  border-left: 6px solid transparent;
  border-right: 6px solid transparent;
  border-top: 6px solid #0099DC;
  float: left;
  margin: 6px 0 0 7px;
  cursor: pointer; }

.vertical_line_ia {
  border-left: 1px solid #999999;
  height: 20px;
  left: 50%;
  position: relative;
  top: 0; }

.container_units_ia {
  margin-bottom: 20px;
  margin-left: 4%; }
  .container_units_ia h3.title_ia {
    color: #63428C;
    font-family: "Montserrat";
    font-weight: 700 !important;
    font-size: 1rem;
    font-weight: normal;
    margin-bottom: 10px;
    margin-top: 20px;
    line-height: 18px;
    min-height: 18px; }

.note_did_well {
  color: #63428C;
  font-size: 0.85rem;
  width: 92%; }

.go_single_unit:hover {
  background-color: #F4F4F4;
  cursor: pointer; }

.container_button_ma {
  margin-top: 15px;
  position: relative; }

.value_container {
  background-color: #CCCCCC;
  float: right;
  height: 12px;
  margin-top: 7px;
  width: 25%; }

/********************************************************************************/
/***************************** STUDY PLAN **************************************/
.study_opts_link {
  float: left;
  height: 28px;
  margin-left: 20px;
  padding-top: 9px; }
  .study_opts_link a {
    color: #0099DC;
    font-size: 0.8rem;
    cursor: pointer; }

.container_score_pcp {
  height: 115px;
  position: relative;
  width: 90%; }

.score_sp {
  -moz-border-radius: 55px;
  -webkit-border-radius: 55px;
  -khtml-border-radius: 55px;
  border-radius: 55px;
  background-color: #63428C;
  height: 34px;
  width: 34px;
  color: #FFFFFF;
  font-size: 1.3rem;
  padding-top: 4px;
  position: absolute;
  text-align: center;
  top: 92px;
  z-index: 2; }

.circle_score_sp {
  -moz-border-radius: 55px;
  -webkit-border-radius: 55px;
  -khtml-border-radius: 55px;
  border-radius: 55px;
  background-color: #63428C;
  height: 48px;
  width: 48px;
  color: #FFFFFF;
  bottom: -23px;
  position: absolute;
  text-align: center;
  z-index: 2; }
  .circle_score_sp.original_score {
    background-color: #999999;
    z-index: 1; }
    .circle_score_sp.original_score:hover {
      z-index: 3; }

.vertical_line {
  border-left: 1px solid #63428C;
  height: 9px;
  left: 45%;
  position: relative;
  top: 16px;
  width: 1px; }

.vertical_line_score_su {
  border-left: 1px solid #999999;
  height: 36px;
  left: 50%;
  position: relative;
  top: 3px;
  width: 1px; }

.unit_dot {
  bottom: -9px;
  cursor: pointer;
  font-size: 1.8rem;
  position: absolute;
  text-align: center;
  z-index: 4; }

.unit_dot_after {
  -moz-border-radius: 55px;
  -webkit-border-radius: 55px;
  -khtml-border-radius: 55px;
  border-radius: 55px;
  background-color: #999999;
  height: 15px;
  width: 15px;
  color: #FFFFFF;
  bottom: -9px;
  cursor: pointer;
  font-size: 1.8rem;
  position: absolute;
  text-align: center;
  z-index: 1; }

.close_dot {
  padding: 4px 8px 8px 6px; }
  .close_dot .arrow_sp {
    border-top: 4px solid transparent;
    border-bottom: 3px solid transparent;
    border-left: 4px solid #FFFFFF; }

.open_dot {
  height: 15px;
  padding: 6px 8px 6px 3px;
  width: 15px; }
  .open_dot .arrow_sp {
    width: 0;
    height: 0;
    border-left: 4px solid transparent;
    border-right: 4px solid transparent;
    border-top: 4px solid #FFFFFF; }
  .open_dot .dot_vertical_line {
    border-left: 2px solid #999999;
    height: 55px;
    left: 3px;
    position: relative;
    top: -11px;
    width: 1px; }

.container_dot_unit {
  bottom: 0;
  position: absolute;
  width: 3%; }

.unit_name_bubble {
  -moz-border-radius: 10px;
  -webkit-border-radius: 10px;
  -khtml-border-radius: 10px;
  border-radius: 10px;
  border: 1px solid #F4F4F4;
  bottom: 15px;
  color: black;
  font-size: 0.7rem;
  font-family: "Montserrat";
  font-weight: 700 !important;
  height: 45px;
  left: -83px;
  line-height: 1em;
  margin-bottom: 10px;
  padding-bottom: 8px;
  position: absolute;
  text-align: center;
  width: 200px;
  z-index: 2; }

.mask_bubbles_sp {
  overflow: hidden;
  -moz-border-radius: 10px;
  -webkit-border-radius: 10px;
  -khtml-border-radius: 10px;
  border-radius: 10px; }

/******************************Study Plan**************************************************/
.unit_info_sp .unit_actions a.test_disabled {
  background-color: #CCCCCC;
  color: #FFFFFF;
  cursor: default;
  pointer-events: none; }

@media (max-width: 768px) {
  .mastered_section_study_plan_page {
    padding-left: 0;
    padding-right: 0; } }

.unit_actions span {
  font-family: "Montserrat";
  font-weight: 400 !important;
  font-style: italic !important;
  font-size: 0.75em;
  left: 45%;
  line-height: 1.2em;
  position: absolute;
  text-align: center;
  top: -25px; }
  .unit_actions span.learn_label {
    top: 8px;
    width: 150px;
    margin-left: 40px; }

.unit_name_bubble:before,
.unit_name_bubble:after {
  content: "";
  display: block;
  left: 41%;
  width: 1%;
  height: 0;
  border-top: 9px solid #FFFFFF;
  border-right: 9px solid transparent;
  border-left: 9px solid transparent;
  position: absolute;
  top: 43px;
  z-index: 2; }

.unit_name_bubble:after {
  border-top: 10px solid #F4F4F4;
  border-right: 10px solid transparent;
  border-left: 10px solid transparent;
  left: 40%;
  z-index: 1;
  width: 2%; }

.unit_info_sp {
  border: 1px solid #F4F4F4;
  height: auto;
  margin-top: 35px;
  padding: 20px 3%;
  position: relative;
  width: 77%; }

.unit_info_sp:after {
  background: url(/static/css/images/studyPlan/box-corner.gif) no-repeat left bottom #FFFFFF;
  content: "";
  height: 35px;
  right: -5px;
  position: absolute;
  top: -5px;
  width: 35px;
  z-index: 1; }

.studyPlan_unit_box {
  border: 2px solid #F4F4F4;
  box-sizing: border-box;
  float: left;
  margin-top: 0;
  width: 73%;
  position: relative;
  z-index: 2;
  background: white; }

.container_unit_info_sp {
  height: 100px;
  position: relative; }

.unit_image {
  float: left;
  height: 90px;
  width: 90px; }

.topic_image {
  border: 1px solid black;
  float: left;
  height: 60px;
  width: 60px; }

.topic_image_resource {
  margin-top: 10px; }

.unit_general_info {
  float: left;
  min-height: 90px;
  margin-left: 4%;
  width: 80%; }

#study_plan_unit_name {
  font-family: "Montserrat";
  font-weight: 700 !important;
  font-size: 1.6em;
  line-height: 1em; }

#unit_recommended_time {
  font-family: "Montserrat";
  font-weight: 700 !important; }

.unit_general_info p.recommended_time {
  font-size: 0.95em;
  margin-top: 10px; }

.unit_info_sp .unit_actions {
  height: 50px; }

.unit_info_sp .unit_actions a {
  -webkit-border-radius: 5px;
  -moz-border-radius: 5px;
  -ms-border-radius: 5px;
  border-radius: 5px;
  float: right;
  font-size: 0.8rem;
  font-weight: 600;
  height: 36px;
  letter-spacing: .02em;
  padding: 6px 0 0 14px;
  text-transform: uppercase;
  text-decoration: none;
  width: 27%; }
  .unit_info_sp .unit_actions a i {
    margin-left: 4px; }

.label_unit_count {
  color: #63428C;
  float: left;
  font-family: "Montserrat";
  font-weight: 700 !important;
  margin: 30px 0 0 2%; }

#icon_info_sp_study_unit {
  background-color: #0099DC;
  -moz-border-radius: 20px;
  -webkit-border-radius: 20px;
  -khtml-border-radius: 20px;
  border-radius: 20px;
  color: #FFFFFF;
  cursor: pointer;
  font-size: 0.75em;
  height: 16px;
  position: absolute;
  right: -25px;
  text-align: center;
  top: 14px;
  width: 16px; }

.bubble_sp_study_unit {
  background-color: #FFFFFF;
  -moz-border-radius: 15px;
  -webkit-border-radius: 15px;
  -khtml-border-radius: 15px;
  border-radius: 15px;
  box-shadow: 0 0 12px 0 #999999;
  display: none;
  min-height: 95px;
  position: absolute;
  right: -220px;
  top: -14px;
  width: 180px;
  z-index: 2; }

#close_bubble_sp_study_unit {
  color: #999999;
  cursor: pointer;
  font-family: "Montserrat";
  font-weight: 700 !important;
  font-size: 1rem;
  height: 1rem;
  right: 6%;
  top: 6%;
  line-height: 1.2em;
  position: absolute;
  text-align: center;
  width: 15px;
  z-index: 4; }

.bubble_sp_study_unit .text_sp_su {
  -moz-border-radius: 15px;
  -webkit-border-radius: 15px;
  -khtml-border-radius: 15px;
  border-radius: 15px;
  border: 2px solid #0099DC;
  margin: 4px 1%;
  min-height: 90px;
  width: 95%;
  z-index: 3; }

.bubble_sp_study_unit .text_sp_su:before,
.bubble_sp_study_unit .text_sp_su:after {
  border-bottom: 13px solid transparent;
  border-right: 13px solid #FFFFFF;
  border-top: 13px solid transparent;
  content: "";
  display: block;
  height: 0;
  left: -4%;
  position: absolute;
  top: 24px;
  width: 0;
  z-index: 4; }

.bubble_sp_study_unit .text_sp_su:after {
  border-bottom: 13px solid transparent;
  border-right: 13px solid #0099DC;
  border-top: 13px solid transparent;
  left: -6%;
  width: 0;
  z-index: 3; }

.bubble_sp_study_unit:after {
  border-bottom: 15px solid transparent;
  border-right: 15px solid #FFFFFF;
  border-top: 15px solid transparent;
  content: "";
  display: block;
  height: 0;
  left: -8%;
  position: absolute;
  top: 22px;
  width: 0;
  z-index: 2; }

.bubble_sp_study_unit p {
  font-size: 0.8em;
  line-height: 1.2em;
  margin: 6px 5%;
  text-align: left; }

.bar_unit_status {
  background-color: #CCCCCC;
  height: 12px;
  margin-top: 16px;
  width: 35%;
  min-width: 140px; }

.clear_both {
  clear: both; }

.mastered_sp,
.is_Mastered {
  background-color: #6CC6B7; }

.not_ready_sp,
.is_NotReady {
  background-color: #E31B23; }

.optional_sp,
.is_Optional,
.needs_review_sp,
.is_NeedsReview {
  background-color: #FF9900; }

.is_NotAssessed {
  background-color: #999999; }

@media screen and (max-width: 992px) {
  .my-scores-unit {
    border-bottom: 1px solid #CCCCCC;
    padding-bottom: 10px; } }

.my-scores-unit h4 {
  display: inline-block;
  padding: 3px 10px;
  width: 100%;
  font-size: 0.95rem;
  text-align: left;
  font-weight: normal;
  margin: 0; }
  @media screen and (min-width: 992px) {
    .my-scores-unit h4 {
      border-bottom: 1px solid #CCCCCC; } }

@media screen and (max-width: 992px) {
  .my-scores-unit .unit-status {
    padding-bottom: 10px; } }

.my-scores-unit .status {
  margin-right: 2%;
  height: 1.5rem;
  width: 1.5rem; }

.sp_indicator {
  color: #FFFFFF;
  font-size: 0.7rem;
  min-height: 20px;
  padding: 2px 3px;
  text-align: center;
  text-transform: uppercase; }
  .sp_indicator.mastered_sp, .sp_indicator.is_Mastered {
    background-color: #6CC6B7;
    position: relative;
    top: -3px;
    margin: 0 10%; }
  .sp_indicator.not_ready_sp, .sp_indicator.is_NotReady {
    background-color: #E31B23;
    top: -3px;
    left: 0;
    position: relative;
    font-size: .7em;
    margin-right: 50%; }
  .sp_indicator.optional_sp, .sp_indicator.is_Optional, .sp_indicator.needs_review_sp, .sp_indicator.is_NeedsReview {
    background-color: #FF9900;
    position: relative;
    top: -3px;
    margin: 0 10%; }
  .sp_indicator.is_NotAssessed {
    -moz-border-radius: 12px;
    -webkit-border-radius: 12px;
    -khtml-border-radius: 12px;
    border-radius: 12px;
    background-color: #999999;
    height: 20px;
    width: 20px;
    color: #FFFFFF;
    position: relative;
    text-align: center;
    top: -4px;
    left: 45%; }

.left_arrow_sp {
  width: 0;
  height: 0;
  border-top: 6px solid transparent;
  border-bottom: 6px solid transparent;
  border-left: 6px solid #0099DC;
  float: left; }

.down_arrow_sp {
  width: 0px;
  height: 0px;
  border-left: 6px solid transparent;
  border-right: 6px solid transparent;
  border-top: 6px solid #0099DC;
  float: left; }

.unit_topics_title {
  color: #0099DC;
  cursor: pointer;
  float: left;
  margin-top: -4px;
  margin-left: 1%; }

.unit_topics_title:hover {
  color: #6CC6B7; }

.container_icons {
  left: 88%;
  position: absolute;
  top: 8px;
  width: 8%; }

.email_icon {
  background: url("/static/css/images/studyPlan/print_mail_icons.png") no-repeat scroll 0 0/55px 40px #FFFFFF;
  cursor: pointer;
  float: left;
  height: 20px;
  margin-right: 10px;
  position: relative;
  width: 20px; }

.print_icon {
  background: url("/static/css/images/studyPlan/print_mail_icons.png") no-repeat scroll -28px 0/50px 35px #FFFFFF;
  cursor: pointer;
  float: left;
  height: 18px;
  position: relative;
  width: 25px; }

.print_icon_hover {
  background: url("/static/css/images/studyPlan/print_mail_icons.png") no-repeat scroll -28px -0.34 35px #FFFFFF; }

.email_icon_hover {
  background: url("/static/css/images/studyPlan/print_mail_icons.png") no-repeat scroll 0 -0.36364 40px #FFFFFF; }

.options_menu {
  background-color: #FFFFFF;
  border: 1px solid #F4F4F4;
  position: absolute;
  right: 0;
  text-align: right;
  top: 22px;
  min-width: 100px;
  padding: 3px;
  z-index: 1; }

.option_menu {
  font-family: "Montserrat";
  font-weight: 700 !important;
  height: 20px;
  padding: 4px 6px 4px 0;
  width: 100%;
  font-size: 0.8em; }

.option_menu:hover {
  color: #FFFFFF;
  background-color: #0099DC; }

/*************************************/
/******  SCHOOL INFO POP UP **********/
#info_school_modal {
  height: auto;
  min-height: 500px;
  border: 2px solid #999999;
  z-index: 1070;
  background-color: #FFFFFF; }

.school_info_header {
  float: left;
  margin: 0 5%;
  width: 90%;
  /*Remove when there is logo*/ }
  .school_info_header a {
    color: #0099DC;
    float: left;
    font-family: "Montserrat";
    font-weight: 700 !important;
    font-size: 1.4em;
    line-height: 1em;
    width: 60%;
    margin: 0 0 20px 0; }
    .school_info_header a:hover {
      color: #6CC6B7;
      cursor: pointer;
      text-decoration: none; }
  .school_info_header p {
    color: #6CC6B7;
    float: right;
    font-size: 0.875em;
    margin-bottom: 0;
    width: 100%; }
  .school_info_header img {
    float: right;
    margin-right: 6%; }
  .school_info_header div {
    background-color: #FFFFFF;
    float: right;
    margin-right: 6%;
    width: 90px;
    min-height: 90px; }

.school_info_body {
  float: left;
  margin-top: 10px;
  width: 100%; }
  .school_info_body .body_info {
    float: left;
    min-height: 280px;
    margin-left: 5%;
    width: 38%; }
    .school_info_body .body_info p.text {
      font-size: 0.75em;
      line-height: 1em;
      margin-bottom: 0;
      margin-left: 10px;
      width: 56%; }
    .school_info_body .body_info p.title {
      font-family: "Montserrat";
      font-weight: 700 !important;
      font-size: 0.875em;
      margin: 5px 0; }
    .school_info_body .body_info p.sub_text {
      font-size: 0.75em;
      font-family: "Montserrat";
      font-weight: 400 !important;
      font-style: italic !important;
      line-height: 1em;
      margin-bottom: 1rem;
      margin-left: 25px; }
      .school_info_body .body_info p.sub_text span {
        margin-left: 10px;
        float: none; }
  .school_info_body span {
    margin-left: 10px;
    float: none; }
  .school_info_body .map {
    height: 50%;
    margin-left: 5%;
    margin-top: 10px;
    width: 50%; }
    .school_info_body .map img {
      height: 100%;
      width: 100%; }

.school_info_footer {
  margin: 20px 0 0 0;
  width: 100%;
  text-align: center;
  display: inline-block; }
  .school_info_footer a {
    color: #0099DC;
    font-size: 0.875em;
    margin: 0 6%;
    text-decoration: underline; }
    .school_info_footer a:hover {
      color: #6CC6B7;
      cursor: pointer; }

.school_info_text_bottom {
  float: left;
  font-family: "Montserrat";
  font-weight: 400 !important;
  font-style: italic !important;
  font-size: 0.75em;
  margin-bottom: 5px;
  margin-top: 10px;
  text-align: center;
  width: 100%; }

.error_msg_school_selection {
  color: #E31B23;
  float: right;
  font-size: 0.625em;
  font-style: italic;
  font-family: "Montserrat";
  font-weight: 700 !important;
  line-height: 1em;
  margin-top: 10px;
  min-height: 36px;
  text-align: right;
  width: 80%; }

/************************ MY ACCOUNT - EDIT ************************************/
.edit_account_student {
  height: 85px;
  border-bottom: 2px solid #CCCCCC;
  padding-top: 10px; }

.div_edit_account {
  background-color: #FFFFFF;
  border: 1px solid #F4F4F4;
  height: auto;
  padding: 15px; }
  .div_edit_account .title_ea {
    color: #63428C;
    font-size: 1.8em;
    font-family: "Montserrat";
    font-weight: 700 !important;
    margin-bottom: 25px;
    font-weight: normal;
    line-height: 0.8em; }

.title_sub_section {
  color: #63428C;
  font-size: 1em;
  font-weight: normal;
  line-height: 1em;
  margin-bottom: 9px; }

.h2_title {
  color: #63428C;
  font-weight: normal;
  line-height: 1em;
  margin-bottom: 12px;
  width: 100%; }

.meter {
  height: 16px !important;
  bottom: auto;
  width: 100%;
  position: relative; }

.password_description_wrapper {
  padding: 2rem 1rem 0 1rem;
  width: 100%; }

.box_section {
  margin: 5px 0;
  width: 100%; }
  .box_section pre,
  .box_section p,
  .box_section a {
    font-size: 0.95rem;
    font-family: "Montserrat";
    font-weight: 400 !important;
    line-height: inherit;
    border: none; }
    .box_section pre.strong_requirements,
    .box_section p.strong_requirements,
    .box_section a.strong_requirements {
      color: #0099DC;
      cursor: pointer;
      font-size: 0.75em;
      left: 70%;
      position: absolute;
      top: 27px;
      width: 125px; }
  .box_section a:hover {
    text-decoration: none; }
  .box_section label {
    font-family: "Montserrat";
    font-weight: 700 !important; }

.student_label_span {
  font-family: "Montserrat";
  font-weight: 700 !important;
  margin-bottom: 5px;
  float: none;
  margin-left: 0px; }

#change_password_information_section {
  width: 100%; }

.info_sub_section {
  font-size: 0.875em; }

.action_sub_section {
  color: #0099DC;
  font-size: 0.875em; }

.action_sub_section:hover {
  color: #6CC6B7; }

.box_section button.delete_button {
  font-family: "Montserrat";
  font-weight: 700 !important;
  font-size: 1em;
  border-radius: 5px;
  background-color: #F4F4F4;
  border: 2px solid #E31B23;
  color: #E31B23 !important; }

.download_action_sub_section {
  color: #0099DC;
  font-size: 0.86em; }

.download_action_sub_section:hover {
  color: #6CC6B7;
  text-decoration: none; }

.link_footer {
  color: #999999;
  font-size: 0.875em;
  text-decoration: underline; }
  .link_footer:hover {
    color: #999999; }

#delete_account_section {
  float: left; }

.msg_edited_account {
  background-color: #F7D017;
  border: 1px solid #FF9900;
  float: right;
  font-size: 0.8em;
  font-family: "Montserrat";
  font-weight: 700 !important;
  height: auto;
  padding: 5px 1%;
  position: relative;
  top: 15px;
  width: 15%;
  overflow: hidden; }

.districts_uploaded {
  background-color: #F7D017;
  border: 1px solid #FF9900;
  float: left;
  font-size: 0.8em;
  font-family: "Montserrat";
  font-weight: 700 !important;
  padding: 5px 1%;
  position: absolute;
  margin-top: 20px;
  left: 30%; }

.update_customer {
  background-color: #F7D017;
  border: 1px solid #FF9900;
  font-family: "Montserrat";
  font-weight: 700 !important;
  font-size: 0.8em;
  padding: 15px 2%;
  position: absolute;
  right: 30px; }

.validate_msg span {
  color: #E31B23;
  font-size: 0.7em;
  font-style: italic;
  font-family: "Montserrat";
  font-weight: 700 !important;
  font-style: italic !important; }

.validate_msg_custom_field span {
  color: #E31B23;
  float: left;
  font-size: 0.7em;
  font-family: "Montserrat";
  font-weight: 700 !important;
  font-style: italic !important; }

.bubble_password_info_ea {
  background-color: #000000;
  -moz-border-radius: 10px;
  -webkit-border-radius: 10px;
  -khtml-border-radius: 10px;
  border-radius: 10px;
  float: left;
  height: 120px;
  left: 60%;
  opacity: 0.8;
  position: absolute;
  top: -105px;
  width: 245px;
  z-index: 2;
  font-size: 0.8em; }
  .bubble_password_info_ea:after {
    border-left: 9px solid transparent;
    border-right: 9px solid transparent;
    border-top: 9px solid #000000;
    content: "";
    left: 44%;
    position: absolute;
    top: 100%;
    z-index: 2; }
  .bubble_password_info_ea p.text_pea {
    color: #FFFFFF;
    font-family: "Montserrat";
    font-weight: 400 !important;
    font-size: 0.8em;
    line-height: 1em;
    margin: 8px 2% 0 3%;
    position: static;
    width: 95%; }

.bubble_password_info_ea ul li {
  color: #FFFFFF; }

/**** My Account *******/
#guestAccount .password_change {
  top: 410px; }

#guestAccount .validate_zip {
  top: 70px; }

#guestAccount .validate_custom_id {
  top: 85px; }

#guestAccount .validate_type_student {
  top: 85px; }

#guestAccount #delete_account_modal h1 {
  line-height: 1em;
  color: #63428C; }

.deactivate_account_title {
  font-size: 1.875em;
  font-weight: bold;
  line-height: 8px;
  color: #63428C; }

.justify-text {
  text-align: justify !important; }

#guestAccount .footer p {
  color: #999999;
  font-size: 0.875em;
  width: 98%; }

#guestAccount .footer .links {
  margin-top: 15px; }

#infusion_space {
  visibility: hidden; }

#reset_password label {
  font-family: "Montserrat";
  font-weight: 700 !important;
  margin-bottom: 0;
  margin-left: 0.5%; }

.reset_password_container {
  height: 350px; }

.reset_password_title {
  padding-left: 1.5%;
  color: #63428C; }

.reset_error {
  top: 150px;
  left: 44%; }

.bold_text {
  font-family: "Montserrat";
  font-weight: 700 !important; }

.justified_text {
  text-align: justify; }

.no_float {
  float: none !important;
  margin: 0px !important;
  display: block;
  text-align: center; }

.link_container {
  float: right;
  margin-right: 20px; }

.container_pager {
  float: left;
  width: 100%; }

.reports_h2 {
  color: #63428C;
  font-size: 1.0em; }

.tablesorter-header-inner {
  padding-right: 12px; }

.arrow_titles {
  position: relative; }

.arrow_titles a {
  text-decoration: none !important; }

.arrow_titles a:hover {
  text-decoration: underline !important; }

.arrow_titles:before,
.arrow_titles:after {
  border-bottom: 18px solid transparent;
  border-left: 18px solid #0099DC;
  border-top: 18px solid transparent;
  content: "";
  display: block;
  height: 0;
  left: 100%;
  position: absolute;
  top: 0;
  width: 0;
  z-index: 2; }

.arrow_titles:after {
  border-bottom: 20px solid transparent;
  border-left: 20px solid #FFFFFF;
  border-top: 20px solid transparent;
  top: -2px;
  z-index: 1; }

/********************************************************************************/
.NotAssessed_hsp {
  background-color: #999999;
  -moz-border-radius: 12px;
  -webkit-border-radius: 12px;
  -khtml-border-radius: 12px;
  border-radius: 12px;
  color: #FFFFFF;
  height: 19px;
  left: 45%;
  position: relative;
  text-align: center;
  top: -4px;
  width: 20px; }

.Optional_hsp {
  background-color: #FF9900;
  color: #FFFFFF;
  font-size: 0.7em;
  height: 1.1rem;
  margin-top: -3px;
  padding: 2px 0;
  left: 19%;
  position: relative;
  text-align: center;
  text-transform: uppercase;
  top: -3px;
  width: 60%; }

.NotReady_hsp {
  background-color: #E31B23;
  color: #FFFFFF;
  float: left;
  font-size: 0.7em;
  height: 1.1rem;
  margin-top: -3px;
  padding: 2px 0;
  text-align: center;
  text-transform: uppercase;
  width: 50%; }

.NeedsReview_hsp {
  background-color: #FF9900;
  color: #FFFFFF;
  font-size: 0.7em;
  height: 1.1rem;
  margin-top: -3px;
  padding: 2px 0;
  left: 19%;
  position: relative;
  text-align: center;
  text-transform: uppercase;
  top: -3px;
  width: 60%; }

/***************** GETTING STARTED *********************/
.current_user_name {
  border-left: 1px solid #CCCCCC;
  border-right: 1px solid #CCCCCC;
  height: 62px;
  padding-top: 24px;
  position: absolute;
  right: 5%;
  top: -62px;
  width: 15%;
  min-width: 110px;
  z-index: 901; }

#icon_users_menu {
  position: absolute;
  right: 9px;
  top: 30px; }

.current_user_name p.log_in_label {
  color: #63428C;
  cursor: pointer;
  font-family: "Montserrat";
  font-weight: 700 !important;
  margin-left: 10px;
  width: 50px; }

.menuDiv {
  border: 1px solid #CCCCCC;
  float: left;
  height: auto;
  margin-top: -4px !important;
  padding: 5% 4% 0 5%;
  text-align: right;
  width: 90%; }

.menuDiv a {
  float: right;
  padding-bottom: 7px;
  margin-left: 30%;
  font-size: 0.8em; }

.menuDiv a:hover {
  color: #6CC6B7; }

.edit_account_student .show_hide_menu {
  overflow: hidden; }

#welcome {
  color: #FFFFFF;
  font-size: 1.9em;
  line-height: 1em;
  margin-left: 2%;
  margin-top: 40px;
  margin-bottom: 9px; }

#are_you_planning {
  color: #FFFFFF;
  font-size: 2.8125em;
  font-family: "Montserrat";
  font-weight: 700 !important;
  font-weight: normal;
  min-height: 50px;
  margin-left: 2%;
  margin-top: 0px;
  padding: 0px;
  line-height: 1em; }

.bubble_gettingStarted {
  background-color: #FFFFFF;
  -moz-border-radius: 25px;
  -webkit-border-radius: 25px;
  -khtml-border-radius: 25px;
  border-radius: 25px;
  float: left;
  min-height: 175px;
  margin-left: 5%;
  margin-top: 20px;
  padding: 25px 3%;
  position: relative;
  width: 34%; }

.bubble_gettingStarted:before {
  border-left: 50px solid transparent;
  border-top: 50px solid #FFFFFF;
  bottom: -98px;
  content: "";
  display: block;
  height: 50px;
  right: 20%;
  position: absolute; }

.bubble_gettingStarted_right {
  background-color: #FFFFFF;
  -moz-border-radius: 25px;
  -webkit-border-radius: 25px;
  -khtml-border-radius: 25px;
  border-radius: 25px;
  float: right;
  min-height: 175px;
  margin-right: 5%;
  margin-top: 20px;
  padding: 25px 3%;
  position: relative;
  width: 34%; }

.bubble_gettingStarted_right:before {
  border-left: 0px solid transparent;
  border-right: 49px solid transparent;
  border-top: 50px solid #FFFFFF;
  bottom: -98px;
  content: "";
  display: block;
  height: 50px;
  left: 20%;
  position: absolute; }

.yes_not {
  font-size: 2.5em;
  font-family: "Montserrat";
  font-weight: 700 !important;
  font-weight: normal;
  min-height: 40px;
  margin-top: -5px;
  margin-bottom: 5px; }

.bubble_info {
  font-size: 1.25em;
  font-family: "Montserrat";
  font-weight: 700 !important;
  line-height: 1em; }

.bubble_gettingStarted a, .bubble_gettingStarted_right a {
  background-color: #0099DC;
  color: #FFFFFF;
  float: right;
  font-size: 1.05em;
  min-height: 18px;
  margin-top: 25px;
  padding: 8px 5px;
  text-align: center;
  text-decoration: none;
  width: 70%;
  box-sizing: border-box; }

.bubble_gettingStarted a:hover, .bubble_gettingStarted_right a:hover {
  background-color: #6CC6B7;
  text-decoration: none; }

#worried_box {
  background-color: #FFFFFF;
  border: 1px solid #F4F4F4;
  border-bottom: none;
  min-height: 290px;
  left: 16%;
  position: absolute;
  top: -50px;
  width: 68%; }

#worried_box .image {
  background: url(/static/css/images/dashboard/gettingStarted_face.jpg) no-repeat left center;
  background-size: contain;
  margin: 2%;
  height: 55%;
  width: 17%;
  position: absolute; }

#worried_box #worried_text {
  float: left;
  margin: 65px 0 0 20%;
  width: 78%; }

#worried_box #worried_text #title {
  font-size: 1.6em;
  line-height: 1em;
  font-family: "Montserrat";
  font-weight: 700 !important;
  font-weight: normal;
  margin-top: -9px;
  margin-bottom: -5px;
  padding: 0px; }

#worried_box #worried_text #text {
  font-size: 1.2em;
  line-height: 1em;
  margin: 10px 0 25px; }

#worried_box #worried_text a {
  color: #0099DC;
  font-size: 1.125em; }

/************************************************************************************************/
/*************************** MY SCHOOLS *********************************************************/
.my_schools_title {
  background-color: #F4F4F4;
  color: #0099DC;
  font-size: 0.875em;
  font-family: "Montserrat";
  font-weight: 700 !important;
  height: 28px;
  padding-top: 8px;
  text-align: center;
  width: 100px;
  float: left; }

.div_search_schools {
  background-color: #FFFFFF;
  height: auto;
  position: absolute;
  top: -50px;
  width: 60%;
  max-width: 756px; }

.div_info {
  -moz-border-radius: 50px;
  -webkit-border-radius: 50px;
  -khtml-border-radius: 50px;
  border-radius: 50px;
  color: #FFFFFF;
  float: left;
  font-size: 0.875em;
  height: 20px;
  margin-right: 10px;
  padding-top: 1px;
  text-align: center;
  width: 21px;
  background-color: #0099DC;
  cursor: pointer; }

.div_info a {
  color: #FFFFFF; }

.div_info a:hover {
  text-decoration: none; }

.footer_choose_school a.skip_step {
  margin-right: 3%;
  background-color: #999999;
  min-width: 140px; }

.footer_choose_school a.save_continue {
  height: 26px;
  margin-right: 3%;
  min-width: 160px;
  padding-top: 8px;
  width: 20%; }

.footer_choose_school p {
  float: right;
  font-size: 0.7em;
  font-weight: inherit;
  text-align: right;
  margin-top: 7px;
  margin-right: 3%;
  width: 100%; }

/************************************************************************************************/
/******************************* MY ASSESSMENTS PAGE******************************/
.numbers_container_sp {
  bottom: 8px;
  color: #999999;
  font-size: 0.58em;
  position: absolute;
  left: 8.9%;
  width: 79.6%; }

.scores {
  font-size: 0.55em;
  color: #999999; }

.container_scores_pcp {
  bottom: 25px;
  position: relative;
  width: 75%; }

.container_score_congrats {
  height: 115px;
  position: relative;
  width: 90%; }

.scores_congrats {
  bottom: 25px;
  position: relative;
  width: 75%; }

.start_disabled {
  background-color: #CCCCCC;
  color: #FFFFFF;
  float: left;
  font-size: 0.95em;
  height: 29px;
  margin-left: 52%;
  margin-top: 20px;
  padding-top: 10px;
  text-align: center;
  width: 18%;
  pointer-events: none; }

.assessment_bubble {
  background-color: white;
  box-shadow: 0 0px 12px 0px #999999;
  -moz-border-radius: 15px;
  -webkit-border-radius: 15px;
  -khtml-border-radius: 15px;
  border-radius: 15px;
  float: right;
  height: auto;
  position: relative;
  right: 11%;
  width: 18%;
  z-index: 1;
  bottom: 2px; }

.assessment_bubble .text_bubble {
  border: 2px solid #0099DC;
  border-radius: 15px 15px 15px 15px;
  margin: 6px 2%;
  width: 94%;
  z-index: 1; }

.assessment_bubble .text_bubble:before,
.assessment_bubble .text_bubble:after {
  border-bottom: 12px solid transparent;
  border-right: 22px solid #FFFFFF;
  border-top: 12px solid transparent;
  content: "";
  display: block;
  height: 0;
  left: -5%;
  position: absolute;
  top: 31px;
  width: 0;
  z-index: 4; }

.assessment_bubble .text_bubble:after {
  border-bottom: 12px solid transparent;
  border-right: 22px solid #0099DC;
  border-top: 12px solid transparent;
  left: -10%;
  width: 3%;
  z-index: 3; }

.assessment_bubble:after {
  border-bottom: 15px solid transparent;
  border-right: 25px solid #FFFFFF;
  border-top: 15px solid transparent;
  content: "";
  display: block;
  height: 0;
  left: -11%;
  position: absolute;
  top: 28px;
  width: 0;
  z-index: 2; }

.assessment_bubble p {
  font-size: 0.875em;
  line-height: 1em;
  margin-left: 7%;
  margin-top: 8px;
  text-align: left;
  width: 85%; }

/***** EMAIL MODAL ******/
#email_units_modal #student_email_input {
  color: #000000;
  font-family: "Montserrat";
  font-weight: 700 !important; }

.title_email_modal {
  color: #63428C;
  font-family: "Montserrat";
  font-weight: 700 !important;
  font-size: 1.9rem;
  line-height: 100%;
  margin-bottom: 25px;
  width: 100%; }

.label_email_modal {
  float: left;
  font-family: "Montserrat";
  font-weight: 700 !important;
  font-size: 0.875em;
  width: 100%; }

.input_email_modal {
  float: left;
  margin-bottom: 20px; }

.separate_comma {
  color: #000000;
  float: left;
  font-size: 0.75em;
  width: 100%; }

.button_email_modal {
  float: right;
  font-size: 1.1em;
  height: 32px;
  margin-right: 40px;
  margin-top: 15px;
  padding-top: 5px;
  text-align: center;
  width: 80px; }

.button_email_modal:hover {
  color: #FFFFFF;
  background-color: #6CC6B7; }

#label_sending_email {
  color: #FF9900;
  display: none;
  float: left;
  margin-left: 70%;
  margin-top: 15px; }

.units_to_study_title {
  color: #0099DC;
  cursor: pointer;
  float: left;
  margin-top: -4px;
  margin-left: 1%; }

.units_to_study_title:hover {
  color: #6CC6B7; }

.not_mastered_topic_list {
  margin-top: 15px;
  width: 100%;
  height: auto;
  display: table; }

.not_mastered_topic_sp {
  border-bottom: 1px solid #CCCCCC;
  float: left;
  height: auto;
  margin: 10px 3%;
  padding-top: 10px;
  width: 100%; }

.not_mastered_topic_sp .topic_image {
  border: 1px solid #000000;
  float: left;
  height: 60px;
  margin-top: 5px;
  width: 60px; }

.topic_general_info {
  float: left;
  height: auto;
  margin: 5px 0 5px 2%;
  width: 88%; }

.container_topic_name_sp {
  float: left;
  width: 100%; }

.container_info_topic {
  float: left;
  width: 100%; }

.container_dots_and_bar {
  float: left;
  width: 55%; }

.container_dots_lo_sp {
  float: left;
  width: 60%; }

.bar_topic_status {
  background-color: #CCCCCC;
  clear: both;
  height: 12px;
  margin-top: 16px;
  min-width: 140px;
  width: 25%; }

.topic_actions {
  float: left;
  margin-top: 50px;
  position: relative;
  width: 80%; }

.topic_actions span {
  font-family: "Montserrat";
  font-weight: 400 !important;
  font-style: italic !important;
  font-size: 0.75em;
  left: 45%;
  line-height: 1.2em;
  position: absolute;
  text-align: center;
  top: -25px; }

.topic_actions span.learn_label {
  left: 8%;
  top: -30px;
  width: 90px; }

.topic_actions span.test_label {
  left: 55%;
  top: -30px;
  width: 90px; }

.topic_actions span.arrow_to_learn {
  background: url("/static/css/images/studyPlan/arrow_left_grey.png") no-repeat scroll;
  display: none;
  height: 35px;
  left: 58%;
  top: -35px;
  width: 75px; }

.topic_actions a {
  -webkit-border-radius: 5px;
  -moz-border-radius: 5px;
  -ms-border-radius: 5px;
  border-radius: 5px;
  float: left;
  font-size: 0.8rem;
  font-weight: 600;
  height: 36px;
  letter-spacing: .02em;
  padding: 8px 0 0 5px;
  text-transform: uppercase; }
  .topic_actions a i {
    margin-left: 5px; }

.topic_actions a.learn {
  margin-left: 5%;
  width: 38%; }

.topic_actions a.test {
  margin-left: 15%;
  width: 30%; }

.topic_actions a.test_disabled {
  background-color: #CCCCCC;
  cursor: default;
  margin-left: 12%;
  pointer-events: none;
  width: 28%; }

.unit_list {
  margin-top: 15px;
  width: 100%;
  height: auto; }

.unit_sp {
  min-height: 40px;
  padding: 7px 0;
  cursor: pointer; }
  .unit_sp:not(:last-child) {
    border-bottom: 1px solid #CCCCCC; }
  .unit_sp .currently_viewing {
    padding-top: 3px;
    color: #63428C;
    margin-left: 2%;
    font-size: 0.7rem;
    font-family: "Montserrat";
    font-weight: 700 !important;
    font-style: italic !important; }
  .unit_sp:hover {
    background-color: #F4F4F4; }

.mastered_section {
  position: absolute;
  right: 2%;
  width: 20%;
  top: 59px; }

.units_mastered {
  border: 2px solid #F4F4F4;
  float: left;
  height: auto;
  margin-bottom: 20px;
  min-width: 225px;
  padding: 5px 2%;
  width: 100%; }

.container_title_mu_sp {
  border-bottom: 2px solid #F4F4F4;
  height: 20px;
  margin-bottom: 5px;
  width: 100%; }
  .container_title_mu_sp p {
    font-family: "Montserrat";
    font-weight: 700 !important;
    font-size: 0.82em;
    line-height: 1.2em;
    margin: 0 0 0 10px;
    min-width: 155px;
    width: 100%; }

.list_units {
  max-height: 225px;
  height: auto;
  overflow: auto; }

.unit_mastered,
.um_congrats {
  border-bottom: 1px solid #F4F4F4;
  height: auto;
  margin-bottom: 5px;
  margin-left: 5%;
  padding-bottom: 9px;
  width: 90%; }

.unit_mastered p,
.um_congrats p {
  font-size: 0.78em;
  line-height: 1.3em;
  margin-bottom: 0; }

.unit_mastered:hover {
  background-color: #F4F4F4;
  cursor: pointer; }

.unit_mastered p.not_mastered_msg {
  font-size: 0.75em;
  font-family: "Montserrat";
  font-weight: 400 !important;
  font-style: italic !important;
  padding-left: 3%;
  padding-top: 5px; }

.name_um {
  margin-bottom: 0;
  font-family: "Montserrat";
  font-weight: 700 !important; }

.topics_mastered {
  border: 2px solid #F4F4F4;
  height: auto;
  margin-bottom: 20px;
  min-width: 225px;
  padding: 5px 2%; }

.container_title_mt_sp {
  border-bottom: 2px solid #F4F4F4;
  height: 38px;
  margin-bottom: 5px;
  width: 100%; }

.container_title_mt_sp p {
  color: #63428C;
  font-family: "Montserrat";
  font-weight: 700 !important;
  font-size: 0.85em;
  line-height: 1.2em;
  margin: 0 0 0 10px;
  width: 165px; }

.list_topics {
  height: auto;
  max-height: 155px;
  overflow: auto; }

.topic_mastered {
  background: url("/static/css/images/studyPlan/icon_mastered_topic.png") no-repeat scroll 1% 5px;
  height: auto;
  margin-bottom: 5px;
  padding: 5px 0 4px 14%;
  width: 80%; }

.topic_mastered:hover {
  color: #6CC6B7;
  cursor: pointer; }

.topic_mastered p {
  font-size: 0.85em;
  line-height: 1.2em;
  margin-bottom: 0; }

.topic_mastered:hover {
  cursor: pointer; }

.topics_mastered_title {
  color: #0099DC;
  cursor: pointer;
  float: left;
  font-family: "Montserrat";
  font-weight: 700 !important;
  line-height: 1em;
  margin-left: 5%;
  width: 88%; }

.topics_mastered_title:hover {
  color: #6CC6B7; }

.additional_units {
  border: 2px solid #F4F4F4;
  float: left;
  height: auto;
  margin-bottom: 20px;
  min-width: 225px;
  padding: 5px 2%;
  width: 100%; }

.container_title_au_sp {
  border-bottom: 2px solid #F4F4F4;
  height: 32px;
  margin-bottom: 5px;
  width: 100%; }

.container_title_au_sp p {
  font-family: "Montserrat";
  font-weight: 700 !important;
  font-size: 0.82em;
  line-height: 1.2em;
  margin: 0 0 0 10px;
  width: 135px; }

.list_additional_units {
  max-height: 225px;
  height: auto;
  overflow: auto; }

.additional_unit {
  border-bottom: 1px solid #F4F4F4;
  height: auto;
  margin-bottom: 5px;
  margin-left: 5%;
  padding-bottom: 9px;
  width: 90%; }

.additional_unit:hover {
  background-color: #F4F4F4;
  cursor: pointer; }

.additional_unit p {
  font-size: 0.78em;
  line-height: 1.3em;
  margin-bottom: 0; }

.bar_unit_status_right_section {
  background-color: #CCCCCC;
  clear: both;
  height: 12px;
  margin-top: 4px;
  position: relative;
  width: 100%; }

.bar_unit_status_right_section .Mastered_status {
  background-color: #6CC6B7;
  color: #FFFFFF;
  float: right;
  font-size: 0.7em;
  height: 1.1rem;
  margin-top: -3px;
  padding: 2px 0;
  text-align: center;
  text-transform: uppercase;
  width: 50%; }

.bar_unit_status_right_section .NotReady_status {
  background-color: #E31B23;
  color: #FFFFFF;
  float: left;
  font-size: 0.7em;
  height: 1.1rem;
  margin-top: -3px;
  padding: 2px 0;
  text-align: center;
  text-transform: uppercase;
  width: 50%; }

.bar_unit_status_right_section .NeedsReview_status {
  background-color: #FF9900;
  color: #FFFFFF;
  font-size: 0.7em;
  height: 1.1rem;
  left: 20%;
  padding: 2px 0;
  position: absolute;
  text-align: center;
  text-transform: uppercase;
  top: -3px;
  width: 60%; }

.bar_unit_status_right_section .Optional_status {
  background-color: #FF9900;
  color: #FFFFFF;
  font-size: 0.7em;
  height: 1.1rem;
  left: 20%;
  padding: 2px 0;
  position: absolute;
  text-align: center;
  text-transform: uppercase;
  top: -3px;
  width: 60%; }

/* study plan reached schools */
.reached_schools {
  border: 1px solid #F4F4F4;
  float: left;
  height: auto;
  padding: 5px 2% 5px 7%;
  width: 175px; }

.list_reached_schools {
  height: auto;
  max-height: 100px;
  overflow: auto;
  width: 100%; }

.reached_school {
  border-top: 1px solid #F4F4F4;
  float: left;
  min-height: 30px;
  padding: 6px 0;
  width: 100%; }

.reached_school .school_name {
  float: left;
  font-family: "Montserrat";
  font-weight: 700 !important;
  font-size: 0.625em;
  line-height: 1em;
  margin-right: 4%;
  width: 78%; }

.reached_school .school_cut_score {
  background-color: #0099DC;
  -moz-border-radius: 50px;
  -webkit-border-radius: 50px;
  -khtml-border-radius: 50px;
  border-radius: 50px;
  color: #FFFFFF;
  float: left;
  font-size: 0.875em;
  height: 20px;
  margin-top: 2px;
  padding-top: 3px;
  text-align: center;
  width: 24px; }

.reached_schools_title {
  color: #63428C;
  float: left;
  font-family: "Montserrat";
  font-weight: 700 !important;
  font-size: 0.95em;
  line-height: 1em;
  width: 74%; }

/******* MODAL Study Plan ***************/
.modal_topic_body {
  border: 1px solid #F4F4F4;
  height: auto;
  margin: 35px 3% 10px;
  padding: 12px 2%;
  position: relative; }

.modal_topic_body:after {
  background: url(/static/css/images/studyPlan/box-corner.gif) no-repeat left bottom #FFFFFF;
  content: "";
  height: 35px;
  right: -5px;
  position: absolute;
  top: -5px;
  width: 35px;
  z-index: 1; }

.resource_image {
  border: 1px solid black;
  float: left;
  height: 145px;
  width: 22%; }

.topic_resource_image {
  background: url(/static/css/images/studyPlan/NROC.png) no-repeat left bottom #FFFFFF;
  border: 1px solid black;
  float: left;
  height: 140px;
  width: 140px; }

.resource_info {
  float: left;
  height: 145px;
  margin-left: 4%;
  width: 70%; }

.resource_info .name_ri {
  font-size: 0.875em;
  font-family: "Montserrat";
  font-weight: 700 !important;
  margin-bottom: 0; }

.resource_info .publisher_ri {
  font-size: 0.7em;
  font-family: "Montserrat";
  font-weight: 700 !important;
  margin-bottom: 0; }

.resource_info .unit_ri {
  font-size: 0.7em;
  font-family: "Montserrat";
  font-weight: 400 !important;
  font-style: italic !important;
  margin-bottom: 3px; }

.resource_info .rating {
  height: 25px;
  border: 1px solid;
  width: 50%; }

.resource_info .label_ri {
  font-family: "Montserrat";
  font-weight: 700 !important;
  margin-bottom: 4px; }

.button_study {
  float: right;
  width: 30%; }

.button_study a {
  background-color: #0099DC;
  color: #FFFFFF;
  cursor: pointer;
  float: right;
  font-size: 0.95em;
  height: 25px;
  margin-right: 7%;
  padding-top: 6px;
  text-align: center;
  width: 83%; }

.button_study a:hover {
  background-color: #6CC6B7;
  text-decoration: none; }

.button_study p.text_bs {
  font-size: 0.625em;
  margin: 30px 0 0 11%; }

.choose_more {
  color: #0099DC;
  cursor: pointer;
  float: left;
  margin-top: -4px;
  margin-left: 1%; }

.choose_more:hover {
  color: #6CC6B7; }

.how_are_selected {
  color: #0099DC;
  cursor: pointer;
  float: left;
  margin-top: -4px;
  margin-left: 1%; }

.how_are_selected:hover {
  color: #6CC6B7; }

.how_are_selected_text {
  margin-top: 15px; }

.how_are_selected_text_bold {
  font-family: "Montserrat";
  font-weight: 700 !important; }

.area_more_resources {
  height: auto;
  margin-top: 20px; }

.searching_area {
  height: 100px;
  margin: 15px 3%; }

.searching_area .filters_area {
  height: auto; }

.filter_options {
  height: 40px; }

.filter_options input[type="checkbox"] {
  margin-top: 6px;
  float: left; }

.filter_options .select_box_rm {
  float: left;
  margin-left: 1%;
  width: 15%; }

.filter_options .option_sm {
  float: left;
  margin-left: 1%;
  margin-top: 4px; }

.searching_area .filters_area p.title_rm {
  font-size: 0.875em;
  font-family: "Montserrat";
  font-weight: 700 !important;
  margin-bottom: 5px; }

.searching_area .sort_area {
  height: 30px; }

.searching_area .sort_area p {
  float: left;
  font-size: 0.75em;
  font-family: "Montserrat";
  font-weight: 700 !important;
  margin-top: 4px;
  width: 8%; }

.searching_area .sort_area a.active_rm {
  border: #0099DC 1px solid;
  color: #0099DC; }

.searching_area .sort_area a:hover {
  text-decoration: none; }

.searching_area .sort_area a {
  -moz-border-radius: 8px;
  -webkit-border-radius: 8px;
  -khtml-border-radius: 8px;
  border-radius: 8px;
  background-color: #F4F4F4;
  border: 1px solid #CCCCCC;
  color: #999999;
  cursor: pointer;
  float: left;
  font-size: 0.8em;
  height: 18px;
  margin: 2px 1%;
  padding: 3px 1%;
  text-align: center;
  width: auto; }

#bar_prices {
  background-color: #CCCCCC;
  float: left;
  height: 6px;
  margin-left: 1%;
  margin-top: 12px;
  width: 15%; }

.resources_search_results {
  border: 1px solid #CCCCCC;
  height: auto;
  max-height: 250px;
  overflow: auto; }

.result_resource {
  float: left;
  height: 100px;
  margin: 10px 1% 10px 4%;
  width: 44%; }

.result_resource:hover {
  cursor: pointer;
  background-color: #CCCCCC; }

.result_resource .images_rr {
  float: left;
  height: 80px;
  width: 25%; }

.result_resource .images_rr .image_rr {
  border: 1px solid #CCCCCC;
  height: 60px; }

.result_resource .images_rr .image_rr .result_image {
  height: 60px;
  width: 71px; }

.result_resource .images_rr .rating_rr {
  border: 1px solid black;
  height: 20px; }

.result_resource .info_rr {
  float: left;
  height: 80px;
  margin-left: 5%;
  width: 68%; }

.result_resource .info_rr .name_rr {
  color: #0099DC;
  font-family: "Montserrat";
  font-weight: 700 !important;
  margin-bottom: 0; }

.result_resource .info_rr .publisher_rr {
  font-size: 0.7em;
  font-family: "Montserrat";
  font-weight: 700 !important;
  margin-bottom: 1px; }

.result_resource .info_rr .some_info_rr {
  font-size: 0.7em;
  font-family: "Montserrat";
  font-weight: 400 !important;
  font-style: italic !important;
  line-height: 1em; }

/***** INITIAL MODAL STUDY PLAN ******/
.title_sp_im {
  color: #0099DC;
  font-family: "Montserrat";
  font-weight: 700 !important;
  font-size: 1.5rem;
  margin-bottom: 12px;
  margin-left: 4%;
  margin-top: 12px; }

.text_sp_im {
  float: left;
  font-size: 1.05em;
  margin: 12px 6%; }

.text_sp_im .italic {
  font-family: "Montserrat";
  font-weight: 400 !important;
  font-style: italic !important; }

.modal_messaging .text_sp_im b {
  font-family: "Montserrat";
  font-weight: 700 !important; }

.text_sp_im .bold_font {
  font-family: "Montserrat";
  font-weight: 700 !important; }

.button_sp_im {
  background-color: #0099DC;
  -moz-border-radius: 5px;
  -webkit-border-radius: 5px;
  -khtml-border-radius: 5px;
  border-radius: 5px;
  border: none;
  color: #FFFFFF;
  float: right;
  font-size: 1.125em;
  margin-right: 5%;
  margin-top: 30px;
  padding: 8px 38px; }

.button_sp_im:hover {
  background-color: #6CC6B7;
  color: #FFFFFF;
  text-decoration: none; }

/*************************************/
#errorDeleting {
  color: #E31B23;
  font-size: 0.8em;
  font-family: "Montserrat";
  font-weight: 700 !important;
  font-style: italic !important; }

/****** RETAKE ASSESSMENT MODAL *******/
@media screen and (max-height: 500px) {
  #retake_assessment_modal {
    height: 100%;
    margin-top: 0;
    margin-bottom: 0;
    top: 0; } }

.info_retake_assessment {
  height: auto;
  margin-left: 3%;
  margin-top: 10px;
  width: 93%; }

.content_assessment .alert {
  margin-left: 3%;
  width: 93%; }

.info_retake_assessment p.name_ra {
  font-size: 1.125em;
  font-family: "Montserrat";
  font-weight: 700 !important;
  margin-bottom: 8px; }

.topic_unit_name {
  float: left;
  font-size: 1.3em;
  font-family: "Montserrat";
  font-weight: 700 !important;
  margin-bottom: 0; }

.title_retake_topic {
  color: #63428C;
  font-family: "Montserrat";
  font-weight: 700 !important;
  font-size: 2.45em;
  height: auto;
  line-height: 1em;
  margin: 0 5%;
  overflow: hidden;
  text-overflow: ellipsis; }

.text_retake_topic {
  font-size: 1.5em;
  height: auto;
  line-height: 1em;
  margin: 40px 0 0 10%;
  width: 82%; }

.retake_assessment_progress {
  background-color: #CCCCCC;
  background-image: none;
  border-radius: 0 0 0 0;
  float: left;
  height: 12px;
  margin-bottom: 0;
  margin-left: 1%;
  width: 15%; }

.retake_assessment_progress .bar {
  background-image: none;
  background-color: #999999; }

.retake_question_area {
  border: 1px solid #F4F4F4;
  float: left;
  height: 300px;
  margin: 10px 4%;
  padding: 20px 3%;
  width: 86%; }

.footer_ra {
  padding: 1rem 0;
  bottom: 0; }

.footer_ra .btn {
  font-family: "Montserrat";
  font-weight: 400 !important; }

.skip_ra,
.submit_ra,
.close_save_button {
  cursor: pointer;
  text-align: center;
  min-height: 36px; }

.skip_ra {
  border: none;
  cursor: pointer;
  text-align: center; }

.submit_ra {
  cursor: pointer;
  text-align: center; }

.button_hover:hover {
  text-decoration: none; }

.question_close {
  margin-top: 0; }

#close_question_modal {
  margin-left: 40%; }

#close_question_modal:hover {
  background-color: #6CC6B7;
  color: #FFFFFF;
  text-decoration: none; }

/***** MODAL DELETE ACCOUNT *****/
.body_delete_account {
  margin: 0 8%; }

.body_delete_account p.title_text_da {
  font-family: "Montserrat";
  font-weight: 700 !important;
  margin-bottom: 0;
  margin-top: 35px; }

.body_delete_account p.text_da {
  margin-bottom: 20px; }

.actions_section a.return_home_page {
  background-color: #0099DC;
  color: #FFFFFF;
  float: right;
  font-size: 1.05em;
  height: 28px;
  margin-right: 5%;
  padding-top: 8px;
  text-align: center;
  width: 75%; }

.actions_section a.return_home_page:hover {
  background-color: #6CC6B7;
  text-decoration: none; }

/*******************************************************************************/
/******* Congratulations jps ********/
.congrats_image {
  float: left;
  height: 150px;
  width: 15%; }

.congrats_image_preview {
  float: left;
  height: 150px;
  width: 15%;
  background: url("/static/css/images/dashboard/face_study_plan.jpg") no-repeat scroll -5px 5px #FFFFFF; }

.congrats_text_container {
  float: left;
  height: auto;
  width: 84%; }

.title_ct {
  color: #63428C;
  font-size: 2.75em;
  font-family: "Montserrat";
  font-weight: 700 !important;
  margin-top: 60px; }

.text_bold_ct {
  font-size: 1.3rem;
  font-family: "Montserrat";
  font-weight: 700 !important;
  line-height: 1.75rem;
  margin-top: 20px;
  width: 90%; }

.text_bold_ct .ts_congras {
  color: #63428C;
  font-family: "Montserrat";
  font-weight: 700 !important;
  font-style: italic !important; }

.text_normal_ct {
  font-size: 1.5em;
  line-height: 1em;
  margin-top: 20px; }

.title_small_ct {
  color: #63428C;
  font-size: 1.05em;
  font-family: "Montserrat";
  font-weight: 700 !important;
  margin-top: 30px; }

.text_small_ct {
  font-size: 1.125em; }

.text_small_ct a {
  color: #0099DC; }

.text_small_ct a:hover {
  color: #6CC6B7; }

.text_smaller_ct {
  font-size: 1em; }

.disclaimer_pcp {
  float: left;
  font-size: 0.8em;
  font-family: "Montserrat";
  font-weight: 400 !important;
  font-style: italic !important;
  margin-bottom: 9px;
  width: 100%; }

.info_congrats {
  float: left;
  margin-top: 25px; }

/************************************/
/***************** LOADING *******************/
#loading_div {
  background-color: #FFFFFF;
  border-radius: 15px;
  -moz-border-radius: 15px;
  -webkit-border-radius: 15px;
  -khtml-border-radius: 15px;
  box-shadow: 0 4px 12px 3px #999999;
  border: 3px solid #0099DC;
  min-height: 172px;
  left: 43%;
  position: fixed;
  top: 30%;
  width: 180px;
  z-index: 1030;
  display: none; }

.image_ed {
  background: url("/static/css/images/dashboard/face_faq.jpg") no-repeat scroll left top transparent;
  float: left;
  height: 95px;
  margin: 12px 0 2px 42px;
  width: 95px;
  z-index: 20; }

.image_loading {
  background: url("/static/css/images/dashboard/loading.gif") no-repeat scroll left -8px transparent;
  color: #0099DC;
  float: left;
  font-family: "Montserrat";
  font-weight: 700 !important;
  font-size: 1em;
  height: 30px;
  margin: 0 0 0 15px;
  padding-left: 40px;
  padding-top: 5px;
  width: 100px;
  z-index: 20; }

.text_bottom_loading {
  float: left;
  font-family: "Montserrat";
  font-weight: 400 !important;
  font-style: italic !important;
  font-size: 0.7em;
  line-height: 1em;
  margin-left: 10%;
  width: 85%; }

#big_loading_div {
  height: 160px;
  left: 43%;
  position: fixed;
  top: 30%;
  width: 175px;
  z-index: 20; }

.big_image_loading {
  background: url("/static/css/images/dashboard/big_loading.gif") no-repeat scroll right bottom transparent;
  height: 280px;
  width: 240px; }

/*********************************************/
/*** ADS ****/
#ad_customer_banner {
  background-color: #E5F5FB; }

#ad_super_banner {
  background-color: #FFFF00; }

.container_banner {
  border-bottom: 2px solid #CCCCCC;
  box-sizing: border-box;
  display: none;
  font-family: "Montserrat";
  font-weight: 700 !important;
  font-size: 1.1em;
  height: auto;
  min-height: 70px;
  padding: 25px;
  position: relative;
  text-align: center;
  vertical-align: middle;
  width: 100%; }

.archived_customer_banner {
  background-color: #E31B23;
  color: #FF9900;
  border-bottom: 2px solid #CCCCCC;
  box-sizing: border-box;
  font-family: "Montserrat";
  font-weight: 700 !important;
  font-size: 1.1em;
  height: auto;
  min-height: 70px;
  padding: 25px;
  text-align: center;
  vertical-align: middle;
  width: 100%;
  margin-bottom: 15px; }

.close_banner_icon {
  position: absolute;
  cursor: pointer;
  font-size: 1.5rem;
  padding-left: 1px;
  position: absolute;
  right: 1rem;
  top: 1px;
  width: 15px; }

#ad_homepage {
  height: auto;
  min-height: 80px; }

.ad_dashboard {
  border: 1px dotted #F4F4F4;
  height: 200px; }

#ad_results {
  border: 1px dotted #F4F4F4;
  height: auto;
  padding: 5px;
  position: relative;
  width: 100%; }
  @media screen and (min-width: 768px) {
    #ad_results {
      position: absolute;
      height: 240px;
      right: 40px;
      top: 280px;
      width: 20%; } }

#ad_schools {
  border: 1px dotted #F4F4F4;
  height: 450px;
  position: absolute;
  right: 30px;
  top: 160px;
  width: 300px; }

.student_dashboard .student_breadcrumb {
  height: 50px; }

.student_dashboard .tabbable {
  min-width: 50vw; }

.remove_buttons {
  width: 100%; }

.student_dashboard #enter_key_modal .title_ek {
  margin-left: 5%; }

.student_dashboard #enter_key_modal .inputs_ek {
  margin-left: 10%;
  width: 90%; }

.blue_div {
  background-color: #0099DC; }

.lo_circle {
  width: 0.75rem;
  height: 0.75rem;
  -moz-border-radius: 3px;
  -webkit-border-radius: 3px;
  border-radius: 6px;
  float: left;
  margin-right: 3px;
  margin-bottom: 10px; }

.lo_circle_full, .container_dots_lo_sp .Mastered, #edready_player_container #learning_container_player #content_player #description_player ul .Mastered, #edready_player_container #resource_list_container_player #dots_player ul li .lo_container .Mastered {
  background: #6CC6B7;
  border: 2px solid #6CC6B7; }

.lo_circle_yellow {
  border: 2px solid #FF9900; }

.lo_circle_not_ready, .container_dots_lo_sp .NotReady, #edready_player_container #learning_container_player #content_player #description_player ul .NotReady, #edready_player_container #resource_list_container_player #dots_player ul li .lo_container .NotReady {
  background: #E31B23;
  border: 2px solid #E31B23; }

.lo_circle_empty, .container_dots_lo_sp .NotAssessed, #edready_player_container #learning_container_player #content_player #description_player ul .NotAssessed, #edready_player_container #resource_list_container_player #dots_player ul li .lo_container .NotAssessed {
  border: 2px solid #999999; }

.bold_label {
  font-family: "Montserrat";
  font-weight: 700 !important;
  margin-bottom: 0;
  margin-left: 0.5%;
  margin-top: 22px; }

.bold_label_other {
  font-family: "Montserrat";
  font-weight: 700 !important;
  margin-bottom: 0;
  margin-left: 0.5%;
  margin-top: 40px;
  width: 100px; }

.delete_modal_button {
  border: none;
  color: #FFFFFF;
  float: none !important;
  height: 40px;
  margin-left: 36%;
  width: 28%; }

#cancelButtonDeleteTarget {
  margin-left: 30%; }

#deleteCustomTargetButton {
  margin-left: 0; }

/** Searchs by tags **/
.container_search_by_tags {
  height: auto; }
  .container_search_by_tags .form-group {
    width: 100%; }
    .container_search_by_tags .form-group .select2-container {
      width: 100% !important; }
  .container_search_by_tags label {
    font-family: "Montserrat";
    font-weight: 700 !important;
    text-align: left;
    font-size: .9rem; }

@media screen and (max-width: 768px) {
  .search_by_tags_button {
    width: 100%; } }

.nav-tabs {
  clear: both;
  margin-bottom: 1rem; }
  @media (max-width: 768px) {
    .nav-tabs .nav-item {
      margin-top: 5px; } }
  @media (max-width: 768px) {
    .nav-tabs.nav-justified .nav-item {
      flex: 1 1 auto;
      text-align: center; } }
  .nav-tabs > li {
    max-width: 50%; }
    @media (min-width: 768px) {
      .nav-tabs > li {
        max-width: 33%; } }
    .nav-tabs > li > a.nav-link {
      font-weight: normal;
      line-height: 16px;
      height: 100%; }
      @media (min-width: 768px) {
        .nav-tabs > li > a.nav-link {
          height: 45px; } }
    .nav-tabs > li.min_tab {
      width: 50%; }
      @media only screen and (min-width: 768px) {
        .nav-tabs > li.min_tab {
          width: 15% !important; } }
    .nav-tabs > li.micro_tab {
      width: 50%; }
      @media only screen and (min-width: 768px) {
        .nav-tabs > li.micro_tab {
          width: 10% !important; } }

/******************** MANAGEMENT CUSTOMER ************************/
.div_management {
  border: 1px solid #F4F4F4;
  background-color: #FFFFFF;
  padding: 20px 3%;
  margin-top: -75px;
  width: 100%;
  float: left; }

.div_version_management {
  margin-top: 20px;
  position: relative; }

.div_buttons {
  background-color: #FFFFFF;
  margin-left: 35px; }

.div_buttons .management_button {
  float: left; }

.div_management p.info_customer {
  color: black;
  font-size: 1em;
  font-family: "Montserrat";
  font-weight: 700 !important; }

.div_management font {
  font-family: "Montserrat";
  font-weight: 400 !important; }

h1.title {
  color: #63428C;
  font-size: 1.9rem;
  font-weight: bold;
  line-height: 2rem;
  margin-bottom: 10px;
  margin-top: 0;
  overflow: hidden;
  text-overflow: ellipsis;
  width: 100%; }

.div_management p.title {
  color: #63428C;
  font-size: 1.9em;
  line-height: 1em;
  margin-bottom: 10px;
  overflow: hidden;
  text-overflow: ellipsis; }

.div_management h2.title_small {
  color: #63428C;
  font-size: 1rem;
  line-height: 1rem;
  width: 100%; }

.div_management p.title_small {
  color: #63428C;
  font-size: 1.0em; }

.div_management label.title_small {
  color: #63428C;
  font-size: 1.0em; }

.div_management .label_list {
  font-size: 0.9em;
  font-family: "Montserrat";
  font-weight: 700 !important;
  margin-bottom: 1px;
  justify-content: flex-start; }

.div_management p.title_filter_section {
  color: #63428C;
  cursor: pointer;
  font-size: 0.95em;
  margin-left: 20px;
  width: 150px; }

.arrow_down_filter_section {
  background: url("/static/css/images/dashboard/arrow_down_menu.png") no-repeat scroll 95% 50%; }

.arrow_up_filter_section {
  background: url("/static/css/images/dashboard/arrow_up_menu.png") no-repeat scroll 95% 55%; }

.note_filter_section {
  float: left;
  font-family: "Montserrat";
  font-weight: 400 !important;
  font-style: italic !important;
  font-size: 0.875em;
  margin-top: 10px;
  width: 100%; }

.table_note {
  font-family: "Montserrat";
  font-weight: 400 !important;
  font-style: italic !important;
  font-size: 1rem; }

.title_small_ccp {
  color: #63428C;
  font-size: 1rem;
  width: 100%;
  margin: 25px 0 0; }

.customers_list {
  border: 1px solid #F4F4F4;
  height: auto;
  margin-bottom: 50px; }

.customers_list_table {
  width: 100%;
  overflow: auto;
  margin-top: 15px; }

.assessment_block {
  width: 100%;
  overflow: auto;
  margin-top: 10px; }

.admin_users_list {
  float: left;
  margin-bottom: 15px;
  width: 100%; }

#table_custom_fields {
  font-size: 0.8em;
  margin-bottom: 30px; }

#table_custom_fields tbody td.long_inputs {
  text-align: left;
  padding-left: 10px;
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
  max-width: 140px; }

#table_users {
  font-size: 0.8em; }

.students_list {
  float: left;
  margin-top: 16px;
  width: 100%; }

#table_students {
  font-size: 0.8em; }

.assessments_list {
  float: left;
  width: 100%;
  margin-top: 10px; }

.container_table_reports_assessments {
  float: left;
  overflow: auto;
  width: 100%; }

.assessments_tab_list {
  float: left;
  width: 100%;
  margin-top: 10px; }

.customer {
  zoom: 1; }

.customer:before, .customer:after {
  display: table;
  content: ""; }

.customer:after {
  clear: both; }

.customers_list .customer:nth-child(even) {
  background-color: white;
  width: 100%; }

.customers_list .customer:nth-child(odd) {
  background-color: #F4F4F4;
  width: 100%; }

.customers_list .customer .c_name {
  float: left;
  font-size: 0.8em;
  margin-left: 1%;
  margin-top: 7px;
  width: 25%; }

.customers_list .customer .c_email {
  float: left;
  margin-top: 7px;
  width: 70%;
  word-wrap: break-word; }

.customers_list .customer .c_url {
  float: left;
  margin-top: 7px;
  width: 39%; }

.customers_list .customer a {
  float: right;
  font-size: 0.8em;
  margin: 8px 2%;
  cursor: pointer; }

.customers_list .customer a:hover {
  color: #6CC6B7;
  text-decoration: none; }

.error_msg_cc {
  left: 110%;
  position: relative;
  top: -30px; }

.error_msg_cc span {
  color: #E31B23;
  float: left;
  font-size: 0.7em;
  font-family: "Montserrat";
  font-weight: 700 !important; }

.error_msg_cc_score {
  left: 5%; }

.error_msg_cc_score span {
  color: #E31B23;
  font-size: 0.7em;
  font-family: "Montserrat";
  font-weight: 700 !important;
  font-style: italic !important; }

.error_msg_ci {
  color: #E31B23;
  float: left;
  font-size: 0.7em;
  font-family: "Montserrat";
  font-weight: 700 !important;
  font-style: italic !important; }

.box_section .button_cc {
  background-color: #0099DC;
  color: #FFFFFF;
  font-size: 1.125em;
  height: 40px;
  margin-top: 10px;
  width: 15%; }

.box_section input.button_cc:hover {
  background-color: #6CC6B7; }

.errorCustomField {
  color: #E31B23;
  font-size: 0.8rem;
  line-height: 1em;
  font-family: "Montserrat";
  font-weight: 700 !important;
  font-style: italic !important;
  margin-left: 5px; }

#studentCustomIdSection {
  margin-top: 25px; }

.settings_box_section label {
  font-family: "Montserrat";
  font-weight: 700 !important;
  margin-bottom: 5px; }
  .settings_box_section label.version_name {
    justify-content: flex-start;
    width: 100%; }

.management_box_section {
  margin: 30px 0 15px;
  clear: both; }
  .management_box_section label {
    font-family: "Montserrat";
    font-weight: 700 !important;
    margin-bottom: 5px; }
    .management_box_section label.version_name {
      justify-content: flex-start;
      width: 100%; }
  .management_box_section p {
    font-size: 0.875em;
    margin-bottom: 3px; }
    .management_box_section p.note_checkbox {
      float: left;
      font-family: "Montserrat";
      font-weight: 400 !important;
      font-style: italic !important;
      font-size: 0.75em;
      margin-bottom: 20px;
      margin-left: 5px; }
  .management_box_section .pc_label {
    float: left;
    margin: 5px 1% 0 1%;
    width: auto; }
  .management_box_section .div_button_ea {
    margin-left: 5%; }
  .management_box_section .div_button_ea {
    margin-left: 5%; }
  .management_box_section .button_ea {
    background-color: #0099DC;
    color: #FFFFFF;
    float: right;
    font-size: 1.05em;
    height: 40px;
    margin: 20px 6% 1px 0; }
  .management_box_section .button_apc {
    background-color: #0099DC;
    -moz-border-radius: 5px;
    -webkit-border-radius: 5px;
    -khtml-border-radius: 5px;
    border-radius: 5px;
    color: #FFFFFF;
    font-size: 0.8em;
    padding: 5px 10px;
    border: none; }
  .management_box_section .button_cc {
    background-color: #0099DC;
    color: #FFFFFF;
    font-size: 1.125em;
    height: 40px;
    width: 15%; }
  .management_box_section .button_apc:hover,
  .management_box_section .button_ea:hover,
  .management_box_section input.button_cc:hover {
    background-color: #6CC6B7; }
  .management_box_section .radio_button {
    float: left;
    margin: 4px 5% 0; }

#save_changes.scroll-to-fixed-fixed {
  border-top: 1px solid #999999; }

.create_customer_button {
  text-decoration: none;
  border: 0px;
  margin-right: 2px; }
  .create_customer_button:hover {
    text-decoration: none;
    color: #FFFFFF; }

#addTargetScore {
  border: none; }

#updateCustomerName {
  border: none;
  background-color: #0099DC;
  color: #FFFFFF;
  margin-left: 5px; }
  #updateCustomerName:hover {
    background-color: #6CC6B7; }

#error_customer_name {
  color: #E31B23;
  font-size: 0.8rem;
  font-family: "Montserrat";
  font-weight: 700 !important;
  font-style: italic !important; }

.hidden_fields_sso {
  display: none; }

#error_ltiConsumerUrl {
  color: #E31B23;
  font-family: "Montserrat";
  font-weight: 700 !important;
  font-style: italic !important;
  font-size: 0.8rem; }

#error_ltiConsumerName {
  color: #E31B23;
  font-family: "Montserrat";
  font-weight: 700 !important;
  font-style: italic !important;
  font-size: 0.8rem; }

.create_group_button {
  background-color: #0099DC;
  -moz-border-radius: 5px;
  -webkit-border-radius: 5px;
  -khtml-border-radius: 5px;
  border-radius: 5px;
  color: #FFFFFF;
  font-size: 0.95em;
  float: left;
  margin: 5px 0 10px 0;
  padding: 8px 16px;
  text-decoration: none; }

.create_group_button:hover {
  background-color: #6CC6B7;
  color: #FFFFFF;
  text-decoration: none; }

.msg_created_user {
  background-color: #F7D017;
  border: 1px solid #FF9900;
  bottom: 300px;
  font-size: 0.8em;
  font-family: "Montserrat";
  font-weight: 700 !important;
  padding: 15px 10px;
  position: absolute;
  right: 35px;
  width: 220px; }

.container_group_cards {
  margin-top: 15px;
  width: 100%; }
  @media (max-width: 992px) {
    .container_group_cards .container_total_goal {
      padding: 0; } }
  @media (min-width: 992px) {
    .container_group_cards .container_total_goal:nth-child(even) {
      padding-left: 0; }
    .container_group_cards .container_total_goal:nth-child(odd) {
      padding-right: 0; } }

.msg_no_enrolled_groups {
  color: #CCCCCC;
  font-family: "Montserrat";
  font-weight: 700 !important;
  font-size: 1.9em;
  line-height: 1em;
  margin: 15px 0 0 15px;
  width: 100%; }

.msg_no_enrolled_groups a {
  color: #0099DC;
  text-transform: lowercase; }

.msg_no_enrolled_groups a:hover {
  text-decoration: none;
  color: #6CC6B7;
  cursor: pointer; }

#groupCreateForm {
  position: relative; }

.group_message_edited_account {
  background-color: #F7D017;
  border: 1px solid #FF9900;
  font-size: 0.8em;
  font-family: "Montserrat";
  font-weight: 700 !important;
  padding: 5px 1%;
  position: relative; }

.group_message_edited_account_error {
  background-color: #E31B23;
  border: 1px solid #FFFFFF;
  color: white; }

.group_message_error {
  background-color: #F7D017;
  color: #E31B23;
  border: 1px solid #FF9900;
  float: right;
  font-size: 0.8em;
  font-family: "Montserrat";
  font-weight: 700 !important;
  padding: 5px 1%;
  position: relative;
  top: 15px; }

.no-border {
  border: none; }

.group_error_msg_sign_up span {
  color: #E31B23;
  font-size: 0.7em;
  font-family: "Montserrat";
  font-weight: 700 !important;
  font-style: italic !important; }

.error_instructions {
  float: left;
  margin-left: 15px;
  margin-top: 5px; }

.error_name_goal {
  float: left;
  line-height: 0.7em;
  margin-left: 6px;
  margin-top: 6px;
  width: 25%; }

.container_assessments {
  float: left;
  width: 100%;
  height: auto;
  margin-bottom: 20px;
  overflow: auto; }

.line_between_tables {
  float: left;
  width: 100%; }

.link_assessment_table {
  color: #0099DC;
  cursor: pointer; }

.link_assessment_table:hover {
  text-decoration: none;
  color: #6CC6B7; }

.group_box_section {
  margin-top: 20px; }
  .group_box_section p.title_assessments_table {
    color: #63428C;
    float: left;
    font-size: 1.125em;
    margin-left: 5px;
    margin-top: 25px;
    width: 100%; }
  .group_box_section .checkbox_assessment {
    height: 12px;
    margin: 4px 0px 0 40%;
    width: 12px; }
  .group_box_section p.msg_select_assessments {
    color: #63428C;
    font-size: 0.75em;
    margin: 0 0 0 10px; }
  .group_box_section p.assign_assessment_goal_msg q:before,
  .group_box_section p.assign_assessment_goal_msg q:after {
    content: '"'; }
  .group_box_section label {
    font-family: "Montserrat";
    font-weight: 700 !important;
    margin-bottom: 2px;
    margin-left: 2px; }
    .group_box_section label span {
      display: inline; }
  .group_box_section .radio_button {
    float: left;
    margin-bottom: 6px;
    width: 100%; }
    .group_box_section .radio_button label.label_cp {
      float: left;
      margin: 3px 0 0 8px;
      display: inline; }
      .group_box_section .radio_button label.label_cp span {
        display: inline; }
      .group_box_section .radio_button label.label_cp:after {
        content: ".";
        margin-left: -3px; }

#modal_confirm_deactivate_group h2 {
  margin: 0; }

.body_confirm_dg {
  float: left;
  padding: 0 4%;
  margin-top: 30px;
  width: 92%; }

.body_confirm_dg h3 {
  color: #0099DC;
  font-size: 1.25em; }

.body_confirm_dg p {
  font-size: 0.95em;
  margin-top: 15px; }

.footer_confirm_dg {
  float: left;
  margin-top: 25px;
  padding: 0 4%;
  width: 92%; }

.footer_confirm_dg a {
  background-color: #0099DC;
  -moz-border-radius: 5px;
  -webkit-border-radius: 5px;
  -khtml-border-radius: 5px;
  border-radius: 5px;
  color: #FFFFFF;
  font-size: 0.95em;
  margin-right: 10px;
  padding: 6px 12px; }

.footer_confirm_dg a:hover {
  background-color: #6CC6B7;
  text-decoration: none; }

.container_groups {
  float: left;
  width: 33%; }

.sortable_list {
  list-style-type: none;
  float: left;
  margin: 15px 0 0;
  min-height: 30px;
  background-color: #F4F4F4;
  padding: 5px;
  width: 90%; }

.sortable_list li {
  margin: 0 5px 5px 5px;
  padding: 5px;
  width: 95%;
  cursor: pointer;
  font-family: "Montserrat";
  font-weight: 700 !important;
  font-size: 0.875em; }

#sortable1 li.ui-state-disabled {
  color: #999999;
  cursor: not-allowed; }

.label_required_field {
  font-size: 0.75em;
  font-family: "Montserrat";
  font-weight: 400 !important;
  font-style: italic !important; }

.box_user_goals {
  margin-top: 5px;
  position: relative; }

.icon_question_float {
  background-color: #0099DC;
  -moz-border-radius: 15px;
  -webkit-border-radius: 15px;
  -khtml-border-radius: 15px;
  border-radius: 15px;
  color: #FFFFFF;
  float: left;
  font-family: "Montserrat";
  font-weight: 400 !important;
  font-size: 0.9em;
  height: 17px;
  margin-left: 10px;
  padding: 1px 0 0 5px;
  text-decoration: none;
  width: 13px; }

.icon_question_float:hover {
  color: #FFFFFF;
  background-color: #6CC6B7;
  text-decoration: none; }

.iq_email_used {
  position: absolute;
  right: -35px;
  top: 6px; }

.group_image_box_section {
  height: 170px;
  position: absolute;
  right: -10px;
  top: 35px;
  z-index: 10; }

.group_image_label {
  bottom: 0;
  font-size: 0.875em;
  left: 3px;
  position: absolute;
  width: 124px; }

/******* Resources Edit Form *******/
.resource_message_edited {
  background-color: #F7D017;
  border: 1px solid #FF9900;
  float: left;
  font-size: 0.8em;
  font-family: "Montserrat";
  font-weight: 700 !important;
  padding: 5px 1%;
  position: absolute;
  top: 60px; }

.resource_message_edited_error {
  background-color: #E31B23;
  position: relative;
  padding: 5px 1%;
  float: left;
  border: 1px solid white;
  color: white;
  font-size: 0.8em;
  font-family: "Montserrat";
  font-weight: 700 !important; }

.resource_field_section h2 {
  margin-top: 2rem; }

.resource_field_section label {
  font-family: "Montserrat";
  font-weight: 700 !important; }

.resource_field_section table a {
  color: #0099DC !important;
  text-decoration: underline;
  font-family: "Montserrat";
  font-weight: 700 !important; }

.resource_field_section #manageLOsButton {
  margin-top: 2rem; }

.error_resources {
  float: left;
  margin-left: 5px;
  margin-top: 5px; }
  .error_resources span {
    color: #E31B23;
    font-size: 0.9em;
    font-family: "Montserrat";
    font-weight: 700 !important;
    font-style: italic !important; }

.resource_image_box_section {
  height: 112px;
  position: absolute;
  right: 3%;
  top: 12px; }
  .resource_image_box_section div {
    height: 90px;
    width: 90px;
    border: 1px dotted #000000; }

.resource_image_label {
  bottom: 0;
  left: 6px;
  position: absolute;
  width: 85px; }
  .resource_image_label:hover {
    text-decoration: none;
    color: #6CC6B7;
    cursor: pointer; }

/******* Institutions Edit Form *******/
.institution_message_edited {
  background-color: #F7D017;
  border: 1px solid #FF9900;
  float: left;
  font-size: 0.8em;
  font-family: "Montserrat";
  font-weight: 700 !important;
  padding: 5px 1%;
  position: absolute;
  top: 60px; }

.institution_message_edited_error {
  background-color: #E31B23;
  position: relative;
  padding: 5px 1%;
  float: left;
  border: 1px solid #FFFFFF;
  color: #FFFFFF;
  font-size: 0.8em;
  font-family: "Montserrat";
  font-weight: 700 !important; }

.institution_field_section label {
  font-family: "Montserrat";
  font-weight: 700 !important; }

.error_institutions {
  float: left;
  margin-left: 5px;
  margin-top: 5px; }
  .error_institutions span {
    color: #E31B23;
    font-size: 0.7em;
    font-family: "Montserrat";
    font-weight: 700 !important;
    font-style: italic !important; }

.institution_image_box_section {
  height: 112px;
  position: absolute;
  right: 3%;
  top: 12px; }
  .institution_image_box_section div {
    height: 90px;
    width: 90px;
    border: 1px dotted #000000; }

.institution_image_label {
  bottom: 0;
  left: 0;
  position: absolute;
  width: 95px; }
  .institution_image_label:hover {
    text-decoration: none;
    color: #6CC6B7;
    cursor: pointer; }

/**********************************/
.container_pager_selected_goals span {
  float: none !important; }

.container_pager_available_goals span {
  float: none !important; }

.rb {
  float: left; }

.button_go_hc {
  background-color: #0099DC;
  color: #FFFFFF;
  float: left;
  font-size: 1.125em;
  margin: 15px;
  padding: 10px;
  text-align: center; }

.button_go_hc:hover {
  text-decoration: none;
  background-color: #6CC6B7;
  color: #FFFFFF; }

.container_toggle {
  float: left;
  height: auto;
  margin-left: 10px;
  margin-top: 10px;
  width: 100%; }
  .container_toggle label {
    font-family: "Montserrat";
    font-weight: 700 !important; }

.container_toggle a.expand_link {
  color: #0099DC;
  float: left;
  font-size: 0.875em;
  margin-left: 2%; }

/************************************************************************/
/********************* HOMEPAGE CUSTOMER ***********************/
.first_container_ehp {
  border-bottom: 2px solid #CCCCCC;
  box-sizing: border-box;
  float: left;
  height: auto;
  min-height: 460px;
  padding-left: 60px !important; }

.bar_go_back {
  background-color: #FFFFFF;
  border-bottom: 2px solid #CCCCCC;
  height: 70px;
  left: 0;
  position: absolute;
  top: -64px;
  width: 100%;
  z-index: 2; }

.bar_go_back h1.edit_homepage_heading_alert {
  position: absolute;
  z-index: 5;
  width: 50%;
  left: 50%;
  margin-left: -25%;
  margin-top: 1rem;
  text-align: center;
  color: #63428C;
  font-size: 1.5rem;
  line-height: 1.75rem;
  overflow: hidden;
  text-overflow: ellipsis; }

.back_edit_hp {
  background: url("/static/css/images/studyPlan/back_arrow_resource.png") no-repeat scroll 5px 7px #F4F4F4;
  border: 2px solid #0099DC;
  -moz-border-radius: 5px;
  -webkit-border-radius: 5px;
  -khtml-border-radius: 5px;
  border-radius: 5px;
  color: #0099DC;
  float: left;
  font-size: 0.95em;
  margin: 20px 0 0 50px;
  padding: 5px 8px 6px 35px;
  text-decoration: none; }

.back_edit_hp {
  outline-color: #FFFFFF; }

.edready_logo {
  height: 58px;
  top: 0;
  right: 20%;
  position: absolute;
  width: 16%;
  background: url("/img/EdReady.png") no-repeat center center;
  background-size: contain; }

.edready_logo_congrats_preview {
  background: url("/img/EdReady.png") no-repeat center center;
  background-size: contain; }

.error_msg_wrong_size {
  color: #E31B23;
  width: auto;
  max-width: 50%;
  position: absolute;
  margin-left: 1rem;
  margin-right: auto;
  padding: 2px;
  background-color: #FFFFFF;
  -webkit-box-shadow: 0 0 4px #E31B23 inset;
  -moz-box-shadow: 0 0 4px #E31B23 inset;
  box-shadow: 0 0 4px #E31B23 inset;
  -moz-border-radius: 3px;
  -webkit-border-radius: 3px;
  border-radius: 3px;
  z-index: 99; }

#logoImage {
  height: 100%;
  min-width: 200px; }

.customer_logo {
  height: 100%;
  max-height: 58px;
  max-width: 606px;
  width: 55%; }
  .customer_logo a {
    height: 58px;
    min-width: 200px;
    display: block;
    background-position: 15%; }

.edit_customer_logo {
  float: left;
  height: 58px;
  max-height: 58px;
  max-width: 606px;
  top: 12px;
  width: 80%;
  z-index: 20;
  position: absolute; }

.customer_name_as_logo {
  font-size: 1.125em;
  margin-left: 50px;
  position: relative;
  top: 15px; }

.div_info_hc {
  height: auto;
  padding-right: 40px;
  box-sizing: border-box; }

.info_hc_customer {
  padding-right: 4%; }

.div_info_hc .head_line {
  height: auto;
  padding-top: 15px;
  max-width: 470px;
  padding-bottom: 10px;
  position: relative; }

.div_info_hc .head_line:hover {
  cursor: text; }

#headline_input {
  color: #63428C;
  font-size: 3em;
  font-family: "Montserrat";
  font-weight: 700 !important;
  height: 150px;
  line-height: 1em;
  padding: 2px 5px;
  margin-bottom: 0px;
  resize: none;
  width: 450px; }

.div_info_hc .head_line h1.headline_p {
  color: #63428C;
  font-size: 2.9em;
  font-family: "Montserrat";
  font-weight: 700 !important;
  line-height: 1em;
  font-weight: normal;
  margin-bottom: 9px; }

.div_info_hc .sub_head {
  height: auto;
  max-width: 470px;
  padding: 10px 0;
  position: relative;
  min-height: 100px; }

.div_info_hc .sub_head:hover {
  cursor: text; }

#subhead_input {
  color: #414042;
  font-size: 1.4em;
  font-family: "Montserrat";
  font-weight: 700 !important;
  height: 150px;
  line-height: 1em;
  margin-bottom: 2px;
  padding: 0;
  resize: none;
  width: 450px; }

#content_input {
  font-size: 1em;
  height: 250px;
  line-height: 1em;
  padding: 0;
  resize: none;
  width: 950px; }

.div_info_hc .sub_head p.subhead_p {
  color: #414042;
  font-family: "Montserrat";
  font-weight: 700 !important;
  font-size: 1.4em; }

.div_main_image {
  position: relative;
  overflow: hidden;
  height: 50vw; }
  @media (min-width: 768px) {
    .div_main_image {
      height: 403px; } }
  .div_main_image img {
    width: 100%;
    max-height: 403px; }

.div_main_video {
  width: 52%; }

.get_started {
  background-color: #0099DC;
  color: #FFFFFF !important;
  cursor: pointer;
  float: right;
  font-size: 1.3em;
  font-family: "Montserrat";
  font-weight: 700 !important;
  margin: 6% 0 5% 0;
  padding: 16px;
  text-align: center;
  box-sizing: border-box;
  line-height: 1em;
  text-decoration: none; }

.get_started:hover {
  background-color: #6CC6B7;
  color: #FFFFFF;
  text-decoration: none; }

.content_customer_hp {
  height: auto;
  font-size: 1.05em;
  padding: 20px;
  position: relative;
  width: 100%;
  box-sizing: border-box; }

.content_customer_hp:hover {
  cursor: text; }

.instructions_fields_eh {
  font-size: 0.75em;
  margin-left: 70px;
  font-family: "Montserrat";
  font-weight: 700 !important; }

#instructionsContent {
  margin-left: 10px; }

#editLogoButton {
  position: absolute;
  margin-top: -24px;
  margin-left: -40px;
  z-index: 20; }

.headline_eb {
  top: 40px; }

.subhead_eb {
  top: 30px; }

.content_eb {
  top: 30px; }

.main_image_eb {
  position: absolute;
  left: 0;
  top: 0; }

.save_link_hpc {
  color: #0099DC;
  font-size: 0.75em;
  margin-right: 10px; }

.save_link_hpc:hover {
  color: #6CC6B7;
  text-decoration: none; }

/************ EDIT IMAGES MODAL ************/
.title_modal_hpc {
  color: #0099DC;
  font-size: 1.25em; }

.text_modal_hpc {
  float: left;
  margin-bottom: 0;
  margin-right: 10px; }

#saveCustomImage {
  background-color: #0099DC;
  border: none;
  color: #FFFFFF;
  font-size: 0.8em;
  padding: 5px; }

#saveCustomImage:hover {
  background-color: #6CC6B7;
  color: #FFFFFF; }

#imageLogoWindow {
  float: left;
  margin-top: 15px;
  width: 100%;
  text-align: right; }

.actions_div {
  text-align: right;
  width: 100%; }

.text_goal_image_dimensions {
  float: left;
  font-size: 0.75em;
  line-height: 1.2em;
  margin-bottom: 0;
  margin-top: 5px;
  width: 260px; }

.loginDivAlone {
  top: 15px;
  width: 500%;
  box-sizing: border-box; }

.div_reset_image {
  float: left;
  font-size: 1.125em;
  margin-top: 20px;
  width: 97%; }

.note_checkbox {
  float: left;
  font-family: "Montserrat";
  font-weight: 400 !important;
  font-style: italic !important;
  font-size: 0.75em;
  margin-bottom: 20px;
  margin-left: 5px; }

#groupImageForm {
  margin-bottom: 10px; }

#mainImageWindow {
  float: left;
  margin-top: 15px;
  width: 98%; }

.option_main_image {
  float: left;
  height: 90px;
  margin: 8px;
  width: 40%; }

.option_main_image_final {
  float: left;
  height: 15px;
  margin: 8px;
  width: 100%; }

.option_main_image input[type="radio"] {
  margin-left: 14%;
  margin-right: 1%;
  position: relative;
  top: -30px; }

.option_main_image_final input[type="radio"] {
  float: left;
  margin-right: 5px;
  margin-top: 2px; }

.container_content_footer {
  float: left;
  width: 950px; }

/*******************************************/
.unit_container {
  background-color: #FFFFFF;
  min-height: 22px;
  height: auto;
  float: left;
  margin: 10px 0;
  padding: 8px 0 12px 10px;
  -webkit-box-shadow: 0 0 4px #999999 inset;
  -moz-box-shadow: 0 0 4px #999999 inset;
  box-shadow: 0 0 4px #999999 inset;
  -moz-border-radius: 5px;
  -webkit-border-radius: 5px;
  border-radius: 5px;
  width: 96%; }

.container_arrows {
  position: absolute;
  height: 25px;
  top: 50%;
  margin-top: -10px;
  right: 20px; }

.container_arrows .up {
  margin-bottom: 3px;
  width: 1px;
  border-bottom: 8px solid #999999;
  border-left: 8px solid transparent;
  border-right: 8px solid transparent; }

.container_arrows .down {
  margin-bottom: 0px;
  border-left: 8px solid transparent;
  border-right: 8px solid transparent;
  border-top: 8px solid #999999;
  width: 0px; }

/*********** STUDENT ROSTER **********************/
.title_roster_report {
  color: #63428C;
  font-size: 1.8em;
  float: left;
  margin: 40px 0 15px 1%;
  width: 80%; }

.text_roster_report {
  float: left;
  font-family: "Montserrat";
  font-weight: 700 !important;
  font-size: 1.125em;
  line-height: 1em;
  margin: 16px 2% 25px;
  width: 90%; }

.sub_text_roster_report {
  float: left;
  font-size: 0.875em;
  font-family: "Montserrat";
  font-weight: 400 !important;
  font-style: italic !important;
  margin: 0 2%; }

.container_roster_report {
  float: left;
  height: auto;
  margin-top: 40px;
  padding: 0 15px;
  width: 98%; }

/************ EDIT CUSTOMER ASSESSMENTS ************/
.up_section_av {
  border-bottom: 2px solid #999999;
  box-sizing: border-box;
  height: 155px; }

#table_assessments,
#table_public_site_assessments,
#table_preloaded_assessments,
#table_baseline_assessments {
  font-size: 0.8rem; }

#table_assessments tbody td,
#table_public_site_assessments tbody td,
#table_preloaded_assessments tbody td,
#table_baseline_assessments tbody td {
  vertical-align: middle; }

#preloaded_assessments_page_size,
#baseline_assessments_page_size {
  width: 30%; }

.wizard_create_assessment {
  float: left;
  height: auto;
  position: relative;
  width: 100%; }

.discipline_col {
  border-left: none;
  width: 30%; }

.container_create_button {
  float: left;
  height: 50px;
  width: 100%; }

.container_create_button button {
  background-color: #0099DC;
  border: none;
  -moz-border-radius: 5px;
  -webkit-border-radius: 5px;
  -khtml-border-radius: 5px;
  border-radius: 5px;
  color: #FFFFFF;
  font-size: 0.95em;
  float: left;
  margin-top: 5px;
  padding: 8px 16px; }

.container_create_button button:hover {
  background-color: #6CC6B7;
  color: #FFFFFF; }

#container_2_options {
  float: left;
  height: 50px;
  text-align: center;
  width: 100%; }

#container_2_options a.option {
  color: #0099DC;
  float: left;
  font-size: 0.875em;
  margin-top: 15px;
  width: 50%; }

#container_2_options a.option:hover {
  color: #6CC6B7; }

.loaded_assessments {
  float: left;
  margin-top: 18px;
  position: relative;
  width: 100%; }

.loaded_assessments h2.title_pla {
  color: #63428C;
  float: left;
  margin-bottom: 10px;
  width: 100%; }

.public_assessments {
  float: left;
  margin-left: 10%;
  width: 80%;
  margin-bottom: 20px; }

.public_assessments .container_search_by_tags {
  width: 95%; }

.public_assessments .container_search_by_tags label {
  margin-left: 5px;
  text-align: left; }

.public_assessments .select2-container {
  margin-top: 3px;
  width: 55% !important; }

.link_clone {
  color: #0099DC; }

.link_clone:hover {
  color: #6CC6B7; }

.container_units_scope {
  float: left;
  width: 100%; }

/*****************************************************/
/************ EDIT CUSTOMER STUDENTS ************/
.column_student_email {
  max-width: 175px;
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap; }

.column_user_email {
  max-width: 200px;
  overflow: hidden;
  padding-left: 10px;
  text-overflow: ellipsis;
  white-space: nowrap; }

.note_about_sessions {
  color: #E31B23;
  font-size: 0.85em;
  font-family: "Montserrat";
  font-weight: 700 !important;
  position: relative;
  width: 100%; }

#setActiveButton {
  font-size: 1em;
  text-decoration: none; }
  #setActiveButton:hover {
    cursor: pointer;
    text-decoration: none; }

.box_section p.msg_deactivate_student {
  color: #E31B23;
  display: inline-block;
  font-family: "Montserrat";
  font-weight: 700 !important;
  font-size: 0.7em;
  line-height: 1em;
  margin: 8px 0 0 10px;
  width: 330px; }

.container_button_sg {
  float: left;
  margin-top: 35px;
  width: 100%; }

.goals_text_instructions {
  float: left;
  font-size: 0.875em;
  margin-bottom: 30px;
  margin-top: 6px;
  padding-right: 10%;
  width: 90%; }

#saveStudentGroups {
  -moz-border-radius: 5px;
  -webkit-border-radius: 5px;
  -khtml-border-radius: 5px;
  border-radius: 5px;
  background-color: #0099DC;
  color: #FFFFFF;
  font-size: 1em;
  float: right;
  padding: 10px 25px; }

#saveStudentGroups:hover {
  background-color: #6CC6B7; }

/*****************************************************/
/******** SUMMARY REPORT TABLE *********/
table.tablesorter_sr {
  background-color: #CCCCCC;
  margin: 10px 0pt 15px;
  font-size: 0.7em;
  width: 100%;
  text-align: left; }

table.tablesorter_sr thead tr th, table.tablesorter_sr tfoot tr th {
  background-color: #FFFFFF;
  border-left: 1px solid #F4F4F4;
  font-size: 1.0em;
  padding-bottom: 4px;
  padding-left: 5px; }

table.tablesorter_sr thead tr th p {
  font-family: "Montserrat";
  font-weight: 700 !important;
  font-style: italic !important;
  font-size: 0.92em;
  line-height: 1.3em;
  margin-bottom: 0; }

table.student_summary_table thead tr th div {
  font-family: "Montserrat";
  font-weight: 700 !important;
  font-style: italic !important;
  font-size: 0.92em;
  line-height: 1.3em;
  margin-bottom: 0; }

table thead tr th p.scores_labels {
  float: left;
  margin-left: 8%;
  margin-top: 2px;
  width: 75%; }

table.tablesorter_sr thead tr .header {
  background-image: url(/static/css/images/tablesorter/bg.gif);
  background-repeat: no-repeat;
  background-position: center right;
  cursor: pointer; }

table.tablesorter_sr tbody td {
  border-left: 1px solid #F4F4F4;
  color: #414042;
  padding: 4px;
  background-color: #FFFFFF;
  vertical-align: middle;
  text-align: center; }

table.tablesorter_sr tbody td.student_name {
  font-family: "Montserrat";
  font-weight: 700 !important; }

table.tablesorter_sr tbody td.inactive_student {
  color: #E31B23; }

table.tablesorter_sr tbody td.unit_detail_td {
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
  max-width: 12ex;
  font-family: "Montserrat";
  font-weight: 700 !important; }

table.tablesorter_sr tbody td.student_name div {
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
  max-width: 14ex; }

table.tablesorter_sr tbody td.student_email {
  font-family: "Montserrat";
  font-weight: 700 !important; }

table.tablesorter_sr tbody td.student_email div {
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
  max-width: 31ex; }

table.tablesorter_sr tbody tr.row_summary {
  font-size: 1.25em;
  height: 35px; }

table.tablesorter_sr tbody tr.row_summary:nth-child(even) {
  background-color: #FFFFFF; }

table.tablesorter_sr tbody tr.row_summary:nth-child(odd) {
  background-color: #F4F4F4; }

table.tablesorter_sr tbody tr.row_summary td {
  background-color: transparent;
  vertical-align: middle; }

table.tablesorter_sr thead tr .headerSortUp {
  background-image: url(/static/css/images/tablesorter/asc.gif); }

table.tablesorter_sr thead tr .headerSortDown {
  background-image: url(/static/css/images/tablesorter/desc.gif); }

table th.universal_data {
  background-color: #6CC6B7 !important;
  border-top: 2px solid #6CC6B7;
  border-bottom: 2px solid #6CC6B7; }

table th.specific_assessment_data {
  background-color: #CCCCCC !important;
  border-top: 2px solid #CCCCCC;
  border-bottom: 2px solid #CCCCCC; }

#unit_detail_summary,
#topic_detail_summary {
  float: left;
  margin-top: 35px;
  width: 85%; }

#unit_detail_summary thead tr,
#topic_detail_summary thead tr {
  height: 45px; }

.container_keys_columns {
  float: left;
  width: 100%; }

.container_keys_columns p.text_universal {
  color: #6CC6B7;
  font-family: "Montserrat";
  font-weight: 700 !important; }

.container_keys_columns p.text_assessment {
  color: #999999;
  font-family: "Montserrat";
  font-weight: 700 !important;
  font-style: italic !important; }

/*****************************************************/
.progress_sr {
  height: 18px;
  margin-left: 6%;
  position: relative;
  width: 85%; }

.progress_sr p {
  position: absolute;
  margin: 0;
  color: #999999;
  font-size: 0.875em;
  font-family: "Montserrat";
  font-weight: 700 !important;
  text-align: center;
  width: 15px; }

.bar_sr {
  background-color: #414042;
  border-radius: 30px 30px 30px 30px;
  height: 7px;
  margin-top: 5px;
  position: absolute;
  z-index: 100;
  width: 7px; }

.line_between_dots {
  background-color: #999999;
  height: 3px;
  margin-top: 7px;
  position: absolute; }

/********* Bubbles Overview **************/
#bar_bubble_unit {
  -moz-border-radius: 10px;
  -webkit-border-radius: 10px;
  -khtml-border-radius: 10px;
  border-radius: 10px;
  border: 2px solid #0099DC;
  background-color: #FFFFFF;
  font-family: "Montserrat";
  font-weight: 700 !important;
  font-size: 0.85rem;
  height: 30px;
  min-width: 125px;
  padding: 8px 10px 12px 10px;
  position: absolute;
  z-index: 990; }
  #bar_bubble_unit p {
    font-family: "Montserrat";
    font-weight: 700 !important;
    font-size: .85rem;
    line-height: .85rem;
    margin-top: 1rem; }
  #bar_bubble_unit:before, #bar_bubble_unit:after {
    border-left: 13px solid transparent;
    border-right: 13px solid transparent;
    border-top: 13px solid #FFFFFF;
    content: "";
    display: block;
    height: 0;
    left: 14px;
    position: absolute;
    top: 100%;
    width: 0;
    z-index: 4; }
  #bar_bubble_unit:after {
    border-left: 16px solid transparent;
    border-right: 16px solid transparent;
    border-top: 16px solid #0099DC;
    left: 11px;
    width: 0;
    z-index: 3; }

#bubble_advance_custom {
  background-color: #FFFFFF;
  -moz-border-radius: 15px;
  -webkit-border-radius: 15px;
  -khtml-border-radius: 15px;
  width: 35vw;
  border-radius: 15px;
  bottom: 35px;
  box-shadow: 0 0 12px 0 #999999;
  display: none;
  left: 10%;
  position: absolute;
  z-index: 5; }
  #bubble_advance_custom .close_acb {
    background-color: #FFFFFF;
    border: 2px solid #999999;
    -moz-border-radius: 15px;
    -webkit-border-radius: 15px;
    -khtml-border-radius: 15px;
    border-radius: 15px;
    color: #999999;
    cursor: pointer;
    font-family: "Montserrat";
    font-weight: 700 !important;
    font-size: 0.75em;
    padding: 0 4px;
    position: absolute;
    right: -6px;
    top: -4px; }
  #bubble_advance_custom .text_acb {
    border: 2px solid #0099DC;
    -moz-border-radius: 15px;
    -webkit-border-radius: 15px;
    -khtml-border-radius: 15px;
    border-radius: 15px;
    margin: 3px;
    z-index: 3;
    padding-bottom: 2%; }
    #bubble_advance_custom .text_acb hr {
      float: left;
      margin: 0 5% 4px;
      width: 90%; }
    #bubble_advance_custom .text_acb:after {
      border-left: 16px solid transparent;
      border-right: 16px solid transparent;
      border-top: 16px solid #0099DC;
      left: 44%;
      width: 0;
      z-index: 3; }
  #bubble_advance_custom .text_acb:before,
  #bubble_advance_custom .text_acb:after {
    border-left: 13px solid transparent;
    border-right: 13px solid transparent;
    border-top: 13px solid #FFFFFF;
    content: "";
    display: block;
    left: 45%;
    position: absolute;
    top: 98%;
    width: 0;
    z-index: 4; }
  #bubble_advance_custom:after {
    border-left: 15px solid transparent;
    border-right: 15px solid transparent;
    border-top: 15px solid #FFFFFF;
    content: "";
    display: block;
    height: 0;
    left: 44.4%;
    position: absolute;
    top: 100%;
    width: 0;
    z-index: 2; }
  #bubble_advance_custom p.text_bubble_ac {
    color: #000000;
    font-family: "Montserrat";
    font-weight: 400 !important;
    font-size: 0.8em;
    line-height: 1em;
    margin: 3px 8px 0px;
    text-align: center;
    float: left;
    height: 60px; }

.container_advance_custom_list {
  margin: 10px 3%; }

.container_advance_custom_list button.disabled {
  background-color: #999999; }

button.disabledButton {
  background-color: #999999 !important;
  cursor: default;
  pointer-events: none; }

/********* Unit detail report *******/
.numbers_units {
  float: left;
  height: 10px;
  width: auto; }

.div_number {
  float: left;
  margin: 0 2px;
  text-align: center;
  position: relative;
  width: 24px; }

.div_number span {
  cursor: pointer;
  font-family: "Montserrat";
  font-weight: 700 !important;
  font-style: italic !important; }

/**** Bubble Unit Name ****/
#number_bubble_unit {
  -moz-border-radius: 10px;
  -webkit-border-radius: 10px;
  -khtml-border-radius: 10px;
  border-radius: 10px;
  border: 2px solid #0099DC;
  background-color: #FFFFFF;
  display: none;
  font-family: "Montserrat";
  font-weight: 700 !important;
  font-size: 0.75em;
  height: 30px;
  min-width: 100px;
  padding: 10px 10px 0;
  position: absolute;
  text-align: center;
  z-index: 5; }

#number_bubble_unit:before,
#number_bubble_unit:after {
  border-left: 13px solid transparent;
  border-right: 13px solid transparent;
  border-top: 13px solid #FFFFFF;
  content: "";
  display: block;
  height: 0;
  left: 14px;
  position: absolute;
  top: 100%;
  width: 0;
  z-index: 4; }

#number_bubble_unit:after {
  border-left: 16px solid transparent;
  border-right: 16px solid transparent;
  border-top: 16px solid #0099DC;
  left: 11px;
  width: 0;
  z-index: 3; }

/********************/
/***** Bubble Last resource ****/
.last_resource_bubble {
  -moz-border-radius: 6px;
  -webkit-border-radius: 6px;
  -khtml-border-radius: 6px;
  border-radius: 6px;
  border: 2px solid #0099DC;
  background-color: #FFFFFF;
  display: none;
  font-size: 1.2em;
  min-height: 60px;
  padding: 1px 4px 2px 6px;
  position: absolute;
  text-align: left;
  width: 250px;
  z-index: 5; }

.last_resource_bubble:before,
.last_resource_bubble:after {
  border-left: 11px solid transparent;
  border-right: 11px solid transparent;
  border-top: 11px solid #FFFFFF;
  content: "";
  height: 0;
  left: 218px;
  position: absolute;
  top: 100%;
  width: 0;
  z-index: 4; }

.last_resource_bubble:after {
  border-left: 14px solid transparent;
  border-right: 14px solid transparent;
  border-top: 14px solid #0099DC;
  left: 215px;
  width: 0;
  z-index: 3; }

.last_resource_bubble p {
  margin: 0; }

.last_resource_bubble .unit_resource p {
  line-height: 1.2em; }

.last_resource_bubble a {
  color: #0099DC;
  font-size: 0.8em; }

.last_resource_bubble a:hover {
  color: #6CC6B7; }

/*************************/
.row_units {
  float: left;
  height: 32px;
  margin-top: 3px;
  width: auto; }

.unit_box {
  cursor: initial;
  float: left;
  height: 27px;
  margin: 0 1px;
  width: 25px; }
  .unit_box:focus {
    outline: none; }

.unit_box_NotAssessed {
  background-color: #999999;
  border-top: 25px solid #999999; }

.unit_box_NotReady {
  background-color: #E31B23;
  border-bottom: 25px solid #E31B23; }

.unit_box_NeedsReview {
  background-color: #FF9900; }

.unit_box_Mastered {
  background-color: #6CC6B7; }

.circle, .user_story .ui-dialog-titlebar .ui-dialog-titlebar-close {
  -moz-border-radius: 50% !important;
  -webkit-border-radius: 50% !important;
  border-radius: 50% !important; }

.triangle, .triangle_up, .triangle_down, .type_ub_chart .triangle_up_info, .type_ub_chart .triangle_down_info {
  border-left: 12px solid transparent;
  border-right: 12px solid transparent;
  background-color: #FFFFFF !important;
  width: 0;
  height: 0; }

.triangle_up {
  border-bottom: 25px solid #E31B23; }

.triangle_down {
  border-top: 25px solid #999999; }

.unit_box_Optional {
  background-color: #FF9900; }

.unit_box_Optional span {
  color: #FFFFFF;
  font-family: "Montserrat";
  font-weight: 700 !important;
  font-style: italic !important;
  font-size: 1.5em;
  left: 5px;
  top: 4px;
  position: relative; }

.legend_ud_report {
  float: right;
  width: 14%; }

.yaxis_label {
  bottom: 100px;
  color: #999999;
  font-family: "Montserrat";
  font-weight: 700 !important;
  font-size: 0.85rem;
  left: -20px;
  position: absolute;
  transform: rotate(-90deg);
  -o-transform: rotate(-90deg);
  -ms-transform: rotate(-90deg);
  -moz-transform: rotate(-90deg);
  -webkit-transform: rotate(-90deg);
  transform-origin: 0 0;
  -o-transform-origin: 0 0;
  -ms-transform-origin: 0 0;
  -moz-transform-origin: 0 0;
  -webkit-transform-origin: 0 0; }

/*** Goals Table ***/
.goals_list {
  float: left;
  margin-bottom: 15px;
  width: 100%; }

#table_goals {
  font-size: 0.8em;
  margin-top: 0; }

#table_goals tbody td {
  vertical-align: middle; }

#table_goals tbody td.name_goal_table {
  line-height: 1em;
  max-width: 180px;
  overflow: hidden;
  text-overflow: ellipsis;
  border-left: none; }

.actions_td a:hover,
.actions-col a:hover {
  color: #6CC6B7; }

.clone_actions_td a:hover {
  color: #6CC6B7; }

/************* Customer User Permissions ********************/
.text_user_permissions_tab {
  font-size: 0.875em;
  margin-left: 2%;
  width: 98%; }

#permissions-trees .tree .ui-widget.ui-widget-content {
  border: none !important; }

.box_section {
  margin: 5px 0;
  width: 100%; }
  .box_section input#accessibility {
    margin-right: 6px;
    margin-top: -2px; }

.hierarchy_text_instructions {
  float: left;
  font-size: 0.875em;
  margin-bottom: 30px;
  margin-top: 6px;
  width: 90%; }
  .hierarchy_text_instructions span {
    font-family: "Montserrat";
    font-weight: 400 !important;
    font-style: italic !important; }

/****************************************************/
/**** EdReady Versions Table ***/
#table_edready_versions tbody td {
  vertical-align: middle;
  font-size: 0.8em; }

/*************** Preview Congrats Page *************/
.close_button_preview {
  -moz-border-radius: 5px;
  -webkit-border-radius: 5px;
  -khtml-border-radius: 5px;
  border-radius: 5px;
  background-color: #0099DC;
  color: #FFFFFF;
  font-size: 0.95em;
  padding: 8px 16px;
  text-decoration: none;
  float: left;
  margin-left: 45%;
  margin-top: 5px; }

.close_button_preview:hover {
  background-color: #6CC6B7;
  text-decoration: none;
  color: #FFFFFF; }

.container_preview_congrats {
  float: left;
  margin-top: 10px;
  max-height: 570px;
  overflow: auto;
  width: 100%; }
  .container_preview_congrats .congrats_image_preview {
    width: 20%; }
  .container_preview_congrats .congrats_text_container {
    width: 80%; }
    .container_preview_congrats .congrats_text_container .title_ct {
      font-size: 1.75em; }

/***************************************************/
/************** Version Ads Management *************/
#customerMessagingForm {
  float: left;
  margin-top: 20px;
  margin-bottom: 0;
  position: relative;
  width: 100%; }

.line_ads_version {
  float: left;
  width: 100%; }

.ads_management_box {
  float: left;
  margin: 10px 0 15px;
  width: 100%; }
  .ads_management_box h2.title_small {
    color: #63428C;
    font-size: 1em;
    margin-bottom: 30px;
    width: 100%;
    font-weight: normal;
    line-height: normal; }

.container_version_ad {
  margin-bottom: 15px; }
  .container_version_ad .form-group,
  .container_version_ad .form-check {
    align-self: center; }

.container_edit_ad {
  float: left;
  margin-left: 10px;
  margin-top: 55px;
  width: auto;
  cursor: pointer; }
  .container_edit_ad a {
    border-radius: 5px;
    background-color: #0099DC;
    color: #FFFFFF;
    font-size: 0.95em;
    padding: 1px 5px;
    text-decoration: none;
    border: 0px; }
    .container_edit_ad a:hover {
      background-color: #6CC6B7; }
  .container_edit_ad span {
    display: none;
    float: left;
    font-family: "Montserrat";
    font-weight: 400 !important;
    font-style: italic !important;
    font-size: 0.7em;
    width: 100%;
    color: #E31B23; }
    .container_edit_ad span.saved {
      color: green; }
  .container_edit_ad input[type="checkbox"] {
    float: left;
    margin-top: 32px;
    clear: both; }
  .container_edit_ad label {
    font-family: "Montserrat";
    font-weight: 700 !important;
    float: left;
    margin-left: 10px;
    margin-top: 30px; }
  .container_edit_ad textarea {
    float: left;
    height: 80px;
    margin-left: 20px;
    width: 300px;
    resize: none; }

#customerAdCreateForm {
  float: left;
  width: 100%; }

.container_ads_creation label {
  font-family: "Montserrat";
  font-weight: 700 !important; }

.container_ads_creation span {
  color: #E31B23;
  font-family: "Montserrat";
  font-weight: 700 !important;
  font-size: 0.9em;
  font-style: italic;
  margin-top: 6px; }

.container_ads_creation #msg_about_emails_pc {
  font-size: 0.75em;
  position: absolute;
  top: 30px;
  left: 12px; }

#div_others_emails_input {
  display: none; }

.container_header_input {
  float: left;
  width: 100%; }
  .container_header_input p {
    float: left;
    margin-left: 8px;
    margin-top: 4px;
    font-size: 0.8em;
    color: #000000; }

/***************************************************/
/********** SuperAdmin Home RESOURCES TAB **********/
.title_resources {
  color: #63428C;
  float: left;
  font-size: 0.95em;
  width: 100%; }

.container_resource_search {
  float: left;
  margin-bottom: 12px;
  margin-top: 12px;
  width: 100%; }

.container_resource_search label {
  float: left;
  font-family: "Montserrat";
  font-weight: 700 !important;
  margin-right: 10px;
  margin-top: 4px;
  width: auto; }

.container_resource_search input[type="text"] {
  float: left;
  margin-bottom: 0;
  width: 25%; }

.container_resource_search span {
  font-family: "Montserrat";
  font-weight: 700 !important;
  color: #E31B23;
  float: left;
  font-family: "Montserrat";
  font-weight: 400 !important;
  font-style: italic !important;
  font-size: 0.7em;
  margin-left: 8px;
  margin-top: 5px;
  width: auto; }

#button_search_resource {
  background-color: #0099DC;
  -moz-border-radius: 5px;
  -webkit-border-radius: 5px;
  -khtml-border-radius: 5px;
  border-radius: 5px;
  color: #FFFFFF;
  float: left;
  font-size: 0.95em;
  margin-bottom: 30px;
  padding: 6px 12px; }

#button_search_resource:hover {
  background-color: #6CC6B7;
  color: #FFFFFF;
  text-decoration: none; }

/***************************************************/
/************** Assessment Resources **************/
.div_container_ar {
  height: auto;
  font-size: 0.95em;
  margin-bottom: 40px;
  position: relative;
  width: 100%;
  clear: both; }
  .div_container_ar .select_container {
    width: 15rem; }

.div_container_ar button:hover {
  background-color: #6CC6B7; }

#saveDefaultResource {
  margin-top: 20px;
  padding: 8px;
  font-size: 1.1em; }

.container_units_topics {
  height: 75px;
  margin-top: 10px;
  width: 100%; }

.note_topic_list {
  font-size: 0.88em;
  float: right;
  margin-bottom: 0px; }

#restore_default_link {
  font-size: 0.95em;
  color: #0099DC; }

#restore_default_link:hover {
  color: #6CC6B7;
  cursor: pointer; }

#restore_global_resources_modal h2 {
  float: left;
  text-align: center;
  width: 100%; }

.container_buttons_rgrm {
  float: left;
  margin-top: 30px;
  text-align: center;
  width: 100%; }

.container_buttons_rgrm button {
  border: none;
  color: #FFFFFF;
  background-color: #0099DC;
  padding: 8px 14px;
  margin-right: 8px;
  -moz-border-radius: 4px;
  -webkit-border-radius: 4px;
  -khtml-border-radius: 4px;
  border-radius: 4px; }

.container_buttons_rgrm button:hover {
  background-color: #6CC6B7; }

#msg_restore_dr {
  background-color: #F4F4F4;
  border: 1px solid #009900;
  display: none;
  color: #009900;
  font-size: 0.8em;
  left: 76%;
  padding: 4px 1%;
  position: absolute;
  top: 455px;
  width: 15%; }

#msg_default_resource_changed {
  background-color: #F4F4F4;
  border: 1px solid #009900;
  display: none;
  color: #009900;
  font-size: 0.8em;
  padding: 4px 1%;
  position: absolute;
  left: 66.2%;
  top: 580px; }

#resources_select_default {
  display: none;
  width: 100%; }

.container_list {
  float: left;
  width: 50%; }

.container_list label {
  float: left;
  font-family: "Montserrat";
  font-weight: 700 !important;
  margin-right: 10px;
  width: auto; }

.container_list select {
  float: left;
  width: 55%; }

#container_select_default {
  height: auto;
  width: 100%; }

.text_select_default {
  float: left;
  font-family: "Montserrat";
  font-weight: 700 !important;
  margin-bottom: 10px;
  width: 100%; }

.topic_resources {
  border: 1px solid #F4F4F4;
  width: 100%; }

.topic_resources .topic_resource:nth-child(even) {
  background-color: white;
  height: auto;
  padding: 5px 1%;
  width: 100%; }

.topic_resources .topic_resource:nth-child(odd) {
  background-color: #F4F4F4;
  height: auto;
  padding: 5px 1%;
  width: 100%; }

.topic_resources .topic_resource span {
  font-size: 0.75em;
  font-weight: normal; }

.topic_resources .topic_resource a {
  color: #000000;
  /*$edready-blue*/
  font-size: 0.95em;
  font-weight: normal;
  text-align: left; }

.topic_resources .topic_resource a:hover {
  color: #6CC6B7;
  cursor: pointer;
  text-decoration: none; }

.resources_list .topic_resources .topic_resource img {
  height: 100%; }

.resources_list .topic_resources .topic_resource span {
  font-size: 0.75em;
  font-weight: normal;
  border-left: solid 1px gray;
  padding-left: 1px; }

.resources_list .topic_resources .topic_resource span.provider {
  font-family: "Montserrat";
  font-weight: 700 !important; }

.resources_list .topic_resources .topic_resource a {
  color: #000000;
  font-size: 0.95em;
  font-weight: normal;
  text-align: left; }

.hide {
  display: none; }

.resources_list .topic_resources {
  width: 100%; }

.div_container_ar .c_shown:after {
  content: ' -'; }

.div_container_ar .c_hidden:after {
  content: ' +'; }

/*** EditCustomer: Super Admin Tools Tab ***/
.section_tools {
  float: left;
  height: auto;
  margin-top: 10px;
  width: 100%; }

.section_list label {
  font-family: "Montserrat";
  font-weight: 700 !important; }

.section_student_versions {
  margin-top: 10px; }

.button_tools {
  background-color: #0099DC;
  -moz-border-radius: 5px;
  -webkit-border-radius: 5px;
  -khtml-border-radius: 5px;
  border-radius: 5px;
  color: #FFFFFF;
  float: left;
  font-size: 0.95em;
  margin-left: 5%;
  padding: 8px 16px;
  text-decoration: none;
  width: 271px;
  text-align: center; }
  .button_tools:hover {
    background-color: #6CC6B7;
    text-decoration: none;
    color: #FFFFFF; }

/** Super Home - Tools Tab **/
.super_section_tool {
  float: left;
  height: auto;
  margin-bottom: 35px;
  width: 100%; }
  .super_section_tool p.tool_title {
    color: #0099DC;
    float: left;
    font-size: 1.125em;
    width: 100%; }
  .super_section_tool p.tool_text {
    float: left;
    font-size: 0.875em;
    margin-left: 2%;
    width: 98%; }

.container_input_look_up {
  float: left;
  width: 100%; }
  .container_input_look_up input[type="text"] {
    float: left; }
  .container_input_look_up span {
    color: #E31B23;
    float: left;
    font-family: "Montserrat";
    font-weight: 400 !important;
    font-style: italic !important;
    font-size: 0.75em;
    margin-left: 10px;
    margin-top: 7px; }

.super_section_tool select.multiple_customers {
  float: left;
  margin-left: 2%;
  width: 50%; }

.super_section_tool hr {
  border-style: dashed;
  float: left;
  margin: 15px 0 0 2%;
  width: 96%; }

.createdSuperBannerMsg {
  bottom: -25px;
  font-size: 0.8em;
  position: relative;
  right: 0; }

.banner_status_label {
  bottom: 6px;
  font-family: "Montserrat";
  font-weight: 400 !important;
  font-style: italic !important;
  font-size: 0.75em;
  position: relative; }

.index_page_custom_h2 {
  font-family: "Montserrat";
  font-weight: 700 !important;
  font-size: 1.77em;
  line-height: 36px; }

.index_page_column_h3 {
  font-size: 1.3em;
  font-family: "Montserrat";
  font-weight: 700 !important;
  margin: 0 0 .6em;
  border-bottom: 1px solid #CCCCCC;
  color: #63428C;
  min-height: 36px;
  line-height: 36px; }

#super_banner_modal h2 {
  color: #0099DC;
  font-size: 1.4em;
  font-weight: normal;
  margin-bottom: 25px;
  margin-top: 25px; }

#error_super_banner_content {
  bottom: -10px;
  color: #E31B23;
  font-family: "Montserrat";
  font-weight: 700 !important;
  font-size: 0.7em;
  left: 50px;
  position: absolute; }

#clear_content_super_banner {
  background: none;
  bottom: 6px;
  color: #0099DC;
  font-size: 0.75em;
  left: 38px;
  margin: 0;
  padding: 0;
  position: absolute; }

#clear_content_super_banner:hover {
  color: #6CC6B7;
  cursor: pointer; }

.custom-checkbox {
  float: left;
  margin-right: 5px !important; }

.inner-disclaimer {
  padding-top: 30px; }

.displayCustomField {
  border: none;
  box-shadow: none;
  resize: none;
  background-color: inherit !important; }

.t_label {
  font-family: "Montserrat";
  font-weight: 400 !important; }

.regular_text {
  font-family: "Montserrat";
  font-weight: 400 !important;
  font-style: italic !important;
  font-size: 1em !important; }

.body_container_students {
  height: 155px;
  border-bottom: 2px solid #999999; }

.height_45 {
  height: 45px; }

.min_height_400 {
  min-height: 400px; }

.margin_right_2percent {
  margin-right: 2%; }

.height_40 {
  height: 40px; }

.margin_top_10 {
  margin-top: 10px; }

.delete_student_title {
  color: #63428C; }

.margin_top_25 {
  margin-top: 25px; }

.margin_left_5percent {
  margin-left: 5%; }

.student_customers_list_table {
  margin-top: 0;
  float: left; }

.no_border_th {
  border-left: none;
  width: 18%; }

.column_check_box_label {
  margin-left: 18px;
  margin-bottom: 2px;
  font-size: 1em; }

.column_check_box {
  margin-left: 3px !important;
  display: block !important;
  position: absolute; }

.page_size {
  font-size: 1em !important;
  display: inline;
  font-family: "Montserrat";
  font-weight: 400 !important; }

.link_home {
  text-decoration: none !important;
  margin-right: 2px; }

.title_table_caption {
  font-size: 1.125em;
  color: #63428C;
  margin-left: 5px;
  margin-top: 10px; }

.label_span {
  font-family: "Montserrat";
  font-weight: 700 !important;
  margin-left: 0px;
  font-size: 0.813em; }

.in_quotes {
  margin-right: -3px; }

.table-title {
  font-size: 1.5rem;
  color: #63428C; }

.actions-lg {
  padding: 0px 15px 0px 15px; }

#remove_inprogress_assessments {
  margin-left: 50.4%; }

.well {
  min-height: 20px;
  padding: 19px;
  margin-bottom: 20px;
  background-color: #F4F4F4;
  border: 1px solid #CCCCCC;
  -webkit-border-radius: 4px;
  -moz-border-radius: 4px;
  border-radius: 4px;
  -webkit-box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.05);
  -moz-box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.05);
  box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.05); }

.select2-container {
  width: 65% !important; }

div.max-width-tags span.select2-container {
  width: 100% !important; }

#excludeContributorButton,
#includeContributorButton,
#excludeQuestionContributorButton,
#includeQuestionContributorButton {
  width: 90px; }

#details_input {
  font-size: 1em;
  height: 250px;
  line-height: 1em;
  padding: 0;
  resize: none;
  width: 100%; }

/*** No scroll in modal ***/
.modal-open {
  overflow: hidden; }

@media screen and (max-height: 500px) {
  #assessment_instructions {
    height: 100%;
    margin-top: 0;
    margin-bottom: 0;
    top: 0; } }

.header_instructions {
  margin-right: 1%;
  height: 20px; }

.study_plan .body_instructions {
  min-height: 240px;
  display: inline-block; }

.body_instructions {
  border: #edready-gray-light 1px solid;
  min-height: 400px;
  position: relative;
  display: block;
  padding: 20px 0; }
  .body_instructions .form-check span {
    color: #E31B23;
    font-size: 13px;
    margin-left: 15px; }
  .body_instructions p.title {
    color: #63428C;
    font-family: "Montserrat";
    font-weight: 700 !important;
    font-size: 1.9em;
    line-height: 1em; }
  .body_instructions p.text {
    font-family: "Montserrat";
    font-weight: 700 !important;
    font-size: 1.05em;
    line-height: 1em;
    margin-bottom: 18px; }
  .body_instructions p.option {
    font-size: 1.05em;
    line-height: 1em;
    margin: 1.5rem 3%;
    overflow: hidden;
    padding-left: 2px;
    text-overflow: ellipsis; }

.post_test .body_instructions {
  padding: 50px 0;
  min-height: 350px; }
  .post_test .body_instructions .text {
    width: 100%; }

.footer_instructions {
  margin: 14px; }

.footer_instructions img {
  float: left; }

.footer_instructions button {
  font-family: "Montserrat";
  font-weight: 400 !important; }

.footer_instructions p {
  float: left;
  font-family: "Montserrat";
  font-weight: 700 !important;
  font-size: 0.75em;
  line-height: 1em;
  margin-left: 1%;
  margin-top: 10px;
  width: 46%; }

.start_assessment {
  border: none;
  cursor: pointer; }
  .start_assessment:hover {
    text-decoration: none; }

/*********************** QUESTION VIEWER *******************************/
#assessment {
  clear: both; }

span.AM img {
  vertical-align: middle; }

#question_player {
  height: 100%; }

#question_buttons_div {
  min-width: 75%; }
  #question_buttons_div button {
    max-height: 36px; }

.assessment_question_wrapper {
  min-width: 500px; }

.assessment_question {
  width: 100%;
  background-color: #FFFFFF;
  -webkit-border-radius: 10px;
  -moz-border-radius: 10px;
  -ms-border-radius: 10px;
  border-radius: 10px; }

.assessment_in_progress {
  background-color: #FFFFFF;
  height: auto;
  -webkit-border-radius: 10px;
  -moz-border-radius: 10px;
  -ms-border-radius: 10px;
  border-radius: 10px; }

.header_assessment {
  margin-bottom: 0.5rem; }

.header_assessment a {
  margin-top: 2px;
  float: right;
  color: #999999;
  font-size: 1.25em;
  font-family: "Montserrat";
  font-weight: 700 !important;
  cursor: pointer; }

.header_assessment p.name {
  font-size: 1.4em;
  margin: 15px 2%;
  width: 40%; }

.dif_test_msg {
  color: #63428C;
  font-size: 1.6em;
  line-height: 1em;
  margin-top: 5px;
  width: 100%; }

.body_assessment {
  border: 1px solid #CCCCCC;
  overflow: auto;
  margin-left: 2%;
  width: 97%; }
  @media only screen and (max-width: 576px) {
    .body_assessment {
      height: 70%; } }
  @media only screen and (max-width: 576px) and (orientation: landscape) {
    .body_assessment {
      height: 55%; } }

.body_done {
  border: 1px solid #CCCCCC;
  min-height: 375px;
  margin: 0;
  width: 100%;
  position: relative;
  display: table; }

.body_done .m_fifty_top {
  margin: 15px 0 0 2%; }

.body_done:after {
  background: url(/static/css/images/studyPlan/box-corner.gif) no-repeat left bottom #FFFFFF;
  content: "";
  height: 35px;
  right: -5px;
  position: absolute;
  top: -5px;
  width: 35px;
  z-index: 1; }

.body_assessment_in_progress {
  border: 1px solid #CCCCCC;
  margin-top: 30px;
  padding: 1rem 0;
  position: relative; }

.body_assessment_in_progress .p_description {
  margin-bottom: 4px;
  font-size: 1em; }

.body_assessment_in_progress:after {
  background: url(/static/css/images/studyPlan/box-corner.gif) no-repeat left bottom #FFFFFF;
  content: "";
  height: 35px;
  right: -5px;
  position: absolute;
  top: -5px;
  width: 35px;
  z-index: 1; }

.option_retake {
  margin: 2% 5%; }

.progress_lost {
  color: #63428C;
  font-size: 0.75em;
  margin-left: 5%; }

.body_assessment p.final_result {
  float: left;
  font-size: 1.9em;
  line-height: 1em;
  margin-left: 8%; }

.completed_assessment_msg {
  color: #63428C;
  font-family: "Montserrat";
  font-weight: 700 !important;
  font-size: 2.45em;
  line-height: 1em;
  margin-top: 90px;
  text-align: center; }

.titles_progress_bars {
  height: 22px;
  margin-bottom: 8px;
  margin-left: 1rem; }

.titles_progress_bars p.title_bar {
  color: #63428C;
  float: left;
  font-size: 0.875em;
  margin-left: 2%;
  font-family: "Montserrat";
  font-weight: 700 !important;
  width: 50%; }

.final_progress {
  width: 25vw; }

.assessment_progress {
  margin-bottom: 0;
  background-image: none;
  background-color: #CCCCCC;
  border-radius: 0px;
  height: 18px; }

.assessment_progress .assessment_bar {
  background-image: none;
  background-color: #000000;
  height: 18px; }

.assessment_progress_info {
  font-size: 0.9em;
  font-family: "Montserrat";
  font-weight: 400 !important;
  font-style: italic !important;
  line-height: 1.1em;
  margin: -2px 0 0 1.5%;
  padding-top: 12px; }

#question_id_tag {
  text-align: right;
  font-size: 0.9em;
  font-family: "Montserrat";
  font-weight: 400 !important;
  font-style: italic !important;
  margin-right: 7px;
  margin-bottom: 0px;
  padding-top: 12px;
  width: auto; }

.progress_bars .pb_title {
  font-size: 1.0em;
  margin-right: 2%;
  margin-bottom: 0; }

.footer_assessment {
  margin-top: 20px; }

.footer_assessment a {
  color: #FFFFFF;
  text-align: center;
  cursor: pointer; }

.footer_assessment a.skip {
  background-color: #999999;
  float: left; }

.footer_assessment a.skip:hover {
  background-color: #6CC6B7;
  color: #FFFFFF;
  text-decoration: none; }

.footer_assessment a.submit {
  background-color: #0099DC;
  min-width: 125px;
  text-decoration: none; }

.footer_assessment a.submit:hover {
  background-color: #6CC6B7;
  color: #FFFFFF;
  text-decoration: none; }

.footer_assessment a.close_button {
  background-color: #999999;
  float: left; }

.footer_assessment a.close_button:hover {
  background-color: #6CC6B7;
  color: #FFFFFF;
  text-decoration: none; }

#question_iframe {
  width: 99%;
  -webkit-overflow-scrolling: touch;
  overflow-y: auto; }

/********************* ASSESSMENT RESULTS *************************/
.title_assessment {
  background-color: #0099DC;
  color: #FFFFFF;
  font-size: 0.95rem;
  height: 36px;
  padding: 8px 1% 0 1%;
  text-align: center;
  float: left; }
  .title_assessment label {
    color: #FFFFFF;
    font-size: 0.95rem;
    font-family: "Montserrat";
    font-weight: 700 !important; }
  .title_assessment a {
    font-family: "Montserrat";
    font-weight: 700 !important;
    color: #FFFFFF !important;
    font-size: 0.95rem !important;
    text-decoration: none !important; }
    .title_assessment a:hover {
      text-decoration: none !important; }

.info_bubble_ar {
  -moz-border-radius: 15px;
  -webkit-border-radius: 15px;
  -khtml-border-radius: 15px;
  border-radius: 15px;
  background-color: white;
  border-radius: 15px 15px 15px 15px;
  box-shadow: 0 0 12px 0 #999999;
  left: -45%;
  padding: 3px 0;
  position: absolute;
  top: -115px;
  width: 160%;
  z-index: 2; }

.text_ar {
  border: 2px solid #0099DC;
  -moz-border-radius: 15px;
  -webkit-border-radius: 15px;
  -khtml-border-radius: 15px;
  border-radius: 15px;
  margin-left: 1%;
  width: 97%;
  z-index: 3; }

.text_ar:before,
.text_ar:after {
  border-left: 13px solid transparent;
  border-right: 13px solid transparent;
  border-top: 13px solid #FFFFFF;
  content: "";
  display: block;
  height: 0;
  left: 85.8%;
  position: absolute;
  top: 94%;
  width: 0;
  z-index: 4; }

.text_ar:after {
  border-left: 16px solid transparent;
  border-right: 16px solid transparent;
  border-top: 16px solid #0099DC;
  left: 85%;
  width: 0;
  z-index: 3; }

.info_bubble_ar:after {
  border-left: 15px solid transparent;
  border-right: 15px solid transparent;
  border-top: 15px solid #FFFFFF;
  content: "";
  display: block;
  height: 0;
  left: 85%;
  position: absolute;
  top: 100%;
  width: 0;
  z-index: 2; }

.info_bubble_ar p {
  font-size: 0.8em;
  line-height: 1em;
  margin: 4px 2% 4px 3%;
  text-align: left; }

/************************************/
.container_box_to_sp {
  left: 80%;
  position: absolute;
  top: 60px;
  width: 16%; }

.box_to_sp {
  background-color: #CCCCCC;
  height: 140px;
  padding: 5px 2%;
  text-align: center; }

.box_to_sp .circle_info_sp {
  background-color: #0099DC;
  -moz-border-radius: 20px;
  -webkit-border-radius: 20px;
  -khtml-border-radius: 20px;
  border-radius: 20px;
  color: #FFFFFF;
  cursor: pointer;
  height: 18px;
  left: 95%;
  position: relative;
  top: -10px;
  width: 9%; }

.box_to_sp p.title_one {
  font-size: 1em; }

.box_to_sp p.hours {
  font-size: 3.1em;
  font-family: "Montserrat";
  font-weight: 700 !important;
  margin-top: 22px; }

.box_to_sp p.title_hours {
  font-size: 1.5em;
  font-weight: lighter;
  margin-top: 20px;
  text-transform: uppercase; }

.box_to_sp p.to_change {
  font-size: 0.75em;
  font-style: italic;
  line-height: 1em;
  margin-left: auto;
  margin-right: auto;
  margin-top: 15px;
  width: 62%; }

.build {
  background-color: #0099DC;
  color: #FFFFFF;
  cursor: pointer;
  float: left;
  font-size: 1.125em;
  height: 27px;
  margin-top: 10px;
  padding-top: 8px;
  text-align: center;
  width: 100%; }

.build:hover {
  background-color: #6CC6B7;
  color: #FFFFFF;
  text-decoration: none; }

/*************************************/
.assessment_study_opts a {
  color: #FFFFFF;
  font-size: 0.95em; }

.assessment_study_opts a:hover {
  text-decoration: none; }

.name_assessment {
  background-color: #F4F4F4;
  color: #0099DC;
  float: left;
  font-size: 0.95em;
  height: 28px;
  padding: 8px 1% 0 3%;
  text-align: center; }

.title_breadcrumb_assessments {
  background-color: #F4F4F4;
  color: #0099DC;
  float: left;
  font-family: "Montserrat";
  font-weight: 700 !important;
  font-size: 0.875em;
  height: 36px;
  padding: 8px 1% 0;
  text-align: center; }

.home_breadcrumb_assessments {
  cursor: pointer;
  float: left;
  height: 36px;
  position: relative;
  width: 36px; }
  .home_breadcrumb_assessments:before {
    position: absolute;
    width: 100%;
    height: 100%;
    font-size: 0.95em;
    text-align: center;
    line-height: 36px;
    font-family: 'EdReady';
    content: "D"; }

#back_last_page {
  color: #0099DC;
  cursor: pointer;
  font-size: 0.875em;
  float: left;
  margin-left: 8px;
  margin-top: 10px; }

#back_last_page:hover {
  text-decoration: none;
  color: #6CC6B7; }

.study_plan_page_header {
  border-bottom: 1px solid #CCCCCC;
  float: left;
  height: 160px;
  padding-top: 10px; }

.study_plan_page_body {
  float: left;
  margin-top: 35px;
  min-height: 300px;
  padding: 25px 0 4% 10%;
  width: 100%; }

.study_plan_page_body hr {
  width: 100%; }

.my_schools_page {
  height: 155px;
  border-bottom: 2px solid #999999;
  padding-top: 10px; }

.my_schools_content {
  min-height: 450px; }

.congrats_page {
  height: 170px;
  border-bottom: 1px solid #CCCCCC;
  padding-top: 10px; }

#scores_bar_id {
  bottom: -136px;
  height: 115px;
  position: relative;
  width: 76%; }

.scores_bar {
  background-color: #CCCCCC;
  border-left: 2px solid #CCCCCC;
  border-right: 2px solid #CCCCCC;
  bottom: -60px;
  box-shadow: 0 1px 1px 3px #FFFFFF inset;
  height: 18px;
  position: relative;
  width: 76%; }

.scores_bar_pcp {
  bottom: 26px;
  height: 15px; }

.scores_bar_congrats {
  bottom: 26px;
  height: 15px;
  width: 75%; }

.scores_bar_sp {
  background-color: #CCCCCC;
  border-left: 2px solid #999999;
  border-right: 2px solid #999999;
  bottom: -0.5rem;
  box-shadow: 0 1px 0 3px #FFFFFF inset;
  height: 1rem;
  position: absolute;
  left: 9%;
  width: 79%; }

.container_dots_bar_sp {
  bottom: 0;
  position: absolute;
  left: 9%;
  width: 79%; }

.container_dot_score {
  height: 113px;
  position: absolute;
  top: 9px;
  width: auto;
  z-index: 3; }

.container_dot_score .dot_bubble {
  -moz-border-radius: 10px;
  -webkit-border-radius: 10px;
  -khtml-border-radius: 10px;
  border-radius: 10px;
  border: 1px solid #CCCCCC;
  bottom: 40%;
  color: black;
  font-size: 0.625em;
  left: -100px;
  line-height: 1em;
  margin-bottom: 15px;
  min-height: 35px;
  position: absolute;
  text-align: center;
  width: 230px;
  z-index: 2; }

.container_dot_score .dot_bubble:before,
.container_dot_score .dot_bubble:after,
.container_score .dot_bubble:before,
.container_score .dot_bubble:after {
  content: "";
  display: block;
  left: 42%;
  width: 1%;
  height: 0;
  border-top: 10px solid #FFFFFF;
  border-right: 10px solid transparent;
  border-left: 10px solid transparent;
  position: absolute;
  top: 100%;
  z-index: 2; }

.container_dot_score .dot_bubble:after,
.container_score .dot_bubble:after {
  border-top: 11px solid #CCCCCC;
  border-right: 11px solid transparent;
  border-left: 11px solid transparent;
  left: 41%;
  z-index: 1;
  width: 2%; }

.dot_bubble span.score {
  color: #0099DC; }

.opacity_dot {
  opacity: 0.7; }

.bubbles_gradient {
  background: #F4F4F4;
  /* Old browsers */
  background: -moz-linear-gradient(top, #F4F4F4 30%, #FFFFFF 100%);
  /* FF3.6+ */
  background: -webkit-gradient(linear, left top, left bottom, color-stop(30%, #F4F4F4), color-stop(100%, #FFFFFF));
  /* Chrome,Safari4+ */
  background: -webkit-linear-gradient(top, #F4F4F4 30%, #FFFFFF 100%);
  /* Chrome10+,Safari5.1+ */
  background: -o-linear-gradient(top, #F4F4F4 30%, #FFFFFF 100%);
  /* Opera 11.10+ */
  background: -ms-linear-gradient(top, #F4F4F4 30%, #FFFFFF 100%);
  /* IE10+ */
  background: linear-gradient(to bottom, #F4F4F4 30%, #FFFFFF 100%);
  /* W3C */
  filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='$edready-gray-lighter', endColorstr='$white',GradientType=0 );
  /* IE6-9 */
  padding-top: 3px;
  display: block; }

.container_score {
  position: absolute;
  width: 55px;
  z-index: 2;
  top: -5px; }
  .container_score .bubble {
    border: 1px solid #CCCCCC;
    -moz-border-radius: 16px;
    -webkit-border-radius: 16px;
    -khtml-border-radius: 16px;
    border-radius: 16px;
    color: black;
    font-size: 0.875em;
    height: 33px;
    line-height: 1em;
    padding-bottom: 3px;
    text-align: center;
    overflow: hidden; }
    .container_score .bubble:before, .container_score .bubble:after {
      content: "";
      display: block;
      left: 32%;
      width: 2%;
      height: 0;
      border-top: 10px solid #FFFFFF;
      border-right: 10px solid transparent;
      border-left: 10px solid transparent;
      position: absolute;
      top: 32px;
      z-index: 2; }
    .container_score .bubble:after {
      border-top: 12px solid #CCCCCC;
      border-right: 12px solid transparent;
      border-left: 12px solid transparent;
      left: 29%;
      z-index: 1;
      width: 3%; }
  .container_score .student_score, .container_score .original_score {
    -moz-border-radius: 55px;
    -webkit-border-radius: 55px;
    -khtml-border-radius: 55px;
    border-radius: 55px;
    background-color: #0099DC;
    height: 50px;
    width: 50px;
    color: #FFFFFF;
    background-color: #63428C;
    color: white;
    font-size: 1.8em;
    padding-top: 7px;
    text-align: center;
    margin-left: 6%;
    margin-top: 18px; }
  .container_score .original_score {
    background-color: #999999; }
  .container_score .ss_blue {
    background-color: #0099DC; }
  .container_score .dot_bubble {
    -webkit-border-radius: 10px;
    -moz-border-radius: 10px;
    -ms-border-radius: 10px;
    border-radius: 10px;
    background-color: #FFFFFF;
    border: 1px solid #CCCCCC;
    bottom: 50%;
    color: black;
    font-size: 0.625em;
    left: -83px;
    line-height: 1em;
    margin-bottom: 15px;
    min-height: 35px;
    position: absolute;
    text-align: center;
    width: 230px;
    z-index: 3; }
  .container_score .student_dot_score {
    -moz-border-radius: 55px;
    -webkit-border-radius: 55px;
    -khtml-border-radius: 55px;
    border-radius: 55px;
    background-color: #0099DC;
    height: 20px;
    width: 20px;
    color: #FFFFFF;
    font-size: 1.8em;
    margin-left: 3%;
    position: absolute;
    text-align: center;
    top: 78px;
    z-index: 1; }

.mask_bubbles_so {
  overflow: hidden;
  -moz-border-radius: 10px;
  -webkit-border-radius: 10px;
  -khtml-border-radius: 10px;
  border-radius: 10px; }

.assessment_results {
  border: 1px solid #CCCCCC;
  height: auto;
  float: left;
  width: 79%;
  margin-top: 35px;
  padding: 20px 3%;
  position: relative; }

.assessment_results:after {
  background: url(/static/css/images/studyPlan/box-corner.gif) no-repeat left bottom #FFFFFF;
  content: "";
  height: 35px;
  right: -5px;
  position: absolute;
  top: -5px;
  width: 35px;
  z-index: 1; }

.assessment_results p.title {
  color: #63428C;
  font-size: 1.9em;
  margin-bottom: 10px;
  line-height: 1em; }

.assessment_results h1.title {
  color: #63428C;
  font-size: 1.875em;
  margin-bottom: 30px;
  font-weight: normal;
  line-height: 1em; }

.assessment_results h2.title {
  color: #63428C;
  font-size: 1.875em;
  margin-bottom: 30px;
  font-weight: normal;
  line-height: 1em; }

.unit_topics {
  font-size: 1.25em;
  font-weight: normal;
  line-height: 1em;
  margin-bottom: 5px; }

.assessment_results p.first_title {
  color: #63428C;
  font-size: 30px;
  margin-bottom: 20px; }

.assessment_results p.text {
  font-size: 1.05em;
  line-height: 1em;
  width: 90%; }

.assessment_results p.title_units {
  color: #63428C;
  font-size: 0.95em; }

.assessment_results p.click_next {
  color: #63428C;
  font-size: 1.25em; }

.assessment_results a.button_next {
  background-color: #0099DC;
  float: right;
  margin-right: 3%;
  color: #FFFFFF;
  font-size: 1.125em;
  height: 27px;
  padding-top: 8px;
  text-align: center;
  width: 20%;
  cursor: pointer; }

.assessment_results a.button_next:hover {
  background-color: #6CC6B7;
  text-decoration: none; }

.result_units {
  margin-bottom: 30px; }

.result_units .result_unit {
  border-bottom: 1px solid #CCCCCC;
  height: 25px;
  margin: 5px 2%; }

.bar_unit_result {
  background-color: #CCCCCC;
  height: 10px;
  width: 25%;
  float: right;
  margin-top: 5px; }

/*NOT READY - red*/
.bar_unit_result .not_ready {
  background-color: #E31B23;
  color: #FFFFFF;
  float: left;
  font-size: 0.75em;
  height: 13px;
  margin-top: -3px;
  padding-bottom: 4px;
  text-align: center;
  width: 38%; }

/*MASTERED - green*/
.bar_unit_result .mastered {
  background-color: #6CC6B7;
  color: #FFFFFF;
  float: right;
  font-size: 0.75em;
  height: 13px;
  margin-top: -3px;
  padding-bottom: 4px;
  text-align: center;
  width: 38%; }

/*NEEDS REVIEW - yellow*/
.bar_unit_result .needs_review {
  background-color: #FF9900;
  color: #FFFFFF;
  font-size: 0.75em;
  height: 13px;
  text-align: center;
  padding-bottom: 4px;
  width: 48%;
  position: relative;
  left: 26%;
  top: -3px; }

/* OPTIONAL */
.bar_unit_result .optional {
  background-color: #999999;
  color: #FFFFFF;
  font-size: 0.75em;
  height: 13px;
  margin-top: -3px;
  padding-bottom: 4px;
  text-align: center;
  width: 38%;
  position: relative;
  left: 50%; }

/******************************** STUDY OPTIONS ******************************/
.study_opts {
  background-color: #0099DC;
  float: left;
  height: 28px;
  padding: 8px 1% 0 3%;
  text-align: center; }

.study_opts a {
  color: #FFFFFF;
  font-size: 0.95rem; }

.study_opts a:hover {
  cursor: pointer;
  text-decoration: none; }

.assessment_study_opts {
  background-color: #0099DC;
  color: #FFFFFF;
  float: left;
  font-size: 0.95rem;
  height: 36px;
  padding: 8px 10px 0 25px;
  text-align: center; }

.title_study_options {
  font-family: "Montserrat";
  font-weight: 400 !important;
  text-transform: capitalize;
  background-color: #F4F4F4;
  color: #353535;
  float: left;
  font-size: 0.95rem;
  height: 36px;
  padding: 8px 1% 0 25px;
  max-width: 450px;
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap; }

.box_schools_selected {
  min-height: 260px; }

.box_body {
  height: auto;
  width: 100%; }

#table_custom_targets {
  height: auto; }

.box_body .list_schools {
  border: solid 1px #CCCCCC;
  float: left;
  font-size: 0.8rem;
  height: 170px;
  margin-top: 0;
  margin-bottom: 10px;
  max-height: 170px;
  overflow: auto;
  width: 100%; }

.box_body .list_schools td {
  vertical-align: middle; }

.estimated_study_plan {
  background-color: #F4F4F4;
  float: left;
  min-height: 160px;
  margin-left: 15%;
  padding: 5px 2%;
  position: relative;
  text-align: center;
  width: 70%; }

.box_footer #modify_list {
  float: right; }

.box_footer #modify_list:hover {
  color: #6CC6B7; }

.circle_info_ss {
  -moz-border-radius: 20px;
  -webkit-border-radius: 20px;
  -khtml-border-radius: 20px;
  border-radius: 20px;
  background-color: #0099DC;
  height: 18px;
  width: 18px;
  color: #FFFFFF;
  cursor: pointer;
  left: 95%;
  position: absolute;
  text-align: center;
  top: -5px; }

.estimated_study_plan p.title_one {
  font-size: 1rem; }

.estimated_study_plan p.hours {
  font-size: 3.1rem;
  font-family: "Montserrat";
  font-weight: 700 !important;
  margin-top: 22px; }

.estimated_study_plan p.title_hours {
  font-size: 1.5rem;
  font-weight: lighter;
  margin-top: 20px;
  text-transform: uppercase; }

.estimated_study_plan p.to_change {
  font-size: 0.75rem;
  font-style: italic;
  line-height: 1rem;
  margin-left: auto;
  margin-right: auto;
  margin-top: 15px;
  width: 62%; }

.box_footer {
  float: left;
  width: 100%; }

.box_footer a {
  color: #0099DC;
  float: left;
  font-size: 1.0rem;
  font-family: "Montserrat";
  font-weight: 700 !important; }

.build_button {
  background: url("/static/css/images/studyPlan/book_icon.png") no-repeat scroll 3px 50% #F4F4F4;
  border: 2px solid #0099DC;
  border-radius: 5px;
  -moz-border-radius: 5px;
  -webkit-border-radius: 5px;
  -khtml-border-radius: 5px;
  color: #0099DC;
  float: left;
  font-size: 1.125rem;
  padding: 6px 0;
  margin: 10px 0 0 15%;
  text-align: center;
  text-decoration: none;
  width: 72%;
  min-width: 180px; }
  .build_button:hover {
    background: url("/static/css/images/studyPlan/book_icon_hover.png") no-repeat 3px 50% #FCFCFC;
    cursor: pointer;
    text-decoration: none;
    border: 2px solid #6CC6B7;
    color: #6CC6B7; }

.build_plan_disabled {
  background: url("/static/css/images/studyPlan/book_icon_disabled.png") no-repeat 5% 6px #CCCCCC;
  border-radius: 5px;
  -moz-border-radius: 5px;
  -webkit-border-radius: 5px;
  -khtml-border-radius: 5px;
  background-color: #CCCCCC;
  border: 2px solid #767676;
  color: #767676;
  cursor: default;
  float: left;
  font-size: 1.125rem;
  margin: 10px 0 0 15%;
  padding: 6px 0;
  pointer-events: none;
  text-align: center;
  text-decoration: none;
  width: 72%;
  min-width: 185px; }

.build_plan_disabled:hover {
  background-color: #CCCCCC;
  text-decoration: none; }

#section_create_new_target {
  margin-top: 15px;
  width: 100%;
  float: left; }

#choose_school_modal {
  height: auto;
  max-height: inherit; }
  #choose_school_modal .bubble_cs {
    width: 55px;
    height: auto;
    margin-bottom: 10px; }
    #choose_school_modal .bubble_cs:after, #choose_school_modal .bubble_cs:before {
      top: 39px; }
  #choose_school_modal .score_box_cs {
    top: 0; }
  #choose_school_modal .score_bar_cs {
    top: -40px; }

.save_and_close {
  color: #999999;
  position: absolute;
  top: 2%;
  right: 4%; }

.schools_modal .modal-body {
  max-height: none !important; }

.schools_modal .scores {
  width: 100%;
  bottom: 57px;
  left: -1px;
  position: relative; }

#close_modal_schools a {
  font-size: 1.3rem;
  color: #999999; }

.header_choose_school {
  margin: 0 5px;
  padding-top: 2px;
  text-align: center; }
  .header_choose_school a.close_modal {
    color: #999999;
    font-size: 2rem;
    float: right;
    height: 18px;
    margin-right: 1rem;
    width: 18px; }
  .header_choose_school a.close_modal:hover {
    text-decoration: none;
    cursor: pointer; }

.bar_cs {
  float: left;
  height: 55px;
  margin-left: 5%;
  position: absolute;
  width: 90%; }

.score_box_cs {
  position: relative;
  top: -17px;
  width: 7%;
  z-index: 2; }

.bubble_cs {
  border: 1px solid #CCCCCC;
  -moz-border-radius: 16px;
  -webkit-border-radius: 16px;
  -khtml-border-radius: 16px;
  border-radius: 16px;
  color: black;
  font-size: 0.8rem;
  height: 30px;
  line-height: 1rem;
  margin-bottom: 26px;
  margin-left: -6px;
  padding-bottom: 3px;
  overflow: hidden;
  text-align: center;
  width: 60px; }

.bubble_cs:before,
.bubble_cs:after {
  content: "";
  display: block;
  left: 13px;
  width: 2%;
  height: 0;
  border-top: 10px solid #FFFFFF;
  border-right: 10px solid transparent;
  border-left: 10px solid transparent;
  position: absolute;
  top: 34px;
  z-index: 2; }

.bubble_cs:after {
  border-top: 11px solid #CCCCCC;
  border-right: 11px solid transparent;
  border-left: 11px solid transparent;
  left: 12px;
  z-index: 1;
  width: 3%; }

.score_cs {
  -moz-border-radius: 55px;
  -webkit-border-radius: 55px;
  -khtml-border-radius: 55px;
  border-radius: 55px;
  background-color: #63428C;
  height: 45px;
  width: 45px;
  color: #FFFFFF;
  font-size: 1.6rem;
  margin-left: 3%;
  padding-top: 6px;
  text-align: center; }

.score_bar_cs {
  background-color: #CCCCCC;
  border-left: 2px solid #CCCCCC;
  border-right: 2px solid #CCCCCC;
  box-shadow: 0 1px 1px 3px #FFFFFF inset;
  height: 18px;
  position: relative;
  top: -60px; }

.info_circle {
  font-size: 1.5rem !important;
  color: #0099DC; }

.body_choose_school {
  border: 1px solid #CCCCCC;
  border-bottom: none;
  min-height: 420px;
  margin: 100px 5% 0;
  padding: 20px 2% 0 2%;
  position: relative; }
  .body_choose_school:after {
    background: url(/static/css/images/studyPlan/box-corner.gif) no-repeat left bottom #FFFFFF;
    content: "";
    height: 35px;
    right: -5px;
    position: absolute;
    top: -5px;
    width: 35px;
    z-index: 1; }
  .body_choose_school .title_cs {
    font-size: 1.75rem;
    font-family: "Montserrat";
    font-weight: 700 !important;
    color: #63428C;
    font-weight: normal;
    margin-top: -9px;
    width: 95%; }

.container_search_options {
  float: left;
  width: 33%; }

.calculating_distances {
  float: left;
  margin-top: 6px;
  width: 75%; }

.calculating_distances p {
  font-family: "Montserrat";
  font-weight: 700 !important;
  font-size: 0.75rem;
  line-height: 1rem;
  margin: 0; }

.search_by_area {
  background-color: #F4F4F4;
  min-height: 271px;
  margin-top: 15px;
  padding: 15px;
  position: relative;
  height: 350px; }
  .search_by_area h2 {
    font-size: 0.8125rem;
    font-family: "Montserrat";
    font-weight: 700 !important;
    margin-bottom: 4px;
    font-weight: normal;
    min-height: 18px;
    line-height: 1rem; }
  .search_by_area p {
    font-size: 0.8125rem;
    font-family: "Montserrat";
    font-weight: 700 !important;
    margin-bottom: 4px; }
    .search_by_area p.miles {
      font-size: 0.75rem;
      font-weight: normal;
      margin-right: 5px; }
  .search_by_area button {
    float: right; }

.div_miles_options {
  width: 180px; }
  .div_miles_options p.arrow_down {
    border-left: 5px solid transparent;
    border-right: 5px solid transparent;
    border-top: 5px solid #CCCCCC; }

.arrow-down {
  float: right;
  top: -15px; }

.milesOptions {
  border: 1px solid #CCCCCC;
  box-shadow: 2px 2px 2px 0 #999999;
  height: 120px;
  position: absolute;
  width: 12%;
  min-width: 25px; }
  .milesOptions .milesOption {
    background-color: #FFFFFF;
    padding: 3px 0;
    text-align: center;
    cursor: pointer;
    font-size: 0.8rem; }
    .milesOptions .milesOption:hover {
      background-color: #0099DC;
      color: #FFFFFF; }

#results_by_name_cs {
  box-shadow: 0 6px 12px 0px #999999;
  max-height: 100px;
  overflow: auto;
  position: absolute;
  top: 100%;
  width: 92%;
  z-index: 1; }

.results_by_name_page {
  top: 200px;
  width: 29%;
  max-height: 150px; }

.result_by_name_cs {
  background-color: #FFFFFF;
  cursor: pointer;
  font-size: 0.75rem;
  padding: 2px 1%; }

.selected_result_by_name_cs {
  color: #FFFFFF;
  background-color: #0099DC; }

.results_area {
  float: left;
  width: 63%;
  margin-left: 3%;
  margin-top: 10px; }
  .results_area .sort_by {
    float: left;
    width: 100%; }
    .results_area .sort_by a {
      -moz-border-radius: 8px;
      -webkit-border-radius: 8px;
      -khtml-border-radius: 8px;
      border-radius: 8px;
      background-color: #F4F4F4;
      border: 1px solid #CCCCCC;
      color: #999999;
      cursor: pointer;
      float: left;
      font-size: 0.8rem;
      margin: 0 2%;
      padding: 3px 1%;
      text-align: center;
      width: auto; }
      .results_area .sort_by a.active_cs {
        border: #0099DC 1px solid;
        color: #0099DC; }
      .results_area .sort_by a:hover {
        text-decoration: none; }
    .results_area .sort_by p {
      float: left;
      margin-top: 4px;
      width: 15%;
      font-size: 0.95rem; }
  .results_area .show_only {
    float: left;
    min-height: 25px;
    width: 100%; }
    .results_area .show_only label {
      width: 250px;
      padding: 0px;
      margin: 0px;
      float: left; }
    .results_area .show_only p {
      float: left;
      width: 80%;
      margin-bottom: 0; }
      .results_area .show_only p.ts {
        color: #999999;
        float: right;
        margin-right: 30px;
        font-size: 0.7rem;
        font-family: "Montserrat";
        font-weight: 700 !important;
        font-style: italic !important;
        line-height: 1rem;
        text-align: center;
        width: 8%; }
  .results_area .results_cs {
    border: solid 1px #CCCCCC;
    float: left;
    width: 100%;
    height: 275px;
    max-height: 275px;
    overflow: auto;
    height: auto !important; }

.result_cs {
  padding-top: 4px; }
  .result_cs:nth-child(even),
  .result_cs.even td {
    background-color: white; }
  .result_cs :nth-child(odd),
  .result_cs.odd td {
    background-color: #F4F4F4; }
  .result_cs .check_cs {
    float: left;
    margin-top: 8px; }
  .result_cs .miles_cs {
    color: grey;
    float: left;
    font-size: 0.75rem;
    margin-left: 1%;
    margin-top: 5px; }
  .result_cs .name_cs {
    cursor: pointer;
    float: left;
    font-size: 1rem;
    margin-top: 5px;
    text-align: left;
    margin-bottom: 0; }
  .result_cs .checked_cs {
    color: #0099DC; }
  .result_cs .cut_score_cs {
    -moz-border-radius: 50px;
    -webkit-border-radius: 50px;
    -khtml-border-radius: 50px;
    border-radius: 50px;
    background-color: #0099DC;
    color: #FFFFFF;
    float: left;
    font-size: 0.75rem;
    height: 20px;
    margin-right: 5px;
    margin-top: 3px;
    padding-top: 1px;
    text-align: center;
    width: 21px; }
  .result_cs .lower_score_cs {
    background-color: #6CC6B7; }
  .result_cs .info_cs {
    font-size: 0.875rem; }
    .result_cs .info_cs a {
      color: #FFFFFF; }

.footer_choose_school a {
  background-color: #0099DC;
  color: #FFFFFF;
  cursor: pointer;
  float: right;
  font-size: 1rem;
  margin: 20px;
  text-align: center;
  text-decoration: none; }
  .footer_choose_school a:hover {
    text-decoration: none;
    background-color: #6CC6B7; }

.study_options {
  padding-top: 10px; }

.study_options .scores {
  width: 76%;
  bottom: -60px;
  position: relative; }

.study_options .scores_bar {
  left: 1px; }

.study_options_bubble {
  -moz-border-radius: 15px;
  -webkit-border-radius: 15px;
  -khtml-border-radius: 15px;
  border-radius: 15px;
  background-color: white;
  box-shadow: 0 0 12px 0 #999999;
  display: none;
  float: right;
  height: auto;
  left: 68%;
  position: relative;
  top: -52px;
  width: 70%;
  z-index: 1; }

.study_options_bubble .text_bubble_so {
  border: 2px solid #0099DC;
  -moz-border-radius: 15px;
  -webkit-border-radius: 15px;
  -khtml-border-radius: 15px;
  border-radius: 15px;
  margin: 4px 2%;
  width: 93%;
  z-index: 1; }

.study_options_bubble .text_bubble_so:before,
.study_options_bubble .text_bubble_so:after {
  border-bottom: 12px solid transparent;
  border-right: 22px solid #FFFFFF;
  border-top: 12px solid transparent;
  content: "";
  display: block;
  height: 0;
  left: -12px;
  position: absolute;
  top: 23px;
  width: 0;
  z-index: 4; }

.study_options_bubble .text_bubble_so:after {
  border-bottom: 12px solid transparent;
  border-right: 22px solid #0099DC;
  border-top: 12px solid transparent;
  left: -23px;
  width: 3%;
  z-index: 3; }

.study_options_bubble:after {
  border-bottom: 15px solid transparent;
  border-right: 25px solid #FFFFFF;
  border-top: 15px solid transparent;
  content: "";
  display: block;
  height: 0;
  left: -25px;
  position: absolute;
  top: 20px;
  width: 0;
  z-index: 2; }

.study_options_bubble p {
  font-size: 0.875rem;
  line-height: 1.2rem;
  margin-left: 7%;
  margin-top: 8px;
  text-align: left;
  width: 85%; }

/***** MESSAGES IN RETAKE ASSESSMENT ******/
.good_job {
  color: #63428C;
  font-size: 2.2rem;
  font-family: "Montserrat";
  font-weight: 700 !important;
  height: 23px;
  margin-bottom: 16px; }

.text_result_ra {
  font-size: 1.25rem;
  font-family: "Montserrat";
  font-weight: 700 !important;
  line-height: 1rem;
  width: 80%; }

.text_result_ra a {
  color: #0099DC; }

.text_result_ra a:hover {
  text-decoration: none;
  cursor: pointer; }

.good_job_topic_not_mastered {
  color: #63428C;
  float: left;
  font-family: "Montserrat";
  font-weight: 700 !important;
  font-size: 2.55rem;
  height: auto;
  line-height: 115%;
  margin-bottom: 16px;
  margin-top: 3%;
  width: 95%;
  overflow: hidden;
  text-overflow: ellipsis; }

.text_result_ra_topic_not_mastered {
  font-size: 1.6rem;
  font-family: "Montserrat";
  font-weight: 700 !important;
  line-height: 150%;
  width: 80%;
  float: left;
  margin-top: 3%; }

.good_job_unit_not_mastered {
  color: #63428C;
  font-size: 2.75rem;
  font-family: "Montserrat";
  font-weight: 700 !important;
  margin-bottom: 16px;
  margin-top: 3%;
  line-height: 100%;
  float: left;
  width: 95%; }

.text_result_ra_unit_not_mastered {
  float: left;
  font-family: "Montserrat";
  font-weight: 700 !important;
  font-size: 1.6rem;
  line-height: 115%;
  margin-top: 5px;
  width: 80%; }

/******************************************/
/* MODAL BEFORE RETAKE ENTIRE ASSESSMENT **/
#modal_before_retake {
  left: 37%;
  top: 45%;
  height: 570px;
  max-height: 570px;
  width: 60%; }

.body_msg_br {
  border: 1px solid #CCCCCC;
  float: left;
  height: 400px;
  margin-left: 2%;
  padding: 0 3%;
  width: 90%; }

.body_msg_br .question_br {
  font-size: 2.55rem;
  margin-top: 70px;
  color: #63428C; }

.body_msg_br .text_br {
  font-size: 1.4rem;
  font-family: "Montserrat";
  font-weight: 700 !important;
  line-height: 1rem;
  margin-top: 20px;
  width: 90%; }

.body_msg_br .secondary_text_br {
  font-size: 1.125rem;
  font-family: "Montserrat";
  font-weight: 700 !important;
  line-height: 1rem;
  margin-left: 13%;
  margin-top: 50px;
  width: 70%; }

.footer_buttons_br {
  float: right;
  height: 60px;
  margin: 30px 6% 0;
  width: 85%; }

.footer_buttons_br a {
  background-color: #0099DC;
  color: #FFFFFF;
  cursor: pointer;
  float: right;
  font-size: 1.05rem;
  height: 28px;
  margin-right: 3%;
  padding-top: 9px;
  text-align: center;
  width: 30%; }

.footer_buttons_br a:hover {
  background-color: #6CC6B7;
  text-decoration: none; }

#modal_retake_assessment {
  left: 37%;
  top: 45%;
  max-height: 570px;
  height: 570px;
  width: 72%; }

/******************************************/
/**** Bubble message in my schools page ****/
.info_bubble_ms {
  -moz-border-radius: 15px;
  -webkit-border-radius: 15px;
  -khtml-border-radius: 15px;
  border-radius: 15px;
  background-color: white;
  box-shadow: 0 0 12px 0 #999999;
  cursor: default;
  min-height: 92px;
  position: absolute;
  right: -32px;
  top: -115px;
  width: 240px;
  z-index: 2; }

.info_bubble_ms .text_ib {
  border: 2px solid #0099DC;
  -moz-border-radius: 15px;
  -webkit-border-radius: 15px;
  -khtml-border-radius: 15px;
  border-radius: 15px;
  margin: 4px 2px;
  min-height: 88px;
  width: 96%;
  z-index: 3; }

.info_bubble_ms .text_ib:before,
.info_bubble_ms .text_ib:after {
  border-left: 13px solid transparent;
  border-right: 13px solid transparent;
  border-top: 13px solid #FFFFFF;
  content: "";
  display: block;
  height: 0;
  left: 187px;
  position: absolute;
  top: 94px;
  width: 0;
  z-index: 4; }

.info_bubble_ms .text_ib:after {
  border-left: 16px solid transparent;
  border-right: 16px solid transparent;
  border-top: 16px solid #0099DC;
  left: 184px;
  width: 0;
  z-index: 3; }

.info_bubble_ms:after {
  border-left: 15px solid transparent;
  border-right: 15px solid transparent;
  border-top: 15px solid #FFFFFF;
  content: "";
  display: block;
  height: 0;
  left: 77%;
  position: absolute;
  top: 100%;
  width: 0;
  z-index: 2; }

.info_bubble_ms p {
  font-size: 0.8rem;
  line-height: 1.4rem;
  margin: 10px 6px;
  text-align: left;
  color: #000000; }

/******** Image Goal in My Scores page ********/
.container_goal_info {
  border: 1px solid #CCCCCC;
  border-bottom: transparent;
  float: left;
  margin-bottom: 80px;
  padding-top: 20px;
  position: relative;
  width: 90%; }

.container_goal_info:after {
  background: url(/static/css/images/studyPlan/box-corner.gif) no-repeat left bottom #FFFFFF;
  content: "";
  height: 35px;
  right: -5px;
  position: absolute;
  top: -5px;
  width: 35px;
  /*z-index: 1;*/ }

.goal_info_assessments {
  margin-bottom: 30px;
  margin-top: 5px;
  padding-top: 10px; }

.goal_info_so {
  margin-bottom: 30px;
  margin-top: 10px;
  width: 100%;
  max-height: 85px; }

.container_image_name {
  float: left;
  margin-left: 2%;
  width: 98%; }

.image_goal_box {
  cursor: pointer;
  float: left;
  height: 85px;
  width: 124px;
  margin: 0 10px 0 0; }

.container_image_name h1 {
  color: #63428C;
  float: left;
  font-size: 1.875rem;
  line-height: 100%;
  font-weight: normal;
  margin-left: 2%;
  margin-top: 10px;
  width: 78%;
  text-overflow: ellipsis; }

.container_image_name p {
  color: #63428C;
  float: left;
  font-family: "Montserrat";
  font-weight: 700 !important;
  font-size: 1.9rem;
  line-height: 1rem;
  margin-left: 2%;
  margin-top: 10px;
  width: 78%;
  overflow: hidden;
  text-overflow: ellipsis;
  max-height: 90px; }

#goal_name_label {
  cursor: pointer; }

.goal_instructions {
  color: #999999;
  float: left;
  font-size: 1.4rem;
  line-height: 1.5rem;
  margin-left: 2%;
  margin-top: 15px;
  width: 90%; }

.hidden_element {
  visibility: hidden;
  height: 0px;
  margin: 0px !important;
  padding: 0px;
  line-height: 0px;
  font-size: 0px;
  float: left; }

.hover_more_info_ma {
  display: none;
  height: 85px;
  position: absolute;
  text-align: center;
  width: 124px; }

.div_transparency_ma {
  background-color: #000000;
  height: 85px;
  opacity: 0.7;
  position: absolute;
  width: 124px; }

.hover_more_info_ma img {
  margin-top: 15px;
  opacity: 0.99; }

.hover_more_info_ma p {
  color: #FFFFFF;
  font-size: 0.55rem;
  margin-left: 0;
  margin-top: 0;
  opacity: 0.99;
  text-align: center;
  text-transform: uppercase;
  width: 100%; }

#search_results .tablesorter-filter-row {
  display: none; }

.error_margins {
  height: 10px;
  margin-top: 6px;
  min-height: 10px; }

/***** Modal Post Communication *****/
#post_communications_modal .modal-body {
  height: auto;
  max-height: 70vh;
  overflow: auto;
  padding: 2px 2px 15px 25px; }

#post_communications_modal .common_text_pcm {
  color: #0099DC;
  font-size: 2rem;
  line-height: 2.1rem; }

#post_communications_modal .container_pcc {
  font-size: 1.5rem;
  line-height: 1.6rem;
  margin-top: 22px; }

#post_communications_modal span.ps_score {
  color: #63428C;
  font-family: "Montserrat";
  font-weight: 700 !important; }

#post_communications_modal #results {
  background-color: #0099DC;
  -moz-border-radius: 5px;
  -webkit-border-radius: 5px;
  -khtml-border-radius: 5px;
  border-radius: 5px;
  color: #FFFFFF;
  float: left;
  font-size: .95rem;
  margin: 25px 25px 10px;
  padding: 8px 12px;
  text-decoration: none; }
  #post_communications_modal #results:hover {
    background-color: #6CC6B7;
    text-decoration: none; }

.AM .AssessmentPlayer input[type="radio"] {
  margin: 5px;
  width: 16px;
  height: 16px; }

.AM .AssessmentPlayer table td, .AM .AssessmentPlayer p {
  font-size: 14pt; }

.AM .AssessmentPlayer .Passage * {
  font-size: 10pt; }

/*
Patch fix for questions with Apple-style-span class
that gets broken by Bootstrap 2.x
*/
i.Apple-style-span {
  float: none;
  margin: 0; }

#create_group_form {
  display: none; }

#goalOptionsToSelect {
  float: left;
  min-height: 50px;
  width: 100%; }
  #goalOptionsToSelect fieldset .option_container {
    height: 30px;
    width: 100%; }
    #goalOptionsToSelect fieldset .option_container input {
      float: left; }
    #goalOptionsToSelect fieldset .option_container label {
      font-family: "Montserrat";
      font-weight: 700 !important;
      float: left;
      margin: 1px 0 0 8px; }

.email-table-data > em {
  font-size: 0.7rem;
  display: inline-block;
  width: 170px;
  line-height: 1.2;
  vertical-align: middle;
  margin-left: 2px; }

.email-table-data .modal .modal-body form {
  margin: 0; }
  .email-table-data .modal .modal-body form fieldset label {
    font-size: 0.8rem;
    font-family: "Montserrat";
    font-weight: 700 !important; }

.email-table-data .modal .modal-body p, .email-table-data .modal .modal-body label {
  font-size: 0.9rem; }

.icon_question, .iq_high_level, .iq_main_tab, .iq_main_report, .iq_specific_field, .iq_specific_button, .iq_edit_homepage {
  -moz-border-radius: 15px;
  -webkit-border-radius: 15px;
  -khtml-border-radius: 15px;
  border-radius: 15px;
  background-color: #0099DC;
  height: 17px;
  width: 17px;
  color: #FFFFFF;
  text-decoration: none !important;
  display: inline-block;
  font-family: "Montserrat";
  font-weight: 400 !important;
  font-size: 1rem;
  padding: 1px 0 0 5px;
  line-height: 17px;
  text-decoration: none; }
  .icon_question:hover, .iq_high_level:hover, .iq_main_tab:hover, .iq_main_report:hover, .iq_specific_field:hover, .iq_specific_button:hover, .iq_edit_homepage:hover {
    background-color: #6CC6B7;
    color: #FFFFFF;
    text-decoration: none; }

.iq_high_level {
  position: absolute;
  right: 10px;
  top: 10px;
  z-index: 1; }

.iq_bottom_right_corner {
  position: absolute;
  bottom: 1rem;
  right: 1rem; }

.iq_main_tab {
  float: right;
  margin-top: 5px; }
  .iq_main_tab:before, .iq_main_tab:after {
    clear: both; }

.iq_edit_goal {
  top: 25px;
  left: 5px;
  position: absolute;
  margin: 0; }

.iq_main_report {
  float: right;
  margin: 10px 8px 0 0; }

.iq_specific_field {
  position: absolute;
  left: -24px;
  top: 1px; }

.iq_specific_button {
  position: absolute;
  left: -25px;
  top: 0px; }

.iq_edit_homepage {
  float: right;
  margin: 25px 40px 0 0; }

.help_button {
  -moz-border-radius: 1rem;
  -webkit-border-radius: 1rem;
  -khtml-border-radius: 1rem;
  border-radius: 1rem;
  background-color: #0099DC;
  height: 1.25rem;
  width: 1.25rem;
  color: #FFFFFF;
  height: auto;
  width: auto;
  padding: 0.5rem 0.75rem;
  line-height: .875rem; }
  .help_button:hover {
    background-color: #6CC6B7;
    color: #FFFFFF;
    text-decoration: none; }

.report-table {
  border: 1px solid #F4F4F4;
  margin-bottom: 30px;
  margin-top: 6px; }
  .tablesorter-scroller .report-table > .tablesorter-scroller-header,
  .report-table > .tablesorter-scroller-table {
    width: 100% !important;
    min-width: 100% !important; }
  .report-table .modal {
    padding: 15px; }
  .report-table .alert {
    margin: 6px 5px 2px 5px;
    width: initial; }
  .report-table .actions_container {
    width: 100%;
    min-height: 55px;
    display: inline-block;
    text-align: right; }
    .report-table .actions_container .actions .action {
      margin: .25rem .25rem; }
      @media only screen and (min-width: 768px) {
        .report-table .actions_container .actions .action {
          margin: 0 0.25rem; }
          .report-table .actions_container .actions .action:first-child {
            margin-left: 0; }
          .report-table .actions_container .actions .action:last-child {
            margin-right: 0; } }
      .report-table .actions_container .actions .action .btn.btn-primary.table-action {
        font-size: 11px; }
    .report-table .actions_container .actions > div {
      text-align: left;
      display: inline-block;
      margin-bottom: 5px; }
      .report-table .actions_container .actions > div button:not(.close):not(.btn) {
        color: white;
        background-color: #0099DC;
        border: 0;
        border-radius: 3px;
        margin: 5px;
        padding: 7px 15px;
        display: inline-block;
        font-size: 1em;
        text-transform: capitalize; }
        .report-table .actions_container .actions > div button:not(.close):not(.btn).table-action {
          min-width: 45px;
          min-height: 40px; }
        .report-table .actions_container .actions > div button:not(.close):not(.btn):hover {
          text-decoration: none;
          background-color: #6CC6B7; }
      .report-table .actions_container .actions > div > button.disabled {
        background-color: #999999;
        cursor: default; }
      .report-table .actions_container .actions > div.hide {
        display: none; }
      .report-table .actions_container .actions > div.container_search_by_tags {
        float: none; }
  .report-table table.tablesorter {
    margin: 0;
    border-bottom: 1px solid #F4F4F4; }
    .report-table table.tablesorter.border-top {
      border-top: 1px solid #F4F4F4; }
    .report-table table.tablesorter caption {
      visibility: hidden;
      height: 0px;
      margin: 0px;
      padding: 0px;
      line-height: 0px;
      font-size: 0px;
      float: left; }
    .report-table table.tablesorter .tablesorter-header {
      cursor: pointer;
      font-family: "Montserrat";
      font-weight: 700 !important;
      font-size: 12px;
      font-weight: normal; }
      .report-table table.tablesorter .tablesorter-header.sorter-false {
        background-image: none; }
      .report-table table.tablesorter .tablesorter-header .tablesorter-header-inner {
        line-height: 1.3; }
    .report-table table.tablesorter input.tablesorter-filter {
      width: 95%;
      height: inherit;
      box-sizing: border-box; }
      .report-table table.tablesorter input.tablesorter-filter.disabled {
        opacity: 0.5; }
    .report-table table.tablesorter tr.selected td {
      background-color: #767676 !important;
      color: #FFFFFF; }
      .report-table table.tablesorter tr.selected td.actions-col span, .report-table table.tablesorter tr.selected td.actions-col a, .report-table table.tablesorter tr.selected td.actions-col button {
        color: #6CC6B7 !important; }
    .report-table table.tablesorter tr th {
      background-color: white;
      border-left: 1px solid #F4F4F4;
      font-size: 12px;
      padding: 3px 5px; }
      .report-table table.tablesorter tr th:first-of-type {
        border-left: 1px solid white; }
    .report-table table.tablesorter tr td {
      background-color: white;
      border-left: 1px solid #F4F4F4;
      text-align: center;
      padding: 3px 6px;
      vertical-align: middle;
      font-size: 0.8rem; }
      .report-table table.tablesorter tr td a {
        text-decoration: underline; }
      .report-table table.tablesorter tr td button.btn.btn-link {
        padding: 0;
        margin: 0;
        font-size: inherit; }
      .report-table table.tablesorter tr td.actions-col a, .report-table table.tablesorter tr td.actions-col button {
        display: block;
        margin: auto !important; }
      .report-table table.tablesorter tr td span.action {
        text-decoration: underline;
        color: #0099DC;
        cursor: pointer; }
      .report-table table.tablesorter tr td select {
        width: 95%; }
      .report-table table.tablesorter tr td:first-of-type {
        border-left: 1px solid white; }
    .report-table table.tablesorter tr.odd td {
      background-color: #FCFCFC; }
    .report-table table.tablesorter tr.even td {
      background-color: #FFFFFF; }
  .report-table .tablesorter-pager {
    margin-bottom: 0;
    display: flex;
    justify-content: center; }
    .report-table .tablesorter-pager .page-num-container {
      margin-left: 0.75rem; }
    .report-table .tablesorter-pager button {
      color: #414042 !important;
      border: 1px solid #353535; }
      .report-table .tablesorter-pager button:not(.disabled) {
        cursor: pointer; }
      .report-table .tablesorter-pager button.last, .report-table .tablesorter-pager button.first {
        padding-top: 0.4rem; }
    .report-table .tablesorter-pager .pagesize {
      min-width: 100px;
      margin-left: 0.75rem; }
    .report-table .tablesorter-pager form {
      margin: 15px 0;
      font-size: 0.9rem;
      text-align: center; }
      .report-table .tablesorter-pager form > button {
        color: #414042 !important;
        border: 1px solid #353535;
        border-radius: .25rem; }
      .report-table .tablesorter-pager form img {
        vertical-align: text-top; }
      .report-table .tablesorter-pager form select {
        margin-bottom: 0; }
      .report-table .tablesorter-pager form label.page_size {
        margin-left: 20px; }
      .report-table .tablesorter-pager form .pagedisplay {
        margin: 0 5px; }

.container_search_by_tags {
  width: 100%; }

.actions-left {
  margin-left: auto; }

.tab-center {
  display: flex;
  align-items: center;
  justify-content: center; }

.table-filters {
  margin-left: 0; }

.table-batch-update > .modal {
  min-width: 500px;
  padding-right: 2px;
  padding-top: 2px; }
  .table-batch-update > .modal .modal-header {
    padding: 4px 0 0 0;
    float: left; }
  .table-batch-update > .modal .modal-body {
    float: left; }
    .table-batch-update > .modal .modal-body h1 {
      color: #63428C;
      margin-bottom: 10px; }
    .table-batch-update > .modal .modal-body p.batch_update_text {
      font-size: 0.9rem;
      margin-bottom: 5px; }
    .table-batch-update > .modal .modal-body span {
      font-family: "Montserrat";
      font-weight: 700 !important; }
    .table-batch-update > .modal .modal-body hr {
      float: left;
      margin-top: 0;
      width: 100%; }
    .table-batch-update > .modal .modal-body .select-action-container {
      float: left;
      margin-top: 10px;
      min-height: 50px;
      height: auto;
      width: 100%; }
      .table-batch-update > .modal .modal-body .select-action-container select {
        float: left; }
    .table-batch-update > .modal .modal-body .containerNewInput {
      float: left;
      width: 100%; }
      .table-batch-update > .modal .modal-body .containerNewInput div.new_input {
        float: left;
        width: 100%; }
        .table-batch-update > .modal .modal-body .containerNewInput div.new_input input, .table-batch-update > .modal .modal-body .containerNewInput div.new_input select {
          float: left;
          width: 30%; }
      .table-batch-update > .modal .modal-body .containerNewInput div.confirmation {
        float: left;
        margin-top: 15px;
        text-align: center;
        width: 100%; }
        .table-batch-update > .modal .modal-body .containerNewInput div.confirmation p {
          font-size: 0.9rem; }
    .table-batch-update > .modal .modal-body label {
      font-family: "Montserrat";
      font-weight: 700 !important;
      float: left;
      margin-top: 5px;
      margin-right: 5px; }

.table-bookmarks > .modal.fade.in {
  top: 45%; }

.table-bookmarks > .modal .modal-body h1 {
  color: #63428C;
  margin: 10px 0; }

.table-bookmarks > .modal .modal-body p {
  font-size: 0.9rem;
  margin-bottom: 5px; }

.table-bookmarks > .modal .modal-body div.bookmarking_input span.error {
  color: #E31B23;
  font-size: 0.9rem; }

.table-bookmarks > .modal .modal-body #containerBookmarks div label {
  font-size: 0.9rem;
  font-family: "Montserrat";
  font-weight: 700 !important; }

.table-bookmarks > .modal .modal-body button.disabled {
  background-color: #999999;
  cursor: default;
  pointer-events: none; }

.table-bookmarks > .modal .modal-body hr {
  margin-top: 10px;
  width: 100%; }

.table-bookmarks > .modal .modal-footer {
  background-color: transparent;
  border-top: 0 none;
  border-radius: 0;
  box-shadow: none;
  float: left;
  margin-bottom: 0;
  padding: 5px 0 10px;
  text-align: center;
  width: 100%; }

.table-column-picker > .modal {
  min-width: 700px; }
  .table-column-picker > .modal .modal-body p {
    font-size: 1.125rem;
    margin-bottom: 10px; }
  .table-column-picker > .modal .modal-body .error-message {
    font-family: "Montserrat";
    font-weight: 700 !important;
    font-size: 0.8rem;
    margin-left: 5px; }
  .table-column-picker > .modal .modal-body .tablesorter-column-selector {
    display: block;
    overflow: hidden;
    padding-left: 3px; }
    .table-column-picker > .modal .modal-body .tablesorter-column-selector label {
      margin-bottom: 2px;
      padding-left: 20px;
      font-size: .9rem;
      width: 50%;
      position: relative; }
      .table-column-picker > .modal .modal-body .tablesorter-column-selector label input {
        position: absolute;
        top: 50%;
        margin-top: -7px;
        left: 0; }
  .table-column-picker > .modal .modal-footer {
    padding: 5px 0 10px;
    margin-bottom: 0;
    background-color: transparent;
    border-top: 0 none;
    border-radius: 0;
    box-shadow: none;
    position: relative;
    text-align: center; }

#warning_resource_session_modal .welcome_image,
#warning_session_modal .welcome_image {
  position: absolute;
  right: 0;
  top: 3px; }

#warning_resource_session_modal .modal-body,
#warning_session_modal .modal-body {
  padding-top: 20px;
  background-size: contain; }
  #warning_resource_session_modal .modal-body h1,
  #warning_session_modal .modal-body h1 {
    font-family: "Montserrat";
    font-weight: 400 !important;
    font-weight: normal;
    font-size: 1.9em;
    line-height: 1em;
    margin-bottom: 10px;
    overflow: hidden;
    text-overflow: ellipsis; }
  #warning_resource_session_modal .modal-body .buttons,
  #warning_session_modal .modal-body .buttons {
    position: relative;
    height: 75px; }
    #warning_resource_session_modal .modal-body .buttons button,
    #warning_session_modal .modal-body .buttons button {
      position: absolute;
      top: 0;
      left: 0; }
      #warning_resource_session_modal .modal-body .buttons button.stay_logged_in,
      #warning_session_modal .modal-body .buttons button.stay_logged_in {
        z-index: 90; }
      #warning_resource_session_modal .modal-body .buttons button.close_window,
      #warning_session_modal .modal-body .buttons button.close_window {
        z-index: 99; }
  #warning_resource_session_modal .modal-body button,
  #warning_session_modal .modal-body button {
    margin: 15px 0; }
    #warning_resource_session_modal .modal-body button + span,
    #warning_session_modal .modal-body button + span {
      display: block;
      font-size: 0.9em; }
      #warning_resource_session_modal .modal-body button + span b,
      #warning_session_modal .modal-body button + span b {
        margin-left: 5px; }

#user-menu {
  border-left: 1px solid #CCCCCC;
  border-right: 1px solid #CCCCCC;
  height: 100%;
  position: absolute;
  right: 5%;
  top: 0;
  width: 15%;
  min-width: 110px;
  z-index: 1001;
  cursor: pointer;
  padding-top: 0.5rem; }
  @media (min-width: 768px) {
    #user-menu {
      padding-top: 0; } }
  #user-menu[data-state='open'] {
    background: url("/static/css/images/dashboard/arrow_up_menu.png") no-repeat scroll 95% 55%; }
  #user-menu[data-state='closed'] {
    background: url("/static/css/images/dashboard/arrow_down_menu.png") no-repeat scroll 95% 55%; }
  #user-menu > button {
    display: block;
    border: 0 none;
    background-color: transparent;
    font-family: "Montserrat";
    font-weight: 400 !important; }
  #user-menu .links {
    border: 1px solid #FCFCFC;
    height: auto;
    padding: 5% 4% 0 5%;
    text-align: right;
    width: 100%;
    margin-top: 0; }
    #user-menu .links > a {
      display: block;
      padding-bottom: 7px;
      font-size: 0.8rem;
      color: #0099DC !important;
      text-decoration: underline;
      font-family: "Montserrat";
      font-weight: 400 !important; }
      #user-menu .links > a:hover {
        color: #6CC6B7; }

.show_hide_menu {
  height: 100%;
  margin-bottom: 2px;
  color: #63428C;
  font-size: 1rem;
  padding-left: 5%; }
  .show_hide_menu:hover {
    color: #63428C;
    cursor: pointer; }

body {
  font-family: "Montserrat";
  font-weight: 400 !important;
  font-size: 15px;
  margin: 0 !important; }

p {
  font-family: "Montserrat";
  font-weight: 400 !important;
  line-height: inherit; }

a {
  cursor: pointer; }

a:focus, input:focus, select:focus, textarea:focus, button:focus {
  outline-width: 2px;
  outline-style: solid;
  outline-color: #0099DC; }

a:focus {
  outline-offset: -2px; }

input,
button,
select,
textarea {
  font-family: "Montserrat";
  font-weight: 400 !important; }

hr {
  clear: both; }

.uppercase {
  text-transform: uppercase; }

.align_left {
  text-align: left !important; }

.alert {
  font-size: 0.875em;
  width: 90%; }

.navbar-search .search-query {
  font-family: "Montserrat";
  font-weight: 400 !important; }

.no_underline {
  text-decoration: none !important; }

.none {
  display: none; }

.inline {
  display: inline; }

.block {
  display: block !important; }

.d_table {
  display: table; }

.left {
  float: left !important; }

.f_none {
  float: none !important; }

.right {
  float: right !important; }

.both {
  clear: both; }

.relative {
  position: relative !important; }

.pointer {
  cursor: pointer; }

.box_sizing {
  box-sizing: border-box; }

.hidden {
  display: none; }

.link_disabled {
  color: #414042 !important;
  pointer-events: none; }

.no_actions {
  pointer-events: none !important; }

/*********************** COLORS **************************/
.white_nr {
  background-color: #FFFFFF !important; }

.purple {
  color: #63428C; }

.c_light_blue {
  color: #0099DC !important; }

.c_red_error {
  color: #E31B23; }

.c_red_nr {
  color: #E31B23; }

.c_orange_nr {
  color: #FF9900; }

.c_orange_op {
  color: #FF9900; }

.c_green_m {
  color: #6CC6B7; }

.c_gray_na {
  color: #414042; }

.light_blue {
  background-color: #0099DC !important; }

.gray_na {
  background-color: #999999 !important; }

.red_nr {
  background-color: #E31B23 !important; }

.orange_nr {
  background-color: #FF9900 !important; }

.orange_optional {
  background-color: #FF9900 !important; }

.green_m {
  background-color: #6CC6B7 !important; }

.initial_score_gray {
  background-color: #CCCCCC !important; }

.edready_score_purple {
  background-color: #63428C !important; }

.gray_my_account_note {
  color: #999999; }

/*********************** ALIGNMENTS **************************/
.a_left {
  text-align: left; }

.a_center {
  text-align: center; }

/*********************** FONTS **************************/
.font_zero_eight {
  font-size: 0.8rem !important; }

.font_thirteen {
  font-size: 0.813rem; }

.font_sixty {
  font-size: 1rem; }

.font_twenty {
  font-size: 1.25rem; }

/********************** WIDTHS ***************************/
.w_auto {
  width: auto !important; }

.three {
  width: 3%; }

.four {
  width: 4%; }

.five {
  width: 5%; }

.seven {
  width: 7%; }

.eight {
  width: 8%; }

.nine {
  width: 9%; }

.ten {
  width: 10%; }

.twelve {
  width: 12%; }

.thirteen {
  width: 13% !important; }

.w_fourteen {
  width: 14% !important; }

.w_fifteen {
  width: 15% !important; }

.eighteen {
  width: 18% !important; }

.twenty {
  width: 20% !important; }

.twenty_two {
  width: 22% !important; }

.twenty_four {
  width: 24% !important; }

.twenty_five {
  width: 25% !important; }

.w_thirty {
  width: 30% !important; }

.w_thirty_one {
  width: 31%; }

.forty_four {
  width: 44%; }

.fifty_perc {
  width: 50%; }

.w_fifty_px {
  width: 50px; }

.fifty_four {
  width: 54%; }

.fifty_five {
  width: 55%; }

.sixty_five {
  width: 65%; }

.eighty_four {
  width: 84%; }

.eighty_five {
  width: 85% !important; }

.w_ninety {
  width: 90%; }

.ninety_three {
  width: 93%; }

.ninety_five {
  width: 95%; }

.ninety_six_width {
  width: 96%; }

.ninety_seven_width {
  width: 97%; }

.ninety_eight_width {
  width: 98%; }

.max_width {
  width: 100%; }

.one_three_five {
  width: 135px; }

.one_four_five {
  width: 145px; }

.one_hundred_fifty {
  width: 150px !important; }

.one_six_five {
  width: 165px; }

.one_eight_five {
  width: 185px; }

.one_hundred_ninety {
  width: 190px !important; }

.two_hundred {
  width: 200px; }

.max_two_hundred {
  max-width: 200px;
  width: 100% !important; }

.w_two_thirty_px {
  width: 230px !important; }

.w_two_fifty_px {
  width: 250px; }

.min_two_hundred_fifty {
  min-width: 250px; }

.w_three_hundred {
  width: 300px !important; }

.min_width_three_eighty {
  min-width: 380px; }

.min_width_six_hundred {
  min-width: 600px; }

.min_width_seven_hundred {
  min-width: 700px; }

.w_seven_fifty {
  min-width: 750px; }

.min_width_eight_hundred {
  min-width: 800px; }

.min_width_eight_six_five {
  min-width: 865px; }

.full_height {
  min-height: 80vh; }

/********************** SPACINGS ***************************/
.lh_one_two_em {
  line-height: 1.2em; }

/********************** AFTER ***************************/
.ellipsis_after:after {
  content: "..."; }

/********************** HEIGHTS ***************************/
.h_ten {
  height: 10px; }

.h_fifteen {
  height: 15px !important; }

.h_sixteen {
  height: 16px !important; }

.h_eighteen {
  height: 18px; }

.h_twenty {
  height: 20px; }

.h_twenty_five {
  height: 25px; }

.min_h_thirty_five {
  min-height: 35px; }

.h_fourty {
  height: 40px; }

.h_fourty_five {
  height: 45px; }

.h_fourty_eight {
  height: 48px; }

.h_fifty {
  height: 50px; }

.h_eighty {
  min-height: 80px; }

.h_one_five_five {
  height: 155px; }

.h_one_six_five {
  height: 165px; }

.h_three_hundred {
  height: 300px; }

.h_three_five_zero {
  height: 350px; }

.min_h_four_hundred {
  min-height: 400px; }

.h_five_hundred {
  min-height: 500px; }

.h_one_thousand_and_five {
  min-height: 1005px; }

/********************** MARGINS ***************************/
.margin_zero {
  margin: 0; }

.m_top_zero {
  margin-top: 0px !important; }

.m_bottom_zero {
  margin-bottom: 0px !important; }

.m_one_rem_left {
  margin-left: 1rem !important; }

.m_top_negative_two {
  margin-top: -2px; }

.m_top_two {
  margin-top: 2px; }

.m_left_six {
  margin-left: 6px; }

.m_left_ten {
  margin-left: 10px; }

.less_four_top {
  margin-top: -4px !important; }

.less_five_top {
  margin-top: -5px; }

.m_left_negative_three {
  margin-left: -3px; }

.m_top_negative_two {
  margin-top: -2px; }

.zero_left {
  margin-left: 0; }

.m_zero_bottom {
  margin-bottom: 0 !important; }

.m_zero_top {
  margin-top: 0 !important; }

.two_right {
  margin-right: 2%; }

.two_px_right {
  margin-right: 2px; }

.m_left_five {
  margin-left: 5px; }

.m_right_five {
  margin-right: 5px; }

.five_top {
  margin-top: 5px !important; }

.five_bottom {
  margin-bottom: 5px !important; }

.margin_five_px {
  margin: 5px; }

.m_left_six {
  margin-left: 6px; }

.six_top {
  margin-top: 6px !important; }

.m_ten_left {
  margin-left: 10px; }

.m_ten_right {
  margin-right: 10px; }

.m_ten_top {
  margin-top: 10px !important; }

.m_twelve_top {
  margin-top: 12px !important; }

.hr_fifty_five_top {
  margin: 15px 0; }

.fifteen_bottom {
  margin-bottom: 15px !important; }

.m_fifteen_left_px {
  margin-left: 15px !important; }

.twenty_bottom {
  margin-bottom: 20px; }

.twenty_left {
  margin-left: 20px; }

.m_twenty_top {
  margin-top: 20px !important; }

.m_twenty_right {
  margin-right: 20%; }

.m_twenty_left {
  margin-left: 20%; }

.m_twenty_two_left {
  margin-left: 22%; }

.m_twenty_two_px_left {
  margin-left: 22px !important; }

.twenty_five_top {
  margin-top: 25px; }

.twenty_five_left {
  margin-left: 25px; }

.twenty_eight_top {
  margin-top: 28px !important; }

.thirty_top {
  margin-top: 30px !important; }

.thirty_left {
  margin-left: 30%; }

.thirty_five_top {
  margin-top: 35px; }

.m_top_forty {
  margin-top: 40px !important; }

.forty_four_left {
  margin-left: 44%; }

.forty_five_top {
  margin-top: 45px; }

.m_fifty_top {
  margin-top: 50px !important; }

.fifty_left {
  margin-left: 50% !important; }

.fifty_three_five_left {
  margin-left: 53.5% !important; }

.m_sixty_left {
  margin-left: 60px !important; }

.fifteen_left {
  margin-left: 15% !important; }

.one_hundred_two_left {
  margin-left: 102px !important; }

.m_top_one_two_zero {
  margin-top: 120px; }

.two_hundred_bottom {
  bottom: 200px; }

.two_nine_five_left {
  margin-left: 295px; }

/********************** PADDINGS ***************************/
.p_zero_left {
  padding-left: 0px !important; }

.p_four_top {
  padding-top: 4px !important; }

.p_four_bottom {
  padding-bottom: 4px !important; }

.p_five_top {
  padding-top: 5px !important; }

.p_eight_left_px {
  padding-left: 8px !important; }

.p_ten_top {
  padding-top: 10px; }

.p_ten_left_px {
  padding-left: 10px !important; }

.p_ten_left {
  padding-left: 10% !important; }

.p_twenty_five_left_px {
  padding-left: 25px !important; }

.p_top_forty {
  padding-top: 40px !important; }

/**** For custom tables ****/
.min_witdh_45 {
  min-width: 45px; }

.min_witdh_50 {
  min-width: 50px; }

.min_witdh_55 {
  min-width: 55px; }

.min_witdh_60 {
  min-width: 60px; }

.min_witdh_65 {
  min-width: 65px; }

.min_witdh_70 {
  min-width: 70px; }

.min_witdh_75 {
  min-width: 75px; }

.min_witdh_80 {
  min-width: 80px; }

.min_witdh_85 {
  min-width: 85px; }

.min_witdh_90 {
  min-width: 90px; }

/********************** FONT-SIZES ***************************/
.three_quarters_em {
  font-size: 0.75em; }

.one_em {
  font-size: 1em; }

.zero_px {
  font-size: 0px; }

.two_em {
  font-size: 2em; }

/*********************** BORDERS *************************/
.border_none {
  border: none !important; }

.b_left_none {
  border-left: none !important; }

.b_bottom_two_px {
  border-bottom: 2px solid #999999; }

/********************** POSITIONS ***************************/
.top_zero {
  top: 0 !important; }

.right_zero {
  right: 0 !important; }

.top_five_px {
  top: 5px !important; }

.top_five {
  top: 5%; }

.left_twelve {
  left: 12.5px; }

.top_twenty_two_px {
  top: 22px !important; }

.top_negative_twenty {
  top: -20px !important; }

.left_sixty {
  left: 60%; }

.top_sixty {
  top: 60px; }

.left_eighty {
  left: 80%; }

.top_four_hundred_ten {
  top: 410px !important; }

/****************************** HEADER ***************************/
#header_container {
  border-bottom: 2px solid #CCCCCC;
  height: 60px;
  width: 100%;
  position: relative;
  z-index: 10;
  padding-left: 1rem; }
  @media (min-width: 768px) {
    #header_container {
      padding-left: 10%; } }

.edReady_title {
  color: #353535;
  cursor: pointer;
  font-size: 1.9px;
  font-family: "Montserrat";
  font-weight: 700 !important;
  left: 11%;
  position: absolute;
  top: 22px;
  width: 10%; }

.edReady_title:hover {
  color: #353535;
  text-decoration: none; }

.powered_by {
  float: left;
  left: 30%;
  position: relative;
  top: 9px; }

.powered_by a {
  font-family: "Montserrat";
  font-weight: 700 !important;
  font-style: italic !important;
  font-size: 0.625em;
  cursor: pointer;
  color: #999999; }

.powered_by a:hover {
  text-decoration: none; }

.edit_app_info {
  font-size: 1.25em;
  width: 40%;
  height: 60px;
  margin-left: 60%;
  position: absolute; }

.app_info {
  font-size: 1.25em;
  width: 40%;
  border-left: 1px solid #999999;
  height: 60px;
  margin-left: 10%; }

/******************************************************************************/
body {
  background: #FFFFFF;
  height: 100%;
  min-height: 100vh;
  width: 100%;
  margin: 0;
  display: flex;
  flex-direction: column; }
  body header,
  body main,
  body footer {
    flex-shrink: 0;
    display: block; }
  body #footer_spacer {
    flex: 1; }

/****************************** SIGN UP ***************************************/
.placeholder {
  color: #999999; }

#sign_up_form {
  height: auto;
  background-color: #FCFCFC;
  padding: 2%;
  width: 67%;
  margin-top: 25px;
  margin-bottom: 8px;
  position: relative;
  min-width: 310px;
  box-sizing: border-box; }
  #sign_up_form #label_accessibility {
    float: left;
    margin-left: 8px;
    margin-top: 5px; }
  #sign_up_form .meter {
    position: relative;
    display: inline-block;
    margin-bottom: -4px; }
  #sign_up_form input {
    margin-bottom: 0px; }
  #sign_up_form select {
    margin-bottom: 0px; }

#accessibility {
  float: left; }

.sign_up_box {
  margin: 2% 0;
  position: relative; }
  .sign_up_box input#accessibility {
    height: 14px;
    margin-top: 6px; }
  .sign_up_box label {
    font-family: "Montserrat";
    font-weight: 700 !important;
    margin-bottom: 0;
    margin-left: 0.5%;
    width: 100%; }
  .sign_up_box p {
    color: #0099DC;
    cursor: pointer;
    font-size: 0.75em;
    left: 35%;
    margin-bottom: 2px;
    position: relative;
    top: -35px;
    width: 111px; }
    .sign_up_box p.strong_requirements {
      color: #0099DC;
      cursor: pointer;
      font-size: 0.75em;
      left: 33%;
      margin-bottom: 2px;
      position: absolute;
      top: 31px;
      width: 125px;
      padding: 0 0 0 5px; }

.msg_email_field {
  bottom: -1px;
  font-size: 0.625em;
  left: 3px;
  position: relative;
  display: block; }

#password_description {
  font-size: 0.625em;
  line-height: 10px;
  margin-top: 28px; }

#student_types {
  height: 30px;
  font-size: 0.8em; }

#signup_action_box {
  min-height: 32px; }

#signup_action_box div.privacy {
  margin-left: 2%;
  font-size: 0.8rem; }

#signup_action_box div.privacy a {
  color: #0099DC; }

#form_footer {
  height: 25px;
  width: 67%; }

#form_footer div.privacy {
  color: #999999;
  min-width: 220px; }

#form_footer div.privacy a {
  color: #999999;
  font-size: 0.9rem;
  text-decoration: underline; }

#form_footer div.log_in {
  float: right;
  min-width: 270px; }

#form_footer div.log_in a {
  font-size: 0.9rem; }

#form_footer div.log_in .subtitle {
  color: #63428C;
  font-size: 0.8rem;
  font-family: "Montserrat";
  font-weight: 700 !important; }

.msg_error {
  color: #E31B23;
  padding-left: 5px; }

.error {
  color: #E31B23;
  font-size: 0.8em; }

#privacy_policy_modal {
  width: 60%;
  max-height: 550px;
  left: 40%;
  padding-left: 2%;
  overflow: auto;
  top: 45%; }

#privacy_policy_modal a {
  float: right;
  color: #999999;
  font-size: 1.6px;
  font-family: "Montserrat";
  font-weight: 700 !important;
  cursor: pointer; }

#privacy_policy_modal p.section_privacy {
  font-family: "Montserrat";
  font-weight: 700 !important;
  margin: 20px 0 0 0; }

#privacy_policy_modal p.title_privacy {
  color: #63428C;
  margin: 15px 0;
  font-size: 1.125em;
  font-family: "Montserrat";
  font-weight: 700 !important; }

.error_msg_sign_up {
  min-height: 10px;
  margin-top: 5px;
  width: 100%; }

.error_msg_edit_cf {
  min-height: 15px;
  left: 100%;
  padding: 10px 0 5px 0;
  position: absolute;
  max-width: 300px;
  width: 200px; }

.error_user_role {
  top: -22%;
  line-height: 1em; }

.error_password_sign_up {
  height: 40px;
  padding: 10px 0; }

.error_password_sign_up span {
  color: #E31B23;
  float: left;
  font-size: 0.7em;
  line-height: 1em;
  font-family: "Montserrat";
  font-weight: 700 !important;
  font-style: italic !important; }

.img_question {
  cursor: pointer;
  height: 22px;
  position: relative;
  top: 5px;
  width: 25px;
  margin-left: 1%; }

.circle_error {
  background-color: #414042;
  -moz-border-radius: 20px;
  -webkit-border-radius: 20px;
  -khtml-border-radius: 20px;
  border-radius: 20px;
  color: #FFFFFF;
  display: none;
  font-size: 0.7em;
  height: 16px;
  left: 68%;
  padding-left: 4px;
  position: absolute;
  top: 6px;
  width: 12px; }

#circle_error_zip_code {
  top: -6px; }

#circle_error_type {
  top: -44px; }

#circle_error_custom_id {
  top: -34px; }

.error_msg_sign_up span {
  color: #E31B23;
  font-size: 0.7rem;
  line-height: 1rem;
  font-style: italic;
  font-family: "Montserrat";
  font-weight: 700 !important;
  margin-bottom: 2px; }

.error_msg_edit_cf span {
  color: #E31B23;
  float: left;
  font-size: 0.7em;
  line-height: 1em;
  font-family: "Montserrat";
  font-weight: 700 !important;
  font-style: italic !important; }

.email_container_error {
  top: 2%; }

.custom_id .error_msg_edit_cf {
  top: 10%; }

.error_msg_admin_create_user {
  margin-left: 60%;
  margin-top: -7%;
  color: #E31B23;
  float: left;
  font-size: 0.7em;
  font-family: "Montserrat";
  font-weight: 700 !important;
  font-style: italic !important; }

/********* Modal existing user ********/
.container_link_eu {
  font-size: 1em;
  height: 22px;
  margin-left: 2%; }

.container_link_eu a {
  color: #0099DC; }

.container_link_eu a:hover {
  color: #6CC6B7;
  cursor: pointer;
  text-decoration: none; }

.title_modal_eu {
  color: #0099DC;
  font-size: 1.25em;
  margin-bottom: 4px;
  width: 100%; }

.text_modal_eu {
  font-size: 1.05em;
  line-height: 1em;
  margin: 10px 0;
  width: 100%; }

.text_modal_eu .bold_eu {
  font-family: "Montserrat";
  font-weight: 700 !important; }

.text_modal_eu .italic_eu {
  font-family: "Montserrat";
  font-weight: 400 !important;
  font-style: italic !important; }

.text_modal_eu .bold_italic_eu {
  font-family: "Montserrat";
  font-weight: 700 !important;
  font-style: italic !important; }

.text_note_modal_eu {
  font-family: "Montserrat";
  font-weight: 400 !important;
  font-style: italic !important;
  font-size: 1.05em;
  line-height: 1em;
  margin-top: 4px;
  width: 100%; }

#existinUserWindow {
  margin-top: 10px;
  width: 100%; }

.buttons_eu {
  background-color: #0099DC;
  color: #FFFFFF;
  float: left;
  font-size: 1em;
  margin-right: 4%;
  text-align: center;
  height: 30px;
  padding: 0 12px;
  width: auto;
  border: 0; }

.buttons_eu:hover {
  background-color: #6CC6B7;
  color: #FFFFFF; }

/****************************************/
/*****MODAL GUEST USER******/
#guestUserWindow {
  float: left;
  margin-top: 14px;
  padding-right: 10px;
  position: relative; }

.title_modal_gu {
  color: #0099DC;
  float: left;
  font-size: 1.25em;
  width: 100%; }

.text_modal_gu {
  float: left;
  font-family: "Montserrat";
  font-weight: 700 !important;
  font-size: 1em;
  margin: 0;
  width: auto; }

.note_about_zip_code {
  float: left;
  font-size: 0.875em;
  margin-bottom: 10px; }

#zip_code_guest {
  height: 12px;
  float: left;
  margin-left: 5px;
  width: 60px; }

#error_guest_zip_code {
  color: #E31B23;
  float: left;
  font-family: "Montserrat";
  font-weight: 400 !important;
  font-style: italic !important;
  font-size: 0.7em;
  margin-left: 5px;
  margin-top: 2px; }

#guestUserWindow button {
  border: none;
  border-radius: 5px;
  -moz-border-radius: 5px;
  -webkit-border-radius: 5px;
  -khtml-border-radius: 5px;
  height: 30px;
  width: 22%;
  padding-top: 5px;
  margin-right: 4%; }

/**************************/
/******************************************************************************/
/****************************** LOG IN ****************************************/
.title_login {
  color: #63428C; }

.login_sub_section {
  padding-left: 2%; }

#log_in_box {
  background-color: #FCFCFC;
  padding: 2%; }

#log_in_form {
  background-color: #FCFCFC;
  padding: 1%;
  width: 100%;
  min-width: 300px;
  margin-top: 4%; }
  @media (min-width: 768px) {
    #log_in_form {
      width: 85%; } }
  @media (min-width: 992px) {
    #log_in_form {
      width: 65%; } }
  #log_in_form div.text_box label {
    font-family: "Montserrat";
    font-weight: 700 !important; }

#login_error_msg {
  background-color: #F7D017;
  border: 1px solid #FF9900;
  border-radius: 5px;
  -moz-border-radius: 5px;
  -webkit-border-radius: 5px;
  -khtml-border-radius: 5px;
  font-family: "Montserrat";
  font-weight: 700 !important; }

#login_actions #log_in_button {
  margin-right: 3%; }

#log_in_form_footer {
  margin-top: 2%;
  height: 25px;
  width: 65%; }

.below_form {
  color: #999999;
  min-width: 385px; }
  .below_form a {
    color: #999999;
    font-size: 0.85rem;
    line-height: 1rem;
    text-decoration: underline; }
    .below_form a:not(:last-child):not(.no_underline) {
      border-right: 1px solid #353535;
      padding: 0 1rem; }
    .below_form a:last-child {
      padding: 0 0 0 1rem; }
  .below_form font {
    line-height: 1rem;
    color: #63428C;
    font-size: 1rem;
    font-family: "Montserrat";
    font-weight: 700 !important;
    margin-left: 3%; }

.email_exist {
  background-color: #F7D017;
  border: 1px solid #FF9900;
  border-radius: 5px;
  -moz-border-radius: 5px;
  -webkit-border-radius: 5px;
  -khtml-border-radius: 5px;
  font-size: 0.8em;
  font-family: "Montserrat";
  font-weight: 700 !important;
  line-height: 1em;
  padding: 3px 1% 4px;
  position: relative; }

.login_user_msg {
  bottom: 0;
  font-size: 1.2em;
  left: 0;
  line-height: 0.8em;
  margin-bottom: 15px;
  padding: 1rem; }

.p_bold {
  font-family: "Montserrat";
  font-weight: 700 !important; }

/******************************************************************************/
/***************************  RESET PASSWORD **********************************/
#reset_password_form {
  position: relative;
  height: auto;
  min-height: 25vh;
  padding: 2%;
  width: 67%;
  min-width: 400px;
  margin-top: 2%;
  box-sizing: border-box; }
  #reset_password_form:not(.alert) {
    background-color: #FCFCFC; }
  #reset_password_form #instructions {
    font-family: "Montserrat";
    font-weight: 700 !important;
    margin-bottom: 15px; }
    #reset_password_form #instructions .message {
      font-size: 1.2rem;
      font-weight: bold; }

#reset_password_form div.text_box input {
  font-size: 0.75em;
  width: 50%;
  margin: 10px 0; }

#reset_password_actions {
  font-size: 0.625em; }

#reset_password_actions #reset_button {
  background-color: #0099DC;
  color: #FFFFFF;
  font-size: 1.3em;
  height: 33px;
  margin-right: 3%;
  margin-top: 6px;
  text-transform: uppercase;
  width: 37%;
  min-width: 235px; }

#reset_password_actions #reset_button:hover {
  background-color: #6CC6B7; }

#reset_form_footer {
  margin-top: 2%;
  height: 25px;
  width: 67%; }

.reset_password_message {
  background-color: #F7D017;
  border: 1px solid #FF9900;
  border-radius: 5px;
  -moz-border-radius: 5px;
  -webkit-border-radius: 5px;
  -khtml-border-radius: 5px;
  font-size: 0.8em;
  font-family: "Montserrat";
  font-weight: 700 !important;
  height: 35px;
  left: 32%;
  padding: 10px 3%;
  position: absolute;
  top: 5px; }

/******************************************************************************/
/***** ACTIVATE ACCOUNT ****/
.text_activate {
  float: left;
  font-family: "Montserrat";
  font-weight: 700 !important;
  font-size: 0.875em;
  line-height: 1em;
  width: 95%; }

.text_activate a:hover {
  cursor: pointer;
  text-decoration: none;
  color: #6CC6B7; }

.error_msg_activate span {
  color: #E31B23;
  font-size: 0.9em;
  font-family: "Montserrat";
  font-weight: 700 !important;
  font-style: italic !important; }

.error_msg_update_password {
  left: 58%;
  position: absolute;
  top: 50px;
  width: 40%; }

.error_msg_update_password span {
  color: #E31B23;
  font-size: 0.7em;
  font-family: "Montserrat";
  font-weight: 700 !important;
  font-style: italic !important; }

.msg_activate_account {
  background-color: #F7D017;
  border: 1px solid #FF9900;
  font-family: "Montserrat";
  font-weight: 700 !important;
  font-size: 0.8em;
  margin-left: 1%;
  margin-top: -5px;
  padding: 8px 1%;
  width: 100%; }
  @media screen and (min-width: 768px) {
    .msg_activate_account {
      width: 50%; } }

.msg_activate_account a:hover {
  cursor: pointer;
  text-decoration: none;
  color: #6CC6B7; }

/**************************/
/***** Update Password ******/
.container_button_up {
  float: left;
  margin-bottom: 30px;
  margin-top: 15px;
  width: 100%; }

.container_button_up a {
  background-color: #0099DC;
  color: #FFFFFF;
  float: left;
  font-size: 1em;
  height: 20px;
  padding: 6px 4%;
  text-decoration: none; }

.container_button_up a:hover {
  cursor: pointer;
  text-decoration: none;
  background-color: #6CC6B7; }

/****************************/
/***** Email verification *****/
.email_verification_box {
  background-color: #FCFCFC;
  float: left;
  margin: 30px 2%;
  padding: 14px 5%;
  width: 55%; }

.email_verification_paragraph {
  font-style: italic; }

.email_verification_box p {
  font-family: "Montserrat";
  font-weight: 700 !important;
  font-size: 0.875em;
  line-height: 1em;
  margin: 14px 0; }

.email_verification_box a:hover {
  cursor: pointer;
  text-decoration: none;
  color: #6CC6B7; }

#activation_sent_modal {
  height: 200px;
  margin: -200px -20%;
  padding-bottom: 20px;
  width: 40%; }

/*****************************/
/******************************* HOME PAGE ************************************/
#body_wrapper {
  background: #FFFFFF;
  width: 100%; }

.body_container {
  width: 100%;
  padding: 2% 10%;
  position: relative;
  overflow: visible; }

.body_container_rd {
  border-bottom: 2px solid #999999;
  box-sizing: border-box;
  top: 125px;
  height: 1px;
  position: absolute;
  width: 100%;
  left: 0; }

.homepage_body {
  min-height: 65vh;
  padding: 0px 10% 20px 10%; }

#body_grey {
  padding-top: 12px; }

.login_box {
  height: 60px;
  position: absolute;
  top: 0;
  right: 5%;
  width: 4%;
  z-index: 2;
  right: 0%;
  padding: 22px 10px 0;
  border-right: 1px solid #CCCCCC;
  text-align: center;
  border-left: 1px solid #CCCCCC;
  border-right: 1px solid #CCCCCC; }
  .login_box.right-10 {
    right: 10%; }
  .login_box > a:after {
    content: "\25BC";
    margin: 0 0 0 5px;
    font-size: 0.6em;
    position: relative;
    top: -1px; }
  .login_box a.customer_login_label {
    font-family: "Montserrat";
    font-weight: 700 !important;
    font-size: 0.875em;
    cursor: pointer;
    font-weight: normal;
    color: #63428C;
    line-height: 1em; }
    .login_box a.customer_login_label:hover {
      text-decoration: none; }
  .login_box a.link_fp:after {
    content: ""; }
  .login_box p:after {
    content: "\25BC";
    margin: 0 0 0 5px;
    font-size: 0.6em;
    position: relative;
    top: -1px; }

.customer_lb {
  padding: 28px 10px 10px 10px;
  height: 60px;
  width: 80px;
  min-width: 45px;
  top: 0; }
  @media (min-width: 768px) {
    .customer_lb {
      right: 5%; } }

.customer_lb_edit_hp {
  top: 11px; }

.public .customer_lb {
  min-width: 55px; }

.customer_login_open {
  background-color: #FCFCFC;
  border-left: 1px solid #CCCCCC;
  border-right: 1px solid #CCCCCC; }

.search_box {
  height: 20px;
  padding: 20px;
  text-align: right;
  position: absolute;
  top: -50px;
  right: 20%;
  z-index: 10; }
  .search_box a.show_hide_find {
    color: #0099DC;
    cursor: pointer;
    display: inline;
    font-size: 0.8em;
    text-decoration: none; }
    .search_box a.show_hide_find:hover {
      text-decoration: none; }
  .search_box p {
    color: #353535;
    cursor: pointer; }
    .search_box p.show_hide_find {
      color: #0099DC;
      font-size: 0.8em;
      cursor: pointer; }

.loginDiv {
  border: 1px solid #CCCCCC;
  float: right;
  height: auto;
  padding: 20%;
  width: 500%;
  max-width: 90vw;
  border-top: 0;
  position: relative;
  top: 15px;
  right: -11px; }
  .loginDiv .text_input {
    width: 95%; }

.login_edit_hp {
  margin-top: 22px;
  width: 365%; }

.customer_index .loginDiv {
  width: 500%;
  box-sizing: border-box; }
  .customer_index .loginDiv .actions_div {
    margin-top: 15px; }

.searchDiv {
  border: 1px solid #CCCCCC;
  padding: 12px 11px;
  width: 300px;
  position: relative;
  top: -2px;
  z-index: 3;
  right: 100px; }
  @media screen and (min-width: 768px) {
    .searchDiv {
      right: -29px;
      top: 8px; } }

#search_action_box {
  font-size: 13px; }
  #search_action_box input {
    text-transform: uppercase; }
    #search_action_box input.find_school {
      font-family: "Montserrat";
      font-weight: 700 !important;
      margin-top: 2px;
      text-transform: none; }

#search_institution_box {
  font-size: 0.75rem; }
  #search_institution_box .form-group {
    margin-bottom: 5px; }
  #search_institution_box input {
    width: 100%; }
  #search_institution_box label {
    float: left;
    font-family: "Montserrat";
    font-weight: 700 !important;
    margin-bottom: 1px;
    margin-left: 4px; }

#invalidVersion {
  text-align: center; }
  #invalidVersion .primary-text {
    text-align: center; }
  #invalidVersion img {
    margin: 1rem 0; }
  #invalidVersion p {
    text-align: left;
    color: #414042;
    font-family: "Montserrat";
    font-weight: 700 !important;
    font-size: 16px; }
    #invalidVersion p.primary-text {
      font-size: 22px; }

#login_action_box_invalid {
  width: 50%;
  float: left; }

#search_action_box_invalid input {
  background-color: #0099DC;
  font-family: "Montserrat";
  font-weight: 700 !important;
  color: #FFFFFF;
  height: 28px;
  width: 120px; }

#results_schools_by_name_invalid {
  background-color: #FFFFFF;
  box-shadow: 0 6px 12px 0 #999999;
  max-height: 300px;
  overflow: auto;
  position: relative;
  top: -9px;
  width: 49.5%;
  z-index: 2;
  margin-left: 20%; }

#login_action_box .icon_question, #login_action_box .iq_high_level, #login_action_box .iq_main_tab, #login_action_box .iq_main_report, #login_action_box .iq_specific_field, #login_action_box .iq_specific_button, #login_action_box .iq_edit_homepage {
  padding: 1px 0 0 0; }

#login_action_box input {
  background-color: #0099DC;
  font-family: "Montserrat";
  font-weight: 700 !important;
  color: #FFFFFF;
  float: left; }

#login_action_box .customer_button_login {
  float: right; }

#login_action_box input:hover {
  background-color: #6CC6B7; }

#login_action_box a:not(.icon_question):not(.iq_high_level):not(.iq_main_tab):not(.iq_main_report):not(.iq_specific_field):not(.iq_specific_button):not(.iq_edit_homepage) {
  color: #0099DC;
  float: left;
  margin-top: 3%;
  font-size: 0.8em; }

#login_action_box a.customer_forgot_password {
  font-family: "Montserrat";
  font-weight: 400 !important;
  /*margin-right: 28%;*/
  font-size: 0.8em; }

.show_hide {
  display: none;
  text-transform: uppercase;
  margin-bottom: 2px; }

.show_hide:hover {
  color: #63428C; }

.customer_login_label {
  font-family: "Montserrat";
  font-weight: 600 !important;
  text-decoration: none;
  text-transform: none; }

.customer_remember_label {
  margin-bottom: 6px;
  font-size: 0.7em;
  font-family: "Montserrat";
  font-weight: 400 !important;
  color: #414042; }

.show_hide_find {
  display: none;
  margin-bottom: 2px; }

.show_hide_find:hover {
  color: #63428C; }

.info {
  height: 50px;
  margin-top: 18px;
  width: 51%; }

.info div.circle, .info .user_story .ui-dialog-titlebar div.ui-dialog-titlebar-close, .user_story .ui-dialog-titlebar .info div.ui-dialog-titlebar-close {
  background-color: #63428C;
  -moz-border-radius: 55px;
  -webkit-border-radius: 55px;
  -khtml-border-radius: 55px;
  border-radius: 55px;
  color: white;
  font-size: 1.25em;
  height: 19px;
  margin: 4px 5px;
  padding: 12px 17px;
  width: 2%;
  float: left; }

.info div.text {
  float: left;
  margin: 3px 12px;
  width: 65%; }

.info div.text p {
  font-size: 1.05em;
  line-height: 1em;
  margin-top: 2px; }

.basic_actions {
  height: 50px;
  margin-top: 30px;
  width: 50%; }

.basic_actions div.learn_more {
  float: left;
  padding: 16px 0 16px 38px;
  width: 120px; }

.basic_actions div.learn_more a {
  color: #0099DC;
  font-size: 1em; }

.basic_actions a.button {
  background-color: #0099DC;
  color: #FFFFFF;
  float: left;
  font-size: 1.125em;
  height: 18px;
  margin: 1% 11%;
  padding: 2% 8%;
  text-align: center;
  text-transform: uppercase;
  width: 120px; }

.basic_actions a.button:hover {
  background-color: #6CC6B7;
  text-decoration: none; }

.small_title {
  font-size: 1.6em;
  font-family: "Montserrat";
  font-weight: 700 !important;
  margin-top: 12px; }

.boxes {
  height: 205px;
  margin-bottom: 30px; }

.boxes .box {
  float: left;
  width: 29%;
  margin: 2%; }

.boxes .box div.title {
  background-color: #FFFFFF;
  border-radius: 12px 12px 0 0;
  -moz-border-radius: 12px 12px 0 0;
  -webkit-border-radius: 12px 12px 0 0;
  -khtml-border-radius: 12px 12px 0 0;
  height: 26px;
  padding: 12px 20px 0; }

.boxes .box div.title p {
  border-bottom: 1px solid #CCCCCC;
  color: #63428C;
  font-size: 1.2em;
  padding-bottom: 2%;
  width: 94%; }

.boxes .box div.body {
  background-color: #FFFFFF;
  padding: 8px 18px 2px;
  height: 75px; }

.boxes .box div.body p {
  color: #414042;
  font-size: 1.05em;
  line-height: 1em; }

.boxes .box div.footer {
  background-color: #FFFFFF;
  padding: 10px 15px 12px 0;
  text-align: right;
  border-radius: 0 0 12px 12px;
  -moz-border-radius: 0 0 12px 12px;
  -webkit-border-radius: 0 0 12px 12px;
  -khtml-border-radius: 0 0 12px 12px; }

.boxes .box div.footer a {
  color: #0099DC;
  font-size: 0.95em; }

.try_it {
  float: left;
  margin: 13px 0 0 3%; }

.try_it a {
  color: #0099DC;
  font-size: 1.05em; }

.come_back {
  height: 150px;
  margin-top: 18px; }

.come_back .circle, .come_back .user_story .ui-dialog-titlebar .ui-dialog-titlebar-close, .user_story .ui-dialog-titlebar .come_back .ui-dialog-titlebar-close {
  background-color: #FFFFFF;
  -moz-border-radius: 75px;
  -webkit-border-radius: 75px;
  -khtml-border-radius: 75px;
  border-radius: 75px;
  color: #FFFFFF;
  float: left;
  height: 90px;
  margin: 30px 8px;
  width: 92px; }

.come_back .circle img, .come_back .user_story .ui-dialog-titlebar .ui-dialog-titlebar-close img, .user_story .ui-dialog-titlebar .come_back .ui-dialog-titlebar-close img {
  height: 105px;
  position: relative;
  right: 10%;
  top: -15%; }

.come_back .text {
  padding: 2%;
  float: left;
  width: 75%; }

.come_back .text p {
  color: #353535;
  font-size: 1.125em;
  margin-bottom: 20px;
  margin-top: 15px; }

.what_people_say {
  height: 375px;
  margin-bottom: 6%; }

.what_people_say .students {
  float: left;
  height: 350px;
  margin-top: 1%;
  width: 49%; }

.what_people_say .students .text_footer {
  font-size: 0.875em;
  font-family: "Montserrat";
  font-weight: 700 !important;
  margin: 3% 0 0 6%;
  text-transform: uppercase; }

.what_people_say .students .text_footer a {
  text-transform: none;
  color: #0099DC;
  margin-left: 2%;
  font-weight: normal; }

.comments {
  -moz-border-radius: 6px;
  -webkit-border-radius: 6px;
  -khtml-border-radius: 6px;
  border-radius: 6px;
  height: 330px;
  margin: 1%;
  overflow: auto; }

.comments .title {
  font-family: "Montserrat";
  font-weight: 700 !important;
  color: #63428C;
  font-size: 1.125em;
  padding-left: 5%; }

.comments .comment {
  margin: 5% 4%;
  height: auto;
  clear: both; }

.comments .comment div.image {
  background: url("/static/css/images/homePage/quotes.jpg") no-repeat scroll 0 0 transparent;
  width: 7%;
  height: 22px;
  float: left; }

.comments .comment div.text {
  color: #414042;
  float: left;
  font-size: 1em;
  font-style: italic;
  line-height: 1em;
  padding-top: 3%;
  width: 90%; }

.comments .comment div.who {
  color: #414042;
  float: right;
  font-size: 0.75em;
  padding-bottom: 6%;
  margin: 3% 0%; }

.grey_to_white {
  background: #FCFCFC;
  /* Old browsers */
  background: -moz-linear-gradient(top, #FCFCFC 30%, #FFFFFF 100%);
  /* FF3.6+ */
  background: -webkit-gradient(linear, left top, left bottom, color-stop(30%, #FCFCFC), color-stop(100%, #FFFFFF));
  /* Chrome,Safari4+ */
  background: -webkit-linear-gradient(top, #FCFCFC 30%, #FFFFFF 100%);
  /* Chrome10+,Safari5.1+ */
  background: -o-linear-gradient(top, #FCFCFC 30%, #FFFFFF 100%);
  /* Opera 11.10+ */
  background: -ms-linear-gradient(top, #FCFCFC 30%, #FFFFFF 100%);
  /* IE10+ */
  background: linear-gradient(to bottom, #FCFCFC 30%, #FFFFFF 100%);
  /* W3C */
  filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='$edready-gray-lightest', endColorstr='$white',GradientType=0 );
  /* IE6-9 */ }

.general_title {
  font-size: 1.3em;
  font-family: "Montserrat";
  font-weight: 700 !important;
  margin-bottom: 25px;
  font-weight: normal;
  line-height: 18px; }

.general_small_title {
  font-size: 0.75em;
  font-family: "Montserrat";
  font-weight: 700 !important;
  margin-bottom: 0;
  margin-top: 20px; }

.general_text {
  width: 75%; }

.general_text li {
  width: 97%;
  font-size: 0.8em; }

/************************************************************************************/
/***********************************  TIPSY  ***************************************/
.tipsy {
  font-size: 0.625em;
  position: absolute;
  padding: 5px;
  z-index: 100000; }

.tipsy-inner {
  font-size: 1.0em;
  background-color: #000000;
  color: #FFFFFF;
  max-width: 350px;
  padding: 4px 8px;
  text-align: center; }

/* Rounded corners */
.tipsy-inner {
  border-radius: 3px;
  -moz-border-radius: 3px;
  -webkit-border-radius: 3px; }

/* Uncomment for shadow */
/*.tipsy-inner { box-shadow: 0 0 5px $black; -webkit-box-shadow: 0 0 5px $black; -moz-box-shadow: 0 0 5px $black; }*/
.tipsy-arrow {
  position: absolute;
  width: 0;
  height: 0;
  line-height: 0;
  border: 5px dashed #000000; }

/* Rules to colour arrows */
.tipsy-arrow-n {
  border-bottom-color: #000000; }

.tipsy-arrow-s {
  border-top-color: #000000; }

.tipsy-arrow-e {
  border-left-color: #000000; }

.tipsy-arrow-w {
  border-right-color: #000000; }

.tipsy-n .tipsy-arrow {
  top: 0px;
  left: 50%;
  margin-left: -5px;
  border-bottom-style: solid;
  border-top: none;
  border-left-color: transparent;
  border-right-color: transparent; }

.tipsy-nw .tipsy-arrow {
  top: 0;
  left: 10px;
  border-bottom-style: solid;
  border-top: none;
  border-left-color: transparent;
  border-right-color: transparent; }

.tipsy-ne .tipsy-arrow {
  top: 0;
  right: 10px;
  border-bottom-style: solid;
  border-top: none;
  border-left-color: transparent;
  border-right-color: transparent; }

.tipsy-s .tipsy-arrow {
  bottom: 0;
  left: 50%;
  margin-left: -5px;
  border-top-style: solid;
  border-bottom: none;
  border-left-color: transparent;
  border-right-color: transparent; }

.tipsy-sw .tipsy-arrow {
  bottom: 0;
  left: 10px;
  border-top-style: solid;
  border-bottom: none;
  border-left-color: transparent;
  border-right-color: transparent; }

.tipsy-se .tipsy-arrow {
  bottom: 0;
  right: 10px;
  border-top-style: solid;
  border-bottom: none;
  border-left-color: transparent;
  border-right-color: transparent; }

.tipsy-e .tipsy-arrow {
  right: 0;
  top: 50%;
  margin-top: -5px;
  border-left-style: solid;
  border-right: none;
  border-top-color: transparent;
  border-bottom-color: transparent; }

.tipsy-w .tipsy-arrow {
  left: 0;
  top: 50%;
  margin-top: -5px;
  border-right-style: solid;
  border-left: none;
  border-top-color: transparent;
  border-bottom-color: transparent; }

/************************************************************************************/
/***********************************  FAQ SECTION - FOOTER **********************************/
#faq_contactus_help, #contactus_help, .face_faq {
  float: right;
  position: relative;
  font-family: "Montserrat";
  font-weight: 700 !important;
  padding: 0 6px;
  text-align: right;
  min-width: 100px; }
  #faq_contactus_help, #contactus_help, .face_faq, #faq_contactus_help a, #contactus_help a, .face_faq a {
    color: #FFFFFF;
    cursor: pointer;
    font-size: 0.95rem;
    text-decoration: none; }
  #faq_contactus_help:hover, #contactus_help:hover, .face_faq:hover {
    text-decoration: none; }

#contactus_help .icon_question, #contactus_help .iq_high_level, #contactus_help .iq_main_tab, #contactus_help .iq_main_report, #contactus_help .iq_specific_field, #contactus_help .iq_specific_button, #contactus_help .iq_edit_homepage {
  padding: 1px 0 0 4px;
  border: 1px solid #FFFFFF;
  display: inline-block; }

.face_faq {
  background: url("/static/css/images/dashboard/face_faq.jpg") no-repeat scroll right center;
  background-size: cover;
  height: 85px;
  position: absolute;
  bottom: 100%;
  width: 85px;
  right: 2%; }

.faq_container .faq_title {
  color: #FFFFFF;
  background-color: #63428C;
  float: left;
  font-size: 1.125em;
  height: 32px;
  margin-bottom: 20px;
  padding: 8px 12px 0 16px; }

.faq_questions {
  float: left;
  margin: 0 10%;
  width: 80%; }
  .faq_questions hr {
    border-width: 2px 0;
    float: left;
    margin: 10px 0;
    width: 100%; }
  .faq_questions a.faq_question {
    color: #414042;
    cursor: pointer;
    font-size: 1.125em;
    float: left;
    line-height: 1em;
    text-align: left;
    width: auto; }
    .faq_questions a.faq_question:hover {
      text-decoration: none; }
  .faq_questions .faq_answer {
    float: left;
    margin: 0 2%;
    width: 96%; }
    .faq_questions .faq_answer a {
      color: #0099DC;
      text-transform: none; }
    .faq_questions .faq_answer p {
      color: #414042;
      font-size: 0.95em;
      line-height: 1.3em;
      margin-bottom: 0;
      text-align: left; }
    .faq_questions .faq_answer ul {
      color: #414042;
      font-size: 0.95em;
      text-align: left; }
      .faq_questions .faq_answer ul li {
        margin: 5px 0; }

footer {
  position: relative;
  clear: both;
  background: #0099DC; }

#footer {
  color: #FFFFFF;
  height: auto;
  min-height: 60px;
  padding-top: 5px;
  text-align: center;
  width: 100%;
  box-sizing: border-box;
  padding: 20px 40px 0; }
  #footer .content {
    height: auto;
    margin-bottom: 10px;
    width: 100%; }
  #footer #answer_1 p {
    margin-bottom: 10px; }
  #footer a.options_footer {
    color: #FFFFFF;
    text-transform: uppercase;
    font-family: "Montserrat";
    font-weight: 700 !important;
    line-height: 1em; }
  #footer a.options_footer:focus, #footer #footer #faq:focus {
    outline-color: #FFFFFF; }
  #footer .footer_container_links li {
    color: #FFFFFF;
    font-size: 0.8em;
    margin: 1rem;
    text-transform: uppercase;
    font-family: "Montserrat";
    font-weight: 700 !important;
    line-height: 1em;
    float: left;
    list-style: none; }
    @media (min-width: 768px) {
      #footer .footer_container_links li {
        margin: 0px 2% 10% 2%; } }

.footer_container_links {
  max-width: 750px;
  margin: 0 auto; }

.disabled_label {
  color: #CCCCCC; }

.disabled_button {
  background-color: #414042;
  cursor: default;
  pointer-events: none; }

.faq_container {
  background-color: #FFFFFF;
  -moz-border-radius: 10px;
  -webkit-border-radius: 10px;
  -khtml-border-radius: 10px;
  border-radius: 10px;
  float: left;
  height: auto;
  padding-bottom: 20px;
  margin: 20px 0 40px 2%;
  width: 96%; }

.header_links_faq {
  float: right;
  width: 315px; }

.header_links_faq a {
  color: #0099DC;
  cursor: pointer;
  float: left;
  font-size: 0.7em;
  margin: 8px 10px 0 0;
  text-decoration: underline;
  text-transform: none; }

.arrow_down_faq_label {
  background: url("/static/css/images/dashboard/arrow_down_menu_white.png") no-repeat scroll 96% center;
  padding-right: 1.5rem; }

.arrow_up_faq_label {
  background: url("/static/css/images/dashboard/arrow_up_menu_white.png") no-repeat scroll 96% center;
  padding-right: 1.5rem; }

.arrow_up_blue {
  background: url("/static/css/images/dashboard/arrow_up_menu_blue.png") no-repeat scroll 96% center;
  padding-right: 1.5rem; }

.arrow_down_blue {
  background: url("/static/css/images/dashboard/arrow_down_menu_blue.png") no-repeat scroll 96% center;
  padding-right: 1.5rem; }

/************************************************************************************/
/******* SEARCH SCHOOL BY NAME - HOMEPAGE*******/
#results_schools_by_name {
  background-color: #FFFFFF;
  box-shadow: 0 6px 12px 0 #999999;
  max-height: 300px;
  overflow: auto;
  position: relative;
  top: -48px;
  width: 100%;
  z-index: 2; }

.result_schools_by_name:nth-child(even):not(.selected_result_schools_by_name) {
  background-color: white;
  padding: 10px 0; }

.result_schools_by_name:nth-child(odd):not(.selected_result_schools_by_name) {
  background-color: #F4F4F4;
  padding: 10px 0; }

.selected_result_schools_by_name {
  background-color: #E5F5FB;
  cursor: pointer;
  padding: 10px 0; }

.result_schools_by_name p {
  line-height: 1em;
  margin-bottom: 0;
  margin-left: 3%;
  width: 94%; }

/***********************************************/
/*************Report Filtering********************************/
.report_filter_section {
  height: 150px;
  position: relative; }

.report_container_filters {
  float: left;
  width: 100%; }

.report_filter_box.form-group,
#table_tags.form-group {
  margin: 0; }

.report_filter_box .select2-container,
#table_tags .select2-container {
  width: 100% !important; }

.report_filter_box input.apply_filter:hover {
  background-color: #6CC6B7; }

.report_filter_box select {
  width: 100%; }

.report_filter_box label {
  font-family: "Montserrat";
  font-weight: 700 !important;
  margin-bottom: 2px;
  margin-left: 1%; }

.container_button_fo {
  margin: 1.5rem 0 0 0;
  text-align: center; }

/***** Modal Session TimeOut *****/
.first_title_wsm {
  color: #63428C;
  float: left;
  font-family: "Montserrat";
  font-weight: 700 !important;
  font-size: 2em;
  line-height: 1em;
  margin-bottom: 14px;
  margin-left: 5%;
  width: 75%; }

.first_text_wsm {
  color: #63428C;
  float: left;
  font-size: 1.125em;
  line-height: 1em;
  margin-bottom: 25px;
  margin-left: 5%;
  width: 90%; }

.second_title_wsm {
  float: left;
  font-family: "Montserrat";
  font-weight: 700 !important;
  font-size: 1.6em;
  line-height: 1em;
  margin-bottom: 4px;
  margin-left: 5%;
  width: 95%; }

.second_text_wsm {
  float: left;
  font-size: 1.125em;
  margin-bottom: 10px;
  margin-left: 5%;
  width: 95%; }

.container_button_stay_logged_in {
  float: left;
  margin: 12px 0;
  text-align: center;
  width: 100%; }
  .container_button_stay_logged_in button {
    background-color: #0099DC;
    border: 0 none;
    color: #FFFFFF;
    padding: 8px 16px; }
    .container_button_stay_logged_in button:hover {
      background-color: #6CC6B7;
      color: #FFFFFF; }

.text_countdown {
  color: #63428C;
  float: left;
  font-family: "Montserrat";
  font-weight: 700 !important;
  font-size: 1.125em;
  margin-left: 5%;
  width: 90%; }

/** Edit tables columns **/
.container_add_columns {
  float: right;
  margin: 10px 0;
  width: 26%; }

.title_ccm {
  float: left;
  font-family: "Montserrat";
  font-weight: 700 !important;
  font-size: 1.6em;
  line-height: 1em;
  margin-bottom: 4px;
  margin-top: 4px;
  margin-left: 5%;
  width: 95%;
  color: #FCFCFC; }

.check_box_col {
  margin-left: 35px;
  float: left;
  width: 300px;
  position: relative; }

#close_column_choosing_modal {
  background-color: #F4F4F4;
  color: #0099DC;
  font-weight: bold; }

#close_column_choosing_modal:hover {
  background-color: #F4F4F4; }

#show_dynamic_columns {
  float: right;
  color: #FFFFFF;
  background-color: #0099DC;
  border: 0px;
  border-radius: 5px;
  margin-right: 5px;
  margin-top: 5px;
  margin-bottom: 10px;
  padding: 2px 8px;
  position: relative; }

#show_dynamic_columns:hover {
  text-decoration: none;
  background-color: #6CC6B7; }

.button_update {
  color: #FFFFFF;
  background-color: #0099DC !important;
  border: 0px;
  border-radius: 5px;
  margin-right: 5px;
  margin-top: 5px;
  padding: 5px 8px; }

.button_update:hover {
  color: #FFFFFF !important;
  text-decoration: none !important;
  background-color: #6CC6B7 !important; }

#show_dynamic_columns:hover {
  text-decoration: none;
  background-color: #6CC6B7; }

#dynamic_columns_bubble_info {
  -moz-border-radius: 10px;
  -webkit-border-radius: 10px;
  -khtml-border-radius: 10px;
  border-radius: 10px;
  border: 2px solid #0099DC;
  background-color: #FFFFFF;
  color: #000000;
  display: none;
  font-family: "Montserrat";
  font-weight: 700 !important;
  font-size: 0.7em;
  height: 30px;
  width: 130px;
  padding: 6px 4px 0px 10px;
  position: absolute;
  z-index: 5;
  line-height: 1.2em;
  top: -57px;
  left: -18px; }

#dynamic_columns_bubble_info:before,
#dynamic_columns_bubble_info:after {
  border-left: 13px solid transparent;
  border-right: 13px solid transparent;
  border-top: 13px solid #FFFFFF;
  content: "";
  display: block;
  height: 0;
  left: 14px;
  position: absolute;
  top: 100%;
  width: 0;
  z-index: 4; }

#dynamic_columns_bubble_info:after {
  border-left: 16px solid transparent;
  border-right: 16px solid transparent;
  border-top: 16px solid #0099DC;
  left: 11px;
  width: 0;
  z-index: 3; }

.pagination_actions_div {
  float: left;
  width: 100%;
  text-align: center;
  margin-top: 10px; }

#showOverviewReportForm {
  margin: 0px; }

#column_choosing_modal {
  min-width: 700px;
  padding: 15px; }

.dynamic_columns_error {
  color: #E31B23;
  font-family: "Montserrat";
  font-weight: 700 !important;
  font-size: 0.9em;
  float: right;
  width: 95%;
  text-align: right; }

/*********************************/
/** Expired session page **/
.text_expired_session {
  float: left;
  font-size: 1.05em;
  margin: 16px 0 0;
  width: 100%; }

/** Logged out page for External Users **/
.title_and_image {
  font-size: 2.5em;
  line-height: 1em;
  min-height: 168px; }
  @media (min-width: 768px) {
    .title_and_image {
      font-size: 3.1em; } }

.text_lo_eu {
  font-family: "Montserrat";
  font-weight: 400 !important;
  font-style: italic !important;
  font-size: 1.25em; }

.text_bold_lo_eu {
  font-family: "Montserrat";
  font-weight: 700 !important;
  font-size: 1.25em;
  margin-left: 25%;
  margin-top: 15px; }

.text_bold_lo_eu a {
  color: #0099DC;
  margin-left: 5px; }

.text_bold_lo_eu a:hover {
  color: #6CC6B7;
  text-decoration: none; }

/**Sign Up **/
.sign_up {
  /*min-width: 1000px;  */
  width: 100%; }

.sign_up .password_mismatch {
  height: 100%; }

.sign_up h1 {
  color: #63428C; }

.sign_up .forty {
  min-height: 40px; }

.sign_up .fifty {
  min-height: 50px; }

.sign_up .seventy {
  min-height: 70px; }

.sign_up .input_confirm_password,
.sign_up .input_password {
  float: left; }

.sign_up .sign_up_zip_code .error_msg_sign_up {
  top: 2%; }

.sign_up .error_type {
  top: -70%; }

.sign_up_modal .title_modal_gu {
  color: #0099DC;
  float: left;
  font-size: 1.25em;
  width: auto;
  line-height: inherit; }

.sign_up_modal .auto {
  width: auto; }

.sign_up_modal .actions_div {
  margin-top: 15px; }

.relative {
  position: relative !important; }

.dotted_bottom {
  border-bottom: 1px dotted lightgray;
  width: 1px; }

.br {
  border-right: solid 1px lightgray; }

.sign_up_title {
  color: #63428C; }

.almost_finished_container {
  background-color: #FCFCFC;
  text-align: justify;
  width: 100%; }
  @media screen and (min-width: 1200px) {
    .almost_finished_container {
      width: 50vw; } }

.error_input {
  box-shadow: 0 0 5px #E31B23 !important; }

.overlap_modal {
  z-index: 1051; }

.underlined_text {
  text-decoration: underline; }

.resource_circle_highlight {
  box-shadow: 0 0 10px 3px #6CC6B7; }

.resource_circle_viewed_highlight {
  box-shadow: 0 0 10px 3px #999999; }

#edready_player_container {
  float: left;
  width: 100%; }
  #edready_player_container .instructions, #edready_player_container .supporting_materials {
    padding: 0.3rem .7rem;
    border-top: 1px solid #F4F4F4;
    border-bottom: 1px solid #F4F4F4;
    line-height: 24px; }
    #edready_player_container .instructions p, #edready_player_container .supporting_materials p {
      font-family: sans-serif;
      margin-bottom: 0rem; }
    #edready_player_container .instructions span, #edready_player_container .supporting_materials span {
      margin-bottom: 0rem; }
  #edready_player_container .supporting_materials {
    line-height: 25px;
    border-left: 1px solid #E6E6E6;
    border-right: 1px solid #E6E6E6;
    border-bottom: none; }
  #edready_player_container .additional_resources {
    border-left: 1px solid #F4F4F4;
    margin: 1.3rem 0rem 1rem 0rem; }
    #edready_player_container .additional_resources .icon_box {
      margin: 0 .5rem;
      font-size: 2.2rem;
      float: left; }
      #edready_player_container .additional_resources .icon_box .icon {
        height: 4rem;
        width: 3.5rem;
        margin-top: -0.5rem;
        background: url("images/player/player-supporting-material.png") no-repeat; }
        #edready_player_container .additional_resources .icon_box .icon:hover {
          background: url("images/player/player-supporting-hover.png") no-repeat; }
  #edready_player_container .player_dots, #edready_player_container #resource_list_container_player #dots_player ul li .dot, #edready_player_container #group_resource_title .dot {
    height: 2.5rem;
    width: 2.5rem;
    display: table-cell;
    text-align: center;
    vertical-align: middle;
    font-size: 1.2rem;
    font-family: "Montserrat";
    font-weight: 700 !important;
    color: #FFFFFF;
    padding: 0; }
  #edready_player_container .player_container_background {
    background: -webkit-linear-gradient(#F4F4F4, #FFFFFF, #FFFFFF, #F4F4F4);
    background: -o-linear-gradient(#F4F4F4, #FFFFFF, #FFFFFF, #F4F4F4);
    background: -moz-linear-gradient(#F4F4F4, #FFFFFF, #FFFFFF, #F4F4F4);
    background: linear-gradient(#F4F4F4, #FFFFFF, #FFFFFF, #F4F4F4); }
  #edready_player_container .border_player, #edready_player_container #learning_container_player #content_player {
    border: 1px solid #F4F4F4; }
  #edready_player_container #learning_container_player {
    border-top: 1px solid #F4F4F4; }
    #edready_player_container #learning_container_player #content_player {
      background: url("images/player/player-resources-background.jpg");
      background-size: cover; }
      @media (max-width: 768px) {
        #edready_player_container #learning_container_player #content_player {
          background: url("images/player/player-resources-background.jpg") repeat; } }
      #edready_player_container #learning_container_player #content_player #description_player {
        padding: 0rem 1rem 1rem 2.5rem;
        font-size: 1.1rem; }
        #edready_player_container #learning_container_player #content_player #description_player ul {
          list-style-type: none; }
          #edready_player_container #learning_container_player #content_player #description_player ul .lo_circle {
            margin-top: .3rem;
            margin: 0.3rem .5rem 0rem 0rem; }
        #edready_player_container #learning_container_player #content_player #description_player p {
          color: #000000;
          font-size: 1.1rem; }
          @media (max-width: 768px) {
            #edready_player_container #learning_container_player #content_player #description_player p {
              font-size: .95rem; } }
    #edready_player_container #learning_container_player h2 {
      font-family: "Montserrat";
      font-weight: 700 !important;
      padding-bottom: 1rem; }
  #edready_player_container .header_player {
    padding: 0.4rem;
    float: left; }
    #edready_player_container .header_player h4 {
      padding: 1rem 0 0 .2rem;
      line-height: 0rem;
      float: left;
      color: #63428C;
      font-family: "Montserrat";
      font-weight: 700 !important;
      font-size: 1.3em; }
    #edready_player_container .header_player .house_player_icon {
      background: url("images/player/house-player-icon.png") no-repeat;
      height: 30px;
      width: 45px;
      display: block;
      float: left; }
  #edready_player_container #resource_list_container_player {
    border: 1px solid #F4F4F4; }
    @media (min-width: 768px) {
      #edready_player_container #resource_list_container_player {
        padding: 0; } }
    #edready_player_container #resource_list_container_player p {
      font-size: 1.0em;
      margin: 0; }
    #edready_player_container #resource_list_container_player #dots_player {
      padding: 0; }
      #edready_player_container #resource_list_container_player #dots_player p {
        margin: .2rem 0 0;
        font-size: 1.5rem;
        font-family: "Montserrat";
        font-weight: 700 !important;
        color: #0099DC;
        line-height: 1.9rem; }
        @media (max-width: 576px) {
          #edready_player_container #resource_list_container_player #dots_player p {
            font-size: 1.1rem; } }
      #edready_player_container #resource_list_container_player #dots_player ul {
        position: relative;
        padding: 0;
        list-style: none;
        z-index: 1; }
        #edready_player_container #resource_list_container_player #dots_player ul:before {
          content: '';
          position: absolute;
          top: 0;
          bottom: 0;
          width: 10px;
          background: #F4F4F4;
          left: 8.5rem; }
          @media (max-width: 768px) {
            #edready_player_container #resource_list_container_player #dots_player ul:before {
              display: none; } }
        #edready_player_container #resource_list_container_player #dots_player ul li {
          margin: 1.3rem 0;
          padding-bottom: 2rem;
          border-bottom: 1px solid #F4F4F4; }
          #edready_player_container #resource_list_container_player #dots_player ul li:nth-last-child(1) {
            padding-bottom: 0;
            border-bottom: none;
            background: white;
            z-index: 2;
            position: relative; }
          #edready_player_container #resource_list_container_player #dots_player ul li .icon_box {
            width: 3.5rem;
            margin: 0 2rem;
            float: left; }
          #edready_player_container #resource_list_container_player #dots_player ul li .dot_box {
            width: 3rem;
            float: left;
            margin-right: 2rem; }
          @media (min-width: 576px) {
            #edready_player_container #resource_list_container_player #dots_player ul li .open_resource {
              padding: 0; } }
          #edready_player_container #resource_list_container_player #dots_player ul li .lo_container {
            position: absolute;
            margin-top: .6rem; }
            @media (max-width: 576px) {
              #edready_player_container #resource_list_container_player #dots_player ul li .lo_container {
                margin-top: 0; } }
            #edready_player_container #resource_list_container_player #dots_player ul li .lo_container .lo_circle {
              width: 0.5rem;
              height: 0.5rem;
              position: relative;
              margin-right: .2rem;
              left: 12.5rem;
              top: -0.5rem; }
          #edready_player_container #resource_list_container_player #dots_player ul li .dot {
            position: relative;
            z-index: 2; }
          #edready_player_container #resource_list_container_player #dots_player ul li .not_viewed {
            background: #0099DC; }
          #edready_player_container #resource_list_container_player #dots_player ul li .viewed {
            background: #F4F4F4; }
      #edready_player_container #resource_list_container_player #dots_player .open_resource {
        cursor: pointer; }
      #edready_player_container #resource_list_container_player #dots_player .icon_type {
        margin-top: -0.5rem;
        height: 3rem;
        width: 4rem; }
      #edready_player_container #resource_list_container_player #dots_player .resourceVideo .not_viewed {
        background: url("images/player/player-video.png") no-repeat; }
      #edready_player_container #resource_list_container_player #dots_player .resourceVideo .in_progress {
        background: url("images/player/player-video-progress.png") no-repeat; }
      #edready_player_container #resource_list_container_player #dots_player .resourceVideo .viewed {
        background: url("images/player/player-video-completed.png") no-repeat; }
      #edready_player_container #resource_list_container_player #dots_player .resourceText .not_viewed {
        background: url("images/player/player-reading.png") no-repeat; }
      #edready_player_container #resource_list_container_player #dots_player .resourceText .in_progress {
        background: url("images/player/player-reading-progress.png") no-repeat; }
      #edready_player_container #resource_list_container_player #dots_player .resourceText .viewed {
        background: url("images/player/player-reading-completed.png") no-repeat; }
      #edready_player_container #resource_list_container_player #dots_player .resourceMultimedia .not_viewed {
        background: url("images/player/player-multimedia.png") no-repeat; }
      #edready_player_container #resource_list_container_player #dots_player .resourceMultimedia .in_progress {
        background: url("images/player/player-multimedia-progress.png") no-repeat; }
      #edready_player_container #resource_list_container_player #dots_player .resourceMultimedia .viewed {
        background: url("images/player/player-multimedia-completed.png") no-repeat; }
  #edready_player_container #group_resource_title .resource_title {
    float: left;
    margin-left: .5rem; }
  #edready_player_container #group_resource_title .dot {
    height: 1.9rem;
    width: 1.9rem;
    background: #63428C;
    font-size: 1rem;
    line-height: 2rem; }
  #edready_player_container #resource_container_player {
    display: none;
    padding-right: 0;
    border-top: 2px solid #F4F4F4;
    padding-top: 1rem; }
  #edready_player_container #footer_player {
    padding-top: .5rem;
    padding-bottom: .5rem; }
    #edready_player_container #footer_player p {
      font-size: 0.6rem;
      text-align: right; }

.breadcrumb_player {
  margin-bottom: .5rem; }
  .breadcrumb_player a {
    color: #0099DC;
    text-decoration: none !important; }
    .breadcrumb_player a:not(:first-child):before {
      content: '/';
      margin: 0 5px;
      text-decoration: none !important;
      color: #353535; }
  .breadcrumb_player .breadcrumb_player_disabled {
    color: #999999;
    text-decoration: none;
    cursor: default; }

.back_resource_home, .object_breadcrumb, #go_back_player {
  display: none; }

/* css styles added for Sept. 2014 homepage update by Steve @ Blue Marble Creative */
.unselectable {
  -khtml-user-select: none;
  -moz-user-select: none;
  -ms-user-select: none;
  -o-user-select: none;
  -webkit-touch-callout: none;
  -webkit-user-select: none;
  cursor: default;
  user-select: none; }

.paper {
  position: relative;
  background: #FFFFFF;
  padding: 2em;
  margin: 2em 0 0;
  background: url("/static/css/images/homePage/bg_paper.png") no-repeat top center; }

.paper > * {
  position: relative;
  z-index: 3; }

.content p {
  font-size: 1em;
  line-height: 1.3; }

.content p:last-child {
  margin-bottom: 0; }

.content h1,
.content strong {
  font-family: "Montserrat";
  font-weight: 700 !important; }

.content h1,
.content section h1,
.content .column h1,
.content footer strong {
  color: #63428C; }

.content .column_group {
  list-style: none;
  padding: 0;
  margin: 1em 0;
  max-width: 960px; }

.content .column_group:after {
  content: "-";
  display: block;
  clear: both;
  color: transparent;
  height: 0;
  margin: 0;
  padding: 0; }

.content .column h1 {
  font-size: 1.3em;
  margin: 0 0 .6em;
  border-bottom: 1px solid #CCCCCC;
  line-height: 1em; }

.content .across_3 .column {
  width: 30%;
  float: left;
  margin: 0 2.5%;
  box-sizing: border-box; }

.content .column:first-child {
  margin-left: 0; }

.content .column:last-child {
  margin-right: 0; }

.content section > h1 {
  float: left;
  width: 30%;
  margin: .6em 4%;
  text-align: right;
  font-size: 1.4em;
  line-height: 1.1; }

.content section.bordered:after {
  clear: both;
  content: "-";
  color: transparent;
  font-size: .1em;
  display: block;
  height: 0;
  margin: 0;
  padding: 0; }

.content section.bordered {
  border-top: 1px solid #CCCCCC;
  border-bottom: 1px solid #CCCCCC;
  padding: 1.6em 0;
  margin: 2em 0; }

.content article > footer {
  font-family: "Montserrat";
  font-weight: 600 !important;
  font-weight: normal;
  font-size: 1.1em;
  color: #0099DC; }

.content article > footer p {
  font-family: inherit;
  font-family: inherit; }

.content article > footer strong {
  font-size: .9em;
  text-transform: uppercase;
  font-weight: inherit;
  font-family: inherit; }

.content article > footer a {
  text-decoration: underline; }

.div_main_image > figure {
  margin: 3em 0 0;
  width: 100%;
  height: 78%; }

.div_main_image figcaption {
  font-size: 1em;
  margin: 1em 0 0; }

.div_main_image figcaption p {
  float: left; }

.div_main_image figcaption a {
  float: left;
  margin-left: 2px;
  font-size: 0.8em; }

.ui-widget-overlay {
  position: fixed;
  top: 0;
  right: 0;
  bottom: 0;
  left: 0;
  background: rgba(0, 0, 0, 0.6); }

.ui-dialog {
  position: fixed;
  /*top:50%;left:50%;*/
  background: #FFFFFF;
  padding: 10px;
  border: 10px solid rgba(0, 0, 0, 0.8); }

.ui-dialog.edready_preview {
  /*margin:-145px 0 0 -250px;height:281px;*/ }

.ui-dialog.user_story {
  left: 10% !important;
  width: 80% !important;
  box-sizing: border-box; }

.user_story #user_story_dialog {
  width: 100%; }

.user_story .ui-dialog-titlebar {
  height: 0;
  padding: 0;
  position: initial; }
  .user_story .ui-dialog-titlebar .ui-dialog-title {
    float: inherit; }
  .user_story .ui-dialog-titlebar .ui-dialog-titlebar-close {
    position: absolute;
    top: 5px;
    right: 5px;
    width: 25px;
    height: 25px;
    color: #414042;
    border: 2px solid #414042;
    font-weight: bold;
    text-align: center;
    line-height: 30px;
    margin: 0;
    padding: 0;
    z-index: 10; }
    .user_story .ui-dialog-titlebar .ui-dialog-titlebar-close:before {
      content: '\00d7';
      position: relative;
      top: -5px;
      font-size: 25px; }
    .user_story .ui-dialog-titlebar .ui-dialog-titlebar-close:hover {
      cursor: pointer; }
    .user_story .ui-dialog-titlebar .ui-dialog-titlebar-close .ui-icon {
      display: inline; }

.user_story .ui-resizable-handle {
  cursor: inherit; }

#user_story_dialog {
  padding: 20px;
  overflow: auto; }
  #user_story_dialog:after {
    display: none;
    clear: both;
    content: "";
    margin: 0;
    height: 1px; }
  #user_story_dialog > .sidebar {
    float: left;
    width: 30%; }
  #user_story_dialog > blockquote {
    border: 0 none;
    float: left;
    height: auto;
    overflow: auto;
    padding: 10px 5% 20px;
    width: 59%; }
    #user_story_dialog > blockquote:before, #user_story_dialog > blockquote:after {
      margin: 0;
      position: absolute;
      top: 0;
      left: 0;
      z-index: -1;
      content: "\"";
      color: transparent;
      text-indent: -2000px;
      display: block;
      width: 60%;
      min-height: 60px; }
    #user_story_dialog > blockquote:after {
      top: auto;
      right: 0;
      bottom: 0;
      left: auto;
      background-position: top right; }
  #user_story_dialog figure {
    margin: 0 0 0.2em; }
    #user_story_dialog figure.video_latonia {
      float: left;
      height: 192px;
      margin-left: 18%;
      width: 35%; }
  #user_story_dialog h1 {
    font-size: 1.1em;
    font-weight: normal;
    text-transform: uppercase; }
  #user_story_dialog h2 {
    font-size: 1.8em;
    font-weight: bold;
    line-height: 1.1; }
  #user_story_dialog h3 {
    font-size: 1.4em;
    font-weight: normal;
    line-height: 1.1;
    margin: .25em 0; }
  #user_story_dialog h4 {
    font-size: 1em;
    font-style: italic; }
  #user_story_dialog p {
    margin: 0 0 1em;
    font-size: 1.4em;
    line-height: 1.2; }

#user_stories_wrap {
  width: 826px;
  height: 184px;
  overflow: hidden;
  padding: 0 40px;
  margin: 0 auto; }

#user_stories li {
  height: auto; }

#user_stories_wrap > a {
  cursor: pointer;
  position: absolute;
  top: 13px;
  width: 40px;
  height: 171px;
  background: #FFFFFF url("/static/css/images/homePage/nav_arrow_left.png") no-repeat left center;
  z-index: 1; }

#user_stories_wrap > a:not(.disabled):active {
  top: 13px; }

#user_stories_wrap > a.disabled {
  cursor: default; }

#user_stories_wrap .prev {
  left: 0;
  top: 13px; }

#user_stories_wrap .next {
  right: 0;
  top: 13px;
  background-image: url("/static/css/images/homePage/nav_arrow_right.png");
  background-position: right center; }

#user_stories_wrap > a.prev:not(.disabled):hover {
  background-position: left -40px center; }

#user_stories_wrap > a.next:not(.disabled):hover {
  background-position: right -40px center; }

#user_stories_wrap > a.disabled.prev {
  background-position: left -80px center; }

#user_stories_wrap > a.disabled.next {
  background-position: right -80px center; }

#user_stories {
  transition: left .4s ease-out;
  position: absolute;
  left: 40px;
  cursor: default;
  max-width: none;
  height: 168px;
  overflow: hidden; }

.across_4 .column {
  float: left;
  width: 184px;
  margin: 0 30px 0 0; }

.across_4 .column:last-child {
  margin-right: 0; }

.content .user_story_thumb {
  position: relative;
  width: 184px;
  height: 184px;
  overflow: hidden; }

.content .user_story_thumb > figcaption {
  transition: top .1s ease-in, opacity .1s;
  opacity: 0;
  display: block;
  position: absolute;
  height: 100%;
  top: 100%;
  right: 0;
  bottom: 0;
  left: 0;
  padding: 0 1em;
  background: rgba(0, 0, 0, 0.6);
  color: #FFFFFF; }

.content .user_story_thumb > figcaption a {
  cursor: pointer;
  display: block;
  height: 100%;
  position: absolute;
  top: -100%;
  right: 0;
  left: 0;
  color: transparent;
  font-size: 0; }

.content .user_story_thumb:hover > figcaption a {
  top: 0; }

.content .user_story_thumb:hover > figcaption {
  transition: top .2s, opacity .3s ease-out;
  top: 0;
  opacity: 1; }

.content .user_story_thumb h1 {
  color: #FFFFFF;
  font-size: 1.1em;
  line-height: 1;
  border: 0;
  margin: 2em 0 0; }

.content .user_story_thumb h2 {
  position: absolute;
  top: .4em;
  color: #FFFFFF;
  text-transform: uppercase;
  font-size: 0.9em;
  font-weight: normal;
  margin: 0; }

.content .user_story_thumb h3 {
  color: #FFFFFF;
  font-size: 1.1em;
  line-height: 1em;
  border: 0;
  margin: 2em 0 0; }

.content .user_story_thumb span {
  position: absolute;
  top: .7em;
  color: #FFFFFF;
  text-transform: uppercase;
  font-size: 0.9em;
  font-weight: normal;
  margin: 0; }

.content .user_story_thumb p {
  color: #FFFFFF;
  margin: 1.5em 0 0;
  font-size: 0.7em; }

.colorful.blue {
  background: #0099DC;
  color: #FFFFFF;
  float: left;
  margin: 0 0 2em;
  padding: 3em 40px; }

.colorful.blue h1 {
  float: left;
  font-size: 1.9em;
  line-height: 1em;
  color: #FFFFFF;
  margin: 1em 2em 2em 2em;
  width: 180px;
  text-align: left; }

.colorful.blue h2 {
  float: left;
  font-family: "Montserrat";
  font-weight: 700 !important;
  font-size: 1.77em;
  color: #FFFFFF;
  margin: 1em 2em 2em 2em;
  width: 180px;
  text-align: left; }

.colorful.blue p.bordered_left {
  max-width: 600px;
  margin-left: 16em;
  border-left: 2px dotted rgba(255, 255, 255, 0.4);
  padding: 2em 8em 2em 2em;
  font-size: 1.1em;
  line-height: 1.3em; }

.content.final {
  float: left;
  font-size: 1.1em;
  float: none; }

/* for centering the content */
div.centered.wrap {
  width: 100%;
  max-width: 980px;
  margin: 0 auto;
  position: relative;
  min-height: 400px;
  display: table; }

div.centered.wrap.set_go {
  min-height: 250px; }

.colorful div.centered.wrap {
  min-height: 200px;
  display: table; }

.show_scroll_find {
  cursor: pointer;
  text-decoration: underline; }

.content_customer_hp {
  padding: 0;
  width: 100%; }

#body_wrapper > footer {
  clear: both; }

.footer_container_links {
  float: none; }

.thumbnail {
  display: block;
  padding: 4px;
  line-height: 1;
  border: 1px solid #CCCCCC;
  -webkit-border-radius: 4px;
  -moz-border-radius: 4px;
  border-radius: 4px;
  -webkit-box-shadow: 0 1px 1px rgba(0, 0, 0, 0.075);
  -moz-box-shadow: 0 1px 1px rgba(0, 0, 0, 0.075);
  box-shadow: 0 1px 1px rgba(0, 0, 0, 0.075); }
  .thumbnail .caption {
    padding: 9px; }

@media only screen and (max-width: 1215px) {
  .reset_error {
    position: inherit; } }

@media only screen and (max-width: 1115px) {
  #signup_action_box div.button {
    float: inherit;
    clear: both;
    margin: 0; } }

@media only screen and (max-width: 1040px) {
  #account_information_section input,
  #guestAccount .box_current_password input,
  #guestAccount .box_email input,
  #guestAccount .box_email {
    width: auto;
    margin-right: 2px !important; } }

@media only screen and (max-width: 1030px) {
  #user_stories_wrap {
    width: 615px !important; }
  .div_search_schools {
    width: 70%; } }

@media only screen and (max-width: 1010px) {
  .box_footer #modify_list {
    margin-left: 20%; }
  .build_button {
    font-size: 1em; } }

@media only screen and (max-width: 985px) {
  .topic_actions {
    float: inherit; } }

@media only screen and (max-width: 980px) {
  #form_footer div.privacy,
  #form_footer div.log_in {
    display: block; }
  .box_footer #modify_list {
    margin-left: 15%; }
  .buttons_ra a {
    margin: 0 3% 10px 0; } }

@media only screen and (max-width: 960px) {
  .box_enter_key {
    padding: 3px 3px 3px 65px; } }

@media only screen and (max-width: 930px) {
  #footer li,
  #form_footer div.privacy,
  #form_footer div.log_in {
    display: block;
    float: inherit; }
  #guestAccount {
    height: 725px !important; }
  .body_choose_school .results_area {
    margin-left: 5%;
    width: 62%; }
  .container_goal_modal .box_long_description {
    width: 95%; } }

@media only screen and (max-width: 885px) {
  .resource_header .info_container {
    width: 65%; } }

@media only screen and (max-width: 865px) {
  .bubble_gettingStarted .bubble_info,
  .bubble_gettingStarted_right .bubble_info {
    font-size: 1em; }
  .yes_not {
    font-size: 2em; }
  .div_search_schools {
    width: 80%; }
  .my_schools_content {
    min-height: 550px; }
  .container_image_name p {
    width: 70%; }
  .msg_no_enrolled_groups {
    width: 90%; } }

@media only screen and (max-width: 845px) {
  #reset_password_form div.text_box input {
    min-width: 195px; }
  .first_title_wsm {
    font-size: 1.5em; }
  .first_text_wsm,
  .second_text_wsm,
  .text_countdown {
    font-size: 1em; }
  .second_title_wsm {
    font-size: 1.3em; }
  .box_footer #modify_list {
    margin-left: 10%; } }

@media only screen and (max-width: 820px) {
  #user_stories_wrap {
    width: 400px !important; }
  .colorful.blue {
    margin: 0 0 2em;
    padding: 2em 2em; }
  .colorful.blue h1 {
    margin: 1em 0 0; }
  .colorful.blue p.bordered_left {
    padding: 2em; }
  #study_options_initial_modal {
    width: 60%; } }

@media only screen and (max-width: 790px) {
  .box_section a.strong_requirements {
    left: 72%; } }

@media only screen and (max-width: 775px) {
  #sign_up_form {
    width: 100%; }
  .title_study_options {
    max-width: 50%; }
  .build_plan_disabled {
    clear: both;
    float: left;
    margin: 20px 0 0 0; }
  .study_options_bubble {
    top: 5px;
    float: left;
    left: 0;
    width: 45%; }
  .topic_actions {
    /*min-width: auto;*/ }
  .topic_actions .icon_book {
    clear: both;
    margin: 10px 4%; } }

@media only screen and (max-width: 768px) {
  .buttons_ra {
    padding: 0; } }

@media only screen and (max-width: 765px) {
  .div_search_schools {
    width: 90%; }
  .body_choose_school .results_area {
    margin-left: 7%;
    width: 60%; }
  .body_choose_school .info_bubble_ms {
    width: 215px; }
  .body_choose_school .info_bubble_ms:after {
    left: 75%; }
  .body_choose_school .info_bubble_ms .text_ib:before,
  .info_bubble_ms .text_ib:after {
    left: 163px; }
  .body_choose_school .info_bubble_ms .text_ib:after {
    left: 160px; }
  .build_button {
    clear: both; } }

@media only screen and (max-width: 725px) {
  .bubble_gettingStarted a,
  .bubble_gettingStarted_right a {
    font-size: 0.9em; }
  #worried_box #worried_text #title {
    font-size: 1.3em; }
  #worried_box #worried_text #text,
  #worried_box #worried_text a {
    font-size: 1em; }
  .assessment_results {
    margin-top: 45px; } }

@media only screen and (max-width: 720px) {
  .content .across_3 .column {
    width: 100%;
    padding: 0 0 10px 2.5%;
    margin: 0; }
  .below_form .create_account {
    display: block; }
  .below_form {
    min-width: 300px; }
  .search_box {
    right: 15%; }
  #worried_box #worried_text {
    width: 75%; }
  .close_bar_resource {
    clear: both; }
  .resource_header .info_container {
    width: 90%; } }

@media only screen and (max-width: 700px) {
  .div_info_hc .head_line p.headline_p {
    font-size: 2em; }
  .div_info_hc .sub_head p.subhead_p,
  .content_customer_hp {
    height: auto;
    font-size: 0.8em; }
  #warning_session_modal {
    width: 60%;
    margin: -201px -30%; }
  .results_area {
    margin-left: 5%;
    width: 55%; }
  .msg_no_enrolled_groups {
    width: 80%; } }

@media only screen and (max-width: 690px) {
  .bubble_gettingStarted a,
  .bubble_gettingStarted_right a {
    width: 100%; } }

@media only screen and (max-width: 665px) {
  .intake_unit {
    width: 85%; }
  .intake_unit h4.name_ui {
    width: 180px; } }

@media only screen and (max-width: 655px) {
  #big_loading_div {
    left: 30%; } }

@media only screen and (max-width: 635px) {
  #guestAccount .box_last_name {
    clear: both; }
  .div_text_modal .title_mw {
    font-size: 1.3em; }
  .div_text_modal .text_mw {
    font-size: 0.9em; }
  #warning_session_modal {
    width: 80%;
    margin: -201px -40%; } }

@media only screen and (max-width: 625px) {
  #guestAccount {
    height: 900px !important; }
  .body_choose_school .results_area {
    margin-left: 9%;
    width: 58%; }
  #choose_school_modal {
    width: 80%; } }

@media only screen and (max-width: 610px) {
  #guestAccount .box_passwords .confirm_password {
    float: inherit;
    margin: 0;
    clear: both; }
  #icon_password_edit {
    left: 48%; }
  .box_section a.strong_requirements {
    left: 55%; }
  .bubble_password_info_ea {
    left: 42%; }
  .container_image_name p {
    width: 60%; } }

@media only screen and (max-width: 600px) {
  #user_stories_wrap {
    width: 185px !important; }
  .div_info_hc .head_line p.headline_p {
    font-size: 1.4em; }
  .colorful.blue h1 {
    width: 100%;
    float: inherit; }
  .colorful.blue p.bordered_left {
    width: 100%;
    float: inherit;
    margin: 0;
    padding: 1em 0 0;
    border: none;
    clear: both; }
  .colorful.blue h2 {
    margin-bottom: 0; }
  .label_in_progress {
    clear: both;
    width: 95%; }
  .body_choose_school .results_area .show_only p {
    width: 75%; } }

@media only screen and (max-width: 570px) {
  .search_box {
    padding: 20px 0; }
  .results_area {
    margin-left: 5%;
    width: 60%; }
  #study_options_initial_modal {
    margin: -220px -35%;
    width: 70%; }
  .msg_no_enrolled_groups {
    width: 75%; } }

@media only screen and (max-width: 560px) {
  .edready_logo {
    right: 0;
    top: 50px;
    width: 25%; }
  .results_area {
    margin-left: 7%; }
  .my_schools_content {
    min-height: 570px; }
  .study_options {
    padding: 2% 5% 4%; }
  .study_options_bubble {
    width: 35%; }
  .box_footer #modify_list {
    margin: 0;
    clear: both; }
  .box_footer a {
    width: 50%; }
  .body_choose_school .info_bubble_ms {
    right: -50px; }
  .body_choose_school .info_bubble_ms:after {
    left: 65%; }
  .body_choose_school .info_bubble_ms .text_ib:before,
  .info_bubble_ms .text_ib:after {
    left: 143px; }
  .body_choose_school .info_bubble_ms .text_ib:after {
    left: 140px; } }

@media only screen and (max-width: 530px) {
  .face_faq img {
    margin-left: 75%; }
  #footer #faq {
    margin-left: 77.5%; }
  #loading_div {
    left: 30%; }
  .body_choose_school .results_area {
    margin-left: 11%;
    width: 56%; } }

@media only screen and (max-width: 510px) {
  .body_choose_school .results_area .sort_by a {
    clear: both; }
  .body_choose_school .results_area .show_only p.ts {
    clear: both;
    width: 100%;
    text-align: left; }
  .body_choose_school .result_cs .name_cs {
    font-size: 0.8em; }
  #footer li,
  #form_footer div.privacy,
  #form_footer div.log_in {
    display: block;
    float: inherit; }
  #footer a.options_footer {
    font-size: 1em; }
  .body_container {
    padding: 2% 5% 4%; }
  .public .login_box {
    padding: 22px 0 0; }
  .public .search_box {
    padding: 20px 0 0;
    top: -70px;
    width: 200px; }
  #warning_session_modal {
    width: 70%;
    margin: -201px -35%; }
  .my_schools_content .info_bubble_ms {
    width: 220px;
    right: -40px; }
  .my_schools_content .info_bubble_ms:after {
    left: 70%; }
  .my_schools_content .info_bubble_ms .text_ib:after {
    left: 153px; }
  .my_schools_content .info_bubble_ms .text_ib:before {
    left: 156px; }
  .my_schools_content .info_bubble_ms p {
    font-size: 0.7em; }
  .body_choose_school .results_area .sort_by a.active_cs {
    clear: both; }
  .body_choose_school .results_area .sort_by a {
    margin: 2%; }
  .body_choose_school .results_area .sort_by p {
    width: 100%; }
  .study_plan_page_body {
    margin-top: 52px; } }

@media only screen and (max-width: 500px) {
  #big_loading_div {
    left: 15%; }
  .buttons_ra {
    clear: both;
    float: inherit; } }

@media only screen and (max-width: 480px) {
  .body_container {
    padding: 2% 4% 4%; }
  .face_faq img {
    margin-left: 74.5%; }
  #footer #faq {
    margin-left: 75.5%; }
  .div_info_hc .head_line h1.headline_p {
    font-size: 2em;
    padding: 10px; }
  .div_info_hc .sub_head p.subhead_p,
  .get_started {
    font-size: 0.8em;
    margin-left: 10px; }
  #icon_password_edit {
    left: 35%; }
  .box_section a.strong_requirements {
    left: 44%; }
  .bubble_password_info_ea {
    left: 30%; }
  #worried_box #worried_text {
    width: 70%; }
  .my_schools_content .info_bubble_ms {
    width: 180px;
    right: -50px; }
  .my_schools_content .info_bubble_ms:after {
    left: 60%; }
  .my_schools_content .info_bubble_ms .text_ib:after {
    left: 107px; }
  .my_schools_content .info_bubble_ms .text_ib:before {
    left: 110px; }
  .my_schools_content .info_bubble_ms p {
    font-size: 0.7em; }
  .div_search_schools {
    width: 96%; }
  .results_area {
    margin-left: 10%;
    width: 57%; }
  .body_choose_school .info_bubble_ms {
    right: -70px; }
  .body_choose_school .info_bubble_ms:after {
    left: 55%; }
  .body_choose_school .info_bubble_ms .text_ib:before,
  .info_bubble_ms .text_ib:after {
    left: 123px; }
  .body_choose_school .info_bubble_ms .text_ib:after {
    left: 120px; } }

@media only screen and (max-width: 450px) {
  .container_image_name p {
    width: 50%; }
  .body_choose_school .container_search_options {
    width: 37%; }
  .body_choose_school .results_area {
    width: 50%; } }

@media only screen and (max-width: 435px) {
  .intake_unit {
    width: 75%; }
  .intake_unit h4.name_ui {
    width: 150px; } }

@media only screen and (max-width: 430px) {
  #label_active_mailing {
    width: 190px; }
  #reset_password_form div.text_box input {
    min-width: 195px; }
  #reset_password_form {
    width: 100%;
    min-width: inherit; }
  #warning_session_modal {
    width: 80%;
    margin: -201px -35%; }
  .box_zip_code {
    clear: both; }
  .body_instructions p.title {
    font-size: 1.3em; }
  .body_instructions p.text {
    font-size: 0.9em; }
  .build_plan_disabled {
    font-size: 0.9em;
    min-width: 160px; } }

@media only screen and (max-width: 410px) {
  #guestAccount {
    height: 1000px !important; }
  .bubbles_gettingStarted {
    height: 400px; } }

@media only screen and (max-width: 400px) {
  #signup_action_box div.button,
  #signup_action_box div.privacy {
    float: inherit;
    display: block; }
  .error_msg_sign_up span,
  .error_password_sign_up span {
    font-size: 0.6em;
    padding: 0 0 0 5px; }
  .public .search_box {
    padding: 20px 30px 0 0;
    width: 160px; }
  .public .content .across_3 .column {
    width: 100%; }
  .public .content .column:first-child {
    margin: 0 2.5%; }
  .colorful.blue {
    padding: 1em; }
  #study_options_initial_modal {
    width: 75%; }
  .body_choose_school .results_area {
    margin-left: 13%;
    width: 50%; }
  .msg_no_enrolled_groups {
    width: 65%; } }

@media only screen and (max-width: 380px) {
  #warning_session_modal {
    width: 82%;
    margin: -201px -35%; }
  .first_title_wsm,
  .second_title_wsm {
    font-size: 1em; }
  .first_text_wsm,
  .second_text_wsm,
  .text_countdown {
    font-size: 0.8em; }
  .container_button_stay_logged_in button {
    font-size: 0.7em; }
  .bubble_password_info_ea {
    left: 10%; }
  .light_blue_worried_box {
    height: 350px; }
  .intake_unit {
    width: 70%; }
  .intake_unit h4.name_ui {
    width: 130px; }
  .estimated_study_plan p.title_hours {
    font-size: 1em; }
  .container_score {
    left: 75%; }
  .body_choose_school .info_bubble_ms {
    right: -80px; }
  .body_choose_school .info_bubble_ms:after {
    left: 52%; }
  .body_choose_school .info_bubble_ms .text_ib:before,
  .info_bubble_ms .text_ib:after {
    left: 115px; }
  .body_choose_school .info_bubble_ms .text_ib:after {
    left: 112px; }
  .assessment_question.mobile-limit {
    max-width: 370px; } }

@media only screen and (max-width: 365px) {
  .face_faq img {
    margin-left: 70%; }
  #footer #faq {
    margin-left: 70%; }
  .intake_unit h4.name_ui {
    width: 120px; }
  .container_image_name p {
    width: 50%; }
  .body_choose_school .results_area {
    margin-left: 15%;
    width: 48%; } }

@media only screen and (max-width: 351px) {
  #guestAccount {
    height: 1200px !important; }
  .view_details_ia {
    clear: both; }
  .results_area {
    margin-left: 11%;
    width: 56%; }
  .my_schools_content {
    min-height: 650px; }
  .study_options_bubble {
    width: 35%; }
  .study_options_bubble {
    width: 30%; }
  .study_options_bubble .text_bubble_so::before {
    left: -15px; }
  .body_choose_school .container_search_options .search_by_area a {
    min-width: 75px; }
  .public .search_box {
    padding: 20px 15px 0 0;
    width: 135px; }
  .msg_no_enrolled_groups {
    width: 60%; } }

@media only screen and (max-width: 330px) {
  .remove_buttons {
    clear: both;
    float: inherit;
    margin-top: 30px;
    width: 200px;
    display: block; }
  .light_blue_worried_box {
    height: 370px; } }

/* When screen if stretched horizontally (width more than 1200px)*/
@media only screen and (min-width: 1200px) {
  /*StudyPath*/
  .unit_info_sp .unit_actions a {
    font-size: 0.95rem;
    padding: 6px 0 0 22px;
    width: 19%; }
  .topic_actions {
    margin-top: 50px;
    width: 45%; }
  .topic_actions a {
    font-size: 0.95rem;
    padding: 8px 0 0 14px; }
  .topic_actions a.learn {
    margin-left: 5%;
    width: 35%; }
  .topic_actions a.test {
    margin-left: 12%;
    width: 28%; }
  .topic_actions span.arrow_to_learn {
    left: 52%; }
  .topic_actions span {
    left: 43%; }
  .topic_actions span.test_label {
    left: 52%; } }

@media only screen and (min-width: 800px) {
  .back-log-in {
    width: 18%; } }

/*For iPhone5*/
@media only screen and (min-device-width: 320px) and (max-device-width: 568px) {
  #assessment_instructions {
    z-index: 100001; }
  .body_instructions {
    min-height: 420px; }
  .body_instructions p.text {
    font-size: 0.8em;
    margin-bottom: 10px;
    line-height: 1.0em; }
  .footer_instructions {
    margin: 5px; }
  /*Fix for display assessment modal buttons on iPhone*/
  .buttons_ra {
    float: left;
    margin-left: 5px; }
  #question_buttons_div .close_save button {
    width: auto; }
  #question_buttons_div .buttons_ra button {
    width: auto;
    margin-right: 5px; }
  /**/
  .option_retake {
    margin-top: 40px; }
  .info_retake_assessment {
    width: 85%; }
  .modal-open {
    overflow: auto; }
  .info_retake_assessment {
    margin-top: 5px; } }

/** For iPads */
@media only screen and (min-device-width: 768px) and (max-device-width: 1024px) {
  #assessment_instructions {
    height: 100%; }
  .footer_instructions {
    margin: 10px; }
  .info_retake_assessment {
    margin-top: 5px; } }

main#main-content {
  min-height: 90vh;
  margin-bottom: 85px; }
  @media (min-width: 768px) {
    main#main-content {
      min-height: 75vh; } }
  main#main-content #create-version {
    margin-top: 40px; }
    main#main-content #create-version h2 {
      margin-bottom: 20px; }
    main#main-content #create-version .error-group {
      padding-bottom: 10px; }
      main#main-content #create-version .error-group > .error {
        color: #E31B23;
        font-size: 0.8em;
        margin: 0;
        padding: 0; }
    main#main-content #create-version form input[type="submit"] {
      margin-top: 10px;
      border: 0 none;
      font-size: 0.95em;
      padding: 8px 16px;
      background-color: #0099DC;
      color: white;
      border-radius: 3px; }
      main#main-content #create-version form input[type="submit"]:hover {
        background-color: #6CC6B7; }

/************ REPORTS *********************/
.filter_breadcrumb {
  height: 40px; }

.assessment_report {
  color: #63428C;
  font-size: 1.8rem;
  line-height: 1.8rem;
  position: relative;
  word-wrap: break-word;
  width: 100%;
  bottom: 0; }

.menu_reports {
  position: relative;
  clear: both; }
  .menu_reports p.only_active {
    float: left;
    font-family: "Montserrat";
    font-weight: 400 !important;
    font-style: italic !important;
    font-size: 0.8em;
    margin: 11px 0 0 22%; }
  .menu_reports ul#tabs > li.nav-item {
    width: 20%; }
  .menu_reports .iq_main_report {
    position: absolute;
    top: 10px;
    right: 8px; }

.container_limit_options {
  float: left;
  margin-left: 1%;
  margin-top: 10px;
  width: 99%; }
  .container_limit_options select {
    float: left;
    height: 25px;
    width: 8%; }
  .container_limit_options label {
    font-family: "Montserrat";
    font-weight: 700 !important;
    float: left;
    margin: 4px 1% 0 0; }
  .container_limit_options hr {
    float: left;
    margin: 5px 0;
    width: 100%; }
  .container_limit_options p {
    color: #63428C;
    float: right;
    font-size: 1em;
    margin-right: 30px;
    margin-top: 2px; }

.general_stats {
  background-color: #F4F4F4;
  margin-top: 20px;
  padding: 15px 2% 8px 2%; }

.box_stats:not(:last-child) {
  border-bottom: 2px solid #FFFFFF; }

@media (min-width: 768px) and (max-width: 992px) {
  .box_stats {
    border-bottom: none;
    border-right: 2px solid #FFFFFF; }
    .box_stats:nth-child(even) {
      border-right: 0; } }

@media (min-width: 992px) {
  .box_stats:not(:last-child) {
    border-right: 2px solid #FFFFFF;
    border-bottom: 0; } }

.box_stats .mini_container_stats {
  display: table;
  vertical-align: middle;
  width: 100%; }

.box_stats p {
  margin-bottom: 0; }
  .box_stats p.text_about {
    display: table-cell;
    vertical-align: middle;
    font-size: 0.8rem;
    text-align: right;
    width: 60%;
    margin-left: 10px; }
  .box_stats p.ta_smaller {
    font-size: 0.78em;
    line-height: 1.1em;
    margin-top: 14px; }

.box_stats span.number_result {
  color: #999999;
  display: table-cell;
  vertical-align: middle;
  font-size: 2.1rem;
  font-family: "Montserrat";
  font-weight: 700 !important;
  text-align: center;
  width: 40%; }

.box_stats p.in_progress_id {
  position: absolute;
  bottom: -35px;
  font-size: 0.8em;
  left: -15px; }

.accounts_stats p.answer {
  font-family: "Montserrat";
  font-weight: 700 !important; }

.rc_unit_topic {
  padding-top: 5px; }

.summary_container {
  border-right: 1px solid #CCCCCC; }

.header_summary {
  height: 25px;
  width: 100%; }
  .header_summary h2 {
    color: #63428C;
    font-size: 1.05rem;
    font-family: "Montserrat";
    font-weight: 700 !important;
    line-height: 18px; }

.box_info_summary {
  background-color: #F4F4F4;
  margin: 20px 0 0 0; }

.median_full {
  border-right: 3px solid #FFFFFF;
  margin-top: 20px;
  padding: 0; }
  .median_full .title_mf {
    font-size: .95rem;
    font-family: "Montserrat";
    font-weight: 700 !important;
    line-height: 1rem;
    text-align: center;
    width: 90%; }
  .median_full .result_mf {
    display: block;
    color: #999999;
    font-size: 4.1rem;
    margin: 0;
    font-family: "Montserrat";
    font-weight: 700 !important;
    text-align: center;
    width: 90%; }

.median_edready {
  margin-top: 20px;
  padding: 0; }
  .median_edready .title_me {
    font-size: .95rem;
    font-family: "Montserrat";
    font-weight: 700 !important;
    line-height: 1rem;
    margin-bottom: 1px;
    margin-left: 5%;
    text-align: center; }
  .median_edready .result_me {
    color: #63428C;
    font-size: 4.1rem;
    font-family: "Montserrat";
    font-weight: 700 !important;
    margin: -1rem 0 0 0;
    text-align: center;
    width: 100%; }
  .median_edready .most_recent {
    font-size: .75rem;
    text-align: center; }

.bars_progress_container {
  margin: 10px 0; }

.reports_progress_bar {
  background-color: #FFFFFF;
  background-image: none;
  border-radius: 0 0 0 0;
  height: 16px;
  margin-bottom: 0; }

.info_summary {
  border-bottom: 1px solid #F4F4F4;
  float: left;
  margin-top: 20px;
  width: 100%; }
  .info_summary p.eclipsed {
    font-size: 0.9rem;
    margin-left: 16%;
    text-align: center;
    width: 66%; }
    .info_summary p.eclipsed .bold_eclipsed {
      font-family: "Montserrat";
      font-weight: 700 !important; }
  .info_summary p.average_score_gain {
    font-size: 0.9rem;
    margin-left: 14%;
    text-align: center;
    width: 75%; }

.footer_summary {
  float: left;
  margin-top: 18px;
  position: relative;
  text-align: center;
  width: 100%; }
  .footer_summary #id_advance_custom_link {
    font-size: 0.875em; }
  .footer_summary #id_advance_custom_link:hover {
    cursor: pointer;
    color: #6CC6B7;
    text-decoration: none; }

.score_distribution_chart {
  float: left;
  height: 320px;
  margin-left: 15px;
  width: 100%; }

.legend_chart_sd {
  color: #999999;
  font-size: 0.7em;
  margin: 5px 10px 5px 3px; }

#studyTimeChart .flot-x-axis.xAxis.flot-x1-axis.x1Axis {
  color: #0099DC; }

#studyTimeChart .flot-x-axis.xAxis.flot-x2-axis.x2Axis {
  color: #63428C; }

.legend div {
  border: 1px solid #999999;
  padding-right: 6px; }

.label_bottom_chart_sd {
  color: #999999;
  float: left;
  font-size: 0.85rem;
  font-family: "Montserrat";
  font-weight: 700 !important;
  margin-left: 45%;
  margin-top: 3px; }

.legend_ub_chart {
  float: left;
  margin: 35px 0 0 4%;
  width: 145px; }

.type_ub_chart {
  float: left;
  margin-bottom: 10px; }
  .type_ub_chart .box_color {
    background-color: #F4F4F4;
    float: left;
    height: 12px;
    position: relative;
    margin-top: 2px;
    width: 12px; }
    .type_ub_chart .box_color span {
      color: #FFFFFF;
      left: 5px;
      position: absolute;
      top: -1px; }
  .type_ub_chart .triangle, .type_ub_chart .triangle_up, .type_ub_chart .triangle_down, .type_ub_chart .triangle_up_info, .type_ub_chart .triangle_down_info {
    border-left: 6px solid transparent;
    border-right: 6px solid transparent;
    background-color: #FFFFFF !important;
    width: 0;
    height: 0; }
  .type_ub_chart .triangle_up_info {
    border-bottom: 12px solid #E31B23; }
  .type_ub_chart .triangle_down_info {
    border-top: 12px solid #999999; }
  .type_ub_chart .box_text {
    font-size: 1.25em;
    color: #999999;
    font-style: italic;
    text-align: center;
    float: left;
    height: 12px;
    margin-top: 2px;
    width: 12px; }
  .type_ub_chart p {
    color: #999999;
    float: left;
    font-size: 0.7em;
    line-height: 1em;
    margin: 0 0 0 12px;
    width: 100px; }

#containerUnitBreakdownTable {
  margin-top: 10px;
  max-height: 400px;
  overflow: auto; }

#containerScoreDistributionTable {
  margin-top: 10px;
  max-height: 345px;
  overflow: auto; }

#unitBreakdownTable,
#scoreDistributionTable {
  font-size: 0.8em;
  border: 1px solid #F4F4F4; }
  #unitBreakdownTable thead tr th div,
  #scoreDistributionTable thead tr th div {
    font-family: "Montserrat";
    font-weight: 700 !important;
    font-size: 1.1em;
    text-align: center; }
  #unitBreakdownTable td,
  #scoreDistributionTable td {
    vertical-align: middle;
    text-align: center; }

/**** Search Sections ****/
.label_reports_filter {
  color: #0099DC;
  cursor: pointer;
  font-family: "Montserrat";
  font-weight: 700 !important;
  font-size: 0.9em;
  margin-bottom: 20px;
  margin-left: 5px;
  width: 130px; }

.arrow_down_filter_section_sd {
  background: url("/static/css/images/dashboard/arrow_down_menu_blue.png") no-repeat scroll 100% 40%; }

.arrow_up_filter_section_sd {
  background: url("/static/css/images/dashboard/arrow_up_menu_blue.png") no-repeat scroll 100% 60%; }

.section_filter_note_sd {
  color: #999999;
  font-family: "Montserrat";
  font-weight: 400 !important;
  font-style: italic !important;
  font-size: 0.75em;
  line-height: 1.2em;
  margin-bottom: 0;
  position: absolute;
  right: 0;
  text-align: right;
  top: -32px;
  width: 46%; }

#search_section_reports {
  border: 4px outset #F4F4F4;
  float: left;
  height: auto;
  margin: 0 0 20px 2%;
  padding: 10px 0 10px;
  position: relative;
  width: 90%; }
  #search_section_reports hr {
    border-top: 1px dashed;
    float: left;
    margin: 25px 6%;
    width: 88%; }

.header_filter_section {
  float: left;
  margin-bottom: 10px;
  width: 100%; }

#reset_link_fs {
  color: #999999;
  float: left;
  font-size: 0.8em;
  margin-left: 1%;
  text-decoration: underline; }

.icon_filter_section_sd {
  background-color: #0099DC;
  -moz-border-radius: 20px;
  -webkit-border-radius: 20px;
  -khtml-border-radius: 20px;
  border-radius: 20px;
  color: #FFFFFF;
  cursor: pointer;
  float: right;
  height: 18px;
  margin-right: 15px;
  padding-left: 6px;
  width: 13px; }
  .icon_filter_section_sd:hover {
    background-color: #6CC6B7;
    color: #FFFFFF;
    text-decoration: none; }

.container_row_fields {
  float: left;
  margin-left: 4%;
  width: 96%; }

.label_next_button {
  color: #999999;
  float: right;
  font-family: "Montserrat";
  font-weight: 400 !important;
  font-style: italic !important;
  font-size: 0.8em;
  line-height: 1.1em;
  margin-right: 4px;
  margin-top: 1px;
  text-align: right;
  width: 25%; }

.field_box {
  float: left;
  margin-left: 2%;
  position: relative;
  width: 29%; }

.field_box_dates {
  width: 32%; }

.span_error_fs {
  color: #E31B23;
  font-size: 0.7em;
  left: 0;
  margin-left: 0;
  position: absolute;
  top: 48px; }

.field_box_smaller {
  width: 20%; }

.field_box_dropdown {
  margin-left: 8%;
  width: 20%; }

.field_box_slider {
  height: 60px;
  width: 45%; }

.field_box_button {
  float: right;
  margin-bottom: 15px;
  margin-left: 1%;
  margin-right: 5%;
  width: 10%; }
  .field_box_button a {
    background-color: #0099DC;
    -moz-border-radius: 5px;
    -webkit-border-radius: 5px;
    -khtml-border-radius: 5px;
    border-radius: 5px;
    color: #FFFFFF;
    float: right;
    font-size: 0.875em;
    padding: 6px 0;
    text-align: center;
    width: 100%; }
    .field_box_button a:hover {
      background-color: #6CC6B7;
      text-decoration: none; }
  .field_box_button label {
    font-family: "Montserrat";
    font-weight: 700 !important;
    margin-bottom: 2px;
    margin-left: 1%; }
  .field_box_button input[type="text"] {
    font-size: 0.8em;
    width: 80%; }
  .field_box_button input.for_numbers {
    width: 15%; }
  .field_box_button input .for_dates {
    background-color: #FFFFFF;
    cursor: default;
    width: 25%; }

.red_option {
  color: #E31B23; }

.black_option {
  color: #000000; }

#more_filters {
  color: #0099DC;
  cursor: pointer;
  float: left;
  font-size: 0.85em;
  margin: 15px 0 0 3%;
  width: 88px; }

.updated_download_container {
  float: left;
  margin: 15px 0;
  width: 100%; }

.last_update {
  float: left; }
  .last_update p {
    float: left;
    font-size: 0.875em;
    margin-bottom: 0;
    margin-right: 6px; }

.download_data {
  float: right;
  margin-right: 20px; }
  .download_data p {
    float: left;
    font-size: 0.8em;
    margin-bottom: 0;
    margin-right: 10px; }
    .download_data p .text_sd_button {
      line-height: 1.1em;
      text-align: right;
      width: 200px; }
    .download_data p .text_big_button {
      line-height: 1.1em;
      text-align: right;
      width: 250px; }
  .download_data a {
    background-color: #F4F4F4;
    border: 2px solid #0099DC;
    -moz-border-radius: 5px;
    -webkit-border-radius: 5px;
    -khtml-border-radius: 5px;
    border-radius: 5px;
    color: #0099DC;
    float: left;
    font-size: 0.875em;
    font-weight: 500;
    height: 31px;
    margin-top: -5px;
    padding: 3px 8px 0;
    text-align: center;
    text-decoration: none; }
    .download_data a:hover {
      color: #6CC6B7;
      border: 2px solid #6CC6B7; }

.container_number_rows {
  float: left;
  font-size: 0.9em;
  line-height: 1.0em;
  margin: 0 0 10px 10px;
  width: 100%; }
  .container_number_rows span {
    font-family: "Montserrat";
    font-weight: 700 !important; }
  .container_number_rows p {
    font-family: "Montserrat";
    font-weight: 400 !important;
    font-style: italic !important;
    font-size: 0.85em;
    margin-bottom: 0; }

#summary_table_container {
  width: 100%;
  overflow: auto; }
  #summary_table_container td:nth-child(11) {
    min-width: 350px; }

.unit_topic_table_container {
  height: auto;
  width: 100%; }

#header_scores_bar {
  min-width: 300px;
  padding-bottom: 0;
  width: 30%;
  border: 2px solid #CCCCCC; }

.unit_scores_bar {
  padding: 0;
  font-family: "Montserrat";
  font-weight: 700 !important;
  font-style: italic !important;
  width: 30%; }

.bottom_notes_reports {
  float: left;
  width: 100%;
  font-size: 0.8em;
  font-family: "Montserrat";
  font-weight: 400 !important;
  font-style: italic !important; }

.student_report_table {
  width: 100%;
  overflow: auto;
  margin-right: 0px; }

.div_scores_label {
  float: left;
  width: 100%;
  padding-left: 15px;
  font-family: "Montserrat";
  font-weight: 700 !important;
  font-style: italic !important;
  margin-right: 4px; }

.div_initial_label {
  float: left;
  cursor: pointer;
  width: 50%;
  padding-left: 15px;
  box-sizing: border-box;
  position: relative; }

.div_recent_label {
  float: left;
  width: 50%;
  box-sizing: border-box;
  cursor: pointer;
  position: relative; }

.image_arrows {
  background-image: url("/static/css/images/tablesorter/bg.gif");
  background-position: right center;
  background-repeat: no-repeat;
  float: left;
  height: 10px;
  margin-left: 6px;
  margin-top: 3px;
  width: 14px; }

.image_sort_down {
  background-image: url(/static/css/images/tablesorter/desc.gif); }

.image_sort_up {
  background-image: url(/static/css/images/tablesorter/asc.gif); }

.titles_score_bar_column {
  float: left;
  width: 100%; }

.bar_line {
  float: left;
  border: 1px solid #F4F4F4;
  border-top: none;
  float: left;
  height: 4px;
  margin-left: 5%;
  margin-top: 12px;
  width: 88%; }
  .bar_line span.left_number {
    color: #F4F4F4;
    float: left;
    font-size: 0.8em;
    margin-left: -4px;
    margin-top: -15px; }
  .bar_line span.right_number {
    color: #F4F4F4;
    float: right;
    font-size: 0.8em;
    margin-right: -8px;
    margin-top: -15px; }

#dataReport h2.current {
  display: inline-block; }

#dataReport a.change {
  font-size: 0.85em;
  text-decoration: underline;
  margin: 0 0 -15px 15px; }

#dataReport #container_sessions_table {
  position: relative;
  display: none; }

#container_sessions_report {
  position: relative; }
  #container_sessions_report .close_report {
    position: absolute;
    top: 0;
    right: 0;
    text-decoration: underline; }
  #container_sessions_report #sessions_header {
    display: none; }

#containerHistoricScore,
#retakesTimelineChart,
#studyTimeChart {
  min-height: 200px;
  height: auto;
  position: relative; }

#containerHistoricScoreTable,
#retakesTimelineTable {
  display: none;
  max-height: 200px;
  overflow: auto; }

#flot-tooltip {
  font-size: 12px;
  font-family: "Montserrat";
  font-weight: 400 !important;
  position: absolute;
  display: none;
  border: 2px solid;
  padding: 2px;
  background-color: #FFFFFF;
  opacity: 0.8;
  -moz-border-radius: 5px;
  -webkit-border-radius: 5px;
  -khtml-border-radius: 5px;
  border-radius: 5px; }

.report-div-separator {
  border-right: 1px solid #F4F4F4; }

/*******************************************/
.overview-headers {
  font-size: 1rem; }
  .overview-headers h1 {
    font-size: 1.8rem; }
  .overview-headers h2 {
    font-size: 1.3rem; }
    .overview-headers h2 small {
      font-size: 1rem;
      color: #767676; }
  .overview-headers .student {
    font-size: 1.2rem;
    font-family: "Montserrat";
    font-weight: 700 !important; }
  .overview-headers .bordered {
    border-top: 2px solid #FFFFFF; }
    @media (min-width: 768px) {
      .overview-headers .bordered {
        border-left: 2px solid #FFFFFF;
        border-top: none; } }

.overview-activity {
  font-size: 1rem;
  margin: .5rem 0;
  padding: .5rem; }
  .overview-activity .activity {
    font-family: "Montserrat";
    font-weight: 700 !important;
    color: #009900; }
  .overview-activity .bordered {
    border-left: 2px solid #FFFFFF; }

.reports_container #containerHistoricScore #historicScoreChart {
  width: 100%;
  height: 200px; }

.reports_container .datepickers {
  padding: .5rem 0;
  margin: 1rem 0;
  border-top: 2px solid #FCFCFC;
  border-bottom: 2px solid #FCFCFC; }

.connection_info_container {
  color: #0099DC;
  text-align: center;
  float: left; }

.right_separator {
  border-right: 1px solid #F4F4F4; }

.connection_text_info {
  color: #000000; }

.switch {
  float: left;
  position: relative;
  display: block;
  width: 50px;
  height: 25px; }

.switch input {
  display: none; }

.slider {
  position: absolute;
  cursor: pointer;
  top: 0;
  left: 0;
  right: 0;
  bottom: 0;
  background-color: #CCCCCC;
  -webkit-transition: .4s;
  transition: .4s; }

.slider:before {
  position: absolute;
  content: "";
  height: 18px;
  width: 18px;
  left: 4px;
  bottom: 4px;
  background-color: white;
  -webkit-transition: .4s;
  transition: .4s; }

input:checked + .slider {
  background-color: #0099DC; }

input:focus + .slider {
  box-shadow: 0 0 1px #0099DC; }

input:checked + .slider:before {
  -webkit-transform: translateX(26px);
  -ms-transform: translateX(26px);
  transform: translateX(26px); }

.slider.round {
  border-radius: 34px; }

.slider.round:before {
  border-radius: 50%; }

.assessment-list strong {
  font-family: "Montserrat";
  font-weight: 700 !important;
  font-size: 1rem; }

.assessment-list .goal {
  font-family: "Montserrat";
  font-weight: 700 !important; }
  .assessment-list .goal:after {
    content: '/';
    color: #414042;
    margin: 0 0.5rem; }

.assessment-list a {
  text-decoration: none;
  cursor: pointer; }
  .assessment-list a:hover {
    background-color: #F2F7F6; }

.note {
  font-family: "Montserrat";
  font-weight: 400 !important;
  font-style: italic !important;
  font-size: 0.8rem; }

#timeline-report {
  position: relative;
  width: 100%;
  border: 1px solid #CCCCCC;
  background-color: #FFFFFF;
  /*= timeline css for data in one side =*/ }
  #timeline-report #timeline-graph a {
    text-decoration: none; }
  #timeline-report #timeline-graph li {
    list-style: none; }
  #timeline-report h2 {
    font-size: 24px;
    margin: 20px 0 10px;
    text-align: center;
    color: #63428C;
    font-family: "Montserrat";
    font-weight: 600 !important; }
  #timeline-report .timeline-container {
    margin: 0 auto;
    max-width: 600px; }
  #timeline-report .timeline-row {
    width: 100%; }
  #timeline-report .timeline {
    width: 90%;
    margin: 40px 5%;
    padding-left: 40px;
    position: relative;
    border-left: 1px solid #CCCCCC;
    box-sizing: border-box; }
    #timeline-report .timeline:before, #timeline-report .timeline:after {
      content: "";
      width: 16px;
      height: 16px;
      border: 2px solid #CCCCCC;
      position: absolute;
      left: -8.5px;
      border-radius: 50%; }
    #timeline-report .timeline:before {
      top: -16px; }
    #timeline-report .timeline:after {
      bottom: -18px; }
    #timeline-report .timeline li {
      background-color: #F4F4F4;
      border: 1px solid #CCCCCC;
      border-radius: 5px;
      margin-top: 20px;
      padding: 10px;
      position: relative; }
      #timeline-report .timeline li:first-child {
        margin-top: 0; }
      #timeline-report .timeline li:before {
        content: "";
        width: 40px;
        height: 1px;
        background-color: #CCCCCC;
        position: absolute;
        top: 50%;
        left: -41px; }
      #timeline-report .timeline li:after {
        content: "";
        width: 7px;
        height: 7px;
        background-color: #CCCCCC;
        position: absolute;
        top: 50%;
        margin-top: -3px;
        left: -45px; }
    #timeline-report .timeline.both-side {
      float: left;
      width: 96%;
      margin: 20px 2% 50px;
      position: relative;
      box-sizing: border-box; }
      #timeline-report .timeline.both-side:before {
        background-color: #CCCCCC;
        bottom: 0;
        content: " ";
        left: 50%;
        position: absolute;
        top: 0;
        width: 1px; }
      #timeline-report .timeline.both-side:after {
        border-radius: 50%;
        bottom: -22px;
        content: "";
        height: 18px;
        left: 50%;
        margin-left: -11px;
        position: absolute;
        width: 18px;
        border: 2px solid #CCCCCC; }
      #timeline-report .timeline.both-side li {
        position: relative;
        float: left;
        width: 100%; }
        #timeline-report .timeline.both-side li .border-line {
          background-color: #CCCCCC;
          font-size: 1.4em;
          height: 1px;
          left: 50%;
          margin-left: -8%;
          position: absolute;
          text-align: center;
          top: 50%;
          width: 8%;
          z-index: 100; }
          #timeline-report .timeline.both-side li .border-line:before {
            background-color: #CCCCCC;
            content: "";
            height: 7px;
            position: absolute;
            right: -4px;
            top: -3px;
            width: 7px; }
          #timeline-report .timeline.both-side li .border-line .timeline-description {
            border-radius: 2px;
            background-color: #F4F4F4;
            border: 1px solid #CCCCCC;
            float: left;
            font-size: 13px;
            padding: 10px;
            position: relative;
            width: 42%; }
        #timeline-report .timeline.both-side li.opposite-side .border-line {
          left: auto;
          right: 50%;
          margin-left: 0;
          margin-right: -8%; }
          #timeline-report .timeline.both-side li.opposite-side .border-line:before {
            left: -4px;
            right: auto; }
        #timeline-report .timeline.both-side li.opposite-side .timeline-description {
          float: right; }
  #timeline-report .timeline-description h3 span.timestamp {
    font-style: italic;
    font-size: 0.75em; }
  #timeline-report .timeline-description p {
    margin-top: 15px; }
    #timeline-report .timeline-description p:first-child {
      margin-top: 0; }
  #timeline-report .timeline-description dt:before {
    content: "";
    display: block; }
  #timeline-report .timeline-description dt:after {
    content: ':';
    margin-right: 1rem; }
  #timeline-report .timeline-description dt, #timeline-report .timeline-description dd {
    line-height: 1.5rem;
    display: inline; }

/********** Resources page - Student **********/
.resource_container {
  width: 100%;
  padding: 0;
  height: auto; }
  .resource_container #resource_panel_container {
    background: #FCFCFC; }
  .resource_container .resource_header {
    overflow-y: hidden !important;
    box-sizing: inherit;
    border-bottom: 2px solid #999999;
    float: left;
    height: auto;
    width: 100%; }
    .resource_container .resource_header .breadcrumb_rs {
      padding: 0.5rem 0 0 2.5%; }
      .resource_container .resource_header .breadcrumb_rs form {
        display: none; }
      .resource_container .resource_header .breadcrumb_rs .submit {
        text-transform: capitalize; }
    .resource_container .resource_header a.back_to_study_path {
      background: url("/static/css/images/studyPlan/back_arrow_resource.png") no-repeat scroll 5px 7px #CCCCCC;
      border: 2px solid #0099DC;
      -webkit-border-radius: 5px;
      -moz-border-radius: 5px;
      -ms-border-radius: 5px;
      border-radius: 5px;
      border-radius: 5px;
      color: #0099DC;
      font-weight: 900;
      font-size: .8em;
      text-transform: uppercase;
      padding: 5px 5px 5px 40px;
      float: right;
      margin-left: 8px;
      text-decoration: none;
      min-width: 125px; }
      .resource_container .resource_header a.back_to_study_path:hover {
        background: url("/static/css/images/studyPlan/back_arrow_resource_hover.png") no-repeat scroll 5px 7px #CCCCCC;
        color: #6CC6B7;
        border: 2px solid #6CC6B7;
        text-decoration: none; }
    .resource_container .resource_header .resource-nav {
      box-sizing: border-box;
      position: relative;
      padding: 0 2.5%;
      width: 100%;
      min-height: 2rem;
      z-index: 9; }
      .resource_container .resource_header .resource-nav .back_to_study_path {
        display: none;
        position: absolute;
        top: 0.5rem;
        left: 60%; }
      .resource_container .resource_header .resource-nav .collapse-button {
        display: none;
        position: absolute;
        height: 2rem;
        width: 3rem;
        top: 0.5rem;
        right: 2.5%; }
    .resource_container .resource_header .info_container_wrapper {
      float: left;
      width: 100%;
      box-sizing: border-box;
      padding: 0.65rem 2.5% 1rem 2.5%; }
      .resource_container .resource_header .info_container_wrapper .collapse-button {
        position: absolute;
        height: 2rem;
        width: 3rem;
        right: 3rem;
        top: 50%;
        margin-top: -1rem;
        z-index: 0; }
    .resource_container .resource_header .collapse-button {
      background-size: cover !important;
      cursor: pointer; }
      .resource_container .resource_header .collapse-button.collapse {
        background: url("/static/css/images/studyPlan/collapsed.png") no-repeat; }
      .resource_container .resource_header .collapse-button.uncollapse {
        background: url("/static/css/images/studyPlan/uncollapsed.png") no-repeat; }
    .resource_container .resource_header .info_container {
      float: left;
      height: 100%;
      width: 45%; }
    .resource_container .resource_header .topic_info {
      float: left;
      width: 100%; }
      .resource_container .resource_header .topic_info .unit_general_info .container_dots_lo_sp,
      .resource_container .resource_header .topic_info .unit_general_info .bar_topic_status {
        display: inline-block;
        min-height: 0;
        margin-top: 5px;
        height: 12px;
        float: none;
        width: auto; }
    .resource_container .resource_header h1, .resource_container .resource_header h2 {
      font-family: "Montserrat";
      font-weight: 400 !important;
      margin-bottom: 5px; }
    .resource_container .resource_header h1 {
      font-size: 1.9em;
      line-height: 1em;
      overflow: hidden;
      text-overflow: ellipsis;
      margin: 0; }
    .resource_container .resource_header h2 {
      color: #63428C;
      font-size: 1.0em;
      line-height: inherit; }
    .resource_container .resource_header .close_bar_resource {
      position: absolute;
      width: 35%;
      height: auto;
      right: 20%;
      z-index: 9; }
      .resource_container .resource_header .close_bar_resource, .resource_container .resource_header .close_bar_resource * {
        -webkit-transition: all 0.5s ease;
        -moz-transition: all 0.5s ease;
        -o-transition: all 0.5s ease;
        transition: all 0.5s ease; }
      .resource_container .resource_header .close_bar_resource #ready_to_check {
        color: #0099DC;
        float: right;
        font-size: 1.25rem;
        font-weight: normal;
        text-align: right;
        line-height: 2.2rem;
        margin-left: 1rem; }
      .resource_container .resource_header .close_bar_resource.shrink h2 {
        font-size: 1rem;
        margin-bottom: 0;
        line-height: 1rem; }
      .resource_container .resource_header .close_bar_resource.shrink a.back_to_study_path {
        background-position: 5px 4px;
        font-size: 0.95em;
        margin-left: 8px;
        padding: 2px 5px 3px 35px;
        min-width: 100px; }
    .resource_container .resource_header #resource_info {
      display: none;
      box-sizing: border-box;
      padding: 0.5rem 2rem;
      background-color: #FCFCFC;
      overflow: hidden;
      margin: 0;
      width: 100%; }
      .resource_container .resource_header #resource_info .banner {
        height: 2rem;
        box-sizing: border-box;
        width: 100%;
        clear: both;
        display: -webkit-flex;
        /* Safari */
        -webkit-flex-wrap: wrap;
        /* Safari 6.1+ */
        flex-wrap: wrap;
        display: flex;
        border-bottom: 1px solid #CCCCCC;
        padding-bottom: 0; }
        .resource_container .resource_header #resource_info .banner div {
          height: 2rem; }
        .resource_container .resource_header #resource_info .banner .resource_category {
          position: relative;
          width: 100%;
          text-align: center; }
          .resource_container .resource_header #resource_info .banner .resource_category h2 {
            font-family: "Montserrat";
            font-weight: 700 !important;
            font-size: 1.2rem;
            display: inline;
            vertical-align: middle;
            text-align: left;
            overflow: hidden;
            text-overflow: ellipsis;
            color: #63428C;
            font-weight: normal;
            line-height: 2rem;
            text-transform: uppercase; }
        .resource_container .resource_header #resource_info .banner .resources_cards {
          box-sizing: border-box;
          -webkit-flex: 1;
          /* Safari 6.1+ */
          -ms-flex: 1;
          /* IE 10 */
          flex: 1;
          max-width: 10%; }
          .resource_container .resource_header #resource_info .banner .resources_cards a {
            vertical-align: middle;
            font-size: 2rem;
            line-height: 2rem;
            padding: 0;
            margin: 0; }
        .resource_container .resource_header #resource_info .banner .more-info {
          position: absolute;
          right: 2.5%; }
          .resource_container .resource_header #resource_info .banner .more-info i {
            cursor: pointer;
            font-size: 2rem;
            float: right;
            color: #999999; }
      .resource_container .resource_header #resource_info .content {
        box-sizing: border-box;
        width: 100%;
        clear: both;
        display: -webkit-flex;
        /* Safari */
        -webkit-flex-wrap: wrap;
        /* Safari 6.1+ */
        flex-wrap: wrap;
        display: flex;
        padding: 1.5rem 0; }
        .resource_container .resource_header #resource_info .content div {
          padding: 0 7.5%;
          box-sizing: border-box; }
        .resource_container .resource_header #resource_info .content .description {
          box-sizing: border-box;
          -webkit-flex: 1;
          /* Safari 6.1+ */
          -ms-flex: 1;
          /* IE 10 */
          flex: 1;
          max-width: 66%; }
        .resource_container .resource_header #resource_info .content .metadata {
          box-sizing: border-box;
          -webkit-flex: 1;
          /* Safari 6.1+ */
          -ms-flex: 1;
          /* IE 10 */
          flex: 1;
          max-width: 34%; }
          .resource_container .resource_header #resource_info .content .metadata img.resource-thumbnail {
            display: inline;
            margin-right: 5px;
            height: 27px;
            width: 27px; }
          .resource_container .resource_header #resource_info .content .metadata h3 {
            display: inline; }
          .resource_container .resource_header #resource_info .content .metadata ul {
            list-style: none; }
            .resource_container .resource_header #resource_info .content .metadata ul ul {
              columns: 2; }
            .resource_container .resource_header #resource_info .content .metadata ul li {
              break-before: avoid;
              list-style: none; }
              .resource_container .resource_header #resource_info .content .metadata ul li span {
                font-weight: bold; }
                .resource_container .resource_header #resource_info .content .metadata ul li span:after {
                  content: ':';
                  margin-right: 5px; }
  .resource_container #resource_wrapper {
    width: 100%;
    float: left; }
    .resource_container #resource_wrapper .splitter_panel {
      overflow-y: hidden; }
    .resource_container #resource_wrapper #resource_container {
      float: left;
      width: 100%; }
  .resource_container .resources_container {
    clear: both;
    box-sizing: inherit;
    padding: 1rem 10% 1rem;
    background-color: #FCFCFC;
    /*** CARDS RESOURCES ***/ }
    .resource_container .resources_container * {
      box-sizing: border-box; }
    .resource_container .resources_container h3 {
      padding: 5px 0;
      position: relative;
      cursor: pointer; }
      .resource_container .resources_container h3.opened:before, .resource_container .resources_container h3.closed:before {
        width: 30px;
        margin-right: 5px; }
      .resource_container .resources_container h3.opened:before {
        content: '\0025BC'; }
      .resource_container .resources_container h3.closed:before {
        content: '\0025BA'; }
    .resource_container .resources_container#secondary_resources {
      margin-bottom: 2em; }
      .resource_container .resources_container#secondary_resources h3 {
        border-top: 1px solid #414042; }
    .resource_container .resources_container .container_resource_cards {
      box-sizing: inherit;
      width: 100%;
      padding-left: 25px; }
      .resource_container .resources_container .container_resource_cards div:not(.modal-body) > .container_total_resource {
        cursor: pointer; }
      .resource_container .resources_container .container_resource_cards .container_total_resource {
        background-color: #FFFFFF;
        width: 100%;
        padding: .25rem 0; }
        @media (min-width: 992px) {
          .resource_container .resources_container .container_resource_cards .container_total_resource {
            height: 100%; } }
        .resource_container .resources_container .container_resource_cards .container_total_resource.border {
          border: 1px solid #000000; }
        .resource_container .resources_container .container_resource_cards .container_total_resource .card_resource_container {
          padding: 1em 1rem 4rem 1rem;
          box-sizing: inherit;
          display: inline-block;
          position: relative;
          min-height: 197px;
          /* Safari doesn't apply equal height on containers as Chrome, Firefox and IE do */
          border-top: 2px solid #CCCCCC; }
          @media (min-width: 768px) {
            .resource_container .resources_container .container_resource_cards .container_total_resource .card_resource_container.group {
              border-left: 2px solid #CCCCCC;
              border-top: 0; } }
          @media (min-width: 992px) {
            .resource_container .resources_container .container_resource_cards .container_total_resource .card_resource_container {
              border-left: 2px solid #CCCCCC;
              border-top: 0; } }
        .resource_container .resources_container .container_resource_cards .container_total_resource .options_resource {
          position: relative;
          display: inline-block;
          height: 100%;
          min-height: 197px;
          /* Safari doesn't apply equal height on containers as Chrome, Firefox and IE do */
          padding: 1em 1rem 4rem 1rem; }
          .resource_container .resources_container .container_resource_cards .container_total_resource .options_resource.modal_options {
            padding: 1rem; }
            .resource_container .resources_container .container_resource_cards .container_total_resource .options_resource.modal_options:not(.group) {
              flex: 0 0 100% !important;
              max-width: 100% !important; }
          .resource_container .resources_container .container_resource_cards .container_total_resource .options_resource .source_thumbnail {
            width: 50%; }
            @media only screen and (min-width: 992px) {
              .resource_container .resources_container .container_resource_cards .container_total_resource .options_resource .source_thumbnail.big {
                width: 85%; } }
        .resource_container .resources_container .container_resource_cards .container_total_resource .resource_actions {
          position: absolute;
          text-align: center;
          width: 100%;
          text-align: center;
          bottom: .5rem;
          left: 0; }
          .resource_container .resources_container .container_resource_cards .container_total_resource .resource_actions .more_info {
            font-family: "Montserrat";
            font-weight: 700 !important;
            background-color: #FCFCFC;
            border: 2px solid #0099DC;
            -moz-border-radius: 5px;
            -webkit-border-radius: 5px;
            -khtml-border-radius: 5px;
            border-radius: 5px;
            color: #0099DC;
            font-size: 0.9rem;
            text-decoration: none; }
            .resource_container .resources_container .container_resource_cards .container_total_resource .resource_actions .more_info:hover {
              background: #FCFCFC;
              color: #6CC6B7;
              border: 2px solid #6CC6B7;
              text-decoration: none; }
          .resource_container .resources_container .container_resource_cards .container_total_resource .resource_actions .go_to_resource {
            border: 2px solid #0099DC; }
            .resource_container .resources_container .container_resource_cards .container_total_resource .resource_actions .go_to_resource:hover {
              border: 2px solid #6CC6B7; }
          .resource_container .resources_container .container_resource_cards .container_total_resource .resource_actions .more_info,
          .resource_container .resources_container .container_resource_cards .container_total_resource .resource_actions .go_to_resource {
            line-height: .95rem;
            position: relative;
            display: inline-block;
            max-width: 95%;
            height: auto;
            text-align: left;
            padding: 0.5rem 1rem 0.5rem 2rem;
            font-size: 0.9rem;
            text-decoration: none;
            text-transform: uppercase; }
            .resource_container .resources_container .container_resource_cards .container_total_resource .resource_actions .more_info i,
            .resource_container .resources_container .container_resource_cards .container_total_resource .resource_actions .go_to_resource i {
              position: absolute;
              left: .5rem;
              top: 50%;
              margin-top: -0.5rem; }
            .resource_container .resources_container .container_resource_cards .container_total_resource .resource_actions .more_info:hover,
            .resource_container .resources_container .container_resource_cards .container_total_resource .resource_actions .go_to_resource:hover {
              text-decoration: none; }
          .resource_container .resources_container .container_resource_cards .container_total_resource .resource_actions .resource_go_resource {
            display: inline;
            text-align: right;
            float: none; }
            .resource_container .resources_container .container_resource_cards .container_total_resource .resource_actions .resource_go_resource a {
              color: #FCFCFC;
              font-size: 0.8em; }
              .resource_container .resources_container .container_resource_cards .container_total_resource .resource_actions .resource_go_resource a:hover {
                color: #6CC6B7; }
        .resource_container .resources_container .container_resource_cards .container_total_resource .modal .modal-header {
          position: relative; }
          .resource_container .resources_container .container_resource_cards .container_total_resource .modal .modal-header button {
            position: absolute;
            right: 1rem;
            top: 0.3rem; }
        .resource_container .resources_container .container_resource_cards .container_total_resource .modal .options_resource {
          padding: 1rem; }
        .resource_container .resources_container .container_resource_cards .container_total_resource .modal .container_resource_modal {
          position: relative;
          background-color: #FFFFFF;
          border: 1px solid #CCCCCC;
          width: 100%;
          padding-bottom: 1.5rem; }
          .resource_container .resources_container .container_resource_cards .container_total_resource .modal .container_resource_modal .go_to_lesson {
            position: relative;
            float: right;
            marign-right: 10px; }
        .resource_container .resources_container .container_resource_cards .container_total_resource .modal .image_name_button {
          box-sizing: border-box;
          display: inline-block;
          margin: 0 1% 15px;
          position: relative;
          text-align: center;
          min-height: 30px;
          width: 30%;
          min-width: 30%; }
          .resource_container .resources_container .container_resource_cards .container_total_resource .modal .image_name_button .resource-image {
            border: 1px solid #CCCCCC;
            margin-bottom: 10px;
            width: 100%;
            min-height: 100px; }

.resource-metadata {
  width: 100%;
  min-height: 20px;
  display: block;
  padding: 20px;
  margin-top: 20px; }
  .resource-metadata span {
    font-family: "Montserrat";
    font-weight: 700 !important; }
  .resource-metadata ul {
    list-style: none;
    margin: 0;
    padding: 0; }
    .resource-metadata ul li {
      break-before: avoid;
      list-style: none; }
      .resource-metadata ul li span {
        font-weight: bold; }
        .resource-metadata ul li span:after {
          content: ':';
          margin-right: 5px; }

ul.text_list {
  list-style: none; }
  ul.text_list li {
    display: inline-block; }
    ul.text_list li:after {
      content: ', '; }
    ul.text_list li:last-child:after {
      content: '.'; }

.name_resource {
  height: auto;
  text-align: center;
  color: #63428C;
  display: table; }

.name_resource_value {
  font-family: "Montserrat";
  font-weight: 700 !important;
  font-size: 1.2em;
  display: table-cell;
  vertical-align: middle;
  text-align: center;
  height: 36px;
  margin-bottom: 0px;
  max-width: 220px;
  overflow: hidden;
  text-overflow: ellipsis;
  color: #63428C;
  line-height: 0.95em; }

.resource_subject {
  box-sizing: inherit; }
  .resource_subject .contributor {
    color: #999999;
    width: 100%;
    display: block;
    margin: 0;
    padding: 1.5rem 0;
    font-size: 1rem;
    text-transform: capitalize; }

.resource_description {
  box-sizing: border-box;
  display: inline-block;
  width: 100%;
  min-height: 30px;
  min-width: 66%;
  padding: 1rem;
  position: relative; }
  .resource_description .info_column {
    width: 50%;
    float: left; }
  .resource_description .time {
    text-align: center;
    line-height: 2rem;
    margin: 0;
    padding: 0; }
    .resource_description .time .estimated,
    .resource_description .time .spent {
      text-transform: capitalize;
      font-weight: bold;
      margin-right: 3px; }
    .resource_description .time .spent {
      margin-left: 1rem; }

.identifier, .rights {
  font-size: 0.75rem;
  font-style: italic;
  position: absolute;
  bottom: 0; }

.identifier {
  left: 1rem; }

.rights {
  right: 1rem; }
  .rights img {
    height: 1.5em;
    display: inline; }

.medias-list {
  text-align: left; }
  .medias-list ul {
    width: 100%;
    list-style: none; }
    .medias-list ul li {
      display: inline-block;
      margin: 0 5px; }
      .medias-list ul li i {
        margin-right: 3px; }

.recommended_resources {
  float: left;
  height: auto;
  width: 100%; }

.div_title_recommended {
  float: left;
  margin-bottom: 5px;
  margin-right: 18%;
  width: 82%; }
  .div_title_recommended a {
    color: #0099DC;
    float: right;
    font-size: 0.95em;
    margin-left: 28px;
    width: 390px; }
    .div_title_recommended a:hover {
      text-decoration: none;
      cursor: pointer;
      color: #6CC6B7; }
    .div_title_recommended a.arrow_right_resource {
      background: url("/static/css/images/studyPlan/blue_arrow_right.png") no-repeat scroll 375px 4px #FFFFFF; }
    .div_title_recommended a.arrow_right_resource:hover {
      background: url("/static/css/images/studyPlan/blue_arrow_right_hover.png") no-repeat scroll 375px 4px #FFFFFF; }
    .div_title_recommended a.arrow_down_resource {
      background: url("/static/css/images/studyPlan/blue_arrow_down.png") no-repeat scroll 375px 4px #FFFFFF; }
    .div_title_recommended a.arrow_down_resource:hover {
      background: url("/static/css/images/studyPlan/blue_arrow_down_hover.png") no-repeat scroll 375px 4px #FFFFFF; }

.container_resources {
  float: left;
  margin: 2px 18% 6px 0;
  width: 82%; }
  .container_resources .resource {
    border: 2px solid #CCCCCC;
    cursor: pointer;
    float: right;
    height: 25px;
    margin-left: 5px;
    position: relative;
    width: 25px; }
  .container_resources .resource_hover:hover {
    border: #6CC6B7 2px solid; }
  .container_resources .resource_selected {
    border: #63428C 2px solid;
    height: 25px;
    width: 25px; }
    .container_resources .resource_selected:hover {
      border: 2px solid #63428C; }

.resource_info_box {
  background-color: #414042;
  -moz-border-radius: 5px;
  -webkit-border-radius: 5px;
  -khtml-border-radius: 5px;
  border-radius: 5px;
  display: none;
  height: auto;
  left: -125px;
  padding: 20px 15px 15px;
  position: absolute;
  top: 45px;
  width: 250px;
  z-index: 2; }
  .resource_info_box p {
    color: #FFFFFF;
    float: left;
    width: 250px; }
    .resource_info_box p.subject {
      font-size: 1em; }
    .resource_info_box p.name {
      font-size: 0.8em;
      margin-bottom: 0; }
    .resource_info_box p.source {
      font-family: "Montserrat";
      font-weight: 400 !important;
      font-style: italic !important;
      font-size: 0.8em; }
    .resource_info_box p.type {
      margin-bottom: 6px;
      text-transform: uppercase; }
  .resource_info_box:after {
    border-bottom: 15px solid #414042;
    border-left: 15px solid transparent;
    border-right: 15px solid transparent;
    bottom: 100%;
    content: "";
    left: 44%;
    position: absolute; }
  .resource_info_box span {
    text-transform: none; }

.close_resource_bubble {
  border: 2px solid #FFFFFF;
  -moz-border-radius: 10px;
  -webkit-border-radius: 10px;
  -khtml-border-radius: 10px;
  border-radius: 10px;
  color: #FFFFFF;
  display: none;
  font-size: 0.7em;
  height: 15px;
  padding-left: 4px;
  position: absolute;
  right: 2px;
  top: 0;
  width: 11px; }

.resource_iframe {
  float: left;
  height: 750px;
  width: 100%; }

/******** FOR IE ******/
.resource_info_box_ie {
  background-color: #414042;
  -moz-border-radius: 5px;
  -webkit-border-radius: 5px;
  -khtml-border-radius: 5px;
  border-radius: 5px;
  bottom: 45px;
  display: none;
  height: auto;
  left: -125px;
  padding: 10px;
  position: absolute;
  width: 250px;
  z-index: 2; }
  .resource_info_box_ie:after {
    border-left: 15px solid transparent;
    border-right: 15px solid transparent;
    border-top: 15px solid #414042;
    content: "";
    left: 45%;
    position: absolute;
    top: 100%; }
  .resource_info_box_ie p {
    color: #FFFFFF;
    float: left;
    line-height: 1em;
    width: 250px; }
    .resource_info_box_ie p.subject {
      font-size: 0.95em; }
    .resource_info_box_ie p.name {
      font-size: 0.8em;
      margin-bottom: 0; }
    .resource_info_box_ie p.type {
      margin-bottom: 6px;
      text-transform: uppercase; }
    .resource_info_box_ie p.source {
      font-family: "Montserrat";
      font-weight: 400 !important;
      font-style: italic !important;
      font-size: 0.8em; }
    .resource_info_box_ie p span {
      text-transform: none; }