:root {
  --gray: #D2D2D2;
  --gray-00: #FFFFFF;
  --gray-10: #F6F6F6;
  --gray-20: #EDEDED;
  --gray-30: #E4E4E4;
  --gray-40: #DBDBDB;
  --gray-50: #D2D2D2;
  --gray-60: #9E9E9E;
  --gray-70: #828282;
  --gray-80: #696969;
  --gray-90: #353535;
  --gray-100: #000000;
  --red: #DC3235;
  --red-10: #F8D6D7;
  --red-20: #F1ADAE;
  --red-30: #EA8486;
  --red-40: #E35B5D;
  --red-50: #DC3235;
  --red-60: #BF2C2E;
  --red-70: #A52628;
  --red-80: #881F21;
  --red-90: #6E191B;
  --yellow: #EDC21C;
  --yellow-10: #FBF3D2;
  --yellow-20: #F8E7A4;
  --yellow-30: #F4DA77;
  --yellow-40: #F1CE49;
  --yellow-50: #EDC21C;
  --yellow-60: #CEA918;
  --yellow-70: #B29215;
  --yellow-80: #937811;
  --yellow-90: #77610F;
  --green: #008153;
  --green-10: #CCE6DD;
  --green-20: #99CDBA;
  --green-30: #66B398;
  --green-40: #339A75;
  --green-50: #008153;
  --green-60: #007048;
  --green-70: #00613E;
  --green-80: #005033;
  --green-90: #00412A;
  --content-dark:            #000000;
  --content-medium:          #333333;
  --user-highlight:          var(--yellow-10);
  --primary-dark:            var(--primary-90);
  --tempestuous:             var(--primary-80);
  --dark-benchprep:          var(--primary-60);
  --benchprep:               var(--primary);
  --blue:                    var(--primary);
  --desaturated-benchprep:   var(--primary-30);
  --eco:                     var(--green-60);
  --green-dark:              var(--green-60);
  --green-light:             var(--green-50);
  --patina:                  var(--green-40);
  --emerald-city:            var(--green-30);
  --citron:                  var(--green-10);
  --lime:                    var(--green-10);
  --warning-text:            var(--yellow-60);
  --mustard:                 var(--yellow-50);
  --bright-warning:          var(--yellow-40);
  --error-text:              var(--red-60);
  --carmine:                 var(--red-50);
  --red-dark:                var(--red-50);
  --oxidize:                 var(--red-40);
  --coral:                   var(--red-30);
  --orange:                  var(--red-30);
  --cfa-progress-bar:        var(--red-30);
  --danger-background:       var(--red-10);
  --black:                   var(--gray-100);
  --charcoal:                var(--gray-90);
  --modal-title:             var(--gray-90);
  --text:                    var(--gray-80);
  --carbon:                  var(--gray-80);
  --muted-text:              var(--gray-80);
  --placeholder-text:        var(--gray-70);
  --light-carbon:            var(--gray-60);
  --border:                  var(--gray-50);
  --grey:                    var(--gray-50);
  --toolbar:                 var(--gray-30);
  --toolbar-text:            var(--gray-30);
  --background:              var(--gray-10);
  --owl:                     var(--gray-10);
  --pure-white:              var(--gray-00);
  --container:               var(--gray-00);
  --cfa-navigation-gray:     var(--gray-90);
  --cfa-icon-gray:           var(--gray-40);
  --misinformed:             var(--red-60);
  --partially-misinformed:   var(--red-40);
  --uninformed:              var(--red-20);
  --doubt:                   var(--green-20);
  --near-mastery:            var(--green-40);
  --mastery:                 var(--green-60);
  --beginner-bar:            var(--red);
  --beginner-badge:          var(--red-10);
  --beginner-border:         var(--red-20);
  --beginner:                var(--red-60);
  --basic-bar:               var(--yellow-40);
  --basic-badge:             var(--yellow-10);
  --basic-border:            var(--yellow-20);
  --basic:                   var(--yellow-80);
  --intermediate-bar:        var(--green);
  --intermediate-badge:      var(--green-10);
  --intermediate-border:     var(--green-30);
  --intermediate:            var(--green-60);
  --background-darken-5: #e9e9e9;
  --background-lighten-3: #fefefe;
  --blue-lighten-10: #139fbd;
  --blue-lighten-35: #60d6ef;
  --blue-lighten-60: #d4f4fb;
  --desaturate-blue-lighten-35-50: ##8cbac3;
  --desaturate-blue-lighten-60-50: #e0ecef;
  --desaturate-green-lighten-55-40: #aeebd5;
  --eco-darken-10: #003d27;
  --eco-darken-15: #002317;
  --eco-darken-25: #000000;
  --emerald-city-darken-10: #4c9a7f;
  --desaturate-red-10: #a06e6f;
  --grey-darken-5: #c5c5c5;
  --grey-darken-15: #acacac;
  --grey-darken-40: #6c6c6c;
  --light-carbon-darken-4: #949494;
  --owl-darken-5: #ececec;
  --primary-darken-5: #0c6478;
  --primary-lighten-3: #0E788F;
  --primary-lighten-7: #1193af;
  --primary-lighten-30: #49d0ed;
  --primary-lighten-65: #ebfafd;
  --secondary-darken-5: #0c6478;
  --tempestuous-darken-10: #04232b;
  --tempestuous-lighten-3: #0a5667;
  --text-lighten-15: #8f8f8f;
  --text-lighten-20: #9c9c9c; }

:root {
  --lucida-grande:     'Lucida Grande', Tahoma, Verdana, Arial, sans-serif;
  --museo-sans-500:    'MuseoSans-500', 'Lucida Grande', tahoma;
  --museo-sans-100:    'MuseoSans-100', 'Lucida Grande', tahoma;
  --font-regular:      'open_sansregular', Arial, Helvetica, sans-serif;
  --font-light:        'open_sanslight', Arial, Helvetica, sans-serif;
  --font-semibold:     'open_sanssemibold', Arial, Helvetica, sans-serif;
  --font-bold:         'open_sanssemibold', Arial, Helvetica, sans-serif;
  --content-font:      Times, serif;
  --header-height: 50px;
  --impersonation-height: 30px;
  --zindexDropdown:        1000;
  --zindexPopover:         1010;
  --zindexTooltip:         1020;
  --zindexFixedNavbar:     1030;
  --zindexHeader:          1060;
  --zindexModalBackdrop:   1070;
  --zindexModal:           1080; }

:root {
  --red: #DC3235;
  --gray: #D2D2D2;
  --green: #008153;
  --border: #D2D2D2;
  --red-10: #f8d6d7;
  --red-20: #f1adae;
  --red-30: #ea8486;
  --red-40: #e35b5d;
  --red-50: #dc3235;
  --red-60: #bf2c2e;
  --red-70: #a52628;
  --red-80: #881f21;
  --red-90: #6e191b;
  --yellow: #EDC21C;
  --gray-00: #ffffff;
  --gray-10: #f6f6f6;
  --gray-20: #ededed;
  --gray-30: #e4e4e4;
  --gray-40: #dbdbdb;
  --gray-50: #d2d2d2;
  --gray-60: #9e9e9e;
  --gray-70: #828282;
  --gray-80: #696969;
  --gray-90: #353535;
  --primary: #003083;
  --red-rgb: 220, 50, 53;
  --gray-100: #000000;
  --green-10: #cce6dd;
  --green-20: #99cdba;
  --green-30: #66b398;
  --green-40: #339a75;
  --green-50: #008153;
  --green-60: #007048;
  --green-70: #00613e;
  --green-80: #005033;
  --green-90: #00412a;
  --green-rgb: 0, 129, 83;
  --secondary: #FDB913;
  --yellow-10: #fbf3d2;
  --yellow-20: #f8e7a4;
  --yellow-30: #f4da77;
  --yellow-40: #f1ce49;
  --yellow-50: #edc21c;
  --yellow-60: #cea918;
  --yellow-70: #b29215;
  --yellow-80: #937811;
  --yellow-90: #77610e;
  --font-light: 'open_sanslight', Arial, Helvetica, sans-serif;
  --logo-white: url(https://wmx-api-production.s3.amazonaws.com/ets/logos/logo-white.svg);
  --logo-width: 50px;
  --primary-10: #ccd6e6;
  --primary-20: #99accd;
  --primary-30: #6683b5;
  --primary-40: #33599c;
  --primary-50: #003083;
  --primary-60: #002a72;
  --primary-70: #002462;
  --primary-80: #001e51;
  --primary-90: #001842;
  --yellow-rgb: 237, 194, 28;
  --logo-height: 35px;
  --primary-rgb: 0, 48, 131;
  --font-regular: 'open_sansregular', Arial, Helvetica, sans-serif;
  --logo-colored: url(https://wmx-api-production.s3.amazonaws.com/ets/logos/logo-colored.svg);
  --red-darken-5: #d12427;
  --secondary-10: #fff1d0;
  --secondary-20: #fee3a1;
  --secondary-30: #fed571;
  --secondary-40: #fdc742;
  --secondary-50: #fdb913;
  --secondary-60: #dca111;
  --secondary-70: #be8b0e;
  --secondary-80: #9d730c;
  --secondary-90: #7f5d0a;
  --font-semibold: 'open_sanssemibold', Arial, Helvetica, sans-serif;
  --secondary-rgb: 253, 185, 19;
  --green-darken-5: #006743;
  --yellow-darken-5: #deb412;
  --primary-darken-5: #002769;
  --logo-splash-white: url(https://wmx-api-production.s3.amazonaws.com/ets/logos/logo-splash-white.svg);
  --secondary-darken-5: #f4ae02;
  --logo-splash-colored: url(https://wmx-api-production.s3.amazonaws.com/ets/logos/logo-splash-white.svg); }

.ets-logo {
  background-image: linear-gradient(transparent, transparent), var(--logo-colored);
  background-size: cover;
  background-repeat: no-repeat;
  width: var(--logo-width);
  height: var(--logo-height);
  display: block; }
  @media only screen and (-webkit-min-device-pixel-ratio: 2), only screen and (min--moz-device-pixel-ratio: 2), only screen and (-o-min-device-pixel-ratio: 2/1), only screen and (min-device-pixel-ratio: 2), only screen and (min-resolution: 192dpi), only screen and (min-resolution: 2dppx) {
    .ets-logo {
      background-image: linear-gradient(transparent, transparent), var(--logo-colored); } }
  @media only screen and (max-device-width: 375px) {
    .ets-logo {
      width: var(--logo-mobile-width);
      height: var(--logo-mobile-height);
      background-image: linear-gradient(transparent, transparent), var(--logo-mobile-colored); } }
.navbar .navbar-inner {
  border-bottom: 1px solid var(--gray-40); }

.navbar #toggle-navigation {
  color: var(--text); }
  .navbar #toggle-navigation.open {
    background: var(--pure-white);
    color: var(--grey); }

.navbar.logged-in .navbar-inner {
  background-color: var(--pure-white); }
  .navbar.logged-in .navbar-inner nav#main-nav a,
  .navbar.logged-in .navbar-inner nav#main-nav button {
    color: var(--text); }
    .navbar.logged-in .navbar-inner nav#main-nav a:hover, .navbar.logged-in .navbar-inner nav#main-nav a.in,
    .navbar.logged-in .navbar-inner nav#main-nav button:hover,
    .navbar.logged-in .navbar-inner nav#main-nav button.in {
      background: none; }
  .navbar.logged-in .navbar-inner nav#main-nav .content-packages-item:hover, .navbar.logged-in .navbar-inner nav#main-nav .content-packages-item.open {
    background: none; }

@media only screen and (max-device-width: 375px) {
  .navbar .logo-item {
    margin-top: 0.7281em; }
    .navbar .logo-item span {
      margin-top: 0.7281em; } }

:root {
  --tertiary: #630f54;
  --content-dark: #151515; }

.content-container,
#self-grade-essay .subview-container {
  font-family: var(--font-regular);
  font-size: 16px;
  color: var(--content-dark);
  line-height: 1.5; }
  .content-container strong,
  #self-grade-essay .subview-container strong {
    font-family: var(--font-bold); }
  .content-container h1,
  .content-container h2,
  .content-container h3,
  .content-container h4,
  .content-container h5,
  .content-container h6,
  #self-grade-essay .subview-container h1,
  #self-grade-essay .subview-container h2,
  #self-grade-essay .subview-container h3,
  #self-grade-essay .subview-container h4,
  #self-grade-essay .subview-container h5,
  #self-grade-essay .subview-container h6 {
    font-family: var(--font-semibold);
    margin-bottom: 0.325rem;
    line-height: 1.2;
    color: var(--tertiary); }
  .content-container h1,
  #self-grade-essay .subview-container h1 {
    font-size: 2em;
    margin-bottom: 0.625em;
    letter-spacing: -1px; }
  .content-container h2,
  #self-grade-essay .subview-container h2 {
    margin-top: 2.5rem;
    font-size: 1.514em; }
  .content-container h3,
  #self-grade-essay .subview-container h3 {
    margin-top: 1.5rem;
    font-size: 1.255em; }
  .content-container *,
  #self-grade-essay .subview-container * {
    font-family: var(--font-regular);
    font-size: 16px;
    color: var(--content-dark); }
  .content-container p,
  .content-container ol,
  .content-container ul,
  .content-container table,
  .content-container div,
  #self-grade-essay .subview-container p,
  #self-grade-essay .subview-container ol,
  #self-grade-essay .subview-container ul,
  #self-grade-essay .subview-container table,
  #self-grade-essay .subview-container div {
    margin: 0 0 0.8em; }
  .content-container ul,
  .content-container ul > li,
  #self-grade-essay .subview-container ul,
  #self-grade-essay .subview-container ul > li {
    list-style-type: square; }
  .content-container ul li ul,
  .content-container ul li ul > li,
  #self-grade-essay .subview-container ul li ul,
  #self-grade-essay .subview-container ul li ul > li {
    list-style-type: circle;
    list-style-position: outside; }
  .content-container ul li ul li ul,
  .content-container ul li ul li ul > li,
  #self-grade-essay .subview-container ul li ul li ul,
  #self-grade-essay .subview-container ul li ul li ul > li {
    list-style-type: disc; }
  .content-container li,
  #self-grade-essay .subview-container li {
    margin-bottom: 0.325em;
    padding-left: 0.2em; }
    .content-container li > p, .content-container li > a.option-selector > p,
    #self-grade-essay .subview-container li > p,
    #self-grade-essay .subview-container li > a.option-selector > p {
      display: inline; }
  .content-container ul li,
  #self-grade-essay .subview-container ul li {
    margin-left: 1.5em; }
  .content-container .ets-answers li,
  #self-grade-essay .subview-container .ets-answers li {
    line-height: 3em; }
  .content-container .ets-two_quantities,
  #self-grade-essay .subview-container .ets-two_quantities {
    width: 100%;
    max-width: 700px; }
    .content-container .ets-two_quantities th,
    #self-grade-essay .subview-container .ets-two_quantities th {
      width: 50%;
      text-decoration: underline;
      font-family: var(--font-regular);
      text-align: left; }
    .content-container .ets-two_quantities td,
    #self-grade-essay .subview-container .ets-two_quantities td {
      text-align: left;
      vertical-align: middle; }
  .content-container .ets-two_quantities > thead > tr > th:last-child,
  #self-grade-essay .subview-container .ets-two_quantities > thead > tr > th:last-child {
    padding-left: 3em; }
  .content-container .ets-two_quantities > tbody > tr > td:last-child,
  #self-grade-essay .subview-container .ets-two_quantities > tbody > tr > td:last-child {
    padding-left: 3em; }
  .content-container .ets-table-header,
  .content-container .table th,
  #self-grade-essay .subview-container .ets-table-header,
  #self-grade-essay .subview-container .table th {
    text-align: center; }
  .content-container a,
  #self-grade-essay .subview-container a {
    color: var(--primary); }
    .content-container a:focus, .content-container a:hover,
    #self-grade-essay .subview-container a:focus,
    #self-grade-essay .subview-container a:hover {
      color: #3072be; }
    .content-container a:visited,
    #self-grade-essay .subview-container a:visited {
      color: var(--content-dark); }
  .content-container :first-child,
  #self-grade-essay .subview-container :first-child {
    margin-top: 0; }
  .content-container :last-child,
  #self-grade-essay .subview-container :last-child {
    margin-bottom: 0; }
  .content-container .reading-example,
  #self-grade-essay .subview-container .reading-example {
    border-radius: 5px;
    padding: 10px;
    border-color: #630f54 !important;
    background-color: #deecfc !important; }
    .content-container .reading-example #solution,
    #self-grade-essay .subview-container .reading-example #solution {
      border-top: 1px solid #630f54;
      background-color: #f4eae6; }
  .content-container .padded,
  #self-grade-essay .subview-container .padded {
    padding: 1.618em; }
  .content-container .ets-prose > .rendered-mathl-container,
  .content-container .ets-prose > .centered-prose,
  #self-grade-essay .subview-container .ets-prose > .rendered-mathl-container,
  #self-grade-essay .subview-container .ets-prose > .centered-prose {
    width: 100%;
    max-width: 500px;
    display: block;
    text-align: center; }
  .content-container .ets-directions,
  #self-grade-essay .subview-container .ets-directions {
    background: var(--primary-20);
    border-radius: 10px;
    margin: 1.5em;
    padding: 1.25em; }
    .content-container .ets-directions h4,
    #self-grade-essay .subview-container .ets-directions h4 {
      font-size: 1.05em; }

