: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 {
  --eco: var(--green-50);
  --owl: var(--background);
  --red: #c30553;
  --gray: #dedbe4;
  --lime: var(--citron);
  --text: #4a4969;
  --coral: #f1500b;
  --green: #28b78d;
  --border: #D2D2D2;
  --carbon: var(--text);
  --citron: #8bc100;
  --orange: var(--coral);
  --patina: var(--emerald-city);
  --purple: #a800b7;
  --red-10: #f3cddd;
  --red-20: #e79bba;
  --red-30: #db6998;
  --red-40: #cf3775;
  --red-50: #c30553;
  --red-60: #aa0448;
  --red-70: #92043e;
  --red-80: #790333;
  --red-90: #62032a;
  --violet: #8f76ff;
  --yellow: #ffc000;
  --gray-00: #ffffff;
  --gray-10: #f8f8fa;
  --gray-20: #f2f1f4;
  --gray-30: #ebe9ef;
  --gray-40: #e5e2e9;
  --gray-50: #dedbe4;
  --gray-60: #a7a4ab;
  --gray-70: #8a888d;
  --gray-80: #6f6e72;
  --gray-90: #383739;
  --magenta: #ce0083;
  --oxidize: var(--coral);
  --primary: #1172b2;
  --red-rgb: 195, 5, 83;
  --toolbar: #f2eff7;
  --charcoal: #081831;
  --gray-100: #000000;
  --green-10: #d4f1e8;
  --green-20: #a9e2d1;
  --green-30: #7ed4bb;
  --green-40: #53c5a4;
  --green-50: #28b78d;
  --green-60: #239f7b;
  --green-70: #1e896a;
  --green-80: #197157;
  --green-90: #145c47;
  --green-rgb: 40, 183, 141;
  --highlight: #e8f3f9;
  --secondary: #1172b2;
  --yellow-10: #fff2cc;
  --yellow-20: #ffe699;
  --yellow-30: #ffd966;
  --yellow-40: #ffcd33;
  --yellow-50: #ffc000;
  --yellow-60: #dea700;
  --yellow-70: #bf9000;
  --yellow-80: #9e7700;
  --yellow-90: #806000;
  --background: #f7f4fb;
  --font-light: 'open_sanslight', Arial, Helvetica, sans-serif;
  --green-dark: var(--green-50);
  --logo-white: url(https://s3.amazonaws.com/wmx-api-production/naviance/logos/logo-white.svg);
  --logo-width: 286px;
  --muted-text: #4a4969;
  --primary-10: #cfe3f0;
  --primary-20: #a0c7e0;
  --primary-30: #70aad1;
  --primary-40: #418ec1;
  --primary-50: #1172b2;
  --primary-60: #0f639b;
  --primary-70: #0d5686;
  --primary-80: #0b476e;
  --primary-90: #093959;
  --yellow-rgb: 255, 192, 0;
  --link-ascent: var(--violet);
  --logo-height: 37px;
  --primary-rgb: 17, 114, 178;
  --tempestuous: #0b2654;
  --emerald-city: #00b1a3;
  --font-regular: 'open_sansregular', Arial, Helvetica, sans-serif;
  --light-carbon: var(--muted-text);
  --logo-colored: url(https://s3.amazonaws.com/wmx-api-production/naviance/logos/logo-colored.svg);
  --owl-darken-4: #f7f4fb;
  --red-darken-5: #aa0448;
  --secondary-10: #cfe3f0;
  --secondary-20: #a0c7e0;
  --secondary-30: #70aad1;
  --secondary-40: #418ec1;
  --secondary-50: #1172b2;
  --secondary-60: #0f639b;
  --secondary-70: #0d5686;
  --secondary-80: #0b476e;
  --secondary-90: #093959;
  --eco-darken-10: #1f8d6d;
  --eco-darken-15: #1a785d;
  --eco-darken-25: #114e3c;
  --font-semibold: 'open_sanssemibold', Arial, Helvetica, sans-serif;
  --secondary-rgb: 17, 114, 178;
  --dark-benchprep: #02739c;
  --green-darken-5: #23a27d;
  --red-lighten-40: #fc98c1;
  --text-lighten-15: #6a6896;
  --text-lighten-20: #7977a1;
  --yellow-darken-5: #e6ad00;
  --green-lighten-55: #fafefd;
  --primary-darken-5: #0f639b;
  --quote-background: var(--magenta);
  --primary-lighten-3: #1172b2;
  --secondary-darken-5: #0f639b;
  --background-darken-5: #e9e1f4;
  --logo-splash-colored: url(https://s3.amazonaws.com/wmx-api-production/naviance/logos/logo-splash-colored.svg);
  --desaturated-benchprep: #add6f1;
  --light-carbon-darken-4: #42415d;
  --tempestuous-darken-10: #051227;
  --tempestuous-lighten-3: #0b2654;
  --emerald-city-darken-10: #007e74; }

#main-header.navbar .navbar-inner {
  background: var(--charcoal); }
  #main-header.navbar .navbar-inner nav#main-nav a:not(.benchprep-logo),
  #main-header.navbar .navbar-inner nav#main-nav button:not(.benchprep-logo) {
    color: var(--pure-white); }
    #main-header.navbar .navbar-inner nav#main-nav a:not(.benchprep-logo):hover, #main-header.navbar .navbar-inner nav#main-nav a.in:not(.benchprep-logo),
    #main-header.navbar .navbar-inner nav#main-nav button:not(.benchprep-logo):hover,
    #main-header.navbar .navbar-inner nav#main-nav button.in:not(.benchprep-logo) {
      background: #1e3b68; }
  #main-header.navbar .navbar-inner nav#main-nav .dropdown-menu li a {
    color: #1e3b68; }
    #main-header.navbar .navbar-inner nav#main-nav .dropdown-menu li a:hover {
      background: #1e3b68;
      color: var(--pure-white); }
  #main-header.navbar .navbar-inner nav#main-nav .content-packages-item {
    background-color: var(--charcoal); }
    #main-header.navbar .navbar-inner nav#main-nav .content-packages-item:hover, #main-header.navbar .navbar-inner nav#main-nav .content-packages-item.open {
      background: #1e3b68; }

