/* http://meyerweb.com/eric/tools/css/reset/
   v2.0 | 20110126
   License: none (public domain)
*/

html, body, div, span, applet, object, iframe,
h1, h2, h3, h4, h5, h6, p, blockquote, pre,
a, abbr, acronym, address, big, cite, code,
del, dfn, em, img, ins, kbd, q, s, samp,
small, strike, strong, sub, sup, tt, var,
b, u, i, center,
dl, dt, dd, ol, ul, li,
fieldset, form, label, legend,
table, caption, tbody, tfoot, thead, tr, th, td,
article, aside, canvas, details, embed,
figure, figcaption, footer, header, hgroup,
menu, nav, output, ruby, section, summary,
time, mark, audio, video {
	margin: 0;
	padding: 0;
	border: 0;
	font-size: 100%;
	font: inherit;
	vertical-align: baseline;
}
/* HTML5 display-role reset for older browsers */
article, aside, details, figcaption, figure,
footer, header, hgroup, menu, nav, section {
	display: block;
}
body {
	line-height: 1;
}
ol, ul {
	list-style: none;
}
blockquote, q {
	quotes: none;
}
blockquote:before, blockquote:after,
q:before, q:after {
	content: '';
	content: none;
}
table {
	border-collapse: collapse;
	border-spacing: 0;
}

/* End Reset */

/* latin */
@font-face {
    font-family: 'Lato';
    font-style: italic;
    font-weight: 400;
    src: local('Lato Italic'), local('Lato-Italic'), url(../../../fonts/LatoLatin-Italic.woff) format('woff2');
    /*
    If the font isn't downloaded, show nothing for about 100ms then display
    the fallback font (if it still isn't downloaded).
    More details:
    https://css-tricks.com/almanac/properties/f/font-display/
    */
    font-display: fallback;
}

/* latin */
@font-face {
    font-family: 'Lato';
    font-style: normal;
    font-weight: 400;
    src: local('Lato Regular'), local('Lato-Regular'), url(../../../fonts/LatoLatin-Regular.woff) format('woff2');
    font-display: fallback;
}

/* latin */
@font-face {
    font-family: 'Lato';
    font-style: normal;
    font-weight: 700;
    src: local('Lato Bold'), local('Lato-Bold'), url(../../../fonts/LatoLatin-Bold.woff) format('woff2');
    font-display: fallback;
}

/* latin */
@font-face {
    font-family: 'Lato';
    font-style: normal;
    font-weight: 900;
    src: local('Lato Black'), local('Lato-Black'), url(../../../fonts/LatoLatin-Black.woff) format('woff2');
    font-display: fallback;
}

/* non-latin (cyrillic, hungarian, serbian) */
@font-face {
    font-family: 'Lato';
    font-style: italic;
    font-weight: 400;
    src: local('Lato Italic'), local('Lato-Italic'), url(../../../fonts/lato/Lato-Italic.woff) format('woff2');
    unicode-range: U+0400-04FF, U+0500-052F, U+2DE0-2DFF, U+A640-A69F, U+1D00-1D7F;
    font-display: fallback;
}

@font-face {
    font-family: 'Lato';
    font-style: normal;
    font-weight: 400;
    src: local('Lato Regular'), local('Lato-Regular'), url(../../../fonts/lato/Lato-Regular.woff) format('woff2');
    unicode-range: U+0400-04FF, U+0500-052F, U+2DE0-2DFF, U+A640-A69F, U+1D00-1D7F;
    font-display: fallback;
}

@font-face {
    font-family: 'Lato';
    font-style: normal;
    font-weight: 700;
    src: local('Lato Bold'), local('Lato-Bold'), url(../../../fonts/lato/Lato-Bold.woff) format('woff2');
    unicode-range: U+0400-04FF, U+0500-052F, U+2DE0-2DFF, U+A640-A69F, U+1D00-1D7F;
    font-display: fallback;
}

@font-face {
    font-family: 'Lato';
    font-style: normal;
    font-weight: 900;
    src: local('Lato Black'), local('Lato-Black'), url(../../../fonts/lato/Lato-Black.woff) format('woff2');
    unicode-range: U+0400-04FF, U+0500-052F, U+2DE0-2DFF, U+A640-A69F, U+1D00-1D7F;
    font-display: fallback;
}

/* Latin Extended (e.g. vietnamese) */
@font-face {
    font-family: 'Lato';
    font-style: italic;
    font-weight: 400;
    src: local('Lato Italic'), local('Lato-Italic'), url(../../../fonts/lato/LatoLatinExtended-Italic.woff) format('woff2');
    unicode-range: U+0100-024F, U+0259, U+1E00-1EFF, U+2020, U+20A0-20AB, U+20AD-20CF, U+2113, U+2C60-2C7F, U+A720-A7FF;
    font-display: fallback;
}

@font-face {
    font-family: "Lato";
    font-weight: 400;
    src: url("../../../fonts/lato/LatoLatinExtended-Regular.woff");
    unicode-range: U+0100-024F, U+0259, U+1E00-1EFF, U+2020, U+20A0-20AB, U+20AD-20CF, U+2113, U+2C60-2C7F, U+A720-A7FF;
    font-display: fallback;
}

@font-face {
    font-family: "Lato";
    font-weight: 700;
    src: url("../../../fonts/lato/LatoLatinExtended-Bold.woff");
    unicode-range: U+0100-024F, U+0259, U+1E00-1EFF, U+2020, U+20A0-20AB, U+20AD-20CF, U+2113, U+2C60-2C7F, U+A720-A7FF;
    font-display: fallback;
}

@font-face {
    font-family: "Lato";
    font-weight: 900;
    src: url("../../../fonts/lato/LatoLatinExtended-Black.woff");
    unicode-range: U+0100-024F, U+0259, U+1E00-1EFF, U+2020, U+20A0-20AB, U+20AD-20CF, U+2113, U+2C60-2C7F, U+A720-A7FF;
    font-display: fallback;
}


/* latin-ext */
@font-face {
  font-family: 'Source Serif Pro';
  font-style: normal;
  font-weight: 400;
  src: local('Source Serif Pro'), local('SourceSerifPro-Regular'), url(../../../fonts/SourceSerifPro-Regular-Extended.woff) format('woff2');
  unicode-range: U+0100-024F, U+0259, U+1E00-1EFF, U+2020, U+20A0-20AB, U+20AD-20CF, U+2113, U+2C60-2C7F, U+A720-A7FF;
  font-display: fallback;
}
/* latin */
@font-face {
  font-family: 'Source Serif Pro';
  font-style: normal;
  font-weight: 400;
  src: local('Source Serif Pro'), local('SourceSerifPro-Regular'), url(../../../fonts/SourceSerifPro-Regular.woff) format('woff2');
  unicode-range: U+0000-00FF, U+0131, U+0152-0153, U+02BB-02BC, U+02C6, U+02DA, U+02DC, U+2000-206F, U+2074, U+20AC, U+2122, U+2191, U+2193, U+2212, U+2215, U+FEFF, U+FFFD;
  font-display: fallback;
}
/* latin-ext */
@font-face {
  font-family: 'Source Serif Pro';
  font-style: normal;
  font-weight: 600;
  src: local('Source Serif Pro Semibold'), local('SourceSerifPro-Semibold'), url(../../../fonts/SourceSerifPro-Semibold-Extended.woff) format('woff2');
  unicode-range: U+0100-024F, U+0259, U+1E00-1EFF, U+2020, U+20A0-20AB, U+20AD-20CF, U+2113, U+2C60-2C7F, U+A720-A7FF;
  font-display: fallback;
}
/* latin */
@font-face {
  font-family: 'Source Serif Pro';
  font-style: normal;
  font-weight: 600;
  src: local('Source Serif Pro Semibold'), local('SourceSerifPro-Semibold'), url(../../../fonts/SourceSerifPro-Semibold.woff) format('woff2');
  unicode-range: U+0000-00FF, U+0131, U+0152-0153, U+02BB-02BC, U+02C6, U+02DA, U+02DC, U+2000-206F, U+2074, U+20AC, U+2122, U+2191, U+2193, U+2212, U+2215, U+FEFF, U+FFFD;
  font-display: fallback;
}

/* cyrilic */
@font-face {
    font-family: 'Source Serif Pro';
    font-style: normal;
    font-weight: 400;
    src: local('Source Serif Pro'), local('SourceSerifPro-Regular'), url(../../../fonts/SourceSerifPro-Regular-Cyrillic.woff) format('woff2');
    unicode-range: U+0400-04FF, U+0500-052F, U+2DE0-2DFF, U+A640-A69F, U+1D00-1D7F;
    font-display: fallback;
}

@font-face {
    font-family: 'Source Serif Pro';
    font-style: normal;
    font-weight: 600;
    src: local('Source Serif Pro Semibold'), local('SourceSerifPro-Semibold'), url(../../../fonts/SourceSerifPro-Semibold-Cyrillic.woff) format('woff2');
    unicode-range: U+0400-04FF, U+0500-052F, U+2DE0-2DFF, U+A640-A69F, U+1D00-1D7F;
    font-display: fallback;
}

/* Arabic */
@font-face {
    font-family: "Noto Serif";
    font-weight: 400;
    src: url("../../../fonts/arabic/NotoNaskhArabic-Regular.woff");
    unicode-range: U+0600-06FF;
    font-display: fallback;
}

@font-face {
    font-family: "Noto Sans";
    font-weight: 400;
    src: url("../../../fonts/arabic/NotoSansArabic-Regular.woff");
    unicode-range: U+0600-06FF;
    font-display: fallback;
}

@font-face {
    font-family: "Noto Sans";
    font-weight: 700;
    src: url("../../../fonts/arabic/NotoSansArabic-Bold.woff");
    unicode-range: U+0600-06FF;
    font-display: fallback;
}

@font-face {
    font-family: "Noto Sans";
    font-weight: 900;
    src: url("../../../fonts/arabic/NotoSansArabic-Black.woff");
    unicode-range: U+0600-06FF;
    font-display: fallback;
}

/* Armenian */
@font-face {
    font-family: "Noto Serif";
    font-weight: 400;
    src: url("../../../fonts/armenian/NotoSerifArmenian-Regular.woff");
    unicode-range: U+0530-058F;
    font-display: fallback;
}

@font-face {
    font-family: "Noto Sans";
    font-weight: 400;
    src: url("../../../fonts/armenian/NotoSansArmenian-Regular.woff");
    unicode-range: U+0530-058F;
    font-display: fallback;
}

@font-face {
    font-family: "Noto Sans";
    font-weight: 700;
    src: url("../../../fonts/armenian/NotoSansArmenian-Bold.woff");
    unicode-range: U+0530-058F;
    font-display: fallback;
}

@font-face {
    font-family: "Noto Sans";
    font-weight: 900;
    src: url("../../../fonts/armenian/NotoSansArmenian-Black.woff");
    unicode-range: U+0530-058F;
    font-display: fallback;
}

/* Greek */
@font-face {
    font-family: "Noto Serif";
    font-weight: 400;
    src: url("../../../fonts/greek/NotoSerif-Regular.woff");
    unicode-range: U+0370-03FF;
    font-display: fallback;
}

@font-face {
    font-family: "Noto Sans";
    font-weight: 400;
    src: url("../../../fonts/greek/NotoSans-Regular.woff");
    unicode-range: U+0370-03FF;
    font-display: fallback;
}

@font-face {
    font-family: "Noto Sans";
    font-weight: 700;
    src: url("../../../fonts/greek/NotoSans-Bold.woff");
    unicode-range: U+0370-03FF;
    font-display: fallback;
}

@font-face {
    font-family: "Noto Sans";
    font-weight: 900;
    src: url("../../../fonts/greek/NotoSans-Black.woff");
    unicode-range: U+0370-03FF;
    font-display: fallback;
}

/* Hebrew */
@font-face {
    font-family: "Noto Serif";
    font-weight: 400;
    src: url("../../../fonts/hebrew/NotoSerifHebrew-Regular.woff");
    unicode-range: U+0590-05FF;
    font-display: fallback;
}

@font-face {
    font-family: "Noto Sans";
    font-weight: 400;
    src: url("../../../fonts/hebrew/NotoSansHebrew-Regular.woff");
    unicode-range: U+0590-05FF;
    font-display: fallback;
}

@font-face {
    font-family: "Noto Sans";
    font-weight: 700;
    src: url("../../../fonts/hebrew/NotoSansHebrew-Bold.woff");
    unicode-range: U+0590-05FF;
    font-display: fallback;
}

@font-face {
    font-family: "Noto Sans";
    font-weight: 900;
    src: url("../../../fonts/hebrew/NotoSansHebrew-Black.woff");
    unicode-range: U+0590-05FF;
    font-display: fallback;
}

/* Clearfix */
.clearfix:before,
.clearfix:after {
    content: "";
    display: table;
}

.clearfix:after {
    clear: both;
}

.clearfix {
    *zoom: 1;
}
/* End Clearfix */

.large-font {
    font-size: 16px;
}

.right { text-align: right; }
.left { text-align: left; }
.center { text-align: center; }

.float-right { float: right; }
.float-left { float: left; }

/*  ellipses:
    You *must* set a width and display: (inline-)block
    otherwise.... this will 100% not work.
*/
.ellipsis {
    text-overflow: ellipsis;
    overflow: hidden;
    white-space: nowrap;
}

/* End of basic typography */

img {
    -ms-interpolation-mode: bicubic;
    /* Fix IE image scaling so that it isn't crappy */
}

nav {
    display: block;
    clear: both;
    width: 100%;
    margin: 0;
}

article, section {
    display: block;
}

/* YouTube jump links found in video discussion and on /about */
span.youTube, .youTubeJump {
    padding-left: 18px;
    margin-left: 2px;
    /* TODO(diedra): Use new wonderblocks contentVideo medium icon. */
    background: url('../../../images/play.png') no-repeat left;
    background-size: 14px 14px;
    color: #1865f2;
    font-weight: bold;
    cursor: pointer;
}
span.youTube:hover, .youTubeJump:hover {
    border-bottom: solid 1px #1865f2;
}


/* YouTube jump links found in new discussion rewrite */
img.youTubePlayIcon {
    height: 14px;
    width: 14px;
    margin-top: -4px;
    vertical-align: middle;
}
div.youTubeLink {
    margin-left: 2px;
    color: #1865f2;
    font-weight: bold;
    cursor: pointer;
    display: inline-block;
    /* This invisible bottom border makes sure the lineheight doesn't change
    on hover */
    border-bottom: solid 1px rgba(0,0,0,0);
}
div.youTubeLink:hover {
    /* We're using a bottom border instead of text-decoration: underline so that
    the underline extends beneath the icon as well. */
    border-bottom: solid 1px #1865f2;
}


/***************For All-videos page******************/


/* Clear Floated Elements
----------------------------------------------------------------------------------------------------*/

/* http://sonspring.com/journal/clearing-floats */

.clear {
    clear: both;
    display: block;
    overflow: hidden;
    visibility: hidden;
    width: 1px;
    height: 1px;
}

/**************end of elements for all-videos page*********************/

#container h3 {
    display: block;
    font-size: 14px;
    color: #333;
    padding-bottom: 5px;
    border-bottom: 1px dotted #bbb;
}
/* End of Exercise Dashboard styles */

/* Exercise related styles */

#answer_area_wrap {
    float: right;
    width: 27%;
    margin-right: 10px;
}

/* End of exercise related styles */

/* End One-off page styles */

#back-to-top {
    position: fixed;
    bottom: 32px;
    right: 40px;
    text-align: center;
    cursor: pointer;

    opacity: 0.5;
    filter:alpha(opacity=50);

    display: none;
    z-index: 100;
}

#back-to-top a.text {
    display: block;
    background: transparent;
    visibility: hidden;
    position: relative;
    top: 10px;
}

#back-to-top a {
    text-decoration: none;
    border: 0;
    outline: none;
}

#back-to-top .arrow {
    padding: 5px 10px;

    font-size: 36px;
    color: #333;
    background: #eee;
    border: 1px solid #ccc;
    border-bottom: 1px solid #aaa;

    border-radius: 5px;
}

#back-to-top:hover {
    opacity: 1.0;
    filter:alpha(opacity=100);
}

#back-to-top:hover a.text {
    visibility: visible;
}

img.spinner { position: absolute; }

.clearFloat { overflow:hidden; height:1px; clear:both; }