.re-icon {
  font-family: "RedactorFont" !important; }

#essay-introduction-container ul {
  list-style-type: square; }
  #essay-introduction-container ul li {
    list-style: square outside;
    margin-left: 1.5em; }

.ets-figure-caption {
  display: none; }

button.btn.medium-confidence:active, button.btn.medium-confidence.is-selected {
  background: var(--yellow-10);
  border: 1px solid var(--yellow-90);
  color: var(--gray-100); }

nav > a.item {
  color: black; }

nav > a.item:visited {
  color: black; }

.btn-group.btn-group-vertical .btn {
  border: 2px solid black;
  color: black;
  font-family: var(--font-regular);
  outline-offset: 2px; }

.btn-group.btn-group-vertical .btn:visited {
  color: black; }

.question-set-content .choices-container .choices .choice-link-container .choice-link:hover, .modal-body .choices-container .choices .choice-link-container .choice-link:hover {
  color: black; }

.question-set-content .choices-container .choices .choice-link, .question-set-content .choices-container .choices .choice-input, .modal-body .choices-container .choices .choice-link, .modal-body .choices-container .choices .choice-input {
  border-width: 2px; }

.question-set-content .choices-container .choices .choice-link.is-selected, .modal-body .choices-container .choices .choice-link.is-selected {
  border: 2px solid black;
  background-color: var(--gray-50);
  font-weight: bold;
  outline-offset: 2px; }