#main-header.navbar.logged-in .navbar-inner {
  background: var(--charcoal); }
  #main-header.navbar.logged-in .navbar-inner nav#main-nav a:not(.benchprep-logo):hover, #main-header.navbar.logged-in .navbar-inner nav#main-nav a.in:not(.benchprep-logo),
  #main-header.navbar.logged-in .navbar-inner nav#main-nav button:not(.benchprep-logo):hover,
  #main-header.navbar.logged-in .navbar-inner nav#main-nav button.in:not(.benchprep-logo) {
    background: #1e3b68; }
  #main-header.navbar.logged-in .navbar-inner nav#main-nav .content-packages-item {
    background-color: var(--charcoal); }
    #main-header.navbar.logged-in .navbar-inner nav#main-nav .content-packages-item:hover, #main-header.navbar.logged-in .navbar-inner nav#main-nav .content-packages-item.open {
      background: #1e3b68; }

.naviance-logo {
  background-image: var(--logo-white);
  background-size: cover;
  background-repeat: no-repeat;
  width: var(--logo-width);
  height: var(--logo-height);
  margin-top: 0px;
  display: block; }
  @media only screen and (max-device-width: 370px) and (orientation: portrait) {
    .naviance-logo {
      background-size: contain;
      width: 250px;
      height: 37px; } }
  @media only screen and (max-device-width: 330px) and (orientation: portrait) {
    .naviance-logo {
      width: 230px;
      height: 37px; } }
  .naviance-logo.inset-logo {
    background-image: var(--logo-colored);
    background-size: cover;
    background-repeat: no-repeat;
    width: 157px;
    height: 36px;
    margin-top: 6px;
    display: block; }

nav > .item {
  color: var(--primary); }

nav > a.item:visited {
  color: var(--primary); }

nav > a.item:hover {
  color: #8f76ff; }

nav.nav-tabs > a.item:hover {
  border-color: #8f76ff; }

nav.nav-tabs.nav-horizontal > a.item:hover {
  border-color: #8f76ff; }

nav.left-nav .fixed-nav > li a.nav-link:hover {
  color: var(--primary); }
  nav.left-nav .fixed-nav > li a.nav-link:hover:after {
    background-color: var(--primary); }

nav.left-nav .fixed-nav > li a.nav-link.active {
  color: var(--pure-white);
  background: var(--primary); }
  nav.left-nav .fixed-nav > li a.nav-link.active:after {
    background-color: var(--charcoal); }

#main-footer {
  max-width: none;
  padding: 1.618em; }
  @media (max-width: 768px) {
    #main-footer {
      margin-top: -4.854em; } }
a.btn.high-confidence:active, a.btn.high-confidence.is-selected,
input.btn.high-confidence:active,
input.btn.high-confidence.is-selected,
button.btn.high-confidence:active,
button.btn.high-confidence.is-selected {
  color: #135f4b; }

.strength-weakness-section .category .subcategory-listing li.subcategory-item[data-label="Intermediate"] span[data-label="Intermediate"] {
  background: var(--green-10);
  border: 1px solid var(--green-20);
  color: #135f4b;
  border-radius: 2px; }

.strength-weakness-section .category .subcategory-listing li.subcategory-item[data-label="Proficient"] span[data-label="Proficient"] {
  background: var(--green-10);
  border: 1px solid var(--green-20);
  color: #135f4b;
  border-radius: 2px; }

.strength-weakness-section .category .subcategory-listing li.subcategory-item[data-label="Advanced"] span[data-label="Advanced"] {
  background: var(--green-10);
  border: 1px solid var(--green-20);
  color: #135f4b;
  border-radius: 2px; }

.strength-weakness-section .category .subcategory-listing li.subcategory-item[data-label="Expert"] span[data-label="Expert"] {
  background: var(--green-10);
  border: 1px solid var(--green-20);
  color: #135f4b;
  border-radius: 2px; }

.mastery-container[data-label="Intermediate"] .mastery-label[data-label="Intermediate"] span {
  background: var(--green-10);
  border: 1px solid var(--green-20);
  color: #135f4b;
  border-radius: 2px; }

.mastery-container[data-label="Proficient"] .mastery-label[data-label="Proficient"] span {
  background: var(--green-10);
  border: 1px solid var(--green-20);
  color: #135f4b;
  border-radius: 2px; }

.mastery-container[data-label="Advanced"] .mastery-label[data-label="Advanced"] span {
  background: var(--green-10);
  border: 1px solid var(--green-20);
  color: #135f4b;
  border-radius: 2px; }

.mastery-container[data-label="Expert"] .mastery-label[data-label="Expert"] span {
  background: var(--green-10);
  border: 1px solid var(--green-20);
  color: #135f4b;
  border-radius: 2px; }