html,
body {
  height: 100%;
}
body {
  overflow-y: scroll;
}
body {
  font-family: 'Lato', 'Noto Sans', 'Helvetica', 'Corbel', sans-serif, 'Helvetica', 'Corbel', sans-serif;
  font-size: 14px;
  margin: 0;
  color: #444;
  line-height: 1.4;
}
#outer-wrapper {
  display: flex;
  flex-direction: column;
  position: relative;
  background-color: #eee;
  min-height: 100%;
  margin: 0 0 -77px;
}
#outer-wrapper.white-outer-wrapper {
  background-color: #fff;
}
#page-container {
  flex: 1 0 auto;
  width: 100%;
  max-width: 1200px;
  position: relative;
  margin: 0 auto;
}
#page-container.full-bleed {
  max-width: none;
}
#page-container:focus {
  outline: none;
}
.tutorial-outer-wrapper #page-container,
.scratchpad-outermost-wrapper #page-container {
  max-width: none;
}
#page-container-inner article {
  /* TODO(benkomalo): determine if this is correct. On the homepage we
     * definitely don't want the border (as it was for the old design).
     * Does it apply everywhere */
  border-top: none;
}
.external-styles-missing {
  display: none;
}
.contained-and-centered {
  margin: 0 auto;
  max-width: 1200px;
}
.min-contained-and-centered {
  margin: 0 auto;
}
.visible-on-responsive-page {
  display: none !important;
}
#page_sub_nav {
  display: none;
}
body,
#page-container,
footer,
footer .footer-container {
  /* Needs !important because we might load shared.css later */
  min-width: 0 !important;
}
.box-sizing-border-box-reset {
  box-sizing: border-box;
}
.box-sizing-border-box-reset * {
  box-sizing: inherit;
}
.box-sizing-content-box-reset {
  box-sizing: content-box;
}
.box-sizing-content-box-reset * {
  box-sizing: inherit;
}
article {
  padding: 0 20px;
  position: relative;
  border-top: 1px solid #C6D1AD;
}
/* Basic typography for the entire site */
h1,
h2,
h3,
h4,
h5 {
  font-family: inherit;
  font-weight: bold;
}
h1 {
  font-size: 25px;
  margin-bottom: 22px;
}
.main-headline,
.section-headline {
  padding-top: 22px;
}
h1.main-headline {
  font-size: 32px;
  position: relative;
  line-height: 37px;
  z-index: 10;
}
h2 {
  font-size: 20px;
  margin-bottom: 22px;
}
h3 {
  font-size: 18px;
  margin-bottom: 22px;
}
h4 {
  font-size: 15px;
  margin-bottom: 22px;
}
h5 {
  font-size: 15px;
  margin-bottom: -22px;
}
p {
  font-size: 14px;
  margin: 22px 0;
}
.pulls {
  margin-bottom: 9px;
}
/* "Pulls" the next block element up by halving the margin. */
.pulled {
  margin-top: 11px;
  margin-bottom: 22px;
}
/* Preserves vertical rhythm. Not always necessary */
b,
strong {
  font-weight: bold;
}
em,
cite {
  font-style: italic;
}
hr {
  background: #CCC;
  border: none;
  box-shadow: 0 2px 2px rgba(0, 0, 0, 0.075);
  clear: both;
  color: #CCC;
  display: block;
  height: 1px;
  margin: 18px 0 36px 0;
  padding: 0;
  width: 100%;
}
hr.thin {
  margin-bottom: 18px;
  margin-left: auto;
  margin-right: auto;
  opacity: 0.4;
  filter: alpha(opacity=40);
  width: 50%;
}
/* Links in the header and footer don't change color when visited. */
a:link,
a:visited,
header a:visited,
footer a:visited,
.visited-no-recolor a:visited,
a.visited-no-recolor:visited {
  color: #005987;
}
a:link.no-underline,
a:visited.no-underline,
header a:visited.no-underline,
footer a:visited.no-underline,
.visited-no-recolor a:visited.no-underline,
a.visited-no-recolor:visited.no-underline {
  text-decoration: none;
}
a:visited {
  color: #7D00AD;
}
a:link:hover,
a:link:focus,
a:visited:hover,
a:visited:focus {
  color: #707070;
}
a:link:hover.no-underline,
a:link:focus.no-underline,
a:visited:hover.no-underline,
a:visited:focus.no-underline {
  text-decoration: none;
}
form {
  display: inline;
}
.fixed-width {
  font-family: 'Helvetica Neue', Helvetica, Arial, sans-serif;
}
ul.styled-list {
  margin-left: 16px;
}
ul.styled-list {
  list-style: disc;
}
ol.styled-list {
  list-style: decimal;
}
.float-left {
  float: left;
}
.float-right {
  float: right;
}
.sr-only {
  border: 0;
  clip: rect(0, 0, 0, 0);
  height: 1px;
  margin: -1px;
  overflow: hidden;
  padding: 0;
  position: absolute;
  width: 1px;
}
.skip-to-main {
  border: 0;
  clip: rect(0, 0, 0, 0);
  height: 1px;
  margin: -1px;
  overflow: hidden;
  padding: 0;
  position: absolute;
  width: 1px;
  background-color: #fff;
  left: 60px;
  line-height: 45px;
  padding: 0 10px;
  top: 60px;
}
.skip-to-main:focus,
.skip-to-main:active {
  clip: auto;
  height: auto;
  width: auto;
}
.kui-button {
  background: transparent;
  border: 1px solid;
  border-radius: 19px;
  box-sizing: border-box;
  font: inherit;
  line-height: 18px;
  margin: 5px 0;
  padding: 10px 30px;
  position: relative;
}
.kui-button:hover {
  transition: all 0.2s ease;
}
.kui-button:not(.kui-button-disabled) {
  cursor: pointer;
}
.kui-button-borderless {
  border: none;
}
.kui-button-small {
  padding: 7px 20px;
  margin: 0;
}
.kui-button-borderless {
  box-shadow: 0 1px 5px rgba(0, 0, 0, 0.2);
}
.kui-button-primary.kui-button-plain:not(.kui-button-white) {
  color: #629a06;
}
.kui-button-primary.kui-button-plain:not(.kui-button-white):not(.kui-button-transparent) {
  background: #fff;
}
.kui-button-primary.kui-button-plain:not(.kui-button-white).kui-button-disabled {
  color: #aaa;
  cursor: default;
  opacity: 0.5;
}
.kui-button-primary.kui-button-plain:not(.kui-button-white):not(.kui-button-disabled):hover,
.kui-button-primary.kui-button-plain:not(.kui-button-white):not(.kui-button-disabled):focus {
  background-color: rgba(98, 154, 6, 0.15);
  color: #629a06;
}
.kui-button-primary.kui-button-plain:not(.kui-button-white):not(.kui-button-disabled):focus {
  box-shadow: 0px 0px 5px rgba(98, 154, 6, 0.15);
  color: #629a06;
}
.kui-button-primary.kui-button-plain:not(.kui-button-white):not(.kui-button-disabled):active {
  color: #243802;
}
.kui-button-primary.kui-button-plain:not(.kui-button-white):focus {
  /*
             * NOTE(jeresig): We remove the outline here so that we can
             * use an alternative focus styling, as specified below.
             */
  outline: none;
}
.kui-button-primary.kui-button-plain:not(.kui-button-white):focus:before {
  border: 1px solid #629a06;
  border-radius: 23px;
  content: "";
  display: block;
  height: 100%;
  left: -4px;
  padding-bottom: 6px;
  padding-right: 6px;
  position: absolute;
  top: -4px;
  width: 100%;
}
.kui-button-primary.kui-button-submit:not(.kui-button-white) {
  background: #629a06;
  background: linear-gradient(#80cc08, #629a06);
  color: #fff;
}
.kui-button-primary.kui-button-submit:not(.kui-button-white).kui-button-disabled {
  background: #d7d7d7;
  background: linear-gradient(#fdfdfd, #d7d7d7);
  color: #aaa;
  cursor: default;
  opacity: 0.8;
}
.kui-button-primary.kui-button-submit:not(.kui-button-white):not(.kui-button-disabled):hover,
.kui-button-primary.kui-button-submit:not(.kui-button-white):not(.kui-button-disabled):focus {
  background: #528205;
  background: linear-gradient(#71b307, #528205);
  color: #fff;
}
.kui-button-primary.kui-button-submit:not(.kui-button-white):not(.kui-button-disabled):active {
  background: #528205;
  background: linear-gradient(#528205, #71b307);
  color: #fff;
}
.kui-button-primary.kui-button-submit:not(.kui-button-white):focus {
  /*
             * NOTE(jeresig): We remove the outline here so that we can
             * use an alternative focus styling, as specified below.
             */
  outline: none;
}
.kui-button-primary.kui-button-submit:not(.kui-button-white):focus:before {
  border: 1px solid #629a06;
  border-radius: 21px;
  content: "";
  display: block;
  height: 100%;
  left: -3px;
  padding-bottom: 4px;
  padding-right: 4px;
  position: absolute;
  top: -3px;
  width: 100%;
}
.kui-button-primary.kui-button-white:not(.kui-button-transparent) {
  background: #fff;
  background: linear-gradient(#fff, #fff);
  color: #629a06;
}
.kui-button-primary.kui-button-white:not(.kui-button-transparent).kui-button-disabled {
  background: #d7d7d7;
  background: linear-gradient(#fdfdfd, #d7d7d7);
  color: #aaa;
  cursor: default;
  opacity: 0.8;
}
.kui-button-primary.kui-button-white:not(.kui-button-transparent):not(.kui-button-disabled):hover,
.kui-button-primary.kui-button-white:not(.kui-button-transparent):not(.kui-button-disabled):focus {
  background: #f2f2f2;
  background: linear-gradient(#f2f2f2, #f2f2f2);
  color: #629a06;
}
.kui-button-primary.kui-button-white:not(.kui-button-transparent):not(.kui-button-disabled):active {
  background: #f2f2f2;
  background: linear-gradient(#f2f2f2, #f2f2f2);
  color: #629a06;
}
.kui-button-primary.kui-button-white:not(.kui-button-transparent):focus {
  /*
             * NOTE(jeresig): We remove the outline here so that we can
             * use an alternative focus styling, as specified below.
             */
  outline: none;
}
.kui-button-primary.kui-button-white:not(.kui-button-transparent):focus:before {
  border: 1px solid #fff;
  border-radius: 21px;
  content: "";
  display: block;
  height: 100%;
  left: -3px;
  padding-bottom: 4px;
  padding-right: 4px;
  position: absolute;
  top: -3px;
  width: 100%;
}
.kui-button-secondary.kui-button-plain:not(.kui-button-white) {
  color: #283743;
}
.kui-button-secondary.kui-button-plain:not(.kui-button-white):not(.kui-button-transparent) {
  background: #fff;
}
.kui-button-secondary.kui-button-plain:not(.kui-button-white).kui-button-disabled {
  color: #aaa;
  cursor: default;
  opacity: 0.5;
}
.kui-button-secondary.kui-button-plain:not(.kui-button-white):not(.kui-button-disabled):hover,
.kui-button-secondary.kui-button-plain:not(.kui-button-white):not(.kui-button-disabled):focus {
  background-color: rgba(40, 55, 67, 0.15);
  color: #283743;
}
.kui-button-secondary.kui-button-plain:not(.kui-button-white):not(.kui-button-disabled):focus {
  box-shadow: 0px 0px 5px rgba(40, 55, 67, 0.15);
  color: #283743;
}
.kui-button-secondary.kui-button-plain:not(.kui-button-white):not(.kui-button-disabled):active {
  color: #020203;
}
.kui-button-secondary.kui-button-plain:not(.kui-button-white):focus {
  /*
             * NOTE(jeresig): We remove the outline here so that we can
             * use an alternative focus styling, as specified below.
             */
  outline: none;
}
.kui-button-secondary.kui-button-plain:not(.kui-button-white):focus:before {
  border: 1px solid #283743;
  border-radius: 23px;
  content: "";
  display: block;
  height: 100%;
  left: -4px;
  padding-bottom: 6px;
  padding-right: 6px;
  position: absolute;
  top: -4px;
  width: 100%;
}
.kui-button-secondary.kui-button-submit:not(.kui-button-white) {
  background: #283743;
  background: linear-gradient(#445e73, #283743);
  color: #fff;
}
.kui-button-secondary.kui-button-submit:not(.kui-button-white).kui-button-disabled {
  background: #d7d7d7;
  background: linear-gradient(#fdfdfd, #d7d7d7);
  color: #aaa;
  cursor: default;
  opacity: 0.8;
}
.kui-button-secondary.kui-button-submit:not(.kui-button-white):not(.kui-button-disabled):hover,
.kui-button-secondary.kui-button-submit:not(.kui-button-white):not(.kui-button-disabled):focus {
  background: #1e2a33;
  background: linear-gradient(#3a5163, #1e2a33);
  color: #fff;
}
.kui-button-secondary.kui-button-submit:not(.kui-button-white):not(.kui-button-disabled):active {
  background: #1e2a33;
  background: linear-gradient(#1e2a33, #3a5163);
  color: #fff;
}
.kui-button-secondary.kui-button-submit:not(.kui-button-white):focus {
  /*
             * NOTE(jeresig): We remove the outline here so that we can
             * use an alternative focus styling, as specified below.
             */
  outline: none;
}
.kui-button-secondary.kui-button-submit:not(.kui-button-white):focus:before {
  border: 1px solid #283743;
  border-radius: 21px;
  content: "";
  display: block;
  height: 100%;
  left: -3px;
  padding-bottom: 4px;
  padding-right: 4px;
  position: absolute;
  top: -3px;
  width: 100%;
}
.kui-button-secondary.kui-button-white:not(.kui-button-transparent) {
  background: #fff;
  background: linear-gradient(#fff, #fff);
  color: #283743;
}
.kui-button-secondary.kui-button-white:not(.kui-button-transparent).kui-button-disabled {
  background: #d7d7d7;
  background: linear-gradient(#fdfdfd, #d7d7d7);
  color: #aaa;
  cursor: default;
  opacity: 0.8;
}
.kui-button-secondary.kui-button-white:not(.kui-button-transparent):not(.kui-button-disabled):hover,
.kui-button-secondary.kui-button-white:not(.kui-button-transparent):not(.kui-button-disabled):focus {
  background: #f2f2f2;
  background: linear-gradient(#f2f2f2, #f2f2f2);
  color: #283743;
}
.kui-button-secondary.kui-button-white:not(.kui-button-transparent):not(.kui-button-disabled):active {
  background: #f2f2f2;
  background: linear-gradient(#f2f2f2, #f2f2f2);
  color: #283743;
}
.kui-button-secondary.kui-button-white:not(.kui-button-transparent):focus {
  /*
             * NOTE(jeresig): We remove the outline here so that we can
             * use an alternative focus styling, as specified below.
             */
  outline: none;
}
.kui-button-secondary.kui-button-white:not(.kui-button-transparent):focus:before {
  border: 1px solid #fff;
  border-radius: 21px;
  content: "";
  display: block;
  height: 100%;
  left: -3px;
  padding-bottom: 4px;
  padding-right: 4px;
  position: absolute;
  top: -3px;
  width: 100%;
}
.kui-button-gray {
  color: #aaa;
}
.kui-button-gray:not(.kui-button-transparent) {
  background: #fff;
}
.kui-button-gray.kui-button-disabled {
  color: #aaa;
  cursor: default;
  opacity: 0.5;
}
.kui-button-gray:not(.kui-button-disabled):hover,
.kui-button-gray:not(.kui-button-disabled):focus {
  background-color: rgba(170, 170, 170, 0.15);
  color: #aaa;
}
.kui-button-gray:not(.kui-button-disabled):focus {
  box-shadow: 0px 0px 5px rgba(170, 170, 170, 0.15);
  color: #aaa;
}
.kui-button-gray:not(.kui-button-disabled):active {
  color: #777777;
}
.kui-button-gray:focus {
  /*
             * NOTE(jeresig): We remove the outline here so that we can
             * use an alternative focus styling, as specified below.
             */
  outline: none;
}
.kui-button-gray:focus:before {
  border: 1px solid #aaa;
  border-radius: 23px;
  content: "";
  display: block;
  height: 100%;
  left: -4px;
  padding-bottom: 6px;
  padding-right: 6px;
  position: absolute;
  top: -4px;
  width: 100%;
}
.kui-button-blue.kui-button-plain:not(.kui-button-white) {
  color: #2f8afc;
}
.kui-button-blue.kui-button-plain:not(.kui-button-white):not(.kui-button-transparent) {
  background: #fff;
}
.kui-button-blue.kui-button-plain:not(.kui-button-white).kui-button-disabled {
  color: #aaa;
  cursor: default;
  opacity: 0.5;
}
.kui-button-blue.kui-button-plain:not(.kui-button-white):not(.kui-button-disabled):hover,
.kui-button-blue.kui-button-plain:not(.kui-button-white):not(.kui-button-disabled):focus {
  background-color: rgba(47, 138, 252, 0.15);
  color: #2f8afc;
}
.kui-button-blue.kui-button-plain:not(.kui-button-white):not(.kui-button-disabled):focus {
  box-shadow: 0px 0px 5px rgba(47, 138, 252, 0.15);
  color: #2f8afc;
}
.kui-button-blue.kui-button-plain:not(.kui-button-white):not(.kui-button-disabled):active {
  color: #0358c1;
}
.kui-button-blue.kui-button-plain:not(.kui-button-white):focus {
  /*
             * NOTE(jeresig): We remove the outline here so that we can
             * use an alternative focus styling, as specified below.
             */
  outline: none;
}
.kui-button-blue.kui-button-plain:not(.kui-button-white):focus:before {
  border: 1px solid #2f8afc;
  border-radius: 23px;
  content: "";
  display: block;
  height: 100%;
  left: -4px;
  padding-bottom: 6px;
  padding-right: 6px;
  position: absolute;
  top: -4px;
  width: 100%;
}
.kui-button-blue.kui-button-submit:not(.kui-button-white) {
  background: #2f8afc;
  background: linear-gradient(#61a6fc, #2f8afc);
  color: #fff;
}
.kui-button-blue.kui-button-submit:not(.kui-button-white).kui-button-disabled {
  background: #d7d7d7;
  background: linear-gradient(#fdfdfd, #d7d7d7);
  color: #aaa;
  cursor: default;
  opacity: 0.8;
}
.kui-button-blue.kui-button-submit:not(.kui-button-white):not(.kui-button-disabled):hover,
.kui-button-blue.kui-button-submit:not(.kui-button-white):not(.kui-button-disabled):focus {
  background: #167cfb;
  background: linear-gradient(#4898fc, #167cfb);
  color: #fff;
}
.kui-button-blue.kui-button-submit:not(.kui-button-white):not(.kui-button-disabled):active {
  background: #167cfb;
  background: linear-gradient(#167cfb, #4898fc);
  color: #fff;
}
.kui-button-blue.kui-button-submit:not(.kui-button-white):focus {
  /*
             * NOTE(jeresig): We remove the outline here so that we can
             * use an alternative focus styling, as specified below.
             */
  outline: none;
}
.kui-button-blue.kui-button-submit:not(.kui-button-white):focus:before {
  border: 1px solid #2f8afc;
  border-radius: 21px;
  content: "";
  display: block;
  height: 100%;
  left: -3px;
  padding-bottom: 4px;
  padding-right: 4px;
  position: absolute;
  top: -3px;
  width: 100%;
}
.kui-button-blue.kui-button-white:not(.kui-button-transparent) {
  background: #fff;
  background: linear-gradient(#fff, #fff);
  color: #2f8afc;
}
.kui-button-blue.kui-button-white:not(.kui-button-transparent).kui-button-disabled {
  background: #d7d7d7;
  background: linear-gradient(#fdfdfd, #d7d7d7);
  color: #aaa;
  cursor: default;
  opacity: 0.8;
}
.kui-button-blue.kui-button-white:not(.kui-button-transparent):not(.kui-button-disabled):hover,
.kui-button-blue.kui-button-white:not(.kui-button-transparent):not(.kui-button-disabled):focus {
  background: #f2f2f2;
  background: linear-gradient(#f2f2f2, #f2f2f2);
  color: #2f8afc;
}
.kui-button-blue.kui-button-white:not(.kui-button-transparent):not(.kui-button-disabled):active {
  background: #f2f2f2;
  background: linear-gradient(#f2f2f2, #f2f2f2);
  color: #2f8afc;
}
.kui-button-blue.kui-button-white:not(.kui-button-transparent):focus {
  /*
             * NOTE(jeresig): We remove the outline here so that we can
             * use an alternative focus styling, as specified below.
             */
  outline: none;
}
.kui-button-blue.kui-button-white:not(.kui-button-transparent):focus:before {
  border: 1px solid #fff;
  border-radius: 21px;
  content: "";
  display: block;
  height: 100%;
  left: -3px;
  padding-bottom: 4px;
  padding-right: 4px;
  position: absolute;
  top: -3px;
  width: 100%;
}
.kui-button-white.kui-button-transparent {
  color: #fff;
}
.kui-button-white.kui-button-transparent:not(.kui-button-transparent) {
  background: #fff;
}
.kui-button-white.kui-button-transparent.kui-button-disabled {
  color: #aaa;
  cursor: default;
  opacity: 0.5;
}
.kui-button-white.kui-button-transparent:not(.kui-button-disabled):hover,
.kui-button-white.kui-button-transparent:not(.kui-button-disabled):focus {
  background-color: rgba(255, 255, 255, 0.15);
  color: #fff;
}
.kui-button-white.kui-button-transparent:not(.kui-button-disabled):focus {
  box-shadow: 0px 0px 5px rgba(255, 255, 255, 0.15);
  color: #fff;
}
.kui-button-white.kui-button-transparent:not(.kui-button-disabled):active {
  color: #cccccc;
}
.kui-button-white.kui-button-transparent:focus {
  /*
             * NOTE(jeresig): We remove the outline here so that we can
             * use an alternative focus styling, as specified below.
             */
  outline: none;
}
.kui-button-white.kui-button-transparent:focus:before {
  border: 1px solid #fff;
  border-radius: 23px;
  content: "";
  display: block;
  height: 100%;
  left: -4px;
  padding-bottom: 6px;
  padding-right: 6px;
  position: absolute;
  top: -4px;
  width: 100%;
}
.kui-button-white:not(.kui-button-transparent) {
  background: #fff;
  background: linear-gradient(#fff, #fff);
  color: #444;
}
.kui-button-white:not(.kui-button-transparent).kui-button-disabled {
  background: #d7d7d7;
  background: linear-gradient(#fdfdfd, #d7d7d7);
  color: #aaa;
  cursor: default;
  opacity: 0.8;
}
.kui-button-white:not(.kui-button-transparent):not(.kui-button-disabled):hover,
.kui-button-white:not(.kui-button-transparent):not(.kui-button-disabled):focus {
  background: #f2f2f2;
  background: linear-gradient(#f2f2f2, #f2f2f2);
  color: #444;
}
.kui-button-white:not(.kui-button-transparent):not(.kui-button-disabled):active {
  background: #f2f2f2;
  background: linear-gradient(#f2f2f2, #f2f2f2);
  color: #444;
}
.kui-button-white:not(.kui-button-transparent):focus {
  /*
             * NOTE(jeresig): We remove the outline here so that we can
             * use an alternative focus styling, as specified below.
             */
  outline: none;
}
.kui-button-white:not(.kui-button-transparent):focus:before {
  border: 1px solid #fff;
  border-radius: 21px;
  content: "";
  display: block;
  height: 100%;
  left: -3px;
  padding-bottom: 4px;
  padding-right: 4px;
  position: absolute;
  top: -3px;
  width: 100%;
}
.kui-button-domain.kui-button-plain:not(.kui-button-white) {
  color: #314453;
}
.kui-button-domain.kui-button-plain:not(.kui-button-white):not(.kui-button-transparent) {
  background: #fff;
}
.kui-button-domain.kui-button-plain:not(.kui-button-white).kui-button-disabled {
  color: #aaa;
  cursor: default;
  opacity: 0.5;
}
.kui-button-domain.kui-button-plain:not(.kui-button-white):not(.kui-button-disabled):hover,
.kui-button-domain.kui-button-plain:not(.kui-button-white):not(.kui-button-disabled):focus {
  background-color: rgba(49, 68, 83, 0.15);
  color: #314453;
}
.kui-button-domain.kui-button-plain:not(.kui-button-white):not(.kui-button-disabled):focus {
  box-shadow: 0px 0px 5px rgba(49, 68, 83, 0.15);
  color: #314453;
}
.kui-button-domain.kui-button-plain:not(.kui-button-white):not(.kui-button-disabled):active {
  color: #0b0f13;
}
.kui-button-domain.kui-button-plain:not(.kui-button-white):focus {
  /*
             * NOTE(jeresig): We remove the outline here so that we can
             * use an alternative focus styling, as specified below.
             */
  outline: none;
}
.kui-button-domain.kui-button-plain:not(.kui-button-white):focus:before {
  border: 1px solid #314453;
  border-radius: 23px;
  content: "";
  display: block;
  height: 100%;
  left: -4px;
  padding-bottom: 6px;
  padding-right: 6px;
  position: absolute;
  top: -4px;
  width: 100%;
}
.kui-button-domain.kui-button-submit:not(.kui-button-white) {
  background: #314453;
  background: linear-gradient(#4d6779, #314453);
  color: #fff;
}
.kui-button-domain.kui-button-submit:not(.kui-button-white).kui-button-disabled {
  background: #d7d7d7;
  background: linear-gradient(#fdfdfd, #d7d7d7);
  color: #aaa;
  cursor: default;
  opacity: 0.8;
}
.kui-button-domain.kui-button-submit:not(.kui-button-white):not(.kui-button-disabled):hover,
.kui-button-domain.kui-button-submit:not(.kui-button-white):not(.kui-button-disabled):focus {
  background: #283743;
  background: linear-gradient(#435a69, #283743);
  color: #fff;
}
.kui-button-domain.kui-button-submit:not(.kui-button-white):not(.kui-button-disabled):active {
  background: #283743;
  background: linear-gradient(#283743, #435a69);
  color: #fff;
}
.kui-button-domain.kui-button-submit:not(.kui-button-white):focus {
  /*
             * NOTE(jeresig): We remove the outline here so that we can
             * use an alternative focus styling, as specified below.
             */
  outline: none;
}
.kui-button-domain.kui-button-submit:not(.kui-button-white):focus:before {
  border: 1px solid #314453;
  border-radius: 21px;
  content: "";
  display: block;
  height: 100%;
  left: -3px;
  padding-bottom: 4px;
  padding-right: 4px;
  position: absolute;
  top: -3px;
  width: 100%;
}
.kui-button-domain.kui-button-white:not(.kui-button-transparent) {
  background: #fff;
  background: linear-gradient(#fff, #fff);
  color: #314453;
}
.kui-button-domain.kui-button-white:not(.kui-button-transparent).kui-button-disabled {
  background: #d7d7d7;
  background: linear-gradient(#fdfdfd, #d7d7d7);
  color: #aaa;
  cursor: default;
  opacity: 0.8;
}
.kui-button-domain.kui-button-white:not(.kui-button-transparent):not(.kui-button-disabled):hover,
.kui-button-domain.kui-button-white:not(.kui-button-transparent):not(.kui-button-disabled):focus {
  background: #f2f2f2;
  background: linear-gradient(#f2f2f2, #f2f2f2);
  color: #314453;
}
.kui-button-domain.kui-button-white:not(.kui-button-transparent):not(.kui-button-disabled):active {
  background: #f2f2f2;
  background: linear-gradient(#f2f2f2, #f2f2f2);
  color: #314453;
}
.kui-button-domain.kui-button-white:not(.kui-button-transparent):focus {
  /*
             * NOTE(jeresig): We remove the outline here so that we can
             * use an alternative focus styling, as specified below.
             */
  outline: none;
}
.kui-button-domain.kui-button-white:not(.kui-button-transparent):focus:before {
  border: 1px solid #fff;
  border-radius: 21px;
  content: "";
  display: block;
  height: 100%;
  left: -3px;
  padding-bottom: 4px;
  padding-right: 4px;
  position: absolute;
  top: -3px;
  width: 100%;
}
.kui-button-domain.kui-button-plain:not(.kui-button-complete) {
  color: #aaa;
}
.kui-button-domain.kui-button-plain:not(.kui-button-complete):not(.kui-button-transparent) {
  background: #fff;
}
.kui-button-domain.kui-button-plain:not(.kui-button-complete).kui-button-disabled {
  color: #aaa;
  cursor: default;
  opacity: 0.5;
}
.kui-button-domain.kui-button-plain:not(.kui-button-complete):not(.kui-button-disabled):hover,
.kui-button-domain.kui-button-plain:not(.kui-button-complete):not(.kui-button-disabled):focus {
  background-color: rgba(170, 170, 170, 0.15);
  color: #aaa;
}
.kui-button-domain.kui-button-plain:not(.kui-button-complete):not(.kui-button-disabled):focus {
  box-shadow: 0px 0px 5px rgba(170, 170, 170, 0.15);
  color: #aaa;
}
.kui-button-domain.kui-button-plain:not(.kui-button-complete):not(.kui-button-disabled):active {
  color: #777777;
}
.kui-button-domain.kui-button-plain:not(.kui-button-complete):focus {
  /*
             * NOTE(jeresig): We remove the outline here so that we can
             * use an alternative focus styling, as specified below.
             */
  outline: none;
}
.kui-button-domain.kui-button-plain:not(.kui-button-complete):focus:before {
  border: 1px solid #aaa;
  border-radius: 23px;
  content: "";
  display: block;
  height: 100%;
  left: -4px;
  padding-bottom: 6px;
  padding-right: 6px;
  position: absolute;
  top: -4px;
  width: 100%;
}
.kui-button-domain-science.kui-button-plain:not(.kui-button-white) {
  color: #94424f;
}
.kui-button-domain-science.kui-button-plain:not(.kui-button-white):not(.kui-button-transparent) {
  background: #fff;
}
.kui-button-domain-science.kui-button-plain:not(.kui-button-white).kui-button-disabled {
  color: #aaa;
  cursor: default;
  opacity: 0.5;
}
.kui-button-domain-science.kui-button-plain:not(.kui-button-white):not(.kui-button-disabled):hover,
.kui-button-domain-science.kui-button-plain:not(.kui-button-white):not(.kui-button-disabled):focus {
  background-color: rgba(148, 66, 79, 0.15);
  color: #94424f;
}
.kui-button-domain-science.kui-button-plain:not(.kui-button-white):not(.kui-button-disabled):focus {
  box-shadow: 0px 0px 5px rgba(148, 66, 79, 0.15);
  color: #94424f;
}
.kui-button-domain-science.kui-button-plain:not(.kui-button-white):not(.kui-button-disabled):active {
  color: #4d2329;
}
.kui-button-domain-science.kui-button-plain:not(.kui-button-white):focus {
  /*
             * NOTE(jeresig): We remove the outline here so that we can
             * use an alternative focus styling, as specified below.
             */
  outline: none;
}
.kui-button-domain-science.kui-button-plain:not(.kui-button-white):focus:before {
  border: 1px solid #94424f;
  border-radius: 23px;
  content: "";
  display: block;
  height: 100%;
  left: -4px;
  padding-bottom: 6px;
  padding-right: 6px;
  position: absolute;
  top: -4px;
  width: 100%;
}
.kui-button-domain-science.kui-button-submit:not(.kui-button-white) {
  background: #94424f;
  background: linear-gradient(#9d4a5a, #94424f);
  color: #fff;
}
.kui-button-domain-science.kui-button-submit:not(.kui-button-white).kui-button-disabled {
  background: #d7d7d7;
  background: linear-gradient(#fdfdfd, #d7d7d7);
  color: #aaa;
  cursor: default;
  opacity: 0.8;
}
.kui-button-domain-science.kui-button-submit:not(.kui-button-white):not(.kui-button-disabled):hover,
.kui-button-domain-science.kui-button-submit:not(.kui-button-white):not(.kui-button-disabled):focus {
  background: #823a46;
  background: linear-gradient(#8c4250, #823a46);
  color: #fff;
}
.kui-button-domain-science.kui-button-submit:not(.kui-button-white):not(.kui-button-disabled):active {
  background: #823a46;
  background: linear-gradient(#823a46, #8c4250);
  color: #fff;
}
.kui-button-domain-science.kui-button-submit:not(.kui-button-white):focus {
  /*
             * NOTE(jeresig): We remove the outline here so that we can
             * use an alternative focus styling, as specified below.
             */
  outline: none;
}
.kui-button-domain-science.kui-button-submit:not(.kui-button-white):focus:before {
  border: 1px solid #94424f;
  border-radius: 21px;
  content: "";
  display: block;
  height: 100%;
  left: -3px;
  padding-bottom: 4px;
  padding-right: 4px;
  position: absolute;
  top: -3px;
  width: 100%;
}
.kui-button-domain-science.kui-button-white:not(.kui-button-transparent) {
  background: #fff;
  background: linear-gradient(#fff, #fff);
  color: #94424f;
}
.kui-button-domain-science.kui-button-white:not(.kui-button-transparent).kui-button-disabled {
  background: #d7d7d7;
  background: linear-gradient(#fdfdfd, #d7d7d7);
  color: #aaa;
  cursor: default;
  opacity: 0.8;
}
.kui-button-domain-science.kui-button-white:not(.kui-button-transparent):not(.kui-button-disabled):hover,
.kui-button-domain-science.kui-button-white:not(.kui-button-transparent):not(.kui-button-disabled):focus {
  background: #f2f2f2;
  background: linear-gradient(#f2f2f2, #f2f2f2);
  color: #94424f;
}
.kui-button-domain-science.kui-button-white:not(.kui-button-transparent):not(.kui-button-disabled):active {
  background: #f2f2f2;
  background: linear-gradient(#f2f2f2, #f2f2f2);
  color: #94424f;
}
.kui-button-domain-science.kui-button-white:not(.kui-button-transparent):focus {
  /*
             * NOTE(jeresig): We remove the outline here so that we can
             * use an alternative focus styling, as specified below.
             */
  outline: none;
}
.kui-button-domain-science.kui-button-white:not(.kui-button-transparent):focus:before {
  border: 1px solid #fff;
  border-radius: 21px;
  content: "";
  display: block;
  height: 100%;
  left: -3px;
  padding-bottom: 4px;
  padding-right: 4px;
  position: absolute;
  top: -3px;
  width: 100%;
}
.kui-button-domain-science.kui-button-plain:not(.kui-button-complete) {
  color: #aaa;
}
.kui-button-domain-science.kui-button-plain:not(.kui-button-complete):not(.kui-button-transparent) {
  background: #fff;
}
.kui-button-domain-science.kui-button-plain:not(.kui-button-complete).kui-button-disabled {
  color: #aaa;
  cursor: default;
  opacity: 0.5;
}
.kui-button-domain-science.kui-button-plain:not(.kui-button-complete):not(.kui-button-disabled):hover,
.kui-button-domain-science.kui-button-plain:not(.kui-button-complete):not(.kui-button-disabled):focus {
  background-color: rgba(170, 170, 170, 0.15);
  color: #aaa;
}
.kui-button-domain-science.kui-button-plain:not(.kui-button-complete):not(.kui-button-disabled):focus {
  box-shadow: 0px 0px 5px rgba(170, 170, 170, 0.15);
  color: #aaa;
}
.kui-button-domain-science.kui-button-plain:not(.kui-button-complete):not(.kui-button-disabled):active {
  color: #777777;
}
.kui-button-domain-science.kui-button-plain:not(.kui-button-complete):focus {
  /*
             * NOTE(jeresig): We remove the outline here so that we can
             * use an alternative focus styling, as specified below.
             */
  outline: none;
}
.kui-button-domain-science.kui-button-plain:not(.kui-button-complete):focus:before {
  border: 1px solid #aaa;
  border-radius: 23px;
  content: "";
  display: block;
  height: 100%;
  left: -4px;
  padding-bottom: 6px;
  padding-right: 6px;
  position: absolute;
  top: -4px;
  width: 100%;
}
.kui-button-domain-humanities.kui-button-plain:not(.kui-button-white) {
  color: #ad3434;
}
.kui-button-domain-humanities.kui-button-plain:not(.kui-button-white):not(.kui-button-transparent) {
  background: #fff;
}
.kui-button-domain-humanities.kui-button-plain:not(.kui-button-white).kui-button-disabled {
  color: #aaa;
  cursor: default;
  opacity: 0.5;
}
.kui-button-domain-humanities.kui-button-plain:not(.kui-button-white):not(.kui-button-disabled):hover,
.kui-button-domain-humanities.kui-button-plain:not(.kui-button-white):not(.kui-button-disabled):focus {
  background-color: rgba(173, 52, 52, 0.15);
  color: #ad3434;
}
.kui-button-domain-humanities.kui-button-plain:not(.kui-button-white):not(.kui-button-disabled):focus {
  box-shadow: 0px 0px 5px rgba(173, 52, 52, 0.15);
  color: #ad3434;
}
.kui-button-domain-humanities.kui-button-plain:not(.kui-button-white):not(.kui-button-disabled):active {
  color: #5f1c1c;
}
.kui-button-domain-humanities.kui-button-plain:not(.kui-button-white):focus {
  /*
             * NOTE(jeresig): We remove the outline here so that we can
             * use an alternative focus styling, as specified below.
             */
  outline: none;
}
.kui-button-domain-humanities.kui-button-plain:not(.kui-button-white):focus:before {
  border: 1px solid #ad3434;
  border-radius: 23px;
  content: "";
  display: block;
  height: 100%;
  left: -4px;
  padding-bottom: 6px;
  padding-right: 6px;
  position: absolute;
  top: -4px;
  width: 100%;
}
.kui-button-domain-humanities.kui-button-submit:not(.kui-button-white) {
  background: #ad3434;
  background: linear-gradient(#c13b31, #ad3434);
  color: #fff;
}
.kui-button-domain-humanities.kui-button-submit:not(.kui-button-white).kui-button-disabled {
  background: #d7d7d7;
  background: linear-gradient(#fdfdfd, #d7d7d7);
  color: #aaa;
  cursor: default;
  opacity: 0.8;
}
.kui-button-domain-humanities.kui-button-submit:not(.kui-button-white):not(.kui-button-disabled):hover,
.kui-button-domain-humanities.kui-button-submit:not(.kui-button-white):not(.kui-button-disabled):focus {
  background: #992e2e;
  background: linear-gradient(#ad352c, #992e2e);
  color: #fff;
}
.kui-button-domain-humanities.kui-button-submit:not(.kui-button-white):not(.kui-button-disabled):active {
  background: #992e2e;
  background: linear-gradient(#992e2e, #ad352c);
  color: #fff;
}
.kui-button-domain-humanities.kui-button-submit:not(.kui-button-white):focus {
  /*
             * NOTE(jeresig): We remove the outline here so that we can
             * use an alternative focus styling, as specified below.
             */
  outline: none;
}
.kui-button-domain-humanities.kui-button-submit:not(.kui-button-white):focus:before {
  border: 1px solid #ad3434;
  border-radius: 21px;
  content: "";
  display: block;
  height: 100%;
  left: -3px;
  padding-bottom: 4px;
  padding-right: 4px;
  position: absolute;
  top: -3px;
  width: 100%;
}
.kui-button-domain-humanities.kui-button-white:not(.kui-button-transparent) {
  background: #fff;
  background: linear-gradient(#fff, #fff);
  color: #ad3434;
}
.kui-button-domain-humanities.kui-button-white:not(.kui-button-transparent).kui-button-disabled {
  background: #d7d7d7;
  background: linear-gradient(#fdfdfd, #d7d7d7);
  color: #aaa;
  cursor: default;
  opacity: 0.8;
}
.kui-button-domain-humanities.kui-button-white:not(.kui-button-transparent):not(.kui-button-disabled):hover,
.kui-button-domain-humanities.kui-button-white:not(.kui-button-transparent):not(.kui-button-disabled):focus {
  background: #f2f2f2;
  background: linear-gradient(#f2f2f2, #f2f2f2);
  color: #ad3434;
}
.kui-button-domain-humanities.kui-button-white:not(.kui-button-transparent):not(.kui-button-disabled):active {
  background: #f2f2f2;
  background: linear-gradient(#f2f2f2, #f2f2f2);
  color: #ad3434;
}
.kui-button-domain-humanities.kui-button-white:not(.kui-button-transparent):focus {
  /*
             * NOTE(jeresig): We remove the outline here so that we can
             * use an alternative focus styling, as specified below.
             */
  outline: none;
}
.kui-button-domain-humanities.kui-button-white:not(.kui-button-transparent):focus:before {
  border: 1px solid #fff;
  border-radius: 21px;
  content: "";
  display: block;
  height: 100%;
  left: -3px;
  padding-bottom: 4px;
  padding-right: 4px;
  position: absolute;
  top: -3px;
  width: 100%;
}
.kui-button-domain-humanities.kui-button-plain:not(.kui-button-complete) {
  color: #aaa;
}
.kui-button-domain-humanities.kui-button-plain:not(.kui-button-complete):not(.kui-button-transparent) {
  background: #fff;
}
.kui-button-domain-humanities.kui-button-plain:not(.kui-button-complete).kui-button-disabled {
  color: #aaa;
  cursor: default;
  opacity: 0.5;
}
.kui-button-domain-humanities.kui-button-plain:not(.kui-button-complete):not(.kui-button-disabled):hover,
.kui-button-domain-humanities.kui-button-plain:not(.kui-button-complete):not(.kui-button-disabled):focus {
  background-color: rgba(170, 170, 170, 0.15);
  color: #aaa;
}
.kui-button-domain-humanities.kui-button-plain:not(.kui-button-complete):not(.kui-button-disabled):focus {
  box-shadow: 0px 0px 5px rgba(170, 170, 170, 0.15);
  color: #aaa;
}
.kui-button-domain-humanities.kui-button-plain:not(.kui-button-complete):not(.kui-button-disabled):active {
  color: #777777;
}
.kui-button-domain-humanities.kui-button-plain:not(.kui-button-complete):focus {
  /*
             * NOTE(jeresig): We remove the outline here so that we can
             * use an alternative focus styling, as specified below.
             */
  outline: none;
}
.kui-button-domain-humanities.kui-button-plain:not(.kui-button-complete):focus:before {
  border: 1px solid #aaa;
  border-radius: 23px;
  content: "";
  display: block;
  height: 100%;
  left: -4px;
  padding-bottom: 6px;
  padding-right: 6px;
  position: absolute;
  top: -4px;
  width: 100%;
}
.kui-button-domain-economics-finance-domain.kui-button-plain:not(.kui-button-white) {
  color: #b77033;
}
.kui-button-domain-economics-finance-domain.kui-button-plain:not(.kui-button-white):not(.kui-button-transparent) {
  background: #fff;
}
.kui-button-domain-economics-finance-domain.kui-button-plain:not(.kui-button-white).kui-button-disabled {
  color: #aaa;
  cursor: default;
  opacity: 0.5;
}
.kui-button-domain-economics-finance-domain.kui-button-plain:not(.kui-button-white):not(.kui-button-disabled):hover,
.kui-button-domain-economics-finance-domain.kui-button-plain:not(.kui-button-white):not(.kui-button-disabled):focus {
  background-color: rgba(183, 112, 51, 0.15);
  color: #b77033;
}
.kui-button-domain-economics-finance-domain.kui-button-plain:not(.kui-button-white):not(.kui-button-disabled):focus {
  box-shadow: 0px 0px 5px rgba(183, 112, 51, 0.15);
  color: #b77033;
}
.kui-button-domain-economics-finance-domain.kui-button-plain:not(.kui-button-white):not(.kui-button-disabled):active {
  color: #673f1d;
}
.kui-button-domain-economics-finance-domain.kui-button-plain:not(.kui-button-white):focus {
  /*
             * NOTE(jeresig): We remove the outline here so that we can
             * use an alternative focus styling, as specified below.
             */
  outline: none;
}
.kui-button-domain-economics-finance-domain.kui-button-plain:not(.kui-button-white):focus:before {
  border: 1px solid #b77033;
  border-radius: 23px;
  content: "";
  display: block;
  height: 100%;
  left: -4px;
  padding-bottom: 6px;
  padding-right: 6px;
  position: absolute;
  top: -4px;
  width: 100%;
}
.kui-button-domain-economics-finance-domain.kui-button-submit:not(.kui-button-white) {
  background: #b77033;
  background: linear-gradient(#bf7b34, #b77033);
  color: #fff;
}
.kui-button-domain-economics-finance-domain.kui-button-submit:not(.kui-button-white).kui-button-disabled {
  background: #d7d7d7;
  background: linear-gradient(#fdfdfd, #d7d7d7);
  color: #aaa;
  cursor: default;
  opacity: 0.8;
}
.kui-button-domain-economics-finance-domain.kui-button-submit:not(.kui-button-white):not(.kui-button-disabled):hover,
.kui-button-domain-economics-finance-domain.kui-button-submit:not(.kui-button-white):not(.kui-button-disabled):focus {
  background: #a3642d;
  background: linear-gradient(#ab6e2f, #a3642d);
  color: #fff;
}
.kui-button-domain-economics-finance-domain.kui-button-submit:not(.kui-button-white):not(.kui-button-disabled):active {
  background: #a3642d;
  background: linear-gradient(#a3642d, #ab6e2f);
  color: #fff;
}
.kui-button-domain-economics-finance-domain.kui-button-submit:not(.kui-button-white):focus {
  /*
             * NOTE(jeresig): We remove the outline here so that we can
             * use an alternative focus styling, as specified below.
             */
  outline: none;
}
.kui-button-domain-economics-finance-domain.kui-button-submit:not(.kui-button-white):focus:before {
  border: 1px solid #b77033;
  border-radius: 21px;
  content: "";
  display: block;
  height: 100%;
  left: -3px;
  padding-bottom: 4px;
  padding-right: 4px;
  position: absolute;
  top: -3px;
  width: 100%;
}
.kui-button-domain-economics-finance-domain.kui-button-white:not(.kui-button-transparent) {
  background: #fff;
  background: linear-gradient(#fff, #fff);
  color: #b77033;
}
.kui-button-domain-economics-finance-domain.kui-button-white:not(.kui-button-transparent).kui-button-disabled {
  background: #d7d7d7;
  background: linear-gradient(#fdfdfd, #d7d7d7);
  color: #aaa;
  cursor: default;
  opacity: 0.8;
}
.kui-button-domain-economics-finance-domain.kui-button-white:not(.kui-button-transparent):not(.kui-button-disabled):hover,
.kui-button-domain-economics-finance-domain.kui-button-white:not(.kui-button-transparent):not(.kui-button-disabled):focus {
  background: #f2f2f2;
  background: linear-gradient(#f2f2f2, #f2f2f2);
  color: #b77033;
}
.kui-button-domain-economics-finance-domain.kui-button-white:not(.kui-button-transparent):not(.kui-button-disabled):active {
  background: #f2f2f2;
  background: linear-gradient(#f2f2f2, #f2f2f2);
  color: #b77033;
}
.kui-button-domain-economics-finance-domain.kui-button-white:not(.kui-button-transparent):focus {
  /*
             * NOTE(jeresig): We remove the outline here so that we can
             * use an alternative focus styling, as specified below.
             */
  outline: none;
}
.kui-button-domain-economics-finance-domain.kui-button-white:not(.kui-button-transparent):focus:before {
  border: 1px solid #fff;
  border-radius: 21px;
  content: "";
  display: block;
  height: 100%;
  left: -3px;
  padding-bottom: 4px;
  padding-right: 4px;
  position: absolute;
  top: -3px;
  width: 100%;
}
.kui-button-domain-economics-finance-domain.kui-button-plain:not(.kui-button-complete) {
  color: #aaa;
}
.kui-button-domain-economics-finance-domain.kui-button-plain:not(.kui-button-complete):not(.kui-button-transparent) {
  background: #fff;
}
.kui-button-domain-economics-finance-domain.kui-button-plain:not(.kui-button-complete).kui-button-disabled {
  color: #aaa;
  cursor: default;
  opacity: 0.5;
}
.kui-button-domain-economics-finance-domain.kui-button-plain:not(.kui-button-complete):not(.kui-button-disabled):hover,
.kui-button-domain-economics-finance-domain.kui-button-plain:not(.kui-button-complete):not(.kui-button-disabled):focus {
  background-color: rgba(170, 170, 170, 0.15);
  color: #aaa;
}
.kui-button-domain-economics-finance-domain.kui-button-plain:not(.kui-button-complete):not(.kui-button-disabled):focus {
  box-shadow: 0px 0px 5px rgba(170, 170, 170, 0.15);
  color: #aaa;
}
.kui-button-domain-economics-finance-domain.kui-button-plain:not(.kui-button-complete):not(.kui-button-disabled):active {
  color: #777777;
}
.kui-button-domain-economics-finance-domain.kui-button-plain:not(.kui-button-complete):focus {
  /*
             * NOTE(jeresig): We remove the outline here so that we can
             * use an alternative focus styling, as specified below.
             */
  outline: none;
}
.kui-button-domain-economics-finance-domain.kui-button-plain:not(.kui-button-complete):focus:before {
  border: 1px solid #aaa;
  border-radius: 23px;
  content: "";
  display: block;
  height: 100%;
  left: -4px;
  padding-bottom: 6px;
  padding-right: 6px;
  position: absolute;
  top: -4px;
  width: 100%;
}
.kui-button-domain-cs.kui-button-plain:not(.kui-button-white) {
  color: #437a39;
}
.kui-button-domain-cs.kui-button-plain:not(.kui-button-white):not(.kui-button-transparent) {
  background: #fff;
}
.kui-button-domain-cs.kui-button-plain:not(.kui-button-white).kui-button-disabled {
  color: #aaa;
  cursor: default;
  opacity: 0.5;
}
.kui-button-domain-cs.kui-button-plain:not(.kui-button-white):not(.kui-button-disabled):hover,
.kui-button-domain-cs.kui-button-plain:not(.kui-button-white):not(.kui-button-disabled):focus {
  background-color: rgba(67, 122, 57, 0.15);
  color: #437a39;
}
.kui-button-domain-cs.kui-button-plain:not(.kui-button-white):not(.kui-button-disabled):focus {
  box-shadow: 0px 0px 5px rgba(67, 122, 57, 0.15);
  color: #437a39;
}
.kui-button-domain-cs.kui-button-plain:not(.kui-button-white):not(.kui-button-disabled):active {
  color: #1d3419;
}
.kui-button-domain-cs.kui-button-plain:not(.kui-button-white):focus {
  /*
             * NOTE(jeresig): We remove the outline here so that we can
             * use an alternative focus styling, as specified below.
             */
  outline: none;
}
.kui-button-domain-cs.kui-button-plain:not(.kui-button-white):focus:before {
  border: 1px solid #437a39;
  border-radius: 23px;
  content: "";
  display: block;
  height: 100%;
  left: -4px;
  padding-bottom: 6px;
  padding-right: 6px;
  position: absolute;
  top: -4px;
  width: 100%;
}
.kui-button-domain-cs.kui-button-submit:not(.kui-button-white) {
  background: #437a39;
  background: linear-gradient(#53893e, #437a39);
  color: #fff;
}
.kui-button-domain-cs.kui-button-submit:not(.kui-button-white).kui-button-disabled {
  background: #d7d7d7;
  background: linear-gradient(#fdfdfd, #d7d7d7);
  color: #aaa;
  cursor: default;
  opacity: 0.8;
}
.kui-button-domain-cs.kui-button-submit:not(.kui-button-white):not(.kui-button-disabled):hover,
.kui-button-domain-cs.kui-button-submit:not(.kui-button-white):not(.kui-button-disabled):focus {
  background: #396931;
  background: linear-gradient(#487736, #396931);
  color: #fff;
}
.kui-button-domain-cs.kui-button-submit:not(.kui-button-white):not(.kui-button-disabled):active {
  background: #396931;
  background: linear-gradient(#396931, #487736);
  color: #fff;
}
.kui-button-domain-cs.kui-button-submit:not(.kui-button-white):focus {
  /*
             * NOTE(jeresig): We remove the outline here so that we can
             * use an alternative focus styling, as specified below.
             */
  outline: none;
}
.kui-button-domain-cs.kui-button-submit:not(.kui-button-white):focus:before {
  border: 1px solid #437a39;
  border-radius: 21px;
  content: "";
  display: block;
  height: 100%;
  left: -3px;
  padding-bottom: 4px;
  padding-right: 4px;
  position: absolute;
  top: -3px;
  width: 100%;
}
.kui-button-domain-cs.kui-button-white:not(.kui-button-transparent) {
  background: #fff;
  background: linear-gradient(#fff, #fff);
  color: #437a39;
}
.kui-button-domain-cs.kui-button-white:not(.kui-button-transparent).kui-button-disabled {
  background: #d7d7d7;
  background: linear-gradient(#fdfdfd, #d7d7d7);
  color: #aaa;
  cursor: default;
  opacity: 0.8;
}
.kui-button-domain-cs.kui-button-white:not(.kui-button-transparent):not(.kui-button-disabled):hover,
.kui-button-domain-cs.kui-button-white:not(.kui-button-transparent):not(.kui-button-disabled):focus {
  background: #f2f2f2;
  background: linear-gradient(#f2f2f2, #f2f2f2);
  color: #437a39;
}
.kui-button-domain-cs.kui-button-white:not(.kui-button-transparent):not(.kui-button-disabled):active {
  background: #f2f2f2;
  background: linear-gradient(#f2f2f2, #f2f2f2);
  color: #437a39;
}
.kui-button-domain-cs.kui-button-white:not(.kui-button-transparent):focus {
  /*
             * NOTE(jeresig): We remove the outline here so that we can
             * use an alternative focus styling, as specified below.
             */
  outline: none;
}
.kui-button-domain-cs.kui-button-white:not(.kui-button-transparent):focus:before {
  border: 1px solid #fff;
  border-radius: 21px;
  content: "";
  display: block;
  height: 100%;
  left: -3px;
  padding-bottom: 4px;
  padding-right: 4px;
  position: absolute;
  top: -3px;
  width: 100%;
}
.kui-button-domain-cs.kui-button-plain:not(.kui-button-complete) {
  color: #aaa;
}
.kui-button-domain-cs.kui-button-plain:not(.kui-button-complete):not(.kui-button-transparent) {
  background: #fff;
}
.kui-button-domain-cs.kui-button-plain:not(.kui-button-complete).kui-button-disabled {
  color: #aaa;
  cursor: default;
  opacity: 0.5;
}
.kui-button-domain-cs.kui-button-plain:not(.kui-button-complete):not(.kui-button-disabled):hover,
.kui-button-domain-cs.kui-button-plain:not(.kui-button-complete):not(.kui-button-disabled):focus {
  background-color: rgba(170, 170, 170, 0.15);
  color: #aaa;
}
.kui-button-domain-cs.kui-button-plain:not(.kui-button-complete):not(.kui-button-disabled):focus {
  box-shadow: 0px 0px 5px rgba(170, 170, 170, 0.15);
  color: #aaa;
}
.kui-button-domain-cs.kui-button-plain:not(.kui-button-complete):not(.kui-button-disabled):active {
  color: #777777;
}
.kui-button-domain-cs.kui-button-plain:not(.kui-button-complete):focus {
  /*
             * NOTE(jeresig): We remove the outline here so that we can
             * use an alternative focus styling, as specified below.
             */
  outline: none;
}
.kui-button-domain-cs.kui-button-plain:not(.kui-button-complete):focus:before {
  border: 1px solid #aaa;
  border-radius: 23px;
  content: "";
  display: block;
  height: 100%;
  left: -4px;
  padding-bottom: 6px;
  padding-right: 6px;
  position: absolute;
  top: -4px;
  width: 100%;
}
.kui-button-domain-hour-of-code.kui-button-plain:not(.kui-button-white) {
  color: #437a39;
}
.kui-button-domain-hour-of-code.kui-button-plain:not(.kui-button-white):not(.kui-button-transparent) {
  background: #fff;
}
.kui-button-domain-hour-of-code.kui-button-plain:not(.kui-button-white).kui-button-disabled {
  color: #aaa;
  cursor: default;
  opacity: 0.5;
}
.kui-button-domain-hour-of-code.kui-button-plain:not(.kui-button-white):not(.kui-button-disabled):hover,
.kui-button-domain-hour-of-code.kui-button-plain:not(.kui-button-white):not(.kui-button-disabled):focus {
  background-color: rgba(67, 122, 57, 0.15);
  color: #437a39;
}
.kui-button-domain-hour-of-code.kui-button-plain:not(.kui-button-white):not(.kui-button-disabled):focus {
  box-shadow: 0px 0px 5px rgba(67, 122, 57, 0.15);
  color: #437a39;
}
.kui-button-domain-hour-of-code.kui-button-plain:not(.kui-button-white):not(.kui-button-disabled):active {
  color: #1d3419;
}
.kui-button-domain-hour-of-code.kui-button-plain:not(.kui-button-white):focus {
  /*
             * NOTE(jeresig): We remove the outline here so that we can
             * use an alternative focus styling, as specified below.
             */
  outline: none;
}
.kui-button-domain-hour-of-code.kui-button-plain:not(.kui-button-white):focus:before {
  border: 1px solid #437a39;
  border-radius: 23px;
  content: "";
  display: block;
  height: 100%;
  left: -4px;
  padding-bottom: 6px;
  padding-right: 6px;
  position: absolute;
  top: -4px;
  width: 100%;
}
.kui-button-domain-hour-of-code.kui-button-submit:not(.kui-button-white) {
  background: #437a39;
  background: linear-gradient(#53893e, #437a39);
  color: #fff;
}
.kui-button-domain-hour-of-code.kui-button-submit:not(.kui-button-white).kui-button-disabled {
  background: #d7d7d7;
  background: linear-gradient(#fdfdfd, #d7d7d7);
  color: #aaa;
  cursor: default;
  opacity: 0.8;
}
.kui-button-domain-hour-of-code.kui-button-submit:not(.kui-button-white):not(.kui-button-disabled):hover,
.kui-button-domain-hour-of-code.kui-button-submit:not(.kui-button-white):not(.kui-button-disabled):focus {
  background: #396931;
  background: linear-gradient(#487736, #396931);
  color: #fff;
}
.kui-button-domain-hour-of-code.kui-button-submit:not(.kui-button-white):not(.kui-button-disabled):active {
  background: #396931;
  background: linear-gradient(#396931, #487736);
  color: #fff;
}
.kui-button-domain-hour-of-code.kui-button-submit:not(.kui-button-white):focus {
  /*
             * NOTE(jeresig): We remove the outline here so that we can
             * use an alternative focus styling, as specified below.
             */
  outline: none;
}
.kui-button-domain-hour-of-code.kui-button-submit:not(.kui-button-white):focus:before {
  border: 1px solid #437a39;
  border-radius: 21px;
  content: "";
  display: block;
  height: 100%;
  left: -3px;
  padding-bottom: 4px;
  padding-right: 4px;
  position: absolute;
  top: -3px;
  width: 100%;
}
.kui-button-domain-hour-of-code.kui-button-white:not(.kui-button-transparent) {
  background: #fff;
  background: linear-gradient(#fff, #fff);
  color: #437a39;
}
.kui-button-domain-hour-of-code.kui-button-white:not(.kui-button-transparent).kui-button-disabled {
  background: #d7d7d7;
  background: linear-gradient(#fdfdfd, #d7d7d7);
  color: #aaa;
  cursor: default;
  opacity: 0.8;
}
.kui-button-domain-hour-of-code.kui-button-white:not(.kui-button-transparent):not(.kui-button-disabled):hover,
.kui-button-domain-hour-of-code.kui-button-white:not(.kui-button-transparent):not(.kui-button-disabled):focus {
  background: #f2f2f2;
  background: linear-gradient(#f2f2f2, #f2f2f2);
  color: #437a39;
}
.kui-button-domain-hour-of-code.kui-button-white:not(.kui-button-transparent):not(.kui-button-disabled):active {
  background: #f2f2f2;
  background: linear-gradient(#f2f2f2, #f2f2f2);
  color: #437a39;
}
.kui-button-domain-hour-of-code.kui-button-white:not(.kui-button-transparent):focus {
  /*
             * NOTE(jeresig): We remove the outline here so that we can
             * use an alternative focus styling, as specified below.
             */
  outline: none;
}
.kui-button-domain-hour-of-code.kui-button-white:not(.kui-button-transparent):focus:before {
  border: 1px solid #fff;
  border-radius: 21px;
  content: "";
  display: block;
  height: 100%;
  left: -3px;
  padding-bottom: 4px;
  padding-right: 4px;
  position: absolute;
  top: -3px;
  width: 100%;
}
.kui-button-domain-hour-of-code.kui-button-plain:not(.kui-button-complete) {
  color: #aaa;
}
.kui-button-domain-hour-of-code.kui-button-plain:not(.kui-button-complete):not(.kui-button-transparent) {
  background: #fff;
}
.kui-button-domain-hour-of-code.kui-button-plain:not(.kui-button-complete).kui-button-disabled {
  color: #aaa;
  cursor: default;
  opacity: 0.5;
}
.kui-button-domain-hour-of-code.kui-button-plain:not(.kui-button-complete):not(.kui-button-disabled):hover,
.kui-button-domain-hour-of-code.kui-button-plain:not(.kui-button-complete):not(.kui-button-disabled):focus {
  background-color: rgba(170, 170, 170, 0.15);
  color: #aaa;
}
.kui-button-domain-hour-of-code.kui-button-plain:not(.kui-button-complete):not(.kui-button-disabled):focus {
  box-shadow: 0px 0px 5px rgba(170, 170, 170, 0.15);
  color: #aaa;
}
.kui-button-domain-hour-of-code.kui-button-plain:not(.kui-button-complete):not(.kui-button-disabled):active {
  color: #777777;
}
.kui-button-domain-hour-of-code.kui-button-plain:not(.kui-button-complete):focus {
  /*
             * NOTE(jeresig): We remove the outline here so that we can
             * use an alternative focus styling, as specified below.
             */
  outline: none;
}
.kui-button-domain-hour-of-code.kui-button-plain:not(.kui-button-complete):focus:before {
  border: 1px solid #aaa;
  border-radius: 23px;
  content: "";
  display: block;
  height: 100%;
  left: -4px;
  padding-bottom: 6px;
  padding-right: 6px;
  position: absolute;
  top: -4px;
  width: 100%;
}
.kui-button-domain-computer-programming.kui-button-plain:not(.kui-button-white) {
  color: #437a39;
}
.kui-button-domain-computer-programming.kui-button-plain:not(.kui-button-white):not(.kui-button-transparent) {
  background: #fff;
}
.kui-button-domain-computer-programming.kui-button-plain:not(.kui-button-white).kui-button-disabled {
  color: #aaa;
  cursor: default;
  opacity: 0.5;
}
.kui-button-domain-computer-programming.kui-button-plain:not(.kui-button-white):not(.kui-button-disabled):hover,
.kui-button-domain-computer-programming.kui-button-plain:not(.kui-button-white):not(.kui-button-disabled):focus {
  background-color: rgba(67, 122, 57, 0.15);
  color: #437a39;
}
.kui-button-domain-computer-programming.kui-button-plain:not(.kui-button-white):not(.kui-button-disabled):focus {
  box-shadow: 0px 0px 5px rgba(67, 122, 57, 0.15);
  color: #437a39;
}
.kui-button-domain-computer-programming.kui-button-plain:not(.kui-button-white):not(.kui-button-disabled):active {
  color: #1d3419;
}
.kui-button-domain-computer-programming.kui-button-plain:not(.kui-button-white):focus {
  /*
             * NOTE(jeresig): We remove the outline here so that we can
             * use an alternative focus styling, as specified below.
             */
  outline: none;
}
.kui-button-domain-computer-programming.kui-button-plain:not(.kui-button-white):focus:before {
  border: 1px solid #437a39;
  border-radius: 23px;
  content: "";
  display: block;
  height: 100%;
  left: -4px;
  padding-bottom: 6px;
  padding-right: 6px;
  position: absolute;
  top: -4px;
  width: 100%;
}
.kui-button-domain-computer-programming.kui-button-submit:not(.kui-button-white) {
  background: #437a39;
  background: linear-gradient(#53893e, #437a39);
  color: #fff;
}
.kui-button-domain-computer-programming.kui-button-submit:not(.kui-button-white).kui-button-disabled {
  background: #d7d7d7;
  background: linear-gradient(#fdfdfd, #d7d7d7);
  color: #aaa;
  cursor: default;
  opacity: 0.8;
}
.kui-button-domain-computer-programming.kui-button-submit:not(.kui-button-white):not(.kui-button-disabled):hover,
.kui-button-domain-computer-programming.kui-button-submit:not(.kui-button-white):not(.kui-button-disabled):focus {
  background: #396931;
  background: linear-gradient(#487736, #396931);
  color: #fff;
}
.kui-button-domain-computer-programming.kui-button-submit:not(.kui-button-white):not(.kui-button-disabled):active {
  background: #396931;
  background: linear-gradient(#396931, #487736);
  color: #fff;
}
.kui-button-domain-computer-programming.kui-button-submit:not(.kui-button-white):focus {
  /*
             * NOTE(jeresig): We remove the outline here so that we can
             * use an alternative focus styling, as specified below.
             */
  outline: none;
}
.kui-button-domain-computer-programming.kui-button-submit:not(.kui-button-white):focus:before {
  border: 1px solid #437a39;
  border-radius: 21px;
  content: "";
  display: block;
  height: 100%;
  left: -3px;
  padding-bottom: 4px;
  padding-right: 4px;
  position: absolute;
  top: -3px;
  width: 100%;
}
.kui-button-domain-computer-programming.kui-button-white:not(.kui-button-transparent) {
  background: #fff;
  background: linear-gradient(#fff, #fff);
  color: #437a39;
}
.kui-button-domain-computer-programming.kui-button-white:not(.kui-button-transparent).kui-button-disabled {
  background: #d7d7d7;
  background: linear-gradient(#fdfdfd, #d7d7d7);
  color: #aaa;
  cursor: default;
  opacity: 0.8;
}
.kui-button-domain-computer-programming.kui-button-white:not(.kui-button-transparent):not(.kui-button-disabled):hover,
.kui-button-domain-computer-programming.kui-button-white:not(.kui-button-transparent):not(.kui-button-disabled):focus {
  background: #f2f2f2;
  background: linear-gradient(#f2f2f2, #f2f2f2);
  color: #437a39;
}
.kui-button-domain-computer-programming.kui-button-white:not(.kui-button-transparent):not(.kui-button-disabled):active {
  background: #f2f2f2;
  background: linear-gradient(#f2f2f2, #f2f2f2);
  color: #437a39;
}
.kui-button-domain-computer-programming.kui-button-white:not(.kui-button-transparent):focus {
  /*
             * NOTE(jeresig): We remove the outline here so that we can
             * use an alternative focus styling, as specified below.
             */
  outline: none;
}
.kui-button-domain-computer-programming.kui-button-white:not(.kui-button-transparent):focus:before {
  border: 1px solid #fff;
  border-radius: 21px;
  content: "";
  display: block;
  height: 100%;
  left: -3px;
  padding-bottom: 4px;
  padding-right: 4px;
  position: absolute;
  top: -3px;
  width: 100%;
}
.kui-button-domain-computer-programming.kui-button-plain:not(.kui-button-complete) {
  color: #aaa;
}
.kui-button-domain-computer-programming.kui-button-plain:not(.kui-button-complete):not(.kui-button-transparent) {
  background: #fff;
}
.kui-button-domain-computer-programming.kui-button-plain:not(.kui-button-complete).kui-button-disabled {
  color: #aaa;
  cursor: default;
  opacity: 0.5;
}
.kui-button-domain-computer-programming.kui-button-plain:not(.kui-button-complete):not(.kui-button-disabled):hover,
.kui-button-domain-computer-programming.kui-button-plain:not(.kui-button-complete):not(.kui-button-disabled):focus {
  background-color: rgba(170, 170, 170, 0.15);
  color: #aaa;
}
.kui-button-domain-computer-programming.kui-button-plain:not(.kui-button-complete):not(.kui-button-disabled):focus {
  box-shadow: 0px 0px 5px rgba(170, 170, 170, 0.15);
  color: #aaa;
}
.kui-button-domain-computer-programming.kui-button-plain:not(.kui-button-complete):not(.kui-button-disabled):active {
  color: #777777;
}
.kui-button-domain-computer-programming.kui-button-plain:not(.kui-button-complete):focus {
  /*
             * NOTE(jeresig): We remove the outline here so that we can
             * use an alternative focus styling, as specified below.
             */
  outline: none;
}
.kui-button-domain-computer-programming.kui-button-plain:not(.kui-button-complete):focus:before {
  border: 1px solid #aaa;
  border-radius: 23px;
  content: "";
  display: block;
  height: 100%;
  left: -4px;
  padding-bottom: 6px;
  padding-right: 6px;
  position: absolute;
  top: -4px;
  width: 100%;
}
.kui-button-domain-computing.kui-button-plain:not(.kui-button-white) {
  color: #437a39;
}
.kui-button-domain-computing.kui-button-plain:not(.kui-button-white):not(.kui-button-transparent) {
  background: #fff;
}
.kui-button-domain-computing.kui-button-plain:not(.kui-button-white).kui-button-disabled {
  color: #aaa;
  cursor: default;
  opacity: 0.5;
}
.kui-button-domain-computing.kui-button-plain:not(.kui-button-white):not(.kui-button-disabled):hover,
.kui-button-domain-computing.kui-button-plain:not(.kui-button-white):not(.kui-button-disabled):focus {
  background-color: rgba(67, 122, 57, 0.15);
  color: #437a39;
}
.kui-button-domain-computing.kui-button-plain:not(.kui-button-white):not(.kui-button-disabled):focus {
  box-shadow: 0px 0px 5px rgba(67, 122, 57, 0.15);
  color: #437a39;
}
.kui-button-domain-computing.kui-button-plain:not(.kui-button-white):not(.kui-button-disabled):active {
  color: #1d3419;
}
.kui-button-domain-computing.kui-button-plain:not(.kui-button-white):focus {
  /*
             * NOTE(jeresig): We remove the outline here so that we can
             * use an alternative focus styling, as specified below.
             */
  outline: none;
}
.kui-button-domain-computing.kui-button-plain:not(.kui-button-white):focus:before {
  border: 1px solid #437a39;
  border-radius: 23px;
  content: "";
  display: block;
  height: 100%;
  left: -4px;
  padding-bottom: 6px;
  padding-right: 6px;
  position: absolute;
  top: -4px;
  width: 100%;
}
.kui-button-domain-computing.kui-button-submit:not(.kui-button-white) {
  background: #437a39;
  background: linear-gradient(#53893e, #437a39);
  color: #fff;
}
.kui-button-domain-computing.kui-button-submit:not(.kui-button-white).kui-button-disabled {
  background: #d7d7d7;
  background: linear-gradient(#fdfdfd, #d7d7d7);
  color: #aaa;
  cursor: default;
  opacity: 0.8;
}
.kui-button-domain-computing.kui-button-submit:not(.kui-button-white):not(.kui-button-disabled):hover,
.kui-button-domain-computing.kui-button-submit:not(.kui-button-white):not(.kui-button-disabled):focus {
  background: #396931;
  background: linear-gradient(#487736, #396931);
  color: #fff;
}
.kui-button-domain-computing.kui-button-submit:not(.kui-button-white):not(.kui-button-disabled):active {
  background: #396931;
  background: linear-gradient(#396931, #487736);
  color: #fff;
}
.kui-button-domain-computing.kui-button-submit:not(.kui-button-white):focus {
  /*
             * NOTE(jeresig): We remove the outline here so that we can
             * use an alternative focus styling, as specified below.
             */
  outline: none;
}
.kui-button-domain-computing.kui-button-submit:not(.kui-button-white):focus:before {
  border: 1px solid #437a39;
  border-radius: 21px;
  content: "";
  display: block;
  height: 100%;
  left: -3px;
  padding-bottom: 4px;
  padding-right: 4px;
  position: absolute;
  top: -3px;
  width: 100%;
}
.kui-button-domain-computing.kui-button-white:not(.kui-button-transparent) {
  background: #fff;
  background: linear-gradient(#fff, #fff);
  color: #437a39;
}
.kui-button-domain-computing.kui-button-white:not(.kui-button-transparent).kui-button-disabled {
  background: #d7d7d7;
  background: linear-gradient(#fdfdfd, #d7d7d7);
  color: #aaa;
  cursor: default;
  opacity: 0.8;
}
.kui-button-domain-computing.kui-button-white:not(.kui-button-transparent):not(.kui-button-disabled):hover,
.kui-button-domain-computing.kui-button-white:not(.kui-button-transparent):not(.kui-button-disabled):focus {
  background: #f2f2f2;
  background: linear-gradient(#f2f2f2, #f2f2f2);
  color: #437a39;
}
.kui-button-domain-computing.kui-button-white:not(.kui-button-transparent):not(.kui-button-disabled):active {
  background: #f2f2f2;
  background: linear-gradient(#f2f2f2, #f2f2f2);
  color: #437a39;
}
.kui-button-domain-computing.kui-button-white:not(.kui-button-transparent):focus {
  /*
             * NOTE(jeresig): We remove the outline here so that we can
             * use an alternative focus styling, as specified below.
             */
  outline: none;
}
.kui-button-domain-computing.kui-button-white:not(.kui-button-transparent):focus:before {
  border: 1px solid #fff;
  border-radius: 21px;
  content: "";
  display: block;
  height: 100%;
  left: -3px;
  padding-bottom: 4px;
  padding-right: 4px;
  position: absolute;
  top: -3px;
  width: 100%;
}
.kui-button-domain-computing.kui-button-plain:not(.kui-button-complete) {
  color: #aaa;
}
.kui-button-domain-computing.kui-button-plain:not(.kui-button-complete):not(.kui-button-transparent) {
  background: #fff;
}
.kui-button-domain-computing.kui-button-plain:not(.kui-button-complete).kui-button-disabled {
  color: #aaa;
  cursor: default;
  opacity: 0.5;
}
.kui-button-domain-computing.kui-button-plain:not(.kui-button-complete):not(.kui-button-disabled):hover,
.kui-button-domain-computing.kui-button-plain:not(.kui-button-complete):not(.kui-button-disabled):focus {
  background-color: rgba(170, 170, 170, 0.15);
  color: #aaa;
}
.kui-button-domain-computing.kui-button-plain:not(.kui-button-complete):not(.kui-button-disabled):focus {
  box-shadow: 0px 0px 5px rgba(170, 170, 170, 0.15);
  color: #aaa;
}
.kui-button-domain-computing.kui-button-plain:not(.kui-button-complete):not(.kui-button-disabled):active {
  color: #777777;
}
.kui-button-domain-computing.kui-button-plain:not(.kui-button-complete):focus {
  /*
             * NOTE(jeresig): We remove the outline here so that we can
             * use an alternative focus styling, as specified below.
             */
  outline: none;
}
.kui-button-domain-computing.kui-button-plain:not(.kui-button-complete):focus:before {
  border: 1px solid #aaa;
  border-radius: 23px;
  content: "";
  display: block;
  height: 100%;
  left: -4px;
  padding-bottom: 6px;
  padding-right: 6px;
  position: absolute;
  top: -4px;
  width: 100%;
}
.kui-button-domain-partner-content.kui-button-plain:not(.kui-button-white) {
  color: #218270;
}
.kui-button-domain-partner-content.kui-button-plain:not(.kui-button-white):not(.kui-button-transparent) {
  background: #fff;
}
.kui-button-domain-partner-content.kui-button-plain:not(.kui-button-white).kui-button-disabled {
  color: #aaa;
  cursor: default;
  opacity: 0.5;
}
.kui-button-domain-partner-content.kui-button-plain:not(.kui-button-white):not(.kui-button-disabled):hover,
.kui-button-domain-partner-content.kui-button-plain:not(.kui-button-white):not(.kui-button-disabled):focus {
  background-color: rgba(33, 130, 112, 0.15);
  color: #218270;
}
.kui-button-domain-partner-content.kui-button-plain:not(.kui-button-white):not(.kui-button-disabled):focus {
  box-shadow: 0px 0px 5px rgba(33, 130, 112, 0.15);
  color: #218270;
}
.kui-button-domain-partner-content.kui-button-plain:not(.kui-button-white):not(.kui-button-disabled):active {
  color: #0c312a;
}
.kui-button-domain-partner-content.kui-button-plain:not(.kui-button-white):focus {
  /*
             * NOTE(jeresig): We remove the outline here so that we can
             * use an alternative focus styling, as specified below.
             */
  outline: none;
}
.kui-button-domain-partner-content.kui-button-plain:not(.kui-button-white):focus:before {
  border: 1px solid #218270;
  border-radius: 23px;
  content: "";
  display: block;
  height: 100%;
  left: -4px;
  padding-bottom: 6px;
  padding-right: 6px;
  position: absolute;
  top: -4px;
  width: 100%;
}
.kui-button-domain-partner-content.kui-button-submit:not(.kui-button-white) {
  background: #218270;
  background: linear-gradient(#2c8d7b, #218270);
  color: #fff;
}
.kui-button-domain-partner-content.kui-button-submit:not(.kui-button-white).kui-button-disabled {
  background: #d7d7d7;
  background: linear-gradient(#fdfdfd, #d7d7d7);
  color: #aaa;
  cursor: default;
  opacity: 0.8;
}
.kui-button-domain-partner-content.kui-button-submit:not(.kui-button-white):not(.kui-button-disabled):hover,
.kui-button-domain-partner-content.kui-button-submit:not(.kui-button-white):not(.kui-button-disabled):focus {
  background: #1c6e5e;
  background: linear-gradient(#267a6a, #1c6e5e);
  color: #fff;
}
.kui-button-domain-partner-content.kui-button-submit:not(.kui-button-white):not(.kui-button-disabled):active {
  background: #1c6e5e;
  background: linear-gradient(#1c6e5e, #267a6a);
  color: #fff;
}
.kui-button-domain-partner-content.kui-button-submit:not(.kui-button-white):focus {
  /*
             * NOTE(jeresig): We remove the outline here so that we can
             * use an alternative focus styling, as specified below.
             */
  outline: none;
}
.kui-button-domain-partner-content.kui-button-submit:not(.kui-button-white):focus:before {
  border: 1px solid #218270;
  border-radius: 21px;
  content: "";
  display: block;
  height: 100%;
  left: -3px;
  padding-bottom: 4px;
  padding-right: 4px;
  position: absolute;
  top: -3px;
  width: 100%;
}
.kui-button-domain-partner-content.kui-button-white:not(.kui-button-transparent) {
  background: #fff;
  background: linear-gradient(#fff, #fff);
  color: #218270;
}
.kui-button-domain-partner-content.kui-button-white:not(.kui-button-transparent).kui-button-disabled {
  background: #d7d7d7;
  background: linear-gradient(#fdfdfd, #d7d7d7);
  color: #aaa;
  cursor: default;
  opacity: 0.8;
}
.kui-button-domain-partner-content.kui-button-white:not(.kui-button-transparent):not(.kui-button-disabled):hover,
.kui-button-domain-partner-content.kui-button-white:not(.kui-button-transparent):not(.kui-button-disabled):focus {
  background: #f2f2f2;
  background: linear-gradient(#f2f2f2, #f2f2f2);
  color: #218270;
}
.kui-button-domain-partner-content.kui-button-white:not(.kui-button-transparent):not(.kui-button-disabled):active {
  background: #f2f2f2;
  background: linear-gradient(#f2f2f2, #f2f2f2);
  color: #218270;
}
.kui-button-domain-partner-content.kui-button-white:not(.kui-button-transparent):focus {
  /*
             * NOTE(jeresig): We remove the outline here so that we can
             * use an alternative focus styling, as specified below.
             */
  outline: none;
}
.kui-button-domain-partner-content.kui-button-white:not(.kui-button-transparent):focus:before {
  border: 1px solid #fff;
  border-radius: 21px;
  content: "";
  display: block;
  height: 100%;
  left: -3px;
  padding-bottom: 4px;
  padding-right: 4px;
  position: absolute;
  top: -3px;
  width: 100%;
}
.kui-button-domain-partner-content.kui-button-plain:not(.kui-button-complete) {
  color: #aaa;
}
.kui-button-domain-partner-content.kui-button-plain:not(.kui-button-complete):not(.kui-button-transparent) {
  background: #fff;
}
.kui-button-domain-partner-content.kui-button-plain:not(.kui-button-complete).kui-button-disabled {
  color: #aaa;
  cursor: default;
  opacity: 0.5;
}
.kui-button-domain-partner-content.kui-button-plain:not(.kui-button-complete):not(.kui-button-disabled):hover,
.kui-button-domain-partner-content.kui-button-plain:not(.kui-button-complete):not(.kui-button-disabled):focus {
  background-color: rgba(170, 170, 170, 0.15);
  color: #aaa;
}
.kui-button-domain-partner-content.kui-button-plain:not(.kui-button-complete):not(.kui-button-disabled):focus {
  box-shadow: 0px 0px 5px rgba(170, 170, 170, 0.15);
  color: #aaa;
}
.kui-button-domain-partner-content.kui-button-plain:not(.kui-button-complete):not(.kui-button-disabled):active {
  color: #777777;
}
.kui-button-domain-partner-content.kui-button-plain:not(.kui-button-complete):focus {
  /*
             * NOTE(jeresig): We remove the outline here so that we can
             * use an alternative focus styling, as specified below.
             */
  outline: none;
}
.kui-button-domain-partner-content.kui-button-plain:not(.kui-button-complete):focus:before {
  border: 1px solid #aaa;
  border-radius: 23px;
  content: "";
  display: block;
  height: 100%;
  left: -4px;
  padding-bottom: 6px;
  padding-right: 6px;
  position: absolute;
  top: -4px;
  width: 100%;
}
.kui-button-domain-math.kui-button-plain:not(.kui-button-white) {
  color: #1c758a;
}
.kui-button-domain-math.kui-button-plain:not(.kui-button-white):not(.kui-button-transparent) {
  background: #fff;
}
.kui-button-domain-math.kui-button-plain:not(.kui-button-white).kui-button-disabled {
  color: #aaa;
  cursor: default;
  opacity: 0.5;
}
.kui-button-domain-math.kui-button-plain:not(.kui-button-white):not(.kui-button-disabled):hover,
.kui-button-domain-math.kui-button-plain:not(.kui-button-white):not(.kui-button-disabled):focus {
  background-color: rgba(28, 117, 138, 0.15);
  color: #1c758a;
}
.kui-button-domain-math.kui-button-plain:not(.kui-button-white):not(.kui-button-disabled):focus {
  box-shadow: 0px 0px 5px rgba(28, 117, 138, 0.15);
  color: #1c758a;
}
.kui-button-domain-math.kui-button-plain:not(.kui-button-white):not(.kui-button-disabled):active {
  color: #0b2d35;
}
.kui-button-domain-math.kui-button-plain:not(.kui-button-white):focus {
  /*
             * NOTE(jeresig): We remove the outline here so that we can
             * use an alternative focus styling, as specified below.
             */
  outline: none;
}
.kui-button-domain-math.kui-button-plain:not(.kui-button-white):focus:before {
  border: 1px solid #1c758a;
  border-radius: 23px;
  content: "";
  display: block;
  height: 100%;
  left: -4px;
  padding-bottom: 6px;
  padding-right: 6px;
  position: absolute;
  top: -4px;
  width: 100%;
}
.kui-button-domain-math.kui-button-submit:not(.kui-button-white) {
  background: #1c758a;
  background: linear-gradient(#46a8bf, #1c758a);
  color: #fff;
}
.kui-button-domain-math.kui-button-submit:not(.kui-button-white).kui-button-disabled {
  background: #d7d7d7;
  background: linear-gradient(#fdfdfd, #d7d7d7);
  color: #aaa;
  cursor: default;
  opacity: 0.8;
}
.kui-button-domain-math.kui-button-submit:not(.kui-button-white):not(.kui-button-disabled):hover,
.kui-button-domain-math.kui-button-submit:not(.kui-button-white):not(.kui-button-disabled):focus {
  background: #186375;
  background: linear-gradient(#3d99af, #186375);
  color: #fff;
}
.kui-button-domain-math.kui-button-submit:not(.kui-button-white):not(.kui-button-disabled):active {
  background: #186375;
  background: linear-gradient(#186375, #3d99af);
  color: #fff;
}
.kui-button-domain-math.kui-button-submit:not(.kui-button-white):focus {
  /*
             * NOTE(jeresig): We remove the outline here so that we can
             * use an alternative focus styling, as specified below.
             */
  outline: none;
}
.kui-button-domain-math.kui-button-submit:not(.kui-button-white):focus:before {
  border: 1px solid #1c758a;
  border-radius: 21px;
  content: "";
  display: block;
  height: 100%;
  left: -3px;
  padding-bottom: 4px;
  padding-right: 4px;
  position: absolute;
  top: -3px;
  width: 100%;
}
.kui-button-domain-math.kui-button-white:not(.kui-button-transparent) {
  background: #fff;
  background: linear-gradient(#fff, #fff);
  color: #1c758a;
}
.kui-button-domain-math.kui-button-white:not(.kui-button-transparent).kui-button-disabled {
  background: #d7d7d7;
  background: linear-gradient(#fdfdfd, #d7d7d7);
  color: #aaa;
  cursor: default;
  opacity: 0.8;
}
.kui-button-domain-math.kui-button-white:not(.kui-button-transparent):not(.kui-button-disabled):hover,
.kui-button-domain-math.kui-button-white:not(.kui-button-transparent):not(.kui-button-disabled):focus {
  background: #f2f2f2;
  background: linear-gradient(#f2f2f2, #f2f2f2);
  color: #1c758a;
}
.kui-button-domain-math.kui-button-white:not(.kui-button-transparent):not(.kui-button-disabled):active {
  background: #f2f2f2;
  background: linear-gradient(#f2f2f2, #f2f2f2);
  color: #1c758a;
}
.kui-button-domain-math.kui-button-white:not(.kui-button-transparent):focus {
  /*
             * NOTE(jeresig): We remove the outline here so that we can
             * use an alternative focus styling, as specified below.
             */
  outline: none;
}
.kui-button-domain-math.kui-button-white:not(.kui-button-transparent):focus:before {
  border: 1px solid #fff;
  border-radius: 21px;
  content: "";
  display: block;
  height: 100%;
  left: -3px;
  padding-bottom: 4px;
  padding-right: 4px;
  position: absolute;
  top: -3px;
  width: 100%;
}
.kui-button-domain-math.kui-button-plain:not(.kui-button-complete) {
  color: #aaa;
}
.kui-button-domain-math.kui-button-plain:not(.kui-button-complete):not(.kui-button-transparent) {
  background: #fff;
}
.kui-button-domain-math.kui-button-plain:not(.kui-button-complete).kui-button-disabled {
  color: #aaa;
  cursor: default;
  opacity: 0.5;
}
.kui-button-domain-math.kui-button-plain:not(.kui-button-complete):not(.kui-button-disabled):hover,
.kui-button-domain-math.kui-button-plain:not(.kui-button-complete):not(.kui-button-disabled):focus {
  background-color: rgba(170, 170, 170, 0.15);
  color: #aaa;
}
.kui-button-domain-math.kui-button-plain:not(.kui-button-complete):not(.kui-button-disabled):focus {
  box-shadow: 0px 0px 5px rgba(170, 170, 170, 0.15);
  color: #aaa;
}
.kui-button-domain-math.kui-button-plain:not(.kui-button-complete):not(.kui-button-disabled):active {
  color: #777777;
}
.kui-button-domain-math.kui-button-plain:not(.kui-button-complete):focus {
  /*
             * NOTE(jeresig): We remove the outline here so that we can
             * use an alternative focus styling, as specified below.
             */
  outline: none;
}
.kui-button-domain-math.kui-button-plain:not(.kui-button-complete):focus:before {
  border: 1px solid #aaa;
  border-radius: 23px;
  content: "";
  display: block;
  height: 100%;
  left: -4px;
  padding-bottom: 6px;
  padding-right: 6px;
  position: absolute;
  top: -4px;
  width: 100%;
}
.kui-button-domain-test-prep.kui-button-plain:not(.kui-button-white) {
  color: #644172;
}
.kui-button-domain-test-prep.kui-button-plain:not(.kui-button-white):not(.kui-button-transparent) {
  background: #fff;
}
.kui-button-domain-test-prep.kui-button-plain:not(.kui-button-white).kui-button-disabled {
  color: #aaa;
  cursor: default;
  opacity: 0.5;
}
.kui-button-domain-test-prep.kui-button-plain:not(.kui-button-white):not(.kui-button-disabled):hover,
.kui-button-domain-test-prep.kui-button-plain:not(.kui-button-white):not(.kui-button-disabled):focus {
  background-color: rgba(100, 65, 114, 0.15);
  color: #644172;
}
.kui-button-domain-test-prep.kui-button-plain:not(.kui-button-white):not(.kui-button-disabled):focus {
  box-shadow: 0px 0px 5px rgba(100, 65, 114, 0.15);
  color: #644172;
}
.kui-button-domain-test-prep.kui-button-plain:not(.kui-button-white):not(.kui-button-disabled):active {
  color: #2b1c31;
}
.kui-button-domain-test-prep.kui-button-plain:not(.kui-button-white):focus {
  /*
             * NOTE(jeresig): We remove the outline here so that we can
             * use an alternative focus styling, as specified below.
             */
  outline: none;
}
.kui-button-domain-test-prep.kui-button-plain:not(.kui-button-white):focus:before {
  border: 1px solid #644172;
  border-radius: 23px;
  content: "";
  display: block;
  height: 100%;
  left: -4px;
  padding-bottom: 6px;
  padding-right: 6px;
  position: absolute;
  top: -4px;
  width: 100%;
}
.kui-button-domain-test-prep.kui-button-submit:not(.kui-button-white) {
  background: #644172;
  background: linear-gradient(#7e5f8e, #644172);
  color: #fff;
}
.kui-button-domain-test-prep.kui-button-submit:not(.kui-button-white).kui-button-disabled {
  background: #d7d7d7;
  background: linear-gradient(#fdfdfd, #d7d7d7);
  color: #aaa;
  cursor: default;
  opacity: 0.8;
}
.kui-button-domain-test-prep.kui-button-submit:not(.kui-button-white):not(.kui-button-disabled):hover,
.kui-button-domain-test-prep.kui-button-submit:not(.kui-button-white):not(.kui-button-disabled):focus {
  background: #563862;
  background: linear-gradient(#70557f, #563862);
  color: #fff;
}
.kui-button-domain-test-prep.kui-button-submit:not(.kui-button-white):not(.kui-button-disabled):active {
  background: #563862;
  background: linear-gradient(#563862, #70557f);
  color: #fff;
}
.kui-button-domain-test-prep.kui-button-submit:not(.kui-button-white):focus {
  /*
             * NOTE(jeresig): We remove the outline here so that we can
             * use an alternative focus styling, as specified below.
             */
  outline: none;
}
.kui-button-domain-test-prep.kui-button-submit:not(.kui-button-white):focus:before {
  border: 1px solid #644172;
  border-radius: 21px;
  content: "";
  display: block;
  height: 100%;
  left: -3px;
  padding-bottom: 4px;
  padding-right: 4px;
  position: absolute;
  top: -3px;
  width: 100%;
}
.kui-button-domain-test-prep.kui-button-white:not(.kui-button-transparent) {
  background: #fff;
  background: linear-gradient(#fff, #fff);
  color: #644172;
}
.kui-button-domain-test-prep.kui-button-white:not(.kui-button-transparent).kui-button-disabled {
  background: #d7d7d7;
  background: linear-gradient(#fdfdfd, #d7d7d7);
  color: #aaa;
  cursor: default;
  opacity: 0.8;
}
.kui-button-domain-test-prep.kui-button-white:not(.kui-button-transparent):not(.kui-button-disabled):hover,
.kui-button-domain-test-prep.kui-button-white:not(.kui-button-transparent):not(.kui-button-disabled):focus {
  background: #f2f2f2;
  background: linear-gradient(#f2f2f2, #f2f2f2);
  color: #644172;
}
.kui-button-domain-test-prep.kui-button-white:not(.kui-button-transparent):not(.kui-button-disabled):active {
  background: #f2f2f2;
  background: linear-gradient(#f2f2f2, #f2f2f2);
  color: #644172;
}
.kui-button-domain-test-prep.kui-button-white:not(.kui-button-transparent):focus {
  /*
             * NOTE(jeresig): We remove the outline here so that we can
             * use an alternative focus styling, as specified below.
             */
  outline: none;
}
.kui-button-domain-test-prep.kui-button-white:not(.kui-button-transparent):focus:before {
  border: 1px solid #fff;
  border-radius: 21px;
  content: "";
  display: block;
  height: 100%;
  left: -3px;
  padding-bottom: 4px;
  padding-right: 4px;
  position: absolute;
  top: -3px;
  width: 100%;
}
.kui-button-domain-test-prep.kui-button-plain:not(.kui-button-complete) {
  color: #aaa;
}
.kui-button-domain-test-prep.kui-button-plain:not(.kui-button-complete):not(.kui-button-transparent) {
  background: #fff;
}
.kui-button-domain-test-prep.kui-button-plain:not(.kui-button-complete).kui-button-disabled {
  color: #aaa;
  cursor: default;
  opacity: 0.5;
}
.kui-button-domain-test-prep.kui-button-plain:not(.kui-button-complete):not(.kui-button-disabled):hover,
.kui-button-domain-test-prep.kui-button-plain:not(.kui-button-complete):not(.kui-button-disabled):focus {
  background-color: rgba(170, 170, 170, 0.15);
  color: #aaa;
}
.kui-button-domain-test-prep.kui-button-plain:not(.kui-button-complete):not(.kui-button-disabled):focus {
  box-shadow: 0px 0px 5px rgba(170, 170, 170, 0.15);
  color: #aaa;
}
.kui-button-domain-test-prep.kui-button-plain:not(.kui-button-complete):not(.kui-button-disabled):active {
  color: #777777;
}
.kui-button-domain-test-prep.kui-button-plain:not(.kui-button-complete):focus {
  /*
             * NOTE(jeresig): We remove the outline here so that we can
             * use an alternative focus styling, as specified below.
             */
  outline: none;
}
.kui-button-domain-test-prep.kui-button-plain:not(.kui-button-complete):focus:before {
  border: 1px solid #aaa;
  border-radius: 23px;
  content: "";
  display: block;
  height: 100%;
  left: -4px;
  padding-bottom: 6px;
  padding-right: 6px;
  position: absolute;
  top: -4px;
  width: 100%;
}
.kui-button-domain-college-careers-more.kui-button-plain:not(.kui-button-white) {
  color: #218270;
}
.kui-button-domain-college-careers-more.kui-button-plain:not(.kui-button-white):not(.kui-button-transparent) {
  background: #fff;
}
.kui-button-domain-college-careers-more.kui-button-plain:not(.kui-button-white).kui-button-disabled {
  color: #aaa;
  cursor: default;
  opacity: 0.5;
}
.kui-button-domain-college-careers-more.kui-button-plain:not(.kui-button-white):not(.kui-button-disabled):hover,
.kui-button-domain-college-careers-more.kui-button-plain:not(.kui-button-white):not(.kui-button-disabled):focus {
  background-color: rgba(33, 130, 112, 0.15);
  color: #218270;
}
.kui-button-domain-college-careers-more.kui-button-plain:not(.kui-button-white):not(.kui-button-disabled):focus {
  box-shadow: 0px 0px 5px rgba(33, 130, 112, 0.15);
  color: #218270;
}
.kui-button-domain-college-careers-more.kui-button-plain:not(.kui-button-white):not(.kui-button-disabled):active {
  color: #0c312a;
}
.kui-button-domain-college-careers-more.kui-button-plain:not(.kui-button-white):focus {
  /*
             * NOTE(jeresig): We remove the outline here so that we can
             * use an alternative focus styling, as specified below.
             */
  outline: none;
}
.kui-button-domain-college-careers-more.kui-button-plain:not(.kui-button-white):focus:before {
  border: 1px solid #218270;
  border-radius: 23px;
  content: "";
  display: block;
  height: 100%;
  left: -4px;
  padding-bottom: 6px;
  padding-right: 6px;
  position: absolute;
  top: -4px;
  width: 100%;
}
.kui-button-domain-college-careers-more.kui-button-submit:not(.kui-button-white) {
  background: #218270;
  background: linear-gradient(#2c8d7b, #218270);
  color: #fff;
}
.kui-button-domain-college-careers-more.kui-button-submit:not(.kui-button-white).kui-button-disabled {
  background: #d7d7d7;
  background: linear-gradient(#fdfdfd, #d7d7d7);
  color: #aaa;
  cursor: default;
  opacity: 0.8;
}
.kui-button-domain-college-careers-more.kui-button-submit:not(.kui-button-white):not(.kui-button-disabled):hover,
.kui-button-domain-college-careers-more.kui-button-submit:not(.kui-button-white):not(.kui-button-disabled):focus {
  background: #1c6e5e;
  background: linear-gradient(#267a6a, #1c6e5e);
  color: #fff;
}
.kui-button-domain-college-careers-more.kui-button-submit:not(.kui-button-white):not(.kui-button-disabled):active {
  background: #1c6e5e;
  background: linear-gradient(#1c6e5e, #267a6a);
  color: #fff;
}
.kui-button-domain-college-careers-more.kui-button-submit:not(.kui-button-white):focus {
  /*
             * NOTE(jeresig): We remove the outline here so that we can
             * use an alternative focus styling, as specified below.
             */
  outline: none;
}
.kui-button-domain-college-careers-more.kui-button-submit:not(.kui-button-white):focus:before {
  border: 1px solid #218270;
  border-radius: 21px;
  content: "";
  display: block;
  height: 100%;
  left: -3px;
  padding-bottom: 4px;
  padding-right: 4px;
  position: absolute;
  top: -3px;
  width: 100%;
}
.kui-button-domain-college-careers-more.kui-button-white:not(.kui-button-transparent) {
  background: #fff;
  background: linear-gradient(#fff, #fff);
  color: #218270;
}
.kui-button-domain-college-careers-more.kui-button-white:not(.kui-button-transparent).kui-button-disabled {
  background: #d7d7d7;
  background: linear-gradient(#fdfdfd, #d7d7d7);
  color: #aaa;
  cursor: default;
  opacity: 0.8;
}
.kui-button-domain-college-careers-more.kui-button-white:not(.kui-button-transparent):not(.kui-button-disabled):hover,
.kui-button-domain-college-careers-more.kui-button-white:not(.kui-button-transparent):not(.kui-button-disabled):focus {
  background: #f2f2f2;
  background: linear-gradient(#f2f2f2, #f2f2f2);
  color: #218270;
}
.kui-button-domain-college-careers-more.kui-button-white:not(.kui-button-transparent):not(.kui-button-disabled):active {
  background: #f2f2f2;
  background: linear-gradient(#f2f2f2, #f2f2f2);
  color: #218270;
}
.kui-button-domain-college-careers-more.kui-button-white:not(.kui-button-transparent):focus {
  /*
             * NOTE(jeresig): We remove the outline here so that we can
             * use an alternative focus styling, as specified below.
             */
  outline: none;
}
.kui-button-domain-college-careers-more.kui-button-white:not(.kui-button-transparent):focus:before {
  border: 1px solid #fff;
  border-radius: 21px;
  content: "";
  display: block;
  height: 100%;
  left: -3px;
  padding-bottom: 4px;
  padding-right: 4px;
  position: absolute;
  top: -3px;
  width: 100%;
}
.kui-button-domain-college-careers-more.kui-button-plain:not(.kui-button-complete) {
  color: #aaa;
}
.kui-button-domain-college-careers-more.kui-button-plain:not(.kui-button-complete):not(.kui-button-transparent) {
  background: #fff;
}
.kui-button-domain-college-careers-more.kui-button-plain:not(.kui-button-complete).kui-button-disabled {
  color: #aaa;
  cursor: default;
  opacity: 0.5;
}
.kui-button-domain-college-careers-more.kui-button-plain:not(.kui-button-complete):not(.kui-button-disabled):hover,
.kui-button-domain-college-careers-more.kui-button-plain:not(.kui-button-complete):not(.kui-button-disabled):focus {
  background-color: rgba(170, 170, 170, 0.15);
  color: #aaa;
}
.kui-button-domain-college-careers-more.kui-button-plain:not(.kui-button-complete):not(.kui-button-disabled):focus {
  box-shadow: 0px 0px 5px rgba(170, 170, 170, 0.15);
  color: #aaa;
}
.kui-button-domain-college-careers-more.kui-button-plain:not(.kui-button-complete):not(.kui-button-disabled):active {
  color: #777777;
}
.kui-button-domain-college-careers-more.kui-button-plain:not(.kui-button-complete):focus {
  /*
             * NOTE(jeresig): We remove the outline here so that we can
             * use an alternative focus styling, as specified below.
             */
  outline: none;
}
.kui-button-domain-college-careers-more.kui-button-plain:not(.kui-button-complete):focus:before {
  border: 1px solid #aaa;
  border-radius: 23px;
  content: "";
  display: block;
  height: 100%;
  left: -4px;
  padding-bottom: 6px;
  padding-right: 6px;
  position: absolute;
  top: -4px;
  width: 100%;
}
.kui-button-domain-sat.kui-button-plain:not(.kui-button-white) {
  color: #0084ce;
}
.kui-button-domain-sat.kui-button-plain:not(.kui-button-white):not(.kui-button-transparent) {
  background: #fff;
}
.kui-button-domain-sat.kui-button-plain:not(.kui-button-white).kui-button-disabled {
  color: #aaa;
  cursor: default;
  opacity: 0.5;
}
.kui-button-domain-sat.kui-button-plain:not(.kui-button-white):not(.kui-button-disabled):hover,
.kui-button-domain-sat.kui-button-plain:not(.kui-button-white):not(.kui-button-disabled):focus {
  background-color: rgba(0, 132, 206, 0.15);
  color: #0084ce;
}
.kui-button-domain-sat.kui-button-plain:not(.kui-button-white):not(.kui-button-disabled):focus {
  box-shadow: 0px 0px 5px rgba(0, 132, 206, 0.15);
  color: #0084ce;
}
.kui-button-domain-sat.kui-button-plain:not(.kui-button-white):not(.kui-button-disabled):active {
  color: #004368;
}
.kui-button-domain-sat.kui-button-plain:not(.kui-button-white):focus {
  /*
             * NOTE(jeresig): We remove the outline here so that we can
             * use an alternative focus styling, as specified below.
             */
  outline: none;
}
.kui-button-domain-sat.kui-button-plain:not(.kui-button-white):focus:before {
  border: 1px solid #0084ce;
  border-radius: 23px;
  content: "";
  display: block;
  height: 100%;
  left: -4px;
  padding-bottom: 6px;
  padding-right: 6px;
  position: absolute;
  top: -4px;
  width: 100%;
}
.kui-button-domain-sat.kui-button-submit:not(.kui-button-white) {
  background: #0084ce;
  background: linear-gradient(#0084ce, #0084ce);
  color: #fff;
}
.kui-button-domain-sat.kui-button-submit:not(.kui-button-white).kui-button-disabled {
  background: #d7d7d7;
  background: linear-gradient(#fdfdfd, #d7d7d7);
  color: #aaa;
  cursor: default;
  opacity: 0.8;
}
.kui-button-domain-sat.kui-button-submit:not(.kui-button-white):not(.kui-button-disabled):hover,
.kui-button-domain-sat.kui-button-submit:not(.kui-button-white):not(.kui-button-disabled):focus {
  background: #0074b5;
  background: linear-gradient(#0074b5, #0074b5);
  color: #fff;
}
.kui-button-domain-sat.kui-button-submit:not(.kui-button-white):not(.kui-button-disabled):active {
  background: #0074b5;
  background: linear-gradient(#0074b5, #0074b5);
  color: #fff;
}
.kui-button-domain-sat.kui-button-submit:not(.kui-button-white):focus {
  /*
             * NOTE(jeresig): We remove the outline here so that we can
             * use an alternative focus styling, as specified below.
             */
  outline: none;
}
.kui-button-domain-sat.kui-button-submit:not(.kui-button-white):focus:before {
  border: 1px solid #0084ce;
  border-radius: 21px;
  content: "";
  display: block;
  height: 100%;
  left: -3px;
  padding-bottom: 4px;
  padding-right: 4px;
  position: absolute;
  top: -3px;
  width: 100%;
}
.kui-button-domain-sat.kui-button-white:not(.kui-button-transparent) {
  background: #fff;
  background: linear-gradient(#fff, #fff);
  color: #0084ce;
}
.kui-button-domain-sat.kui-button-white:not(.kui-button-transparent).kui-button-disabled {
  background: #d7d7d7;
  background: linear-gradient(#fdfdfd, #d7d7d7);
  color: #aaa;
  cursor: default;
  opacity: 0.8;
}
.kui-button-domain-sat.kui-button-white:not(.kui-button-transparent):not(.kui-button-disabled):hover,
.kui-button-domain-sat.kui-button-white:not(.kui-button-transparent):not(.kui-button-disabled):focus {
  background: #f2f2f2;
  background: linear-gradient(#f2f2f2, #f2f2f2);
  color: #0084ce;
}
.kui-button-domain-sat.kui-button-white:not(.kui-button-transparent):not(.kui-button-disabled):active {
  background: #f2f2f2;
  background: linear-gradient(#f2f2f2, #f2f2f2);
  color: #0084ce;
}
.kui-button-domain-sat.kui-button-white:not(.kui-button-transparent):focus {
  /*
             * NOTE(jeresig): We remove the outline here so that we can
             * use an alternative focus styling, as specified below.
             */
  outline: none;
}
.kui-button-domain-sat.kui-button-white:not(.kui-button-transparent):focus:before {
  border: 1px solid #fff;
  border-radius: 21px;
  content: "";
  display: block;
  height: 100%;
  left: -3px;
  padding-bottom: 4px;
  padding-right: 4px;
  position: absolute;
  top: -3px;
  width: 100%;
}
.kui-button-domain-sat.kui-button-plain:not(.kui-button-complete) {
  color: #aaa;
}
.kui-button-domain-sat.kui-button-plain:not(.kui-button-complete):not(.kui-button-transparent) {
  background: #fff;
}
.kui-button-domain-sat.kui-button-plain:not(.kui-button-complete).kui-button-disabled {
  color: #aaa;
  cursor: default;
  opacity: 0.5;
}
.kui-button-domain-sat.kui-button-plain:not(.kui-button-complete):not(.kui-button-disabled):hover,
.kui-button-domain-sat.kui-button-plain:not(.kui-button-complete):not(.kui-button-disabled):focus {
  background-color: rgba(170, 170, 170, 0.15);
  color: #aaa;
}
.kui-button-domain-sat.kui-button-plain:not(.kui-button-complete):not(.kui-button-disabled):focus {
  box-shadow: 0px 0px 5px rgba(170, 170, 170, 0.15);
  color: #aaa;
}
.kui-button-domain-sat.kui-button-plain:not(.kui-button-complete):not(.kui-button-disabled):active {
  color: #777777;
}
.kui-button-domain-sat.kui-button-plain:not(.kui-button-complete):focus {
  /*
             * NOTE(jeresig): We remove the outline here so that we can
             * use an alternative focus styling, as specified below.
             */
  outline: none;
}
.kui-button-domain-sat.kui-button-plain:not(.kui-button-complete):focus:before {
  border: 1px solid #aaa;
  border-radius: 23px;
  content: "";
  display: block;
  height: 100%;
  left: -4px;
  padding-bottom: 6px;
  padding-right: 6px;
  position: absolute;
  top: -4px;
  width: 100%;
}
a.kui-button {
  display: inline-block;
  text-align: center;
  text-decoration: none;
}
.base-button,
.simple-button {
  cursor: pointer !important;
  font-family: inherit;
  /* input[type=button] won't inherit by default */
  line-height: 20px;
  margin: 0;
  position: relative;
  text-decoration: none !important;
  text-shadow: none;
  transition: box-shadow ease-in-out 0.15s;
  -webkit-appearance: none;
  /* Special button types */
}
.base-button.seethrough {
  /* Creating my own gradient instead of using a mixin because I explicitly
         * do not want to set a background color which the mixin does by default.
         */
  background-image: linear-gradient(top, rgba(255, 255, 255, 0.5), rgba(255, 255, 255, 0));
  background-repeat: repeat-x;
  filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='rgba(255, 255, 255, 0.5)', endColorstr='rgba(255, 255, 255, 0)', GradientType=0);
  text-shadow: none;
}
.base-button.with-icon {
  padding-left: 30px;
}
.base-button.with-icon img {
  left: 7px;
  position: absolute;
  top: 3px;
}
.base-button.social-button {
  display: inline-block;
  font-size: 12px;
  font-weight: bold;
  margin-bottom: 9px;
  max-width: 200px;
  padding-top: 7px;
  text-transform: uppercase;
}
.base-button.social-button img {
  height: 24px;
  vertical-align: middle;
  width: 24px;
}
.base-button.donate-button {
  bottom: 1px;
  padding: 3px 7px;
}
.base-button.big-button {
  padding: 0 2em;
  line-height: 2.5;
}
.base-button.wide {
  padding-left: 25px;
  padding-right: 25px;
}
.base-button.rounded {
  border-radius: 20px;
}
/* A simple 3D button style */
.simple-button {
  border-radius: 3px;
  border: 1px solid #e6e6e6;
  color: #444;
  text-shadow: none;
  background-color: #e7e7e7;
  background-image: -moz-linear-gradient(top, #eee, #dcdcdc);
  background-image: -webkit-gradient(linear, 0 0, 0 100%, from(#eee), to(#dcdcdc));
  background-image: -webkit-linear-gradient(top, #eee, #dcdcdc);
  background-image: -o-linear-gradient(top, #eee, #dcdcdc);
  background-image: linear-gradient(to bottom, #eee, #dcdcdc);
  background-repeat: repeat-x;
  filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#ffeeeeee', endColorstr='#ffdcdcdc', GradientType=0);
  border-color: #dcdcdc #dcdcdc #b6b6b6;
  border-color: rgba(0, 0, 0, 0.1) rgba(0, 0, 0, 0.1) rgba(0, 0, 0, 0.25);
  *background-color: #dcdcdc;
  /* Darken IE7 buttons by default so they stand out more given they won't have borders */
  filter: progid:DXImageTransform.Microsoft.gradient(enabled = false);
  color: #444 !important;
  padding: 5px 10px;
}
.simple-button:hover,
.simple-button:focus,
.simple-button:active,
.simple-button.active,
.simple-button.disabled,
.simple-button[disabled] {
  color: #444;
  background-color: #dcdcdc;
  *background-color: #cfcfcf;
}
.simple-button:active,
.simple-button.active {
  background-color: #c3c3c3 \9;
}
.simple-button:focus,
.simple-button:hover {
  border-bottom-color: #c8c8c8;
}
.simple-button:focus,
.simple-button:hover {
  box-shadow: 0 1px 1px rgba(0, 0, 0, 0.35), inset 0 0 50px 5px rgba(255, 255, 255, 0.2);
}
.simple-button:active,
.simple-button.toggled {
  border-color: rgba(0, 0, 0, 0.3);
  box-shadow: inset 0 0 30px rgba(0, 0, 0, 0.3), inset 0 1px 3px rgba(0, 0, 0, 0.4);
}
.simple-button:disabled,
.simple-button.disabled {
  background-image: none !important;
  box-shadow: none;
  cursor: not-allowed !important;
  opacity: 0.5;
  top: 0 !important;
}
.simple-button.blue,
.simple-button.secondary {
  border: 1px solid #344050;
  color: #fff;
  text-shadow: none;
  background-color: #344050;
  background-image: -moz-linear-gradient(top, #3a4759, #2c3643);
  background-image: -webkit-gradient(linear, 0 0, 0 100%, from(#3a4759), to(#2c3643));
  background-image: -webkit-linear-gradient(top, #3a4759, #2c3643);
  background-image: -o-linear-gradient(top, #3a4759, #2c3643);
  background-image: linear-gradient(to bottom, #3a4759, #2c3643);
  background-repeat: repeat-x;
  filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#ff3a4759', endColorstr='#ff2c3643', GradientType=0);
  border-color: #2c3643 #2c3643 #0e1115;
  border-color: rgba(0, 0, 0, 0.1) rgba(0, 0, 0, 0.1) rgba(0, 0, 0, 0.25);
  *background-color: #2c3643;
  /* Darken IE7 buttons by default so they stand out more given they won't have borders */
  filter: progid:DXImageTransform.Microsoft.gradient(enabled = false);
  color: #fff !important;
}
.simple-button.blue:hover,
.simple-button.secondary:hover,
.simple-button.blue:focus,
.simple-button.secondary:focus,
.simple-button.blue:active,
.simple-button.secondary:active,
.simple-button.blue.active,
.simple-button.secondary.active,
.simple-button.blue.disabled,
.simple-button.secondary.disabled,
.simple-button.blue[disabled],
.simple-button.secondary[disabled] {
  color: #fff;
  background-color: #2c3643;
  *background-color: #222934;
}
.simple-button.blue:active,
.simple-button.secondary:active,
.simple-button.blue.active,
.simple-button.secondary.active {
  background-color: #181d25 \9;
}
.simple-button.blue:focus,
.simple-button.secondary:focus,
.simple-button.blue:hover,
.simple-button.secondary:hover {
  border-bottom-color: #1c222b;
}
.simple-button.green,
.simple-button.primary {
  border: 1px solid #7fab07;
  color: #fff;
  text-shadow: none;
  background-color: #80ac07;
  background-image: -moz-linear-gradient(top, #8aba08, #719807);
  background-image: -webkit-gradient(linear, 0 0, 0 100%, from(#8aba08), to(#719807));
  background-image: -webkit-linear-gradient(top, #8aba08, #719807);
  background-image: -o-linear-gradient(top, #8aba08, #719807);
  background-image: linear-gradient(to bottom, #8aba08, #719807);
  background-repeat: repeat-x;
  filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#ff8aba08', endColorstr='#ff719807', GradientType=0);
  border-color: #719807 #719807 #3a4e03;
  border-color: rgba(0, 0, 0, 0.1) rgba(0, 0, 0, 0.1) rgba(0, 0, 0, 0.25);
  *background-color: #719807;
  /* Darken IE7 buttons by default so they stand out more given they won't have borders */
  filter: progid:DXImageTransform.Microsoft.gradient(enabled = false);
  color: #fff !important;
}
.simple-button.green:hover,
.simple-button.primary:hover,
.simple-button.green:focus,
.simple-button.primary:focus,
.simple-button.green:active,
.simple-button.primary:active,
.simple-button.green.active,
.simple-button.primary.active,
.simple-button.green.disabled,
.simple-button.primary.disabled,
.simple-button.green[disabled],
.simple-button.primary[disabled] {
  color: #fff;
  background-color: #719807;
  *background-color: #5e7f05;
}
.simple-button.green:active,
.simple-button.primary:active,
.simple-button.green.active,
.simple-button.primary.active {
  background-color: #4c6704 \9;
}
.simple-button.green:focus,
.simple-button.primary:focus,
.simple-button.green:hover,
.simple-button.primary:hover {
  border-bottom-color: #547105;
}
.simple-button.orange,
.simple-button.warning {
  border: 1px solid #d45704;
  color: #fff;
  text-shadow: none;
  background-color: #d55704;
  background-image: -moz-linear-gradient(top, #e35d04, #c04f03);
  background-image: -webkit-gradient(linear, 0 0, 0 100%, from(#e35d04), to(#c04f03));
  background-image: -webkit-linear-gradient(top, #e35d04, #c04f03);
  background-image: -o-linear-gradient(top, #e35d04, #c04f03);
  background-image: linear-gradient(to bottom, #e35d04, #c04f03);
  background-repeat: repeat-x;
  filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#ffe35d04', endColorstr='#ffc04f03', GradientType=0);
  border-color: #c04f03 #c04f03 #753002;
  border-color: rgba(0, 0, 0, 0.1) rgba(0, 0, 0, 0.1) rgba(0, 0, 0, 0.25);
  *background-color: #c04f03;
  /* Darken IE7 buttons by default so they stand out more given they won't have borders */
  filter: progid:DXImageTransform.Microsoft.gradient(enabled = false);
  color: #fff !important;
}
.simple-button.orange:hover,
.simple-button.warning:hover,
.simple-button.orange:focus,
.simple-button.warning:focus,
.simple-button.orange:active,
.simple-button.warning:active,
.simple-button.orange.active,
.simple-button.warning.active,
.simple-button.orange.disabled,
.simple-button.warning.disabled,
.simple-button.orange[disabled],
.simple-button.warning[disabled] {
  color: #fff;
  background-color: #c04f03;
  *background-color: #a74403;
}
.simple-button.orange:active,
.simple-button.warning:active,
.simple-button.orange.active,
.simple-button.warning.active {
  background-color: #8e3a02 \9;
}
.simple-button.orange:focus,
.simple-button.warning:focus,
.simple-button.orange:hover,
.simple-button.warning:hover {
  border-bottom-color: #983e03;
}
.simple-button.purple {
  border: 1px solid #808ce9;
  color: #fff;
  text-shadow: none;
  background-color: #818de9;
  background-image: -moz-linear-gradient(top, #8d98eb, #6f7de6);
  background-image: -webkit-gradient(linear, 0 0, 0 100%, from(#8d98eb), to(#6f7de6));
  background-image: -webkit-linear-gradient(top, #8d98eb, #6f7de6);
  background-image: -o-linear-gradient(top, #8d98eb, #6f7de6);
  background-image: linear-gradient(to bottom, #8d98eb, #6f7de6);
  background-repeat: repeat-x;
  filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#ff8d98eb', endColorstr='#ff6f7de6', GradientType=0);
  border-color: #6f7de6 #6f7de6 #2e42da;
  border-color: rgba(0, 0, 0, 0.1) rgba(0, 0, 0, 0.1) rgba(0, 0, 0, 0.25);
  *background-color: #6f7de6;
  /* Darken IE7 buttons by default so they stand out more given they won't have borders */
  filter: progid:DXImageTransform.Microsoft.gradient(enabled = false);
  color: #fff !important;
}
.simple-button.purple:hover,
.simple-button.purple:focus,
.simple-button.purple:active,
.simple-button.purple.active,
.simple-button.purple.disabled,
.simple-button.purple[disabled] {
  color: #fff;
  background-color: #6f7de6;
  *background-color: #5969e2;
}
.simple-button.purple:active,
.simple-button.purple.active {
  background-color: #4355de \9;
}
.simple-button.purple:focus,
.simple-button.purple:hover {
  border-bottom-color: #4c5de0;
}
.simple-button.gray {
  border: 1px solid #808080;
  color: #fff;
  text-shadow: none;
  background-color: #818181;
  background-image: -moz-linear-gradient(top, #888, #767676);
  background-image: -webkit-gradient(linear, 0 0, 0 100%, from(#888), to(#767676));
  background-image: -webkit-linear-gradient(top, #888, #767676);
  background-image: -o-linear-gradient(top, #888, #767676);
  background-image: linear-gradient(to bottom, #888, #767676);
  background-repeat: repeat-x;
  filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#ff888888', endColorstr='#ff767676', GradientType=0);
  border-color: #767676 #767676 #505050;
  border-color: rgba(0, 0, 0, 0.1) rgba(0, 0, 0, 0.1) rgba(0, 0, 0, 0.25);
  *background-color: #767676;
  /* Darken IE7 buttons by default so they stand out more given they won't have borders */
  filter: progid:DXImageTransform.Microsoft.gradient(enabled = false);
  color: #fff !important;
}
.simple-button.gray:hover,
.simple-button.gray:focus,
.simple-button.gray:active,
.simple-button.gray.active,
.simple-button.gray.disabled,
.simple-button.gray[disabled] {
  color: #fff;
  background-color: #767676;
  *background-color: #696969;
}
.simple-button.gray:active,
.simple-button.gray.active {
  background-color: #5d5d5d \9;
}
.simple-button.gray:focus,
.simple-button.gray:hover {
  border-bottom-color: #626262;
}
.simple-button.brightblue {
  border: 1px solid #55a4fa;
  color: #fff;
  text-shadow: none;
  background-color: #56a5fa;
  background-image: -moz-linear-gradient(top, #64acfa, #4199f9);
  background-image: -webkit-gradient(linear, 0 0, 0 100%, from(#64acfa), to(#4199f9));
  background-image: -webkit-linear-gradient(top, #64acfa, #4199f9);
  background-image: -o-linear-gradient(top, #64acfa, #4199f9);
  background-image: linear-gradient(to bottom, #64acfa, #4199f9);
  background-repeat: repeat-x;
  filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#ff64acfa', endColorstr='#ff4199f9', GradientType=0);
  border-color: #4199f9 #4199f9 #0772e6;
  border-color: rgba(0, 0, 0, 0.1) rgba(0, 0, 0, 0.1) rgba(0, 0, 0, 0.25);
  *background-color: #4199f9;
  /* Darken IE7 buttons by default so they stand out more given they won't have borders */
  filter: progid:DXImageTransform.Microsoft.gradient(enabled = false);
  color: #fff !important;
}
.simple-button.brightblue:hover,
.simple-button.brightblue:focus,
.simple-button.brightblue:active,
.simple-button.brightblue.active,
.simple-button.brightblue.disabled,
.simple-button.brightblue[disabled] {
  color: #fff;
  background-color: #4199f9;
  *background-color: #298cf8;
}
.simple-button.brightblue:active,
.simple-button.brightblue.active {
  background-color: #107ff7 \9;
}
.simple-button.brightblue:focus,
.simple-button.brightblue:hover {
  border-bottom-color: #1a84f8;
}
.simple-button.mathblue {
  border: 1px solid #1e7c92;
  color: #fff;
  text-shadow: none;
  background-color: #1e7d93;
  background-image: -moz-linear-gradient(top, #20879f, #1a6e82);
  background-image: -webkit-gradient(linear, 0 0, 0 100%, from(#20879f), to(#1a6e82));
  background-image: -webkit-linear-gradient(top, #20879f, #1a6e82);
  background-image: -o-linear-gradient(top, #20879f, #1a6e82);
  background-image: linear-gradient(to bottom, #20879f, #1a6e82);
  background-repeat: repeat-x;
  filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#ff20879f', endColorstr='#ff1a6e82', GradientType=0);
  border-color: #1a6e82 #1a6e82 #0d3842;
  border-color: rgba(0, 0, 0, 0.1) rgba(0, 0, 0, 0.1) rgba(0, 0, 0, 0.25);
  *background-color: #1a6e82;
  /* Darken IE7 buttons by default so they stand out more given they won't have borders */
  filter: progid:DXImageTransform.Microsoft.gradient(enabled = false);
  color: #fff !important;
}
.simple-button.mathblue:hover,
.simple-button.mathblue:focus,
.simple-button.mathblue:active,
.simple-button.mathblue.active,
.simple-button.mathblue.disabled,
.simple-button.mathblue[disabled] {
  color: #fff;
  background-color: #1a6e82;
  *background-color: #165c6c;
}
.simple-button.mathblue:active,
.simple-button.mathblue.active {
  background-color: #124a57 \9;
}
.simple-button.mathblue:focus,
.simple-button.mathblue:hover {
  border-bottom-color: #135160;
}
.simple-button.lightgreen {
  border: 1px solid #b9cd83;
  color: #fff;
  text-shadow: none;
  background-color: #b9cd84;
  background-image: -moz-linear-gradient(top, #bfd18e, #b1c775);
  background-image: -webkit-gradient(linear, 0 0, 0 100%, from(#bfd18e), to(#b1c775));
  background-image: -webkit-linear-gradient(top, #bfd18e, #b1c775);
  background-image: -o-linear-gradient(top, #bfd18e, #b1c775);
  background-image: linear-gradient(to bottom, #bfd18e, #b1c775);
  background-repeat: repeat-x;
  filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#ffbfd18e', endColorstr='#ffb1c775', GradientType=0);
  border-color: #b1c775 #b1c775 #8faa45;
  border-color: rgba(0, 0, 0, 0.1) rgba(0, 0, 0, 0.1) rgba(0, 0, 0, 0.25);
  *background-color: #b1c775;
  /* Darken IE7 buttons by default so they stand out more given they won't have borders */
  filter: progid:DXImageTransform.Microsoft.gradient(enabled = false);
  color: #fff !important;
}
.simple-button.lightgreen:hover,
.simple-button.lightgreen:focus,
.simple-button.lightgreen:active,
.simple-button.lightgreen.active,
.simple-button.lightgreen.disabled,
.simple-button.lightgreen[disabled] {
  color: #fff;
  background-color: #b1c775;
  *background-color: #a6bf63;
}
.simple-button.lightgreen:active,
.simple-button.lightgreen.active {
  background-color: #9cb850 \9;
}
.simple-button.lightgreen:focus,
.simple-button.lightgreen:hover {
  border-bottom-color: #a0bb58;
}
.simple-button.exercise-orange {
  border: 1px solid #f09b00;
  color: #fff;
  text-shadow: none;
  background-color: #f19c00;
  background-image: -moz-linear-gradient(top, #ffa500, #db8e00);
  background-image: -webkit-gradient(linear, 0 0, 0 100%, from(#ffa500), to(#db8e00));
  background-image: -webkit-linear-gradient(top, #ffa500, #db8e00);
  background-image: -o-linear-gradient(top, #ffa500, #db8e00);
  background-image: linear-gradient(to bottom, #ffa500, #db8e00);
  background-repeat: repeat-x;
  filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#ffffa500', endColorstr='#ffdb8e00', GradientType=0);
  border-color: #db8e00 #db8e00 #8f5c00;
  border-color: rgba(0, 0, 0, 0.1) rgba(0, 0, 0, 0.1) rgba(0, 0, 0, 0.25);
  *background-color: #db8e00;
  /* Darken IE7 buttons by default so they stand out more given they won't have borders */
  filter: progid:DXImageTransform.Microsoft.gradient(enabled = false);
  color: #fff !important;
}
.simple-button.exercise-orange:hover,
.simple-button.exercise-orange:focus,
.simple-button.exercise-orange:active,
.simple-button.exercise-orange.active,
.simple-button.exercise-orange.disabled,
.simple-button.exercise-orange[disabled] {
  color: #fff;
  background-color: #db8e00;
  *background-color: #c27d00;
}
.simple-button.exercise-orange:active,
.simple-button.exercise-orange.active {
  background-color: #a86d00 \9;
}
.simple-button.exercise-orange:focus,
.simple-button.exercise-orange:hover {
  border-bottom-color: #b37300;
}
.simple-button.facebook {
  border: 1px solid #37538d;
  color: #fff;
  text-shadow: none;
  background-color: #37538e;
  background-image: -moz-linear-gradient(top, #3b5998, #314a7e);
  background-image: -webkit-gradient(linear, 0 0, 0 100%, from(#3b5998), to(#314a7e));
  background-image: -webkit-linear-gradient(top, #3b5998, #314a7e);
  background-image: -o-linear-gradient(top, #3b5998, #314a7e);
  background-image: linear-gradient(to bottom, #3b5998, #314a7e);
  background-repeat: repeat-x;
  filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#ff3b5998', endColorstr='#ff314a7e', GradientType=0);
  border-color: #314a7e #314a7e #1c2a47;
  border-color: rgba(0, 0, 0, 0.1) rgba(0, 0, 0, 0.1) rgba(0, 0, 0, 0.25);
  *background-color: #314a7e;
  /* Darken IE7 buttons by default so they stand out more given they won't have borders */
  filter: progid:DXImageTransform.Microsoft.gradient(enabled = false);
  color: #fff !important;
}
.simple-button.facebook:hover,
.simple-button.facebook:focus,
.simple-button.facebook:active,
.simple-button.facebook.active,
.simple-button.facebook.disabled,
.simple-button.facebook[disabled] {
  color: #fff;
  background-color: #314a7e;
  *background-color: #2a3f6c;
}
.simple-button.facebook:active,
.simple-button.facebook.active {
  background-color: #23345a \9;
}
.simple-button.facebook:focus,
.simple-button.facebook:hover {
  border-bottom-color: #263961;
}
.simple-button.facebook-light {
  border: 1px solid #4763a1;
  color: #fff;
  text-shadow: none;
  background-color: #4864a2;
  background-image: -moz-linear-gradient(top, #4c6aac, #415b93);
  background-image: -webkit-gradient(linear, 0 0, 0 100%, from(#4c6aac), to(#415b93));
  background-image: -webkit-linear-gradient(top, #4c6aac, #415b93);
  background-image: -o-linear-gradient(top, #4c6aac, #415b93);
  background-image: linear-gradient(to bottom, #4c6aac, #415b93);
  background-repeat: repeat-x;
  filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#ff4c6aac', endColorstr='#ff415b93', GradientType=0);
  border-color: #415b93 #415b93 #2a3a5e;
  border-color: rgba(0, 0, 0, 0.1) rgba(0, 0, 0, 0.1) rgba(0, 0, 0, 0.25);
  *background-color: #415b93;
  /* Darken IE7 buttons by default so they stand out more given they won't have borders */
  filter: progid:DXImageTransform.Microsoft.gradient(enabled = false);
  color: #fff !important;
}
.simple-button.facebook-light:hover,
.simple-button.facebook-light:focus,
.simple-button.facebook-light:active,
.simple-button.facebook-light.active,
.simple-button.facebook-light.disabled,
.simple-button.facebook-light[disabled] {
  color: #fff;
  background-color: #415b93;
  *background-color: #395082;
}
.simple-button.facebook-light:active,
.simple-button.facebook-light.active {
  background-color: #314570 \9;
}
.simple-button.facebook-light:focus,
.simple-button.facebook-light:hover {
  border-bottom-color: #354977;
}
.simple-button.twitter {
  border: 1px solid #3191ff;
  color: #fff;
  text-shadow: none;
  background-color: #3291ff;
  background-image: -moz-linear-gradient(top, #4099ff, #1c86ff);
  background-image: -webkit-gradient(linear, 0 0, 0 100%, from(#4099ff), to(#1c86ff));
  background-image: -webkit-linear-gradient(top, #4099ff, #1c86ff);
  background-image: -o-linear-gradient(top, #4099ff, #1c86ff);
  background-image: linear-gradient(to bottom, #4099ff, #1c86ff);
  background-repeat: repeat-x;
  filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#ff4099ff', endColorstr='#ff1c86ff', GradientType=0);
  border-color: #1c86ff #1c86ff #0060cf;
  border-color: rgba(0, 0, 0, 0.1) rgba(0, 0, 0, 0.1) rgba(0, 0, 0, 0.25);
  *background-color: #1c86ff;
  /* Darken IE7 buttons by default so they stand out more given they won't have borders */
  filter: progid:DXImageTransform.Microsoft.gradient(enabled = false);
  color: #fff !important;
}
.simple-button.twitter:hover,
.simple-button.twitter:focus,
.simple-button.twitter:active,
.simple-button.twitter.active,
.simple-button.twitter.disabled,
.simple-button.twitter[disabled] {
  color: #fff;
  background-color: #1c86ff;
  *background-color: #0378ff;
}
.simple-button.twitter:active,
.simple-button.twitter.active {
  background-color: #006ce8 \9;
}
.simple-button.twitter:focus,
.simple-button.twitter:hover {
  border-bottom-color: #0071f3;
}
.simple-button.default-domain-color {
  border: 1px solid #24323d;
  color: #fff;
  text-shadow: none;
  background-color: #24323d;
  background-image: -moz-linear-gradient(top, #293946, #1c2730);
  background-image: -webkit-gradient(linear, 0 0, 0 100%, from(#293946), to(#1c2730));
  background-image: -webkit-linear-gradient(top, #293946, #1c2730);
  background-image: -o-linear-gradient(top, #293946, #1c2730);
  background-image: linear-gradient(to bottom, #293946, #1c2730);
  background-repeat: repeat-x;
  filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#ff293946', endColorstr='#ff1c2730', GradientType=0);
  border-color: #1c2730 #1c2730 #000000;
  border-color: rgba(0, 0, 0, 0.1) rgba(0, 0, 0, 0.1) rgba(0, 0, 0, 0.25);
  *background-color: #1c2730;
  /* Darken IE7 buttons by default so they stand out more given they won't have borders */
  filter: progid:DXImageTransform.Microsoft.gradient(enabled = false);
  color: #fff !important;
}
.simple-button.default-domain-color:hover,
.simple-button.default-domain-color:focus,
.simple-button.default-domain-color:active,
.simple-button.default-domain-color.active,
.simple-button.default-domain-color.disabled,
.simple-button.default-domain-color[disabled] {
  color: #fff;
  background-color: #1c2730;
  *background-color: #131a20;
}
.simple-button.default-domain-color:active,
.simple-button.default-domain-color.active {
  background-color: #090d10 \9;
}
.simple-button.default-domain-color:focus,
.simple-button.default-domain-color:hover {
  border-bottom-color: #0d1216;
}
/* A group of simple-buttons */
.simple-button-group .simple-button {
  border-radius: 0px;
  /* Hide the overlapping blue focus outline */
}
.simple-button-group .simple-button:first-child {
  border-top-left-radius: 3px;
  border-bottom-left-radius: 3px;
}
.simple-button-group .simple-button:last-child {
  border-top-right-radius: 3px;
  border-bottom-right-radius: 3px;
}
.simple-button-group .simple-button:focus {
  outline: none;
}
.action-gradient {
  /* TODO (jasonrr): remove this once the last few uses of it have been converted or removed */
  color: #fff;
  text-shadow: 0 -1px 0 rgba(0, 0, 0, 0.25);
  background-color: #f7f7f7;
  background-image: -moz-linear-gradient(top, #fdfdfd, #eee);
  background-image: -webkit-gradient(linear, 0 0, 0 100%, from(#fdfdfd), to(#eee));
  background-image: -webkit-linear-gradient(top, #fdfdfd, #eee);
  background-image: -o-linear-gradient(top, #fdfdfd, #eee);
  background-image: linear-gradient(to bottom, #fdfdfd, #eee);
  background-repeat: repeat-x;
  filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#fffdfdfd', endColorstr='#ffeeeeee', GradientType=0);
  border-color: #eee #eee #c8c8c8;
  border-color: rgba(0, 0, 0, 0.1) rgba(0, 0, 0, 0.1) rgba(0, 0, 0, 0.25);
  *background-color: #eee;
  /* Darken IE7 buttons by default so they stand out more given they won't have borders */
  filter: progid:DXImageTransform.Microsoft.gradient(enabled = false);
}
.action-gradient:hover,
.action-gradient:focus,
.action-gradient:active,
.action-gradient.active,
.action-gradient.disabled,
.action-gradient[disabled] {
  color: #fff;
  background-color: #eee;
  *background-color: #e1e1e1;
}
.action-gradient:active,
.action-gradient.active {
  background-color: #d5d5d5 \9;
}
input.simple-button {
  /* Inputs (specificically buttons) don't obey padding in some cases */
  line-height: 15px;
}
a.big-button:link,
a.big-button:visited {
  color: inherit;
  display: inline-block;
  text-decoration: none;
  /* For big solo buttons that should expand in width
     * to fill their container.
     */
}
a.big-button:link.block-button,
a.big-button:visited.block-button {
  display: block;
  text-align: center;
}
/**
 * Links that wrap divs and are big buttons,
 * such as badge description buttons. */
a.big-button:focus > div,
a.big-button:hover > div,
a.big-button:active > div {
  box-shadow: 0px 0px 4px 0px #aaa;
}
.ui-corner-right.strict {
  -webkit-border-top-right-radius: 5px;
  -webkit-border-bottom-right-radius: 5px;
  -webkit-border-bottom-left-radius: 0;
  -webkit-border-top-left-radius: 0;
  -moz-border-radius-topright: 5px;
  -moz-border-radius-bottomright: 5px;
  -moz-border-radius-bottomleft: 0;
  -moz-border-radius-topleft: 0;
  border-top-right-radius: 5px;
  border-bottom-right-radius: 5px;
  border-bottom-left-radius: 0;
  border-top-left-radius: 0;
  -moz-background-clip: padding;
  -webkit-background-clip: padding-box;
  background-clip: padding-box;
}
@media screen and (max-width: 567px) {
  .notification-bar.banner-notification.learning-dashboard-callout {
    display: none !important;
  }
}
.notification-bar {
  background: #4858a4;
  color: #eee;
  font-size: 16px;
  min-height: 40px;
  overflow: hidden;
  position: fixed;
  top: auto;
  right: 0;
  bottom: auto;
  left: 0;
  width: 100%;
  display: flex;
  align-items: center;
  /* Override to base-element-styles.css link styling. */
}
.notification-bar.auto-visible {
  top: 0;
}
.sandbox .notification-bar {
  position: relative;
}
.notification-bar .notification-bar-inner {
  display: table;
  text-align: center;
  width: 100%;
}
.notification-bar a:not(.kui-button):link,
.notification-bar a:not(.kui-button):visited,
.notification-bar a:not(.kui-button):link:hover,
.notification-bar a:not(.kui-button):visited:hover,
.notification-bar a:not(.kui-button):link:focus,
.notification-bar a:not(.kui-button):visited:focus {
  text-decoration: underline;
  color: #eee;
}
.notification-bar .notification-bar-right,
.notification-bar .notification-bar-close,
.notification-bar .notification-bar-snooze,
.notification-bar .notification-bar-long-snooze {
  display: table-cell;
  padding-right: 20px;
  vertical-align: middle;
}
.notification-bar .right-x {
  line-height: 30px;
  position: absolute;
  padding-right: 20px;
  right: 0;
  bottom: 0;
  z-index: 10;
}
.notification-bar .right-x:hover {
  color: #999;
}
.notification-bar .right-x i {
  cursor: pointer;
}
.notification-bar .notification-bar-content {
  display: table-cell;
  padding: 4px 8px;
  position: relative;
  vertical-align: middle;
}
.notification-bar .simple-button {
  white-space: nowrap;
  padding: 2px 10px;
}
.notification-bar.phantom-notification-bar {
  color: #d3d9cc;
  padding: 0 8px;
}
.notification-bar.phantom-notification-bar.error {
  background: #e5772e;
  border-bottom-color: #513326;
  text-align: center;
}
.notification-bar.phantom-notification-bar.error .notification-bar-content {
  color: #faebe1;
  text-shadow: 0 -1px 0 #743002;
}
.notification-bar.phantom-notification-bar .simple-button {
  margin: 0 5px 0 7px;
  /* Adjust to work with envelope icon */
  padding: 5px 5px 5px 10px;
}
.notification-bar.parent-checklist-notification .simple-button {
  margin-left: 10px;
}
.notification-bar.impersonation-notification {
  background-color: magenta;
  color: black;
  font-weight: bold;
}
.notification-bar.banner-notification {
  color: #444;
  background: #fff;
  font-size: 20px;
  height: 100px;
  position: static;
}
.notification-bar.banner-notification .notification-bar-content {
  line-height: 100px;
}
.notification-bar.banner-notification .notification-bar-content i {
  margin-left: 10px;
}
.notification-bar.banner-notification .notification-bar-content .action-button {
  border: 1px solid #7fab07;
  color: #fff;
  text-shadow: none;
  background-color: #80ac07;
  background-image: -moz-linear-gradient(top, #8aba08, #719807);
  background-image: -webkit-gradient(linear, 0 0, 0 100%, from(#8aba08), to(#719807));
  background-image: -webkit-linear-gradient(top, #8aba08, #719807);
  background-image: -o-linear-gradient(top, #8aba08, #719807);
  background-image: linear-gradient(to bottom, #8aba08, #719807);
  background-repeat: repeat-x;
  filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#ff8aba08', endColorstr='#ff719807', GradientType=0);
  border-color: #719807 #719807 #3a4e03;
  border-color: rgba(0, 0, 0, 0.1) rgba(0, 0, 0, 0.1) rgba(0, 0, 0, 0.25);
  *background-color: #719807;
  /* Darken IE7 buttons by default so they stand out more given they won't have borders */
  filter: progid:DXImageTransform.Microsoft.gradient(enabled = false);
  color: #fff !important;
  margin-left: 20px;
  padding: 10px 20px;
}
.notification-bar.banner-notification .notification-bar-content .action-button:hover,
.notification-bar.banner-notification .notification-bar-content .action-button:focus,
.notification-bar.banner-notification .notification-bar-content .action-button:active,
.notification-bar.banner-notification .notification-bar-content .action-button.active,
.notification-bar.banner-notification .notification-bar-content .action-button.disabled,
.notification-bar.banner-notification .notification-bar-content .action-button[disabled] {
  color: #fff;
  background-color: #719807;
  *background-color: #5e7f05;
}
.notification-bar.banner-notification .notification-bar-content .action-button:active,
.notification-bar.banner-notification .notification-bar-content .action-button.active {
  background-color: #4c6704 \9;
}
.notification-bar.banner-notification .notification-bar-content .action-button:focus,
.notification-bar.banner-notification .notification-bar-content .action-button:hover {
  border-bottom-color: #547105;
}
.notification-bar.banner-notification.learning-dashboard-callout .notification-bar-content .action-button {
  border: 1px solid #1e7c92;
  color: #fff;
  text-shadow: none;
  background-color: #1e7d93;
  background-image: -moz-linear-gradient(top, #20879f, #1a6e82);
  background-image: -webkit-gradient(linear, 0 0, 0 100%, from(#20879f), to(#1a6e82));
  background-image: -webkit-linear-gradient(top, #20879f, #1a6e82);
  background-image: -o-linear-gradient(top, #20879f, #1a6e82);
  background-image: linear-gradient(to bottom, #20879f, #1a6e82);
  background-repeat: repeat-x;
  filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#ff20879f', endColorstr='#ff1a6e82', GradientType=0);
  border-color: #1a6e82 #1a6e82 #0d3842;
  border-color: rgba(0, 0, 0, 0.1) rgba(0, 0, 0, 0.1) rgba(0, 0, 0, 0.25);
  *background-color: #1a6e82;
  /* Darken IE7 buttons by default so they stand out more given they won't have borders */
  filter: progid:DXImageTransform.Microsoft.gradient(enabled = false);
  color: #fff !important;
}
.notification-bar.banner-notification.learning-dashboard-callout .notification-bar-content .action-button:hover,
.notification-bar.banner-notification.learning-dashboard-callout .notification-bar-content .action-button:focus,
.notification-bar.banner-notification.learning-dashboard-callout .notification-bar-content .action-button:active,
.notification-bar.banner-notification.learning-dashboard-callout .notification-bar-content .action-button.active,
.notification-bar.banner-notification.learning-dashboard-callout .notification-bar-content .action-button.disabled,
.notification-bar.banner-notification.learning-dashboard-callout .notification-bar-content .action-button[disabled] {
  color: #fff;
  background-color: #1a6e82;
  *background-color: #165c6c;
}
.notification-bar.banner-notification.learning-dashboard-callout .notification-bar-content .action-button:active,
.notification-bar.banner-notification.learning-dashboard-callout .notification-bar-content .action-button.active {
  background-color: #124a57 \9;
}
.notification-bar.banner-notification.learning-dashboard-callout .notification-bar-content .action-button:focus,
.notification-bar.banner-notification.learning-dashboard-callout .notification-bar-content .action-button:hover {
  border-bottom-color: #135160;
}
@media screen and (max-width: 480px) {
  .notification-bar.banner-notification {
    font-size: 14px;
  }
  .notification-bar.banner-notification .notification-bar-content {
    line-height: 20px;
  }
  .notification-bar.banner-notification .notification-bar-content .action-button {
    display: block;
    margin: 10px auto;
  }
  .notification-bar.banner-notification .right-x {
    line-height: 0;
    padding-right: 0;
    right: 5px;
    top: 10px;
  }
}
/* TODO(cbhl): (i18n) These elements overlap on too-narrow screens; hide them
   when they don't fit. Re-measure these when strings have been i18n-ed. */
@media screen and (max-width: 1200px) {
  .demo-notification-bar {
    position: absolute;
    /* (not fixed) */
  }
}
@media screen and (min-width: 1024px) {
  .mission-small {
    display: none;
  }
}
.notification-bar-spacer {
  height: 0;
}
.notification-bar-spacer.auto-visible {
  height: 40px;
}
.warning-banner {
  background: #fbe2e0;
  border-color: #c52717;
  border-width: 1px;
  border-style: solid;
  padding: 10px 20px;
  margin-bottom: 30px;
  font-size: 16px;
  color: #c52717;
}
.phantom-notification {
  position: sticky;
  top: 0;
  z-index: 1081;
}
@media screen and (max-width: 767px) {
  .phantom-notification {
    z-index: 1079;
  }
}