.question-set-content .choices-container #confirm-choice, .modal-body .choices-container #confirm-choice {
  font-size: 21px;
  font-family: var(--font-regular); }

#readings-wrapper .reading-content-container .sidebar-column a.btn, #readings-wrapper .reading-content-container .sidebar-column button.btn {
  color: black;
  border: 2px solid black;
  font-family: var(--font-regular);
  outline-offset: 2px; }

#readings-wrapper .reading-content-container .sidebar-column a.btn:visited, #readings-wrapper .reading-content-container .sidebar-column button.btn:visited {
  color: black; }

a.btn.btn-small, input.btn.btn-small, button.btn.btn-small, .btn.dropdown-toggle {
  color: black;
  border: 1px solid black;
  font-weight: var(--font-regular);
  outline-offset: 1px; }

a.btn.btn-small:hover, input.btn.btn-small:hover, button.btn.btn-small:hover, .btn.dropdown-toggle:hover {
  border: 1px solid black; }

a.btn.btn-primary, input.btn.btn-primary, button.btn.btn-primary {
  color: white;
  font-family: var(--font-regular); }

a.btn.btn-primary:visited, input.btn.btn-primary:visited, button.btn.btn-primary:visited {
  color: white; }

a.btn.btn-large, input.btn.btn-large, button.btn.btn-large {
  font-size: 20px;
  font-family: var(--font-regular); }

