: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);
  --user-highlight-blue:     #42c0fb;
  --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;
  --blue: var(--secondary);
  --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: #1c4370;
  --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: #3678C0;
  --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;
  --error-text: #881414;
  --font-light: 'open_sanslight', Arial, Helvetica, sans-serif;
  --logo-white: url(https://s3.amazonaws.com/wmx-api-production/actworkkeys/logos/logo-white.svg);
  --logo-width: 217px;
  --muted-text: #767676;
  --primary-10: #d2d9e2;
  --primary-20: #a4b4c6;
  --primary-30: #778ea9;
  --primary-40: #49698d;
  --primary-50: #1c4370;
  --primary-60: #183a61;
  --primary-70: #153254;
  --primary-80: #112a45;
  --primary-90: #0e2238;
  --yellow-rgb: 237, 194, 28;
  --logo-height: 34px;
  --primary-rgb: 28, 67, 112;
  --tempestuous: #102743;
  --font-regular: 'open_sansregular', Arial, Helvetica, sans-serif;
  --light-carbon: var(--muted-text);
  --logo-colored: url(https://s3.amazonaws.com/wmx-api-production/actworkkeys/logos/logo-colored.svg);
  --red-darken-5: #d12427;
  --secondary-10: #d7e4f2;
  --secondary-20: #afc9e6;
  --secondary-30: #86aed9;
  --secondary-40: #5e93cd;
  --secondary-50: #3678c0;
  --secondary-60: #2f68a7;
  --secondary-70: #295a90;
  --secondary-80: #214a77;
  --secondary-90: #1b3c60;
  --font-semibold: 'open_sanssemibold', Arial, Helvetica, sans-serif;
  --secondary-rgb: 54, 120, 192;
  --dark-benchprep: var(--secondary);
  --green-darken-5: #006743;
  --blue-lighten-10: #5992d0;
  --blue-lighten-35: #bcd3ec;
  --blue-lighten-60: #ffffff;
  --yellow-darken-5: #deb412;
  --email-logo-width: 217px;
  --primary-darken-5: #17375c;
  --danger-background: #f9e7e7;
  --email-logo-height: 34px;
  --primary-lighten-3: #1c4370;
  --primary-lighten-65: #e0ebf7;
  --secondary-darken-5: #306cac;
  --logo-splash-colored: url(https://s3.amazonaws.com/wmx-api-production/actworkkeys/logos/logo-splash-colored.svg);
  --desaturated-benchprep: var(--secondary);
  --light-carbon-darken-4: #6c6c6c;
  --tempestuous-darken-10: #060f1a;
  --desaturate-blue-lighten-35-50: #d1d4d6;
  --desaturate-blue-lighten-60-50: #737b82; }

a {
  color: var(--secondary); }
  a:link {
    cursor: pointer;
    text-decoration: none; }
  a:visited {
    color: var(--secondary);
    text-decoration: none; }
  a:hover {
    text-decoration: underline; }
  a:active {
    color: #007bad;
    text-decoration: underline; }

a.desaturate:hover {
  color: var(--secondary); }

a.chosen-default:hover, a.chosen-default:active, a.chosen-default:link, a.chosen-default:visited, a.chosen-single:hover, a.chosen-single:active, a.chosen-single:link, a.chosen-single:visited {
  text-decoration: none; }

a.btn, input.btn, button.btn {
  color: var(--text); }
  a.btn:hover, a.btn:active, a.btn:link, a.btn:visited, input.btn:hover, input.btn:active, input.btn:link, input.btn:visited, button.btn:hover, button.btn:active, button.btn:link, button.btn:visited {
    text-decoration: none; }
  a.btn.is-disabled:hover, a.btn.is-disabled:active, a.btn.is-disabled.is-selected, a.btn.is-disabled.active, a.btn.is-disabled, input.btn.is-disabled:hover, input.btn.is-disabled:active, input.btn.is-disabled.is-selected, input.btn.is-disabled.active, input.btn.is-disabled, button.btn.is-disabled:hover, button.btn.is-disabled:active, button.btn.is-disabled.is-selected, button.btn.is-disabled.active, button.btn.is-disabled {
    color: #AAA; }
  a.btn.btn-danger, input.btn.btn-danger, button.btn.btn-danger {
    color: var(--pure-white); }
  a.btn.btn-primary, input.btn.btn-primary, button.btn.btn-primary {
    color: var(--pure-white);
    box-shadow: 0px 1px 0px 0px #33b1e3 inset;
    border: 1px solid #3b9cc3;
    background: linear-gradient(#009ddc, #0095d1); }
    a.btn.btn-primary:hover, a.btn.btn-primary.is-hovered, input.btn.btn-primary:hover, input.btn.btn-primary.is-hovered, button.btn.btn-primary:hover, button.btn.btn-primary.is-hovered {
      box-shadow: 0px 1px 0px 0px #33a4da inset;
      border: 1px solid #3a91b4;
      color: var(--pure-white);
      background: linear-gradient(#008dc6, #0085bb); }
    a.btn.btn-primary:active, a.btn.btn-primary.is-selected, input.btn.btn-primary:active, input.btn.btn-primary.is-selected, button.btn.btn-primary:active, button.btn.btn-primary.is-selected {
      box-shadow: 0px 1px 0px 0px #2693bf inset;
      border: 1px solid #336c83;
      color: var(--pure-white);
      background: linear-gradient(#0079aa, #0080b3); }
    a.btn.btn-primary.is-disabled, input.btn.btn-primary.is-disabled, button.btn.btn-primary.is-disabled {
      box-shadow: 0px 1px 0px 0px #b8e4f5 inset;
      border: 1px solid #c6e1dc;
      color: var(--pure-white);
      background: linear-gradient(#a6daef, #a6ddf3); }
      a.btn.btn-primary.is-disabled:hover, a.btn.btn-primary.is-disabled:active, input.btn.btn-primary.is-disabled:hover, input.btn.btn-primary.is-disabled:active, button.btn.btn-primary.is-disabled:hover, button.btn.btn-primary.is-disabled:active {
        color: var(--pure-white); }
  a.btn.btn-secondary-primary, input.btn.btn-secondary-primary, button.btn.btn-secondary-primary {
    color: var(--pure-white);
    box-shadow: 0px 1px 0px 0px #99d0e5 inset;
    border: 1px solid #75b1c9;
    background: linear-gradient(#7fc4df, #6bb5d2); }
    a.btn.btn-secondary-primary:hover, a.btn.btn-secondary-primary.is-hovered, input.btn.btn-secondary-primary:hover, input.btn.btn-secondary-primary.is-hovered, button.btn.btn-secondary-primary:hover, button.btn.btn-secondary-primary.is-hovered {
      box-shadow: 0px 1px 0px 0px #90c5d9 inset;
      border: 1px solid #4992af;
      color: var(--pure-white);
      background: linear-gradient(#74b6d0, #5da2bd); }
    a.btn.btn-secondary-primary:active, a.btn.btn-secondary-primary.is-selected, input.btn.btn-secondary-primary:active, input.btn.btn-secondary-primary.is-selected, button.btn.btn-secondary-primary:active, button.btn.btn-secondary-primary.is-selected {
      box-shadow: 0px 1px 0px 0px #8ec5da inset;
      border: 1px solid #8ec5da;
      color: var(--pure-white);
      background: linear-gradient(#62abc7, #71b6d1); }
    a.btn.btn-secondary-primary.is-disabled, input.btn.btn-secondary-primary.is-disabled, button.btn.btn-secondary-primary.is-disabled {
      box-shadow: 0px 1px 0px 0px #d5eaf2 inset;
      border: 1px solid #d1e3e9;
      color: var(--pure-white);
      background: linear-gradient(#cbe5ef, #d2eaf4); }
  a.btn.btn-secondary, input.btn.btn-secondary, button.btn.btn-secondary {
    color: var(--pure-white);
    box-shadow: 0px 1px 0px 0px #fcfcfc inset;
    border: 1px solid #cdcdcd;
    background: linear-gradient(#f3f3f4, #eeeeee); }
    a.btn.btn-secondary:hover, a.btn.btn-secondary.is-hovered, input.btn.btn-secondary:hover, input.btn.btn-secondary.is-hovered, button.btn.btn-secondary:hover, button.btn.btn-secondary.is-hovered {
      box-shadow: 0px 1px 0px 0px #fafafa inset;
      border: 1px solid #cdcdcd;
      background: linear-gradient(#eaeaea, #dedede); }
    a.btn.btn-secondary:active, a.btn.btn-secondary.is-selected, input.btn.btn-secondary:active, input.btn.btn-secondary.is-selected, button.btn.btn-secondary:active, button.btn.btn-secondary.is-selected {
      box-shadow: 0px 1px 0px 0px #d8d8d8 inset;
      border: 1px solid #bebebe;
      color: var(--pure-white);
      background: linear-gradient(#d5d5d5, #c8c8c8); }
    a.btn.btn-secondary.is-disabled, input.btn.btn-secondary.is-disabled, button.btn.btn-secondary.is-disabled {
      box-shadow: 0px 1px 0px 0px #fdfdfd inset;
      border: 1px solid #e6e6e6;
      background: linear-gradient(#f9f9f9, #f6f6f6); }
  a.btn.btn-success, input.btn.btn-success, button.btn.btn-success {
    color: var(--pure-white);
    box-shadow: 0px 1px 0px 0px #33b1e3 inset;
    border: 1px solid #3b9cc3;
    background: linear-gradient(#009ddc, #0095d1); }
    a.btn.btn-success:hover, a.btn.btn-success.is-hovered, input.btn.btn-success:hover, input.btn.btn-success.is-hovered, button.btn.btn-success:hover, button.btn.btn-success.is-hovered {
      box-shadow: 0px 1px 0px 0px #33a4da inset;
      border: 1px solid #3a91b4;
      color: var(--pure-white);
      background: linear-gradient(#008dc6, #0085bb); }
    a.btn.btn-success:active, a.btn.btn-success.is-selected, input.btn.btn-success:active, input.btn.btn-success.is-selected, button.btn.btn-success:active, button.btn.btn-success.is-selected {
      box-shadow: 0px 1px 0px 0px #2693bf inset;
      border: 1px solid #336c83;
      color: var(--pure-white);
      background: linear-gradient(#0079aa, #0080b3); }
    a.btn.btn-success.is-disabled, input.btn.btn-success.is-disabled, button.btn.btn-success.is-disabled {
      color: var(--pure-white);
      box-shadow: 0px 1px 0px 0px #b8e4f5 inset;
      border: 1px solid #c6e1dc;
      background: linear-gradient(#a6daef, #a6ddf3); }
  a.btn.btn-cancel:hover, a.btn.btn-cancel.is-hovered, a.btn.btn-cancel:active, a.btn.btn-cancel.is-selected, input.btn.btn-cancel:hover, input.btn.btn-cancel.is-hovered, input.btn.btn-cancel:active, input.btn.btn-cancel.is-selected, button.btn.btn-cancel:hover, button.btn.btn-cancel.is-hovered, button.btn.btn-cancel:active, button.btn.btn-cancel.is-selected {
    color: var(--pure-white); }

.additional-actions a:link {
  text-decoration: underline; }

.additional-actions a:hover {
  text-decoration: underline; }

.additional-actions a:active {
  text-decoration: underline; }

.additional-actions a:visited {
  text-decoration: underline; }

#main-footer {
  padding-top: 2.5em;
  padding-bottom: 2.5em;
  font-family: var(--font-regular);
  font-size: 0.938em; }
  #main-footer #copyright {
    margin-top: 0;
    text-align: left; }
    #main-footer #copyright .item {
      color: var(--text);
      margin-right: 20px; }
  #main-footer nav.nav-horizontal {
    display: block; }
    #main-footer nav.nav-horizontal a:link {
      cursor: pointer;
      text-decoration: underline; }
    #main-footer nav.nav-horizontal a:hover {
      text-decoration: underline; }
    #main-footer nav.nav-horizontal a:active {
      color: #007bad;
      text-decoration: underline; }
    #main-footer nav.nav-horizontal a:visited {
      text-decoration: underline; }

.act-logo {
  background-image: var(--logo-colored);
  background-size: cover;
  background-repeat: no-repeat;
  width: var(--logo-width);
  height: var(--logo-height);
  display: block; }

.act-hawkeye-logo {
  background-image: image-url("shared/act/hawkeye-logo.svg");
  background-size: cover;
  background-repeat: no-repeat;
  width: 292px;
  height: 25px;
  display: block; }

.actworkkeys-logo, .actworkkeys-logo-white {
  background-size: cover;
  background-repeat: no-repeat;
  width: var(--logo-width);
  height: var(--logo-height);
  display: block; }

.actworkkeys-logo {
  background-image: var(--logo-colored); }

.actworkkeys-logo-white {
  background-image: var(--logo-white); }

.navbar.logged-in .logo-item .act-logo {
  background-image: var(--logo-white); }

.navbar.logged-in .logo-item .actworkkeys-logo {
  background-image: var(--logo-white); }

.navbar.logged-in .logo-item .gac-logo {
  background-image: image-url("shared/gac/webapp-logo.png"); }

.navbar.logged-in .navbar-inner nav#main-nav a:hover, .navbar.logged-in .navbar-inner nav#main-nav a.in {
  background: var(--tempestuous); }

.navbar.logged-in .navbar-inner nav#main-nav .dropdown-menu li a:hover {
  background-color: var(--tempestuous);
  color: var(--pure-white); }

nav.left-nav .fixed-nav > li a.nav-link.active {
  background: var(--primary-lighten-65); }

.alert.alert-information, .alert.info {
  border-color: #009ddc;
  background-color: #e5f5fb;
  color: #00719f; }

.alert.alert-warning, .alert.warning {
  border-color: #fc990b;
  background-color: #fff5e6;
  color: #d57d00; }

.alert.alert-success, .alert.success {
  border-color: #55c750;
  background-color: #e6f7e5;
  color: #306635; }

.alert.alert-error, .alert.error {
  border-color: #c01111;
  background-color: #f9e7e7;
  color: #881414; }

#flashes .flash.error {
  background-color: #f9e7e7;
  color: #881414; }

#flashes .flash.notice {
  background-color: #e6f7e5;
  color: #306635; }

#flashes .flash.warning {
  background-color: #fff5e6;
  color: #d57d00; }

.navbar .navbar-inner nav#main-nav .content-packages-item ul.dropdown-menu .courses-wrapper li:first-of-type a:hover {
  color: var(--gray-20); }

.webapp .strength-weakness-section p.explanation {
  display: none; }