a.btn.btn-primary.is-disabled, input.btn.btn-primary.is-disabled, button.btn.btn-primary.is-disabled {
  background: var(--primary-30);
  color: white; }

button.toolbox.btn {
  border: 2px solid black;
  color: black;
  font-family: var(--font-regular);
  outline-offset: 2px; }

#readings-wrapper .reading-content-container .sidebar-column a.btn.btn-primary, #readings-wrapper .reading-content-container .sidebar-column button.btn.btn-primary {
  color: white;
  font-family: var(--font-regular); }

.study-plan-masthead .active-section .task-wrapper .active-task .study-task-wrapper .button-in-button {
  border: 2px solid white; }

#essay-dashboard .essay-card-container .buttons-container .btn {
  font-size: 15px;
  font-family: var(--font-regular); }

#return-to-exam-dashboard, #pause-essay, #save-essay {
  border: 2px solid black;
  font-family: var(--font-regular);
  color: black; }

#return-to-exam-dashboard:visited, #pause-essay:visited, #save-essay:visited {
  color: black; }

a.btn.btn-cancel, input.btn.btn-cancel, button.btn.btn-cancel {
  border: 2px solid black;
  color: black;
  font-family: var(--font-regular);
  outline-offset: 2px; }

a.btn.btn-cancel:visited, input.btn.btn-cancel:visited, button.btn.btn-cancel:visited {
  color: black; }

#quiz .skip-container .skip-question-ctrl, #custom-quiz .skip-container .skip-question-ctrl {
  color: #333;
  border: 2px solid #333;
  outline-offset: 2px; }

#quiz .skip-container .skip-question-ctrl:hover, #custom-quiz .skip-container .skip-question-ctrl:hover {
  background-color: var(--gray-50); }

#lesson-category-dashboard .dropdown .filter {
  border: 1px solid black;
  color: black; }

.toolbar .dropdown .dropdown-toggle {
  border: 1px solid black;
  color: black; }

.feedback-menu .toolbar .dropdown.filter-controls .dropdown-toggle, .discussion .toolbar .dropdown.filter-controls .dropdown-toggle {
  color: black; }

div.pagination li.active span {
  color: black;
  border: 1px solid black;
  outline-offset: 1px; }

div.pagination li a {
  color: black;
  border: 1px solid black;
  outline-offset: 1px; }

a.btn.btn-success, input.btn.btn-success, button.btn.btn-success {
  color: white; }

.study-plan-wrapper .structured-study-plan-items-wrapper .study-task-group .study-task-group-details-wrapper h2, .study-plan-wrapper #curriculum-assignment-wrapper .study-task-group .study-task-group-details-wrapper h2 {
  color: black; }

.study-plan-masthead .active-section .task-wrapper .active-task .study-task-group-wrapper .study-task-group-details a {
  color: black; }

#readings-wrapper .nav-additional {
  display: none; }

@supports (content: "x"/"y") {
  .benchprep-rendered-content .reading-note:before, .content-container .reading-note:before {
    content: '\f08d' / "note to reader"; } }

@supports not (content: "x"/"y") {
  .new-item::before {
    content: '\f08d';
    alt: "note to reader"; } }

.question-set-content .choices-container .free-response-ctrl, .modal-body .choices-container .free-response-ctrl {
  font-size: 21px;
  font-family: var(--font-regular);
  border: 2px solid #333;
  outline-offset: 2px; }
