/**
 * A. Normalize
 * B. YUI3 Grid
 * C. Global tag and class styles
 * D. Header
 * E. Breadcrumbs
 * F. Main content
 * G. Left column (subnavigation menu)
 *
 * Color chart:
 *   School: #6db101
 *   Store: #008345
 *   Community: #356cb5
 *   Resources: #1f3d7b
 */

@font-face {
	font-family: "AoPS";
	src: url("/assets/fonts/aops/new_aops.eot");
	src: url("/assets/fonts/aops/new_aops.eot") format("embedded-opentype"),
		url("/assets/fonts/aops/new_aops.woff") format("woff"),
		url("/assets/fonts/aops/new_aops.ttf") format("truetype");
	font-weight: normal;
	font-style: normal;
	-khtml-user-select: none;
	-webkit-user-select: none;
	-moz-user-select: none;
	-ms-user-select: none;
	user-select: none;
}

.aops-font {
	font-style: normal;
	font-weight: normal;
	font-family: AoPS;
	display: inline-block;
	-webkit-font-smoothing: antialiased;
	-moz-osx-font-smoothing: grayscale;
}

.aops-font.laptop:after {
	content: "b";
}

.aops-font.search:after {
	content: "M";
}

.aops-font.circle-left:after,
.aops-font.aops-arrow-circle-left:after {
	content: "<";
}

.aops-font.aops-arrow-circle-right:after {
	content: ">";
}

.aops-font.bars:after {
	content: "Q";
}

.aops-font.chevron-down:after {
	content: "S";
}

.aops-font.cart:after {
	content: "c";
}

.aops-font.edit:after {
	content: "L";
}

.aops-font.pdf:after {
	content: "\f1c1";
}

.aops-font.aops-angle-double-left:after {
	content: "\f100";
}

.aops-font.aops-angle-double-right:after {
	content: "\f101";
}

.aops-font.aops-arrow-down:after {
	content: "\f063";
}
.aops-font.aops-pencil:after {
	content: "\004c";
}

.aops-font.left-circle-arrow:after {
	text-transform: none;
	content: "\201d";
}
.aops-font.right-circle-arrow:after {
	text-transform: none;
	content: "‚";
}

/**
 * A. Normalize
 */

/*! normalize.css v2.1.3 | MIT License | git.io/normalize */
article,
aside,
details,
figcaption,
figure,
footer,
header,
hgroup,
main,
nav,
section,
summary {
	display: block;
}
audio,
canvas,
video {
	display: inline-block;
}
audio:not([controls]) {
	display: none;
	height: 0;
}
[hidden],
template {
	display: none;
}
html {
	font-family: sans-serif;
	-ms-text-size-adjust: 100%;
	-webkit-text-size-adjust: 100%;
}
p {
	margin: 8px 0;
}
body {
	margin: 0;
}
a {
	background: transparent;
	color: darkblue;
}
a:focus {
	outline: thin dotted;
}
a:active,
a:hover {
	outline: 0;
}
h1 {
	font-size: 2em;
	margin: 0.67em 0;
}
abbr[title] {
	border-bottom: 1px dotted;
}
b,
strong,
.strong,
.bold {
	font-weight: bold;
}
dfn {
	font-style: italic;
}
hr {
	-moz-box-sizing: content-box;
	box-sizing: content-box;
	height: 0;
}
mark {
	background: #ff0;
	color: #000;
}
code,
kbd,
pre,
samp {
	font-family: monospace, serif;
	font-size: 1em;
}
pre {
	white-space: pre-wrap;
}
q {
	quotes: "\201C""\201D""\2018""\2019";
}
small {
	font-size: 80%;
}
sub,
sup {
	font-size: 75%;
	line-height: 0;
	position: relative;
	vertical-align: baseline;
}
sup {
	top: -0.5em;
}
sub {
	bottom: -0.25em;
}
img {
	border: 0;
}
svg:not(:root) {
	overflow: hidden;
}
figure {
	margin: 0;
}
fieldset {
	border: 1px solid silver;
	margin: 0 2px;
	padding: 0.35em 0.625em 0.75em;
}
legend {
	border: 0;
	padding: 0;
}
button,
input,
select,
textarea {
	font-family: inherit;
	font-size: 100%;
	margin: 0;
}
button,
input {
	line-height: normal;
}
button,
select {
	text-transform: none;
}
button,
html input[type="button"],
input[type="reset"],
input[type="submit"] {
	-webkit-appearance: button;
	cursor: pointer;
}
button[disabled],
html input[disabled] {
	cursor: default;
}
input[type="checkbox"],
input[type="radio"] {
	box-sizing: border-box;
	padding: 0;
	margin: 4px 0 0;
	margin-top: 1px \9;
	accent-color: #038cfc;
	/* IE8-9 */
	line-height: normal;
}
input[type="search"] {
	-webkit-appearance: textfield;
	-moz-box-sizing: content-box;
	-webkit-box-sizing: content-box;
	box-sizing: content-box;
}
input[type="search"]::-webkit-search-cancel-button,
input[type="search"]::-webkit-search-decoration {
	-webkit-appearance: none;
}
button::-moz-focus-inner,
input::-moz-focus-inner {
	border: 0;
	padding: 0;
}
textarea {
	overflow: auto;
	vertical-align: top;
}
table {
	border-collapse: collapse;
	border-spacing: 0;
}
html,
button,
input,
select,
textarea {
	color: #333;
}
html {
	font-size: 1em;
	line-height: 1.4;
}
hr {
	display: block;
	height: 1px;
	border: 0;
	border-top: 1px solid #ccc;
	margin: 1em 0;
	padding: 0;
}
audio,
canvas,
img,
video {
	vertical-align: middle;
}
fieldset {
	border: 0;
	margin: 0;
	padding: 0;
}

/*
YUI 3.13.0 (build 508226d)
Copyright 2013 Yahoo! Inc. All rights reserved.
Licensed under the BSD License.
http://yuilibrary.com/license/
*/

/* Modified to remove some letter spacing rules by Palmer */

.yui3-g {
}
.opera-only :-o-prefocus,
.yui3-g {
}
.yui3-u {
	display: inline-block;
	zoom: 1;
	*display: inline;
	letter-spacing: normal;
	word-spacing: normal;
	vertical-align: top;
	text-rendering: auto;
}
.yui3-u-1,
.yui3-u-1-2,
.yui3-u-1-3,
.yui3-u-2-3,
.yui3-u-1-4,
.yui3-u-3-4,
.yui3-u-1-5,
.yui3-u-2-5,
.yui3-u-3-5,
.yui3-u-4-5,
.yui3-u-1-6,
.yui3-u-5-6,
.yui3-u-1-8,
.yui3-u-3-8,
.yui3-u-5-8,
.yui3-u-7-8,
.yui3-u-1-12,
.yui3-u-5-12,
.yui3-u-7-12,
.yui3-u-11-12,
.yui3-u-1-24,
.yui3-u-5-24,
.yui3-u-7-24,
.yui3-u-11-24,
.yui3-u-13-24,
.yui3-u-17-24,
.yui3-u-19-24,
.yui3-u-23-24 {
	display: inline-block;
	zoom: 1;
	*display: inline;
	letter-spacing: normal;
	word-spacing: normal;
	vertical-align: top;
	text-rendering: auto;
}
.yui3-u-1 {
	display: block;
}
.yui3-u-1-2 {
	width: 50%;
}
.yui3-u-1-3 {
	width: 33.33333%;
}
.yui3-u-2-3 {
	width: 66.66666%;
}
.yui3-u-1-4 {
	width: 25%;
}
.yui3-u-3-4 {
	width: 75%;
}
.yui3-u-1-5 {
	width: 20%;
}
.yui3-u-2-5 {
	width: 40%;
}
.yui3-u-3-5 {
	width: 60%;
}
.yui3-u-4-5 {
	width: 80%;
}
.yui3-u-1-6 {
	width: 16.656%;
}
.yui3-u-5-6 {
	width: 83.33%;
}
.yui3-u-1-8 {
	width: 12.5%;
}
.yui3-u-3-8 {
	width: 37.5%;
}
.yui3-u-5-8 {
	width: 62.5%;
}
.yui3-u-7-8 {
	width: 87.5%;
}
.yui3-u-1-12 {
	width: 8.3333%;
}
.yui3-u-5-12 {
	width: 41.6666%;
}
.yui3-u-7-12 {
	width: 58.3333%;
}
.yui3-u-11-12 {
	width: 91.6666%;
}
.yui3-u-1-24 {
	width: 4.1666%;
}
.yui3-u-5-24 {
	width: 20.8333%;
}
.yui3-u-7-24 {
	width: 29.1666%;
}
.yui3-u-11-24 {
	width: 45.8333%;
}
.yui3-u-13-24 {
	width: 54.1666%;
}
.yui3-u-17-24 {
	width: 70.8333%;
}
.yui3-u-19-24 {
	width: 79.1666%;
}
.yui3-u-23-24 {
	width: 95.8333%;
}
#yui3-css-stamp.cssgrids {
	display: none;
}

/* AoPS fixes for YUI3 Grids */
.yui3-g:before,
.yui3-g:after {
	content: " "; /* 1 */
	display: table; /* 2 */
}
.yui3-g:after {
	clear: both;
}

.yui3-u-1,
.yui3-u-1-2,
.yui3-u-1-3,
.yui3-u-2-3,
.yui3-u-1-4,
.yui3-u-3-4,
.yui3-u-1-5,
.yui3-u-2-5,
.yui3-u-3-5,
.yui3-u-4-5,
.yui3-u-1-6,
.yui3-u-5-6,
.yui3-u-1-8,
.yui3-u-3-8,
.yui3-u-5-8,
.yui3-u-7-8,
.yui3-u-1-12,
.yui3-u-5-12,
.yui3-u-7-12,
.yui3-u-11-12,
.yui3-u-1-24,
.yui3-u-5-24,
.yui3-u-7-24,
.yui3-u-11-24,
.yui3-u-13-24,
.yui3-u-17-24,
.yui3-u-19-24,
.yui3-u-23-24 {
	float: left;
	min-height: 1px; /* Forces empty elements to fill with float */
}

body {
	margin: 0;
	padding: 0;
	font-size: 15px;
	line-height: 1.428571429;
	font-family: "Roboto", sans-serif;
	background-image: url(/assets/images/top/pattern-online-gray.png);
	background-repeat: repeat;
	background-size: 180px;
	background-color: #efefef;
}

pre {
	background-color: transparent;
	border: none;
	border-radius: 0;
}

textarea {
	line-height: 1.428571429;
	padding: 5px;
}

p.notop {
	margin-top: 0;
}

p.nobottom {
	margin-bottom: 0;
}

.small-font {
	font-size: 0.8em;
	font-weight: normal;
	line-height: inherit;
	vertical-align: top;
}

/**
 * B. Global tag and class styles
 */
input {
	border-radius: 0;
}
input.placeholder {
	color: #aaa;
}

ul {
	list-style-type: square;
}

ul.clean,
ol.clean {
	padding: 0;
	margin: 0;
}

ul.clean li {
	list-style-type: none;
}

code {
	font-family: Consolas, "Liberation Mono", Courier, monospace;
}

h1,
h2,
h3,
h4,
h5,
h6 {
	margin: 10px 0 10px 0;
	padding: 0;
	position: relative;
}

/* h1:first-child, h2:first-child, h3:first-child, h4:first-child, h5:first-child, h6:first-child {
	margin-top : 0;
} */

#main-column h1 {
	position: relative;
	left: -1px;
}

#main-column h1:first-child {
	margin-top: 0;
}

.no-select {
	-khtml-user-select: none;
	-webkit-user-select: none;
	-moz-user-select: none;
	-ms-user-select: none;
	user-select: none;
}

.need-copy {
	background-color: cornsilk;
	color: black;
}

*,
*:before,
*:after {
	-webkit-box-sizing: border-box;
	-moz-box-sizing: border-box;
	box-sizing: border-box;
}

a,
.faux-link {
	text-decoration: none;
	color: #376fc0;
	cursor: pointer;
}
a:hover,
.faux-link:hover {
	text-decoration: underline;
}
a:focus,
.faux-link:focus {
	outline: none;
}

.hide {
	display: none;
}

.aops-main-color {
	color: #1b365d !important;
}

.store-color {
	color: #009fad !important;
}

.academy .store-color {
	color: #61ad00 !important;
}

.school-color {
	color: #009fad !important;
}

.academy .school-color {
	color: #61ad00 !important;
}

.community-color {
	color: #009fad !important;
}

.resources-color {
	color: #009fad !important;
}

.store-background-color {
	background-color: #009fad !important;
	color: white;
}

.school-background-color {
	background-color: #009fad !important;
	color: white;
}

.community-background-color {
	background-color: #009fad !important;
	color: white;
}

.resources-background-color {
	background-color: #009fad !important;
	color: white;
}

.school-background-hover:hover {
	background-color: #519096 !important;
	color: #009fad !important;
}

.store-background-hover:hover {
	background-color: #519096 !important;
	color: #009fad !important;
}

.community-background-hover:hover {
	background-color: #519096 !important;
	color: #009fad !important;
}

.resources-background-hover:hover {
	background-color: #519096 !important;
	color: #009fad !important;
}

#flyout {
	position: fixed;
	width: 200px;
	height: 100px;
	right: -200px;
	bottom: 20px;
	border-top: 10px solid #1b365d;
	box-shadow: 2px 2px 4px #444;
	background-color: white;
	padding: 10px;
	z-index: 1250; /* Must be higher than 1200 (feed) */
}

#flyout .close {
	color: #aaa;
	font-family: AoPS;
	float: right;
	cursor: pointer;
	margin-top: -5px;
}

#flyout .close:after {
	content: "e";
}

#flyout.info {
	color: #32708f;
	background-color: #f4f7fc;
	border-color: #bce8f1;
}

#flyout.warning {
	color: #8a6d3b;
	background-color: #fcf8e3;
	border-color: #8a6d3b;
}

#flyout.success {
	color: green;
	background-color: #def2de;
	border-color: green;
}

#flyout.error {
	color: darkred;
	background-color: #f2dede;
	border-color: darkred;
}

.info-box,
.error-box,
.success-box,
.warning-box {
	margin-bottom: 10px;
	padding: 10px;
}

.info-box > div,
.error-box > div,
.success-box > div,
.warning-box > div {
	margin-bottom: 10px;
}

.info-box > div:last-child,
.error-box > div:last-child,
.success-box > div:last-child,
.warning-box > div:last-child {
	margin-bottom: 0;
}

.error {
	color: darkred;
}

.error-box {
	color: darkred;
	background-color: #f2dede;
	border-left: 10px solid darkred;
}

.success-box {
	color: green;
	background-color: #def2de;
	border-left: 10px solid green;
}

.warning-box {
	color: #8a6d3b;
	background-color: #fcf8e3;
	border-left: 10px solid #8a6d3b;
}

.info-box {
	color: #32708f;
	background-color: #f4f7fc;
	border-left: 10px solid #bce8f1;
}

label {
	display: inline-block;
	margin: 0;
	padding: 0;
	font-weight: normal;
}

fieldset {
	padding: 10px;
	border-top: 1px solid #d7d7d7;
	border-right: 1px solid #cccccc;
	border-bottom: 1px solid #cccccc;
	border-left: 1px solid #d7d7d7;
	position: relative;
	background-color: white;
	margin-bottom: 15px;
}

fieldset dt {
	width: 20%;
	text-align: left;
	margin: 0;
	padding: 0;
	float: left;
	display: block;
	font-weight: normal;
}

fieldset dd {
	margin: 0 0 0 20%;
	padding: 0 0 0 5px;
	vertical-align: top;
	border-left: 1px solid #ccc;
}

fieldset dl {
	margin: 0 0 10px 0;
	clear: both;
}

legend {
	display: block;
	width: 100%;
	padding: 0;
	margin-bottom: 20px;
	font-size: 21px;
	line-height: inherit;
	color: #333333;
	border: 0;
	border-bottom: 1px solid #e5e5e5;
}

input[type="file"] {
	display: block;
}

input[type="file"]:focus,
input[type="radio"]:focus,
input[type="checkbox"]:focus {
	outline: thin dotted #333;
	outline: 5px auto -webkit-focus-ring-color;
	outline-offset: -2px;
	outline: 0;
}

input[type="number"]::-webkit-outer-spin-button,
input[type="number"]::-webkit-inner-spin-button {
	margin: 0;
	-webkit-appearance: none;
}

.form-control:-moz-placeholder,
.form-control:-ms-input-placeholder,
.form-control::-webkit-input-placeholder {
	color: #999999;
}

.form-control {
	display: block;
	width: 100%;
	height: 34px;
	padding: 6px 12px;
	font-size: 14px;
	line-height: 1.428571429;
	color: #555555;
	vertical-align: middle;
	background-color: #ffffff;
	border: 1px solid #cccccc;
	border-radius: 3px;
	-webkit-box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.075);
	box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.075);
	-webkit-transition: border-color ease-in-out 0.15s,
		box-shadow ease-in-out 0.15s;
	transition: border-color ease-in-out 0.15s, box-shadow ease-in-out 0.15s;
}

.form-group.small .form-control {
	padding: 6px;
	height: 25px;
	line-height: 1.2em;
	width: auto;
}

.form-control:focus {
	border-color: #66afe9;
	outline: 0;
	-webkit-box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.075),
		0 0 8px rgba(102, 175, 233, 0.6);
	box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.075),
		0 0 8px rgba(102, 175, 233, 0.6);
}

.form-control[disabled],
.form-control[readonly],
fieldset[disabled] .form-control {
	cursor: not-allowed;
	background-color: #eeeeee;
}

textarea.form-control {
	height: auto;
}

.form-group {
	margin-bottom: 13px;
}

.form-group.small,
.form-group small {
	line-height: 1.428571429em;
	margin-bottom: 5px;
}

.form-group > div {
	line-height: 34px;
}

.form-group > div div {
	line-height: 1.428571429em;
}

.form-group > div div.byline {
	margin-top: 3px;
	font-size: 80%;
}

.form-group label {
	font-weight: bold;
}

.form-group a.chosen-single {
	height: 26px;
}

.radio,
.checkbox {
	display: block;
	min-height: 20px;
	padding-left: 20px;
	margin-top: 10px;
	margin-bottom: 10px;
	vertical-align: middle;
}

.radio label,
.checkbox label {
	display: inline;
	margin-bottom: 0;
	font-weight: normal;
	cursor: pointer;
}

.radio input[type="radio"],
.radio-inline input[type="radio"],
.checkbox input[type="checkbox"],
.checkbox-inline input[type="checkbox"] {
	float: left;
	margin-left: -20px;
}

.radio + .radio,
.checkbox + .checkbox {
	margin-top: -5px;
}

.radio-inline,
.checkbox-inline {
	display: inline-block;
	padding-left: 20px;
	margin-bottom: 0;
	font-weight: normal;
	vertical-align: middle;
	cursor: pointer;
}

.radio-inline + .radio-inline,
.checkbox-inline + .checkbox-inline {
	margin-top: 0;
	margin-left: 10px;
}

input[type="radio"][disabled],
input[type="checkbox"][disabled],
.radio[disabled],
.radio-inline[disabled],
.checkbox[disabled],
.checkbox-inline[disabled],
fieldset[disabled] input[type="radio"],
fieldset[disabled] input[type="checkbox"],
fieldset[disabled] .radio,
fieldset[disabled] .radio-inline,
fieldset[disabled] .checkbox,
fieldset[disabled] .checkbox-inline {
	cursor: not-allowed;
}

/**
 * Buttons - Modified from Bootstrap
 */

.btn {
	display: inline-block;
	font-weight: bold;
	height: 24px;
	padding: 0px 12px;
	margin-bottom: 0;
	font-size: 14px;
	line-height: 24px;
	text-align: center;
	white-space: nowrap;
	vertical-align: middle;
	cursor: pointer;
	border: none;
	border-radius: 0px;
	/* Default arial for better baseline */
	font-family: Roboto, sans-serif;
	-webkit-user-select: none;
	-moz-user-select: none;
	-ms-user-select: none;
	-o-user-select: none;
	user-select: none;
}

.btn:focus {
	outline: thin dotted #333;
	outline: 5px auto -webkit-focus-ring-color;
	outline-offset: -2px;
	outline: 0;
}

.btn:hover,
.btn:focus {
	color: #333333;
	text-decoration: none;
}

.btn:active,
.btn.btn-active {
	background-image: none;
	outline: 0;
	-webkit-box-shadow: inset 0 3px 5px rgba(0, 0, 0, 0.125);
	box-shadow: inset 0 3px 5px rgba(0, 0, 0, 0.125);
}

.btn.disabled,
.btn[disabled],
fieldset[disabled] .btn {
	cursor: not-allowed;
	opacity: 0.65;
	filter: alpha(opacity=65);
	-webkit-box-shadow: none;
	box-shadow: none;
}

.btn.btn-primary.disabled,
.btn.btn-primary.disabled:hover {
	background-color: #aaa;
}
.btn.btn-fully-disabled {
	pointer-events: none;
}

.btn-default {
	color: #376fc0;
	background-color: #ffffff;
	border-color: #cccccc;
}

.btn-default:hover,
.btn-default:focus,
.btn-default:active,
.btn-default.btn-active,
.open .dropdown-toggle.btn-default {
	color: #376fc0;
	background-color: #ebebeb;
	border-color: #adadad;
}

.btn-default:active,
.btn-default.btn-active,
.open .dropdown-toggle.btn-default {
	background-image: none;
}

.btn-default.disabled,
.btn-default[disabled],
fieldset[disabled] .btn-default,
.btn-default.disabled:hover,
.btn-default[disabled]:hover,
fieldset[disabled] .btn-default:hover,
.btn-default.disabled:focus,
.btn-default[disabled]:focus,
fieldset[disabled] .btn-default:focus,
.btn-default.disabled:active,
.btn-default[disabled]:active,
fieldset[disabled] .btn-default:active,
.btn-default.disabled.btn-active,
.btn-default[disabled].btn-active,
fieldset[disabled] .btn-default.btn-active {
	background-color: #ffffff;
	border-color: #cccccc;
}

.btn-primary {
	color: white;
	background-color: #1b365d;
}

.btn-primary:hover,
.btn-primary:focus,
.btn-primary:active,
.btn-primary.btn-active,
.open .dropdown-toggle.btn-primary {
	color: #ffffff;
	background-color: #135b7b;
	border-color: #135b7b;
	text-decoration: none;
}

.btn-primary:active,
.btn-primary.btn-active,
.open .dropdown-toggle.btn-primary {
	background-image: none;
}

.btn-primary.disabled,
.btn-primary[disabled],
fieldset[disabled] .btn-primary,
.btn-primary.disabled:hover,
.btn-primary[disabled]:hover,
fieldset[disabled] .btn-primary:hover,
.btn-primary.disabled:focus,
.btn-primary[disabled]:focus,
fieldset[disabled] .btn-primary:focus,
.btn-primary.disabled:active,
.btn-primary[disabled]:active,
fieldset[disabled] .btn-primary:active,
.btn-primary.disabled.btn-active,
.btn-primary[disabled].btn-active,
fieldset[disabled] .btn-primary.btn-active {
	background-color: #428bca;
	border-color: #357ebd;
}

.btn-warning {
	color: #ffffff;
	background-color: #f0ad4e;
	border-color: #eea236;
}

.btn-warning:hover,
.btn-warning:focus,
.btn-warning:active,
.btn-warning.btn-active,
.open .dropdown-toggle.btn-warning {
	color: #ffffff;
	background-color: #ed9c28;
	border-color: #d58512;
}

.btn-warning:active,
.btn-warning.btn-active,
.open .dropdown-toggle.btn-warning {
	background-image: none;
}

.btn-warning.disabled,
.btn-warning[disabled],
fieldset[disabled] .btn-warning,
.btn-warning.disabled:hover,
.btn-warning[disabled]:hover,
fieldset[disabled] .btn-warning:hover,
.btn-warning.disabled:focus,
.btn-warning[disabled]:focus,
fieldset[disabled] .btn-warning:focus,
.btn-warning.disabled:active,
.btn-warning[disabled]:active,
fieldset[disabled] .btn-warning:active,
.btn-warning.disabled.btn-active,
.btn-warning[disabled].btn-active,
fieldset[disabled] .btn-warning.btn-active {
	background-color: #f0ad4e;
	border-color: #eea236;
}

.btn-danger {
	color: #ffffff;
	background-color: #d9534f;
	border-color: #d43f3a;
}

.btn-danger:hover,
.btn-danger:focus,
.btn-danger:active,
.btn-danger.btn-active,
.open .dropdown-toggle.btn-danger {
	color: #ffffff;
	background-color: #d2322d;
	border-color: #ac2925;
}

.btn-danger:active,
.btn-danger.btn-active,
.open .dropdown-toggle.btn-danger {
	background-image: none;
}

.btn-danger.disabled,
.btn-danger[disabled],
fieldset[disabled] .btn-danger,
.btn-danger.disabled:hover,
.btn-danger[disabled]:hover,
fieldset[disabled] .btn-danger:hover,
.btn-danger.disabled:focus,
.btn-danger[disabled]:focus,
fieldset[disabled] .btn-danger:focus,
.btn-danger.disabled:active,
.btn-danger[disabled]:active,
fieldset[disabled] .btn-danger:active,
.btn-danger.disabled.btn-active,
.btn-danger[disabled].btn-active,
fieldset[disabled] .btn-danger.btn-active {
	background-color: #d9534f;
	border-color: #d43f3a;
}

.btn-success {
	color: #ffffff;
	background-color: #009fad;
	border-color: #009fad;
}

.academy .btn-success {
	background-color: #61ad00;
	border-color: #61ad00;
}

.btn-success:hover,
.btn-success:focus,
.btn-success:active,
.btn-success.btn-active,
.open .dropdown-toggle.btn-success {
	color: #ffffff;
	background-color: #135b7b;
	border-color: #1b365d;
}

.btn-success:active,
.btn-success.btn-active,
.open .dropdown-toggle.btn-success {
	background-image: none;
}

.btn-success.disabled,
.btn-success[disabled],
fieldset[disabled] .btn-success,
.btn-success.disabled:hover,
.btn-success[disabled]:hover,
fieldset[disabled] .btn-success:hover,
.btn-success.disabled:focus,
.btn-success[disabled]:focus,
fieldset[disabled] .btn-success:focus,
.btn-success.disabled:active,
.btn-success[disabled]:active,
fieldset[disabled] .btn-success:active,
.btn-success.disabled.btn-active,
.btn-success[disabled].btn-active,
fieldset[disabled] .btn-success.btn-active {
	background-color: #009fad;
	border-color: #009fad;
}

.academy .btn-success.disabled,
.academy .btn-success[disabled],
.academy fieldset[disabled] .btn-success,
.academy .btn-success.disabled:hover,
.academy .btn-success[disabled]:hover,
.academy fieldset[disabled] .btn-success:hover,
.academy .btn-success.disabled:focus,
.academy .btn-success[disabled]:focus,
.academy fieldset[disabled] .btn-success:focus,
.academy .btn-success.disabled:active,
.academy .btn-success[disabled]:active,
.academy fieldset[disabled] .btn-success:active,
.academy .btn-success.disabled.btn-active,
.academy .btn-success[disabled].btn-active,
.academy fieldset[disabled] .btn-success.btn-active {
	background-color: #61ad00;
	border-color: #61ad00;
}

.btn-info {
	color: #ffffff;
	background-color: #5bc0de;
	border-color: #46b8da;
}

.btn-info:hover,
.btn-info:focus,
.btn-info:active,
.btn-info.btn-active,
.open .dropdown-toggle.btn-info {
	color: #ffffff;
	background-color: #39b3d7;
	border-color: #269abc;
}

.btn-info:active,
.btn-info.btn-active,
.open .dropdown-toggle.btn-info {
	background-image: none;
}

.btn-info.disabled,
.btn-info[disabled],
fieldset[disabled] .btn-info,
.btn-info.disabled:hover,
.btn-info[disabled]:hover,
fieldset[disabled] .btn-info:hover,
.btn-info.disabled:focus,
.btn-info[disabled]:focus,
fieldset[disabled] .btn-info:focus,
.btn-info.disabled:active,
.btn-info[disabled]:active,
fieldset[disabled] .btn-info:active,
.btn-info.disabled.btn-active,
.btn-info[disabled].btn-active,
fieldset[disabled] .btn-info.btn-active {
	background-color: #5bc0de;
	border-color: #46b8da;
}

.btn-link {
	color: #376fc0;
	cursor: pointer;
	border-radius: 0;
}

.btn-link,
.btn-link:active,
.btn-link[disabled],
fieldset[disabled] .btn-link {
	background-color: transparent;
	-webkit-box-shadow: none;
	box-shadow: none;
}

.btn-link,
.btn-link:hover,
.btn-link:focus,
.btn-link:active {
	border-color: transparent;
}

.btn-link:hover,
.btn-link:focus {
	color: #376fc0;
	text-decoration: underline;
	background-color: transparent;
}

.btn-link[disabled]:hover,
fieldset[disabled] .btn-link:hover,
.btn-link[disabled]:focus,
fieldset[disabled] .btn-link:focus {
	color: #376fc0;
	text-decoration: none;
}

.btn-lg {
	height: 32px;
	font-size: 16px;
	line-height: 32px;
	padding-top: 1px;
}

.btn-sm {
	font-size: 12px;
	height: 18px;
	line-height: 18px;
	padding: 0 8px;
}

.btn-xs {
	font-size: 10px;
	height: 14px;
	line-height: 14px;
	padding: 0 5px;
}

.btn-block {
	display: block;
	width: 100%;
	padding-right: 0;
	padding-left: 0;
}

.btn-block + .btn-block {
	margin-top: 5px;
}

.btn-group-center {
	text-align: center;
}
.btn-group-right {
	text-align: right;
}

/*
 * Clearfix: contain floats
 *
 * For modern browsers
 * 1. The space content is one way to avoid an Opera bug when the
 *    `contenteditable` attribute is included anywhere else in the document.
 *    Otherwise it causes space to appear at the top and bottom of elements
 *    that receive the `clearfix` class.
 * 2. The use of `table` rather than `block` is only necessary if using
 *    `:before` to contain the top-margins of child elements.
 */

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

.clearfix:after {
	clear: both;
}

/*
 * For IE 6/7 only
 * Include this rule to trigger hasLayout and contain floats.
 */

.clearfix {
	*zoom: 1;
}
/*
 * Hack to fix a Chrome bug where MathJax 2.5 shows a bizarre line on the right.
 */

.MathJax > nobr > span > span:last-child {
	visibility: hidden;
}

/**
 * D. Header
 */

#banner {
	top: -25px;
	width: 230px;
	height: 70px;
	background-size: 260px 75px;
	background-image: none,
		url("//assets.artofproblemsolving.com/images/aops-logo.svg");
	position: absolute;
	left: 0;
	background-position: -19px 0;
}

.no-svg #banner {
	background-image: url("//assets.artofproblemsolving.com/images/aops-logo.png");
}

#header .banner {
	position: absolute;
	left: 0;
	top: -16px;
	width: 230px;
	height: 70px;
	background-size: 260px 75px;
	background-image: url("//assets.artofproblemsolving.com/images/aops-logo.svg");
	background-position: -19px 0;
}

body.development #header .banner {
	background-image: none,
		url("//assets.artofproblemsolving.com/images/aops-logo-dev.svg");
}

body.development #header {
	background-color: #ab7d9c;
	backface-visibility: hidden;
}

body.staging #header {
	background-color: lightgreen !important;
	backface-visibility: hidden;
}

#header .menubar-wrapper {
	height: 44px;
	background-color: white;
	display: none;
}

#header .sizer {
	margin: auto;
	position: relative;
}

#header .extra {
	display: none;
}

#header .menubar {
	position: relative;
	max-width: 100%;
	margin: auto;
}

#header-popin {
	position: absolute;
	/*	top : -30px; */
	height: 30px;
	color: white;
	left: 100px;
	z-index: 10;
	opacity: 0;
}

#header-popin a {
	color: white;
	margin-right: 5px;
	font-size: 14px;
}

#header-popin a:hover {
	text-decoration: underline;
}
/*
.company #header-popin {
	top : 0px;
}
*/

@media (max-width: 770px) {
	#header-popin {
		display: none;
	}
}

@media (min-width: 768px) {
	#header .action-wrapper {
		background-color: white;
		top: 26px;
		display: block;
	}

	.smaller-header #header .action-wrapper {
		background-color: transparent;
		top: -1px;
	}

	#header .action-wrapper .item {
		color: #1b365d;
	}

	.smaller-header #header .action-wrapper .item {
		color: white;
	}

	#header .extra,
	#header .menubar-wrapper {
		display: block;
		padding-top: 15px;
	}

	.smaller-header #header .extra,
	.smaller-header #header .menubar-wrapper {
		padding-top: 0px;
	}

	#header .extra .extra-bottom {
		background-color: white;
		height: 7px;
	}

	#header .bluebar .mobile-title,
	#header .bluebar .mobile-menu {
		display: none;
	}

	#header .action-wrapper .myaops-menu,
	#header .bluebar .myaops-menu {
		right: 0;
	}

	#header .sizer,
	#header .menubar,
	#header .bluebar {
		max-width: 768px;
	}
	#header .bluebar .site-links {
		display: inline-block;
	}
}
@media (min-width: 841px) {
	#header .sizer,
	#header .menubar,
	#header .bluebar {
		max-width: 800px;
	}
}
@media (min-width: 931px) {
	#header .sizer,
	#header .menubar,
	#header .bluebar {
		max-width: 890px;
	}
	#header .bluebar .site-label {
		display: inline;
	}
}
@media (min-width: 1021px) {
	#header .sizer,
	#header .menubar,
	#header .bluebar {
		max-width: 980px;
	}
}
@media (min-width: 1271px) {
	#header .sizer,
	#header .menubar,
	#header .bluebar {
		max-width: 1230px;
	}
}

/***
 * D. Breadcrumbs
 */

#breadcrumbs-wrapper {
	line-height: 25px;
	height: 26px;
	width: 100%;
	background-color: #009fad;
	/* for chrome not turn blue on mobile tap */
	-webkit-tap-highlight-color: transparent;
}

.academy #breadcrumbs-wrapper {
	background-color: #61ad00;
}

.company #breadcrumbs-wrapper {
	background-color: #1b365d;
}

#submenu-icon {
	display: none;
	cursor: pointer;
	width: 0;
	height: 0;
	position: relative;
	top: 7px;
	border-top: 6px solid transparent;
	border-bottom: 6px solid transparent;
	border-left: 10px solid #fff;
	transition: transform 300ms linear;
}

#submenu-icon.open {
	transform: rotate(90deg);
}

#breadcrumbs {
	margin: 0 auto;
	white-space: nowrap;
}

#breadcrumbs .title-wrapper {
	display: none;
	float: left;
	width: 237px;
	text-align: center;
	color: white;
	font-size: 16px;
	font-weight: bold;
	/*background-image: url(//assets.artofproblemsolving.com/images/sidebar-shadow.png);*/
}

#breadcrumbs .title-wrapper .title {
	margin: 0 8px 0 8px;
	line-height: 26px;
	color: white;
}

#breadcrumbs .title-wrapper .title a {
	color: white;
}

/*#breadcrumbs .title-wrapper + .crumb-wrapper {
	margin-left: 15px;
}*/

#breadcrumbs .title-wrapper + .crumb-wrapper,
#breadcrumbs .crumb-wrapper {
	white-space: nowrap;
	overflow: hidden;
	text-overflow: ellipsis;
	color: white;
	text-transform: uppercase;
	font-weight: bold;
	font-size: 12px;
	line-height: 28px;
}

#breadcrumbs .crumb {
	vertical-align: baseline;
}

#breadcrumbs .aops-font,
#breadcrumbs .crumb a {
	color: #cdeef1;
}

.academy #breadcrumbs .aops-font,
.academy #breadcrumbs .crumb a {
	color: #e1f1c1;
}

.company #breadcrumbs .aops-font,
.company #breadcrumbs .crumb a {
	color: #afc1d8;
}

#breadcrumbs .fa {
	font-size: 13px;
}

#breadcrumbs .crumb-wrapper i {
	display: none;
}

#breadcrumbs .crumb {
	display: none;
}

#breadcrumbs .crumb:last-child {
	display: inline;
}

@media (min-width: 768px) {
	#breadcrumbs .crumb-wrapper i {
		display: inline;
	}

	#breadcrumbs .crumb {
		display: inline;
	}
}

@media (min-width: 841px) {
	#breadcrumbs .title-wrapper {
		display: block;
		max-height: 26px;
	}
	#breadcrumbs .title-wrapper + .crumb-wrapper {
		margin-left: 247px;
	}
}

/**
 * E: Main content
 */
#main-content,
#breadcrumbs,
#header-old,
#header-old-ribbon {
	max-width: 1230px;
	width: 1230px;
	margin: 0 auto;
}

#main-content.full-screen {
	width: 100%;
	max-width: 100%;
}

#main-content.left-navigation {
	background-repeat: repeat;
	background-repeat: repeat-y;
	background-size: 235px;
	height: 100%;
}

#main-content:before,
#main-content:after {
	content: " "; /* 1 */
	display: table; /* 2 */
}

#main-content:after {
	clear: both;
}

/**
 * F: Left column
 */

#side-column-wrapper {
	width: 237px;
	float: left;
	background-position: 0;
	-khtml-user-select: none;
	-webkit-user-select: none;
	-moz-user-select: none;
	-ms-user-select: none;
	user-select: none;
}

#side-column {
	width: 221px;
	height: 100%;
	margin: 0 7px 0 8px;
	color: white;
	position: relative;
	display: block;
}

.grid {
	overflow: auto;
}

.grid-1-3,
.grid-2-3 {
	overflow: auto;
}

.left-navigation #side-column {
	background-color: #009fad;
}

.academy .left-navigation #side-column {
	background-color: #61ad00;
}

.company .left-navigation #side-column {
	background-color: #1b365d;
}

#side-column .blob {
	padding: 5px 5px 5px 8px;
	color: white;
}

#side-column .blob a {
	color: white;
	font-weight: bold;
}

#side-column .menu {
	background-color: #fff;
}
#side-column .menu a {
	display: block;
	color: #1b365d;
	line-height: 1.1em;
	cursor: pointer;
}
#side-column .menu a:hover {
	font-weight: bold;
}
#side-column .menu h1,
#side-column .menu .main-option {
	font-size: 14px;
	font-weight: bold;
	color: #444;
	background-color: #fff;
	text-transform: uppercase;
	margin: 0;
	padding: 4px 5px;
	cursor: pointer;
}

#side-column .menu .submenu-wrapper {
	display: none;
}

#side-column .menu .submenu-wrapper h1,
#side-column .menu .submenu-wrapper .main-option {
	cursor: default;
}

#side-column .menu.open > h1,
#side-column .menu.open > h1 a,
#side-column .menu.open > .main-option a,
#side-column .menu.open > .main-option a {
}

#side-column .menu.open .submenu-wrapper {
	display: block;
}
#side-column .menu .submenu {
	margin: 0 5px;
}

#side-column .menu .submenu:last-child {
	padding-bottom: 5px;
}

#side-column .menu .submenu .indenter {
	display: block;
	padding-left: 10px;
	text-indent: -10px;
}
#side-column .menu .submenu .indenter a {
	overflow: visible;
}

#side-column .menu .submenu h1,
#side-column .menu .submenu .main-option {
	color: #666666;
	padding-bottom: 0;
	background-color: inherit;
	text-transform: inherit;
}

#side-column .menu .submenu-wrapper a {
	display: block;
	padding: 4px 0 4px 15px;
	font-size: 13px;
	line-height: 17px;
}
#side-column .menu .submenu-wrapper a.active {
	font-weight: bold;
}

#side-column .menu .submenu-wrapper a:hover {
	font-weight: bold;
}

#side-column .menu .submenu-wrapper .submenu-top-label {
	font-weight: bold;
	font-size: 14px;
	color: #444;
	text-transform: uppercase;
	padding: 4px 5px;
}

#side-column .white-panel {
	margin: 10px;
	padding: 10px 10px;
	background-color: white;
	/*box-shadow: 2px 2px 10px #004;*/
	text-align: center;
	color: #333;
}

#side-column .white-panel h1,
#side-column .white-panel .main-option {
	font-size: 16px;
	font-weight: bold;
	color: #1b365d;
	margin: 0 0 6px 0;
	padding: 0;
}

#side-column .white-panel a {
	font-weight: bold;
}

#sidebar-divider {
	margin: 0 4px;
	height: 1px;
	background-color: white;
}

/**
 * H: Main column
 */

#main-column {
	width: 1040px;
	margin: 10px auto;
}

/* Added by Palmer to get a big Alcumus intro */
#main-column.full-width {
	width: auto;
	margin: 10px 0 10px 10px;
}

.left-navigation #main-column {
	float: left;
	margin: 10px 0 0 10px;
	width: 978px; /* 1230 - 237 (sidebar) - 15 (margin) */
	padding-bottom: 15px;
}

#main-column > h1 + p,
#main-column > .main-option + p {
	margin-top: 0px;
}
#main-column > pre {
	margin-top: 0;
}

#main-column pre:last-child {
	margin-bottom: 0;
	padding-bottom: 10px;
}

#main-column h1.page-title {
	margin: 0 0 6px 0;
	padding: 0;
	font-size: 32px;
	font-weight: bold;
}

/**
The following puts the site in tablet mode, making width
of content 100% and moving sidebar to submenu
**/
@media (max-width: 840px) {
	#breadcrumbs-wrapper {
		display: flex;
		padding: 0 10px;
	}

	.clickable-breadcrumb {
		cursor: pointer;
	}

	#breadcrumbs-wrapper #submenu-icon {
		display: block;
	}

	#breadcrumbs .title-wrapper .title {
		border-bottom: none;
	}

	#main-content.left-navigation #main-column-standard {
		margin-left: 0;
		float: none;
	}

	#main-content {
		max-width: 100%;
		padding: 0;
	}

	.grid {
		padding: 10px;
	}
	.grid-1-3,
	.grid-2-3 {
		display: inline-block;
		zoom: 1;
		*display: inline;
		letter-spacing: normal;
		word-spacing: normal;
		vertical-align: top;
		text-rendering: auto;
	}
	.grid-1-3 {
		width: 33%;
	}

	.grid-2-3 {
		width: 66%;
	}

	#side-column-wrapper,
	#side-column {
		display: none;
		float: none;
		width: 100%;
		height: 100%;
		margin: 0;
	}

	#side-column .white-panel {
		margin: 0 0 20px 10px;
	}

	#side-column .submenu a {
		display: block;
		float: left;
		width: 49.5%;
		line-height: 32px;
		overflow: hidden;
		white-space: nowrap;
	}

	.submenu:before,
	.submenu:after {
		content: " "; /* 1 */
		display: table; /* 2 */
	}

	.submenu:after {
		clear: both;
	}

	#side-column .white-panel a {
		float: none;
		width: 100%;
	}

	#main-content.left-navigation {
		background-image: none;
	}

	.academy #main-content.left-navigation {
		background-image: none;
	}

	.company #main-content.left-navigation {
		background-image: none;
	}

	#side-column-wrapper.active {
		display: block;
		height: auto !important;
		min-height: 0 !important;
	}
	#side-column-wrapper.active #side-column {
		display: block;
		height: auto !important;
		min-height: 0 !important;
	}
}

@media (max-width: 767px) {
	#side-column .white-panel {
		margin: 15px 0 0 0;
	}

	.grid-1-3 {
		width: 100%;
	}

	.grid-2-3 {
		width: 100%;
	}

	#side-column a {
		float: none;
		width: 100%;
	}
}

@media (max-width: 479px) {
	#side-column .submenu a {
		float: none;
		width: 100%;
	}
}

/** Panels **/
.aops-panel {
	border-top: 8px solid #1b365d;
	background-color: white;
	/*box-shadow: 2px 2px 6px #ccc;*/
	padding: 10px 15px;
	margin-bottom: 15px;
	margin-top: 10px;
}

.aops-panel h1,
.aops-panel h2,
.aops-panel h3 {
	margin-top: 0;
}

.aops-form-panel h1 {
	margin-left: -1px;
}

.aops-form-panel .header {
}

.aops-panel .form {
	background-color: #eeeeee;
	padding: 15px 10px 10px 10px;
	margin-bottom: 10px;
}

.aops-panel .footer,
.aops-title-panel .footer {
	text-align: center;
}

.aops-panel .buttons,
.aops-title-panel .buttons {
	margin-top: 10px;
}

.aops-title-panel {
	background-color: white;
	/*box-shadow: 5px 5px 8px #aaa;*/
	margin-bottom: 15px;
}

.aops-title-panel > .header {
	background-color: #1b365d;
	color: white;
	line-height: 20px;
	padding: 5px 10px;
}

.aops-title-panel > .header > .title {
	font-size: 16px;
	font-weight: bold;
}

.aops-title-panel > .body {
	padding: 10px 15px;
}

.grey-panel {
	/*box-shadow: 2px 2px 5px #888;*/
	margin-bottom: 20px;
	background-color: white;
}

.grey-panel .toggle {
	float: right;
	font-size: 16px;
	line-height: 24px;
	padding: 6px 10px 10px 15px;
	color: white;
	cursor: pointer;
	font-weight: bold;
	-khtml-user-select: none;
	-webkit-user-select: none;
	-moz-user-select: none;
	-ms-user-select: none;
	user-select: none;
}

.grey-panel.white-header .toggle {
	color: #1b365d;
}

.grey-panel .toggle:after {
	font-family: AoPS;
	content: " -";
	font-size: 16px;
}

.grey-panel.closed .toggle:after {
	font-family: AoPS;
	content: " +";
}

.grey-panel .header {
	margin-top: 15px;
	padding: 10px;
	background-color: #1b365d;
	color: #fff;
	-khtml-user-select: none;
	-webkit-user-select: none;
	-moz-user-select: none;
	-ms-user-select: none;
	user-select: none;
	font-size: 18px;
	font-weight: bold;
}

.grey-panel.white-header .header {
	background-color: #fff;
	color: #009fad;
}

.academy .grey-panel.white-header .header {
	color: #61ad00;
}

.grey-panel .header h3 {
	margin: 0;
	color: white !important;
	margin-right: 20px;
}

.grey-panel.white-header .header h3 {
	color: #1b365d !important;
}

.grey-panel .header div {
	font-size: 13px;
}

.grey-panel .content {
	background-color: white;
	padding: 10px;
}

.grey-panel.closed .content {
	display: none;
}

.grey-panel .content > .aops-panel {
	border-left: 1px solid #009fad;
	border-right: 1px solid #009fad;
	border-bottom: 1px solid #009fad;
}

.academy .grey-panel .content > .aops-panel {
	border-left: 1px solid #61ad00;
	border-right: 1px solid #61ad00;
	border-bottom: 1px solid #61ad00;
}

/**
 * MAIN COLORS
 */

#side-column .menu .submenu-wrapper a.active,
#side-column .menu.open > h1,
#side-column .menu.open > h1 a,
#side-column .menu.open > .main-option,
#side-column .menu.open > .main-option a,
h1,
h2,
h3,
h4,
h5,
h6 {
	color: #1b365d;
}

#side-column .menu.open > h1,
#side-column .menu.open > h1 a,
#side-column .menu.open > .main-option,
#side-column .menu.open > .main-option a {
	color: white;
	background-color: #1b365d;
}

#breadcrumbs-wrapper,
#breadcrumbs .title {
	color: #444;
	background-color: #009fad;
}

.academy #breadcrumbs-wrapper,
.academy #breadcrumbs .title,
.academy #side-column {
	background-color: #61ad00;
}

.company #breadcrumbs-wrapper,
.company #breadcrumbs .title,
.company #side-column {
	background-color: #1b365d;
}

.company #side-column .menu.open > h1,
.company #side-column .menu.open > h1 a {
	background-color: #82b44a;
	font-weight: 400;
}

.store .aops-panel,
.school .aops-panel,
.community .aops-panel,
.user .aops-panel,
.resources .aops-panel {
	border-top: 8px solid #1b365d;
}

.academy.store .aops-panel,
.academy.school .aops-panel,
.academy.community .aops-panel,
.academy.user .aops-panel,
.academy.resources .aops-panel {
	border-top: 8px solid #1b365d;
}

.national.store .aops-panel,
.national.school .aops-panel,
.national.community .aops-panel,
.national.user .aops-panel,
.national.resources .aops-panel {
	border-top: 8px solid #1b365d;
}

/** Start AoPS font **/

.aops-font {
	font-family: AoPS !important;
}

/** End AoPS font **/

.classroom-emoticon-theme-ba {
	height: 2em;
}

/** Apply to DOMs that are used only as modals **/
.aops-modal {
	display: none;
}

/** Start headers of toplevel sections **/

/**
 * The items with #selector and #recommendation-dropdown may be
 * copied to the main page at some time, at which point it's probably
 * safe to just remove the leading .recommendations class.
 */

.header-box {
	margin: 0 auto;
	position: relative;
	width: 1230px;
	padding-left: 35px;
	padding-right: 35px;
	height: 60px;
	text-align: left;
}

.header-box .round-dropdown {
	position: absolute;
	right: 20px;
	top: 11px;
	margin-top: 7px;
}

.header-box .header-divider {
	width: 1px;
	height: 50px;
	margin: 5px 10px;
	background-color: white;
}

.header-box .header-title {
	display: inline-block;
	color: white;
	font-size: 2em;
	font-weight: bold;
	line-height: 56px;
	margin-top: 2px;
}

.header-box .header-title a {
	color: white;
}

.header-box .header-avatar {
	margin: 10px 10px 0 0;
}

.header-box > div > div {
	display: inline-block;
	vertical-align: top;
}

.header-box .header-user-data {
	margin-top: 8px;
}

.header-box .header-user-data a {
	color: #fff;
}

.header-no-user-bottom {
	margin-top: 10px;
}

@media (max-width: 1270px) {
	.header-box {
		width: 980px;
	}
}

@media (max-width: 1020px) {
	.header-box {
		width: 890px;
	}
}

@media (max-width: 930px) {
	.header-box {
		width: 800px;
	}
}

@media (max-width: 840px) {
	.header-box {
		width: 100%;
	}
}

@media (max-width: 767px) {
	#header #mobile-menu-items {
		display: block;
	}

	.header-box {
		padding-bottom: 13px;
		height: 100px;
	}

	.resources-background-color.header-box .header-title {
		margin-top: 21px;
	}

	.header-box .round-dropdown {
		display: block;
		position: relative;
		top: 0px;
		margin-top: 3px;
		right: 0;
	}

	.header-box .header-divider,
	.header-box .header-avatar,
	.header-box .header-user-data {
		display: none;
	}
}

/** End headers of toplevel sections **/

/* Start AoPS Modal */
/** This will change a lot post-design **/

/** Note: The height of the modal frame is set in Javascript because max-height
		sets computed height percentage to none, which messes things up when children heights
		are set to percentages **/
.aops-modal-wrapper {
	position: fixed;
	width: 100%;
	height: 100%;
	text-align: center;
	vertical-align: middle;
	top: 0px;
	left: 0px;
	bottom: 0px;
	right: 0px;
	display: none;
}

.aops-modal-wrapper-left {
	text-align: left;
	padding: 10px;
}

.aops-modal-mask {
	position: fixed; /* If change to absolute, see Modal.fitMasks for bit of code to add */
	top: -100px;
	left: -100px;
	right: -100px;
	bottom: -100px;
	background-color: #000;
	display: none;
}

.aops-modal-frame {
	background-color: #fff;
	max-width: 80%;
	margin: 0 auto;
	padding: 6px; /*to replace origin border */
}

.aops-modal-short {
	display: none;
	font-size: 20px;
	margin: 20px;
}

.aops-modal-noscroll {
	position: relative;
	width: 100%;
	height: 100%;
}

.aops-modal-body {
	position: relative;
	height: 100%;
}

.aops-modal-body input[type="text"] {
	background-color: white;
	border: 1px solid #a9a9a9;
}

.aops-modal-content-wrapper > .aops-scroll-outer {
	height: 100%;
	width: 100%;
}

.aops-modal-frame.top-and-bottom
	> .aops-modal-content-wrapper
	> .aops-scroll-outer,
.aops-modal-frame.top-and-bottom .aops-modal-noscroll {
	height: calc(100% - 70px);
	height: -webkit-calc(100% - 70px);
}

.aops-modal-frame.top-only > .aops-modal-content-wrapper > .aops-scroll-outer,
.aops-modal-frame.top-only .aops-modal-noscroll {
	height: calc(100% - 30px);
	height: -webkit-calc(100% - 30px);
}

.aops-modal-frame.bottom-only
	> .aops-modal-content-wrapper
	> .aops-scroll-outer,
.aops-modal-frame.bottom-only .aops-modal-noscroll {
	height: calc(100% - 40px);
	height: -webkit-calc(100% - 40px);
}

.aops-modal-content-wrapper {
	position: relative;
	height: 100%;
	width: 100%;
}

.aops-modal-vert-scroll .aops-scroll-inner {
	width: calc(100% + 25px);
	width: -webkit-calc(100% + 25px);
}

.aops-modal-vert-scroll .aops-scroll-bar {
	height: calc(100% - 20px);
	height: -webkit-calc(100% - 20px);
	top: 10px;
	right: 7px;
}

.aops-modal-vert-scroll .aops-scroll-content {
	text-align: left;
}

/** RR got sick of trying to get this to work.  Maybe
 I'll try again if we ever have a front facing modal that
 needs horizontal scroll.  */
.aops-modal-horiz-scroll .aops-scroll-inner {
	height: calc(100% + 25px);
	height: -webkit-calc(100% + 25px);
}

.aops-modal-horiz-scroll .aops-scroll-bar {
	width: calc(100% - 20px);
	width: -webkit-calc(100% - 20px);
	bottom: 10px;
	left: 10px;
	height: 0px;
	display: none;
}

.aops-modal-horiz-scroll .aops-scroll-slider {
	height: 0px;
}

.aops-modal-horiz-scroll .aops-scroll-content {
	height: calc(100% - 12px);
	height: -webkit-calc(100% - 12px);
	text-align: left;
	overflow: auto;
	display: inline-block;
}

.aops-close-x {
	width: 21px;
	height: 21px;
	color: #1b365d;
	position: absolute;
	top: -4px;
	font-size: 20px;
	line-height: 20px;
	right: -6px;
	font-family: AoPS;
	cursor: pointer;
}

.cmty-posting-modal .aops-close-x {
	top: 6px;
	right: 2px;
	color: #fff;
}

.aops-close-x:before {
	content: "J";
}

.aops-close-x:hover {
	color: #009fad;
	text-decoration: none;
}

.academy .aops-close-x:hover {
	color: #61ad00;
}

.aops-modal-help {
	position: relative;
	display: inline-block;
	background: url(//assets.artofproblemsolving.com/images/aops-modal-help-sprite.png)
		0px 0px;
	width: 20px;
	height: 20px;
	vertical-align: top;
}

.aops-modal-help:hover {
	background: url(//assets.artofproblemsolving.com/images/aops-modal-help-sprite.png)
		0px 20px;
}

/*
MODALCHANGE RR 2/18/15
.aops-modal-open {
	overflow : hidden;
}
.aops-modal-open.modal-page-overflow #page-wrapper, .aops-modal-open.modal-page-overflow .page-container {
	overflow-y : scroll;
}
*/

/* AoPS Standard Modal Style */

.aops-modal-standard .aops-modal-body {
	min-width: 350px;
	padding: 10px;
	text-align: left;
	font-size: 15px;
}
/* From PM: because these min-widths are too high at a browser width of 320px. */
@media (max-width: 500px) {
	.aops-modal-standard .aops-modal-body {
		min-width: 0;
	}
}

.aops-modal-standard .aops-scroll-content .aops-modal-body {
	padding-right: 30px;
}

.aops-modal-body .aops-modal-title {
	margin: 0;
	overflow: hidden;
	padding: 0;
}

.aops-modal-standard .aops-modal-title,
.aops-modal-plain-body .aops-modal-title {
	font-size: 18px;
	min-height: 30px;
	line-height: 28px;
	overflow: hidden;
	text-align: left;
	padding: 0 10px;
	color: #1b365d;
	font-weight: bold;
}

.aops-modal-standard .aops-modal-footer,
.aops-modal-plain-body .aops-modal-footer {
	text-align: left;
	font-size: 14px;
	padding: 5px 10px;
	position: relative;
	height: 40px;
}

/** Must be after footer **/
.aops-modal-standard .aops-modal-buttons {
	text-align: right;
	padding-top: 7px;
}

.aops-modal-standard .aops-modal-btn {
	margin: 0px 2px;
}

/** AoPS Quick Modal corrections **/

.aops-modal-quick .aops-modal-body {
	padding: 17px;
	font-size: 17px;
}

.login-prompt-modal .btn:first-child {
	background-color: #eee;
	color: #336cb5;
}

.login-prompt-modal .btn:first-child:hover {
	text-decoration: underline;
}

@media (max-width: 400px) {
	.login-prompt-modal .btn:first-child {
		display: none;
	}
}

.virtual-modal-x .aops-modal-body {
	margin-right: 20px;
}

.virtual-modal-x .aops-scroll-bar {
	height: calc(100% - 40px);
	height: -webkit-calc(100% - 40px);
	top: 30px;
}

.vc-login-modal-fix .aops-modal-body {
	overflow-y: auto;
}

/* End AoPS Modal */

/** Start AoPS Scrollbar CSS **/

.aops-scroll-outer {
	position: relative;
	overflow: hidden;
}

.aops-scroll-bar {
	position: absolute;
	z-index: 10;
	width: 10px; /* Default; overwrite me */
	right: 0px; /* Default; overwrite me */
	height: 100%; /* Default; overwrite me */
	border-radius: 5px; /* Default; overwrite me */
	background-color: #aaa; /* Default; overwrite me */
}

.aops-scroll-slider {
	position: relative;
	width: 10px; /* Default; overwrite me */
	background-color: #444; /* Default; overwrite me */
	border-radius: 5px; /* Default; overwrite me */
}

.aops-scroll-inner {
	position: relative;
	height: 100%;
	-webkit-overflow-scrolling: touch;
}

.aops-scroll-content {
	position: relative;
	overflow: hidden; /* Needed for the margin collapsing issue. */
}

.aops-scroll-fade-top {
	z-index: 5;
	width: 100%;
	position: absolute;
	left: 0px;
	top: 0px;
	pointer-events: none;
	/* From http://www.colorzilla.com/gradient-editor/ */
	background: -moz-linear-gradient(
		top,
		rgba(255, 255, 255, 1) 0%,
		rgba(255, 255, 255, 1) 50%,
		rgba(255, 255, 255, 0) 100%
	); /* FF3.6+ */
	background: -webkit-gradient(
		linear,
		left top,
		left bottom,
		color-stop(0%, rgba(255, 255, 255, 1)),
		color-stop(50%, rgba(255, 255, 255, 1)),
		color-stop(100%, rgba(255, 255, 255, 0))
	); /* Chrome,Safari4+ */
	background: -webkit-linear-gradient(
		top,
		rgba(255, 255, 255, 1) 0%,
		rgba(255, 255, 255, 1) 50%,
		rgba(255, 255, 255, 0) 100%
	); /* Chrome10+,Safari5.1+ */
	background: -o-linear-gradient(
		top,
		rgba(255, 255, 255, 1) 0%,
		rgba(255, 255, 255, 1) 50%,
		rgba(255, 255, 255, 0) 100%
	); /* Opera 11.10+ */
	background: -ms-linear-gradient(
		top,
		rgba(255, 255, 255, 1) 0%,
		rgba(255, 255, 255, 1) 50%,
		rgba(255, 255, 255, 0) 100%
	); /* IE10+ */
	background: linear-gradient(
		to bottom,
		rgba(255, 255, 255, 1) 0%,
		rgba(255, 255, 255, 1) 50%,
		rgba(255, 255, 255, 0) 100%
	); /* W3C */
	filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#ffffff', endColorstr='#00ffffff',GradientType=0 ); /* IE6-9 */
}

.aops-scroll-fade-bottom {
	z-index: 5;
	position: absolute;
	width: 100%;
	left: 0px;
	bottom: 0px;
	pointer-events: none;
	/* From http://www.colorzilla.com/gradient-editor/ */
	background: -moz-linear-gradient(
		top,
		rgba(255, 255, 255, 0) 0%,
		rgba(255, 255, 255, 1) 50%,
		rgba(255, 255, 255, 1) 100%
	); /* FF3.6+ */
	background: -webkit-gradient(
		linear,
		left top,
		left bottom,
		color-stop(0%, rgba(255, 255, 255, 0)),
		color-stop(50%, rgba(255, 255, 255, 1)),
		color-stop(100%, rgba(255, 255, 255, 1))
	); /* Chrome,Safari4+ */
	background: -webkit-linear-gradient(
		top,
		rgba(255, 255, 255, 0) 0%,
		rgba(255, 255, 255, 1) 50%,
		rgba(255, 255, 255, 1) 100%
	); /* Chrome10+,Safari5.1+ */
	background: -o-linear-gradient(
		top,
		rgba(255, 255, 255, 0) 0%,
		rgba(255, 255, 255, 1) 50%,
		rgba(255, 255, 255, 1) 100%
	); /* Opera 11.10+ */
	background: -ms-linear-gradient(
		top,
		rgba(255, 255, 255, 0) 0%,
		rgba(255, 255, 255, 1) 50%,
		rgba(255, 255, 255, 1) 100%
	); /* IE10+ */
	background: linear-gradient(
		to bottom,
		rgba(255, 255, 255, 0) 0%,
		rgba(255, 255, 255, 1) 50%,
		rgba(255, 255, 255, 1) 100%
	); /* W3C */
	filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#00ffffff', endColorstr='#ffffff',GradientType=0 ); /* IE6-9 */
}

.aops-scroll-fade-left {
	z-index: 5;
	height: 100%;
	position: absolute;
	left: 0px;
	top: 0px;
	pointer-events: none;
	/* From http://www.colorzilla.com/gradient-editor/ */
	background: -moz-linear-gradient(
		left,
		rgba(255, 255, 255, 1) 0%,
		rgba(255, 255, 255, 1) 50%,
		rgba(255, 255, 255, 0) 100%
	); /* FF3.6+ */
	background: -webkit-gradient(
		linear,
		left top,
		right top,
		color-stop(0%, rgba(255, 255, 255, 1)),
		color-stop(50%, rgba(255, 255, 255, 1)),
		color-stop(100%, rgba(255, 255, 255, 0))
	); /* Chrome,Safari4+ */
	background: -webkit-linear-gradient(
		left,
		rgba(255, 255, 255, 1) 0%,
		rgba(255, 255, 255, 1) 50%,
		rgba(255, 255, 255, 0) 100%
	); /* Chrome10+,Safari5.1+ */
	background: -o-linear-gradient(
		left,
		rgba(255, 255, 255, 1) 0%,
		rgba(255, 255, 255, 1) 50%,
		rgba(255, 255, 255, 0) 100%
	); /* Opera 11.10+ */
	background: -ms-linear-gradient(
		left,
		rgba(255, 255, 255, 1) 0%,
		rgba(255, 255, 255, 1) 50%,
		rgba(255, 255, 255, 0) 100%
	); /* IE10+ */
	background: linear-gradient(
		to right,
		rgba(255, 255, 255, 1) 0%,
		rgba(255, 255, 255, 1) 50%,
		rgba(255, 255, 255, 0) 100%
	); /* W3C */
	filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#ffffff', endColorstr='#00ffffff',GradientType=1 ); /* IE6-9 */
}

.aops-scroll-fade-right {
	z-index: 5;
	position: absolute;
	height: 100%;
	right: 0px;
	top: 0px;
	pointer-events: none;
	/* From http://www.colorzilla.com/gradient-editor/ */
	background: -moz-linear-gradient(
		left,
		rgba(255, 255, 255, 0) 0%,
		rgba(255, 255, 255, 1) 50%,
		rgba(255, 255, 255, 1) 100%
	); /* FF3.6+ */
	background: -webkit-gradient(
		linear,
		left top,
		right top,
		color-stop(0%, rgba(255, 255, 255, 0)),
		color-stop(50%, rgba(255, 255, 255, 1)),
		color-stop(100%, rgba(255, 255, 255, 1))
	); /* Chrome,Safari4+ */
	background: -webkit-linear-gradient(
		left,
		rgba(255, 255, 255, 0) 0%,
		rgba(255, 255, 255, 1) 50%,
		rgba(255, 255, 255, 1) 100%
	); /* Chrome10+,Safari5.1+ */
	background: -o-linear-gradient(
		left,
		rgba(255, 255, 255, 0) 0%,
		rgba(255, 255, 255, 1) 50%,
		rgba(255, 255, 255, 1) 100%
	); /* Opera 11.10+ */
	background: -ms-linear-gradient(
		left,
		rgba(255, 255, 255, 0) 0%,
		rgba(255, 255, 255, 1) 50%,
		rgba(255, 255, 255, 1) 100%
	); /* IE10+ */
	background: linear-gradient(
		to right,
		rgba(255, 255, 255, 0) 0%,
		rgba(255, 255, 255, 1) 50%,
		rgba(255, 255, 255, 1) 100%
	); /* W3C */
	filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#00ffffff', endColorstr='#ffffff',GradientType=1 ); /* IE6-9 */
}

/** End AoPS Scrollbar CSS **/

/** Begin autocomplete CSS **/

.ui-helper-hidden-accessible {
	display: none !important;
}

.ui-autocomplete-term {
	font-weight: bold;
}

/** End autocomplete CSS **/

/**
 * Default chosen style. Use class aops-select on select tag
 */
.aops-select + .chosen-container {
	vertical-align: top;
}
.aops-select + .chosen-container .chosen-single {
	background: none repeat scroll 0 0 padding-box #eeeeee;
	border-radius: 0;
	line-height: 21px;
}
.aops-select + .chosen-container .chosen-results {
	color: #444;
}

/**
 * The big bar is usually shown in place of a breadcrumb bar
 */
.big-bar-wrapper {
	background-color: #009fad;
	height: 70px;
	margin: 0 0 10px 0;
}
.academy .big-bar-wrapper {
	color: #61ad00;
}

.big-bar {
	width: 1160px;
	color: white;
	margin: auto;
	padding-top: 10px;
}

/* OLD WIKI BANNER*/

.wikibanner {
	border-top: 10px solid rgb(210, 42, 58);
	margin-bottom: 10px;
	padding: 10px;
	background-color: white;
}

/* NEW WIKI BANNER */
.wikiannounce-outer {
	position: relative;
	width: 100%;
	display: flex;
	display: -webkit-flex;
	align-items: center;
	background-color: #fff;
	margin-bottom: 10px;
	overflow: hidden;
}

.wikiannounce-filler {
	position: absolute;
	left: 0;
	top: 0;
	width: 50%;
	height: 100%;
	background-color: #1b365d;
}

.wikiannounce {
	position: relative;
	color: #fff;
	background-color: #1b365d;
	transform: skewX(-15deg);
	transform-origin: 0 100%;
	padding-right: 30px;
	font-size: 120%;
	line-height: 1.2;
	text-align: center;
	flex-grow: 1;
}

.wikiannounce-title {
	font-size: 150%;
	padding: 15px 10px 5px;
	width: 100%;
	transform: skewX(15deg);
	transform-origin: 0 100%;
}

.wikiannounce-text {
	width: 100%;
	padding: 10px 15px 30px;
	transform: skewX(15deg);
	transform-origin: 0 100%;
}

.wikiannounce-button {
	position: relative;
	display: block;
	left: -25px;
	width: max-content;
	font-size: 130%;
	font-weight: bold;
	border: 3px solid #fff;
	background-color: #009fad;
	padding: 5px 15px;
	margin: 15px auto;
	white-space: nowrap;
	color: #fff;
}

.wikiannounce-button {
	color: #fff !important;
}

.wikiannounce-text a {
	color: #fff !important;
	text-decoration: underline;
}

@media (max-width: 700px) {
	.wikiannounce-outer {
		flex-direction: column;
	}
	.wikiannounce {
		transform: skewY(-5deg);
		transform-origin: 100% 0;
		padding-right: 0;
	}
	.wikiannounce-filler {
		width: 100%;
		height: 50%;
	}
	.wikiannounce-title,
	.wikiannounce-text {
		transform: skewY(5deg);
		transform-origin: 100% 0;
	}
	.wikiannounce-button {
		left: 0;
		top: -10px;
	}
}

/**
 * Responsive design
 */

@media (max-width: 1270px) {
	#header-old,
	#breadcrumbs,
	#main-content,
	#header-old-ribbon,
	#main-column {
		max-width: 980px;
		width: 980px;
	}

	.left-navigation #main-column {
		width: 728px;
	}
	.big-bar {
		width: 900px;
	}
}

@media (max-width: 1020px) {
	#header-old,
	#breadcrumbs,
	#main-content,
	#header-old-ribbon,
	#main-column {
		max-width: 890px;
		width: 890px;
	}
	.left-navigation #main-column {
		width: 638px;
	}
	.big-bar {
		width: 820px;
	}
}

@media (max-width: 930px) {
	#header-old,
	#breadcrumbs,
	#main-content,
	#header-old-ribbon,
	#main-column {
		max-width: 800px;
		width: 800px;
	}
	.left-navigation #main-column {
		width: 548px;
	}
	.big-bar {
		width: 730px;
	}
}

@media (max-width: 840px) {
	#header-old,
	#breadcrumbs,
	#main-content,
	#header-old-ribbon,
	#main-column {
		max-width: 99.9%;
		width: 99.9%;
	}

	/** Prevent wrapping under submenu icon */
	#breadcrumbs {
		max-width: calc(100% - 30px);
		overflow: hidden;
	}

	#header-old-ribbon {
		right: 10px;
	}
	.left-navigation #main-column,
	#main-column {
		float: none;
		width: 97%;
		margin-left: auto;
		margin-right: auto;
	}

	.big-bar {
		width: 92%;
	}
}

@media (max-width: 768px) {
	#mobile-dropdown-thumb {
		display: block;
	}

	#header-old-ribbon {
		right: 0;
	}
	#banner {
		display: none;
	}
}
img.latex {
	vertical-align: -0px;
	-moz-transform: rotate(0deg); /* Firefox hack */
}

/**
 * Profile control
 */
#profile-flyout {
	z-index: 99999;
	height: 140px;
	width: 200px;
	right: 50px;
	position: fixed;
	bottom: -117px;
	font-size: 12px;
	line-height: 16px;
}

#profile-flyout .tab {
	position: absolute;
	left: 70px;
	top: 1px;
	width: 60px;
	margin: auto;
	border: 1px solid green;
	background-color: white;
	text-align: center;
	border-top-left-radius: 8px;
	border-top-right-radius: 9px;
	height: 23px;
	line-height: 23px;
	border-bottom: none;
	cursor: pointer;
}

body.hide-mathjam-bar .infobar-mathjam {
	display: none;
}

.infobar {
	padding: 2px 0;
	text-align: center;
	background-color: #1b365d;
	font-size: 15px;
	line-height: 23px;
	color: white;
	display: -webkit-flex;
	-webkit-align-items: center;
	display: flex;
	align-items: center;
}

.infobar-hellobar {
	font-weight: bold;
	padding: 8px 0;
	font-size: 1.1875rem;
	line-height: 1.5;
}
.infobar-hellobar a {
	text-decoration: underline;
}
.infobar-hellobar.infobar-hellobar-hide {
	display: none;
}

.infobar-text {
	flex: 1 1 auto;
	-webkit-flex: 1 1 auto;
}

.infobar-classroom,
.infobar-office-hours {
	background-color: #f97306;
	color: white;
}

.infobar-mathjam {
	background-color: #ac3d75;
}

.aopstop .infobar {
	background-color: #008c95;
}

.aopstop .infobar-classroom,
.aopstop .infobar-office-hours {
	background-color: #f97306;
}

.aopstop .infobar-mathjam {
	background-color: #ac3d75;
}

.infobar-warning {
	background-color: #e2002b;
	color: white;
}

span.infobar-hide {
	height: 32px;
	width: 32px;
	padding: 4px;
	margin: 4px 8px;
	border-radius: 4px;
	cursor: pointer;

	display: table;
}

span.infobar-hide.academy::before {
	font-size: 16px;
	font-family: AoPS;
	display: table-cell;
	vertical-align: middle;

	content: "J";
}

span.infobar-hide:hover {
	background-color: #001b42;
}

i.infobar-hide {
	margin: 0px;
	padding: 0px;
	position: relative;
}

.infobar-dark-text,
.infobar-dark-text a,
.infobar-dark-text a:visited {
	color: #1b365d !important;
}

.infobar-dark-text .bar-link a span {
	border-color: #1b365d !important;
}

.infobar a,
.infobar a:visited {
	color: white;
}

.infobar-cmty-status {
	background-color: #e2002b;
	font-weight: bold;
	font-size: 1.1em;
}

.infobar-cmty-status .infobar-hide {
	display: none;
}

.infobar-cmty-status a {
	text-decoration: underline;
}

/* Adds info bar for MATHCOUNTS contest 2020. See T35633 */

.infobar-contest {
	position: relative;
	background-image: url(/assets/images/patterns/pattern-aops.png);
	background-size: 70px;
	background-repeat: repeat;
	background-color: rgb(27, 54, 93);
}

.infobar-contest::before {
	position: absolute;
	content: "";
	top: 0;
	left: 0;
	width: 100%;
	height: 100%;
	background: linear-gradient(0deg, rgb(81, 79, 124), rgba(81, 79, 124, 0) 70%);
}

.infobar-contest > * {
	z-index: 1;
}

/**
 * New infobar structure - T23635
 */
.bar-link a span.small {
	display: none;
}

.infobar-text > div {
	margin: 0 auto;
	max-width: 1170px;
	display: grid;
	grid-template-columns: 1fr 4fr 1fr;
	grid-column-gap: 10px;
	padding: 0 0 0 30px;
}

.bar-img,
.bar-txt {
	padding-top: 10px;
	padding-bottom: 10px;
}

.bar-img {
	max-height: 100px;
	display: flex;
	flex: 0 1 auto;
	justify-content: flex-start;
	align-items: center;
}

.bar-img img {
	/** max-height of parent - 20px
	 *  for padding - this is to make
	 *  safari happy
	 */
	max-height: 40px;
}

.bar-txt {
	display: flex;
	flex-direction: column;
	flex: 0 1 auto;
	justify-content: center;
	align-items: center;
}

.bar-txt .bar-top {
	text-transform: uppercase;
}

.bar-link {
	display: flex;
	flex: 0 1 auto;
	justify-content: center;
	align-items: center;
}

.bar-link a {
	display: flex;
	flex: 0 1 auto;
	justify-content: center;
	align-items: center;
	width: 100%;
}

.bar-link a span {
	display: block;
	text-transform: uppercase;
	width: 100%;
	border: 2px solid #fff;
}

.bar-link a:hover,
.bar-link a:focus {
	text-decoration: none;
}

.bar-link a:hover span,
.bar-link a:focus span {
	background-color: rgba(255, 255, 255, 0.2);
}

@media all and (-ms-high-contrast: none), (-ms-high-contrast: active) {
	/* media query for ie 11, which does not like grid */
	.infobar-text > div {
		display: flex;
		flex: 0 1 auto;
		justify-content: space-between;
	}

	.bar-txt div {
		width: 100%;
	}

	.bar-img,
	.bar-link {
		width: calc(16.667% - 5px);
		max-width: calc(16.667% - 5px);
		min-width: calc(16.667% - 5px);
	}

	.bar-txt {
		width: calc(66.667% - 10px);
		max-width: calc(66.667% - 10px);
		min-width: calc(66.667% - 10px);
		margin: 0 10px;
	}
}

@supports (-ms-ime-align: auto) {
	/* media query for edge, which is a bit wonky with grid, apparently */
	.infobar-text > div {
		display: flex;
		flex: 0 1 auto;
		justify-content: space-between;
	}

	.bar-txt div {
		width: 100%;
	}

	.bar-img,
	.bar-link {
		width: calc(16.667% - 5px);
		max-width: calc(16.667% - 5px);
		min-width: calc(16.667% - 5px);
	}

	.bar-txt {
		width: calc(66.667% - 10px);
		max-width: calc(66.667% - 10px);
		min-width: calc(66.667% - 10px);
		margin: 0 10px;
	}
}

/**
 * Media queries for new info bar structure
 */
@media screen and (max-width: 700px) {
	.bar-link a span.normal,
	.bar-img,
	.bar-txt .bar-top {
		display: none;
	}

	/* only for server control */
	.bar-reserved {
		display: block !important;
	}

	.bar-link a span.small {
		display: block;
	}

	/** minimum for touch **/
	.infobar {
		min-height: 48px;
	}

	.infobar-text > div {
		grid-template-columns: 1fr 48px;
	}

	.bar-link a {
		width: 100%;
		height: 100%;
	}

	.infobar-hide {
		padding: 0 19px;
		height: 44px;
		display: flex;
		flex: 0 1 auto;
		justify-content: center;
		align-items: center;
	}

	i.infobar-hide {
		padding: 0;
	}

	/** for IE 11 **/
	_:-ms-fullscreen,
	:root .bar-link {
		width: 48px;
	}

	_:-ms-fullscreen,
	:root .bar-txt {
		margin: 0 10px 0 0;
		width: calc(100% - 58px);
		max-width: calc(100% - 58px);
		min-width: calc(100% - 58px);
	}
}

/**
 * Full-screen mode.  This should always be last.
 */
.fullscreen #header-wrapper,
.fullscreen #footer-wrapper,
.fullscreen #small-footer-wrapper {
	display: none !important;
}

ul.ui-menu {
	z-index: 500000000;
}

/** Username autocomplete drop-down styling.  We'll clean this up at some point **/

ul.ui-menu.username-autocomplete {
	position: absolute;
	padding-left: 1px;
	background-color: #ccc;
	border: 1px solid black;
}

ul.ui-menu.username-autocomplete li {
	list-style: none;
	margin-left: 2px;
}

ul.ui-menu.username-autocomplete .ui-state-focus {
	background-color: #fff !important;
}

@media screen {
	.printer {
		display: none;
	}
}

@media print {
	body {
		font-size: 12px;
	}
	.no-print,
	.btn,
	#header,
	#breadcrumbs-wrapper {
		display: none !important;
	}
	.print-center {
		text-align: center;
	}
	#footer-wrapper,
	#profile-flyout {
		display: none;
	}
	#header-old-ribbon,
	#header-old-background .colors {
		display: none;
	}
	#header-old-background .print {
		display: block;
	}
	#header-old .navigation {
		display: none;
	}
	.infobar {
		display: none;
	}
	.aops-panel {
		box-shadow: none;
		border-top-width: 2px;
	}
	#print-footer {
		font-size: 11px;
		text-align: right;
	}
}

/*
PM: New hi-res latex images require set widths. These widths must apply
directly to the image. This is why we change the box-sizing.
*/
img.latexcenter,
img.asy-image {
	display: block;
	margin: auto;
	padding: 1em 0;
	-webkit-box-sizing: content-box;
	-moz-box-sizing: content-box;
	box-sizing: content-box;
	-moz-transform: rotate(0deg); /* Firefox hack */
	max-width: 100%;
	height: auto;
}

/* AoPS fixes for YUI3 Grids */
.form-group:before,
.form-group:after {
	content: " "; /* 1 */
	display: table; /* 2 */
}
.form-group:after {
	clear: both;
}

.form-group > div:first-child {
	float: left;
	min-height: 1px;
	width: 25%;
}

.form-group label {
	white-space: nowrap;
	float: right;
	margin-right: 10px;
	line-height: 34px;
}

.form-group.small label {
	line-height: 25px;
}

.form-group label + div {
	clear: both;
	font-size: 11px;
	text-align: right;
	margin-right: 10px;
	line-height: 14px;
	white-space: normal;
	top: -8px;
	position: relative;
}

.form-group > div:nth-child(2) {
	float: left;
	min-height: 1px;
	width: 50%;
}

.checkbox-list label {
	display: block;
	font-weight: normal;
	line-height: 1.428571429em;
	clear: both;
	float: none;
}
.checkbox-list input[type="checkbox"] {
	float: left;
	margin-right: 0.4em;
}

.aops-modal-body .form-group > div:nth-child(2) {
	width: 75%;
}

table td.currency,
table th.currency {
	text-align: right;
}

.currency {
}
.currency.negative {
	color: darkred;
}

/* The dash is pushed down when bold, so life it back up */
.currency .dash {
	font-weight: normal;
	position: relative;
	top: -1px;
}

.pagination {
	display: -ms-flexbox;
	display: flex;
	padding-left: 0;
	list-style: none;
	border-radius: 0.25rem;
}
.pagination li a {
	padding: 10px;
}
.pagination li.active a {
	font-weight: bold;
}
@media (max-width: 1020px) {
	.form-group > div:nth-child(2) {
		width: 75%;
	}
}

@media (max-width: 930px) {
	.form-group > div:first-child {
		width: 30%;
	}
	.form-group > div:nth-child(2) {
		width: 70%;
	}

	.aops-modal-body .form-group > div:first-child {
		width: 25%;
	}
	.aops-modal-body .form-group > div:nth-child(2) {
		width: 75%;
	}
}

@media (max-width: 640px) {
	.aops-modal-body .form-group > div:first-child,
	.form-group > div:first-child,
	.form-group label {
		float: none;
		width: 100%;
	}

	.aops-modal-body .form-group > div:nth-child(2),
	.form-group > div:nth-child(2) {
		float: none;
		width: 100%;
	}

	.form-group label + div {
		text-align: left;
		margin-right: 0;
	}
}

table.aops {
	width: 100%;
	background-color: white;
	padding: 1px;
	margin: 1em 0;
	border-collapse: collapse;
	border-spacing: 2px;
	display: table;
	border: 1px solid white;
}

table.aops th {
	background-color: #1b365d;
	color: white;
}

table.aops tr {
	background-color: #f2f2f2;
}

table.aops tr:nth-child(even) {
	background-color: #e1e1e1;
}

table.aops td,
table.aops th {
	padding: 3px 10px;
	vertical-align: top;
	border: 1px solid white;
}

table.aops.interactive tr:hover td {
	background-color: lightblue;
	cursor: pointer;
}
table.aops.interactive tr.active td {
	background-color: lightgreen;
	cursor: pointer;
}

/**
 * ASK AOPS WIDGET
 */

.askaops {
	background-image: url('data:image/svg+xml;utf8,<svg viewBox="0 0 236 1" width="235" height="1" xmlns="http://www.w3.org/2000/svg"  version="1.1" x="0px" y="0px"><line x1="0" y1="0" x2="235" y2="0" style="stroke-width:2;stroke:#eee"/></svg>');
	background-repeat: repeat-y;
}

.askaops label {
	display: block;
}

.askaops .form-control {
	margin-top: 10px;
}

.askaops .askaops-categories {
	float: left;
	width: 235px;
	padding: 10px;
	text-align: left;
	min-height: 200px;
}

.askaops .askaops-form {
	margin-left: 235px;
	padding: 10px;
	text-align: left;
}

.askaops h1 {
	margin-top: 0;
	margin-bottom: 5px;
	font-size: 20px;
}

.askaops #askaops-error,
.askaops #askaops-username,
.askaops #askaops-ordernumber,
.askaops #askaops-course {
	display: none;
}

/* Make controls slightly smaller when scroll bar appears */
.askaops-modal .aops-scrollbar-visible .form-control {
	width: 97%;
}

.askaops-modal .aops-scrollbar-visible .btn {
	margin-right: 3%;
}

.askaops-modal-wrapper {
	overflow: auto !important;
}

@media (max-width: 767px) {
	.askaops {
		background: none;
	}
	.askaops .askaops-categories {
		float: none;
		width: 100%;
		display: none;
	}
	.askaops .askaops-form {
		margin-left: 0;
	}
}

#main-column .CodeMirror pre:last-child {
	padding-bottom: 0;
}

.aopscode-error {
	color: red;
}

.tablet {
	display: none !important;
}
.desktop {
	display: none !important;
}
@media (min-width: 769px) {
	.desktop {
		display: block !important;
	}
	.tablet {
		display: none !important;
	}
}
@media (min-width: 481px) {
	.mobile {
		display: none !important;
	}
	.tablet {
		display: block !important;
	}
}

.bbcode-youtube {
	display: block;
	width: 640px;
	height: 385px;
}

.bbfont-half {
	font-size: 8px;
}

.bbfont-three-q {
	font-size: 12px;
}

.bbfont-regular {
	font-size: 15px;
}

.bbfont-one-five {
	font-size: 22px;
	line-height: 24px;
}

.bbfont-double {
	font-size: 30px;
	line-height: 32px;
}

/**
 * Override select2 stylesheet
 */
.select2-container .select2-choice .select2-arrow b {
	background-position: 0 -1px;
}
.select2-container .select2-choice {
	height: 24px;
	border-radius: 0;
	line-height: 24px;
}
.select2-container .select2-choice .select2-arrow {
	border-radius: 0;
}

/** Work on getting an input text and button to align **/
.inline-input:before,
.inline-input:after {
	content: " ";
	display: table;
}
.inline-input:after {
	clear: left;
}
.inline-input input[type="text"] {
	float: left;
	line-height: 25px;
	padding: 0 5px;
	border: 1px solid #ddd;
	border-right: none;
	height: 26px;
	outline: none;
}
.inline-input input[type="submit"] {
	float: left;
	border: 1px solid #ddd;
	border-left: none;
	line-height: 25px;
	height: 26px;
}
.school .inline-input input[type="submit"] {
	background-color: #009fad;
}
.academy.school .inline-input input[type="submit"] {
	background-color: #61ad00;
}

/* The round dropdown as found on some index on recommendations pages */

.round-dropdown {
	min-width: 200px;
	border-radius: 12px;
	background-color: white;
	padding: 0 12px;
	line-height: 24px;
	border: 1px solid #009fad;
	-khtml-user-select: none;
	-webkit-user-select: none;
	-moz-user-select: none;
	-ms-user-select: none;
	user-select: none;
	z-index: 900; /* Must be lower than the feed */
}

.round-dropdown:before {
	position: absolute;
	right: 10px;
	content: "S";
	font-family: "AoPS";
	color: #009fad;
	font-size: 20px;
	transform: rotate(180deg);
	cursor: pointer;
}

.academy .round-dropdown {
	border-color: #61ad00;
}

.academy .round-dropdown:before {
	color: #61ad00;
}

.round-dropdown.open:before {
	transform: rotate(0deg);
}

.round-dropdown .selected {
	min-height: 24px;
	margin-right: 40px;
	cursor: pointer;
	color: #999;
}

.round-dropdown .content {
	display: none;
	color: #333;
}

.round-dropdown.open .content {
	display: block;
	padding-bottom: 10px;
}

.round-dropdown .header {
	font-weight: bold;
	color: #333;
}

.round-dropdown .indenter {
	display: block;
	margin-left: 15px;
}

.round-dropdown a:hover {
	font-weight: bold;
}

body.school .round-dropdown:before,
.school-background-color .round-dropdown:before {
	color: #009fad;
}

body.academy.school .round-dropdown:before,
.school-background-color .round-dropdown:before {
	color: #61ad00;
}

#main-column {
	position: relative;
}
#main-column .round-dropdown {
	position: absolute;
	top: 10px;
	right: 0px;
}

@media (max-width: 600px) {
	#main-column .round-dropdown {
		position: relative;
		top: auto;
		right: auto;
		margin-bottom: 15px;
	}
}

a.full-cell-link {
	position: absolute;
	width: 100%;
	height: 100%;
	top: 0;
	left: 0;
	z-index: 3;
	background-color: white;
	opacity: 0;
	filter: alpha(opacity=1);
}

/** Needed because community overrides input[type=text] without properly namespacing it! grr! **/
#login-username {
	padding: 6px 12px;
}

.to-edit {
	background-color: yellow;
}

.faq-panel .grey-panel {
	cursor: pointer;
}

.faq-panel .grey-panel .content {
	background-color: #eee;
}

.faq-panel .faq-item {
	margin-bottom: 10px;
}

.faq-panel .faq-item:last-child {
	margin-bottom: 0;
}

.faq-panel .question {
	font-weight: bold;
}

.faq-panel .answer {
	padding-left: 10px;
}

.store .tab-wrapper,
.school .tab-wrapper {
	width: 100%;
}

.store .tab,
.school .tab {
	background-color: #1b365d;
	color: white;
	margin: 0;
	padding: 3px 0px;
	text-align: center;
	box-sizing: border-box;
	cursor: pointer;
	height: 44px;
	line-height: 44px;
	border-bottom: 2px solid white;
	font-weight: bold;
}
.store .tab:hover,
.school .tab:hover {
	background-color: #135b7b;
}

.store .tab.active,
.school .tab.active {
	background-color: #009fad;
}

.academy.store .tab.active,
.academy.school .tab.active {
	background-color: #61ad00;
}

.store .tab-contents,
.school .tab-contents {
	background-color: white;
	padding: 10px 15px;
	min-height: 300px;
}

.store .tab-contents h3:first-child,
.store .tab-contents h3:nth-child(2),
.school .tab-contents h3:first-child,
.school .tab-contents h3:nth-child(2) {
	margin-top: 0px;
}

@media (min-width: 769px) {
	.store .tab,
	.school .tab {
		width: 25%;
		float: left;
		border-right: 2px solid white;
		line-height: inherit;
		height: auto;
	}
	.store .three-tabs .tab,
	.school .three-tabs .tab {
		width: 33.33%;
	}
	.store .tab:nth-child(4),
	.school .tab:nth-child(4) {
		border-right-width: 0px;
	}

	.store .three-tabs .tab:nth-child(3),
	.school .three-tabs .tab:nth-child(3) {
		border-right-width: 0px;
	}
}

.my-items-sidebar {
	font-size: 16px;
	color: white;
	font-weight: bold;
}

.my-items-sidebar a,
.my-items-sidebar a:visited {
	font-size: 16px;
	color: white;
	font-weight: bold;
}

.sidebar-myitem {
	margin-left: 23px;
	font-weight: bold;
	line-height: 18px;
	margin-top: 3px;
	padding-left: 10px;
	text-indent: -10px;
}

.sidebar-myitem a,
.sidebar-myitem a:visited {
	color: #cdeef1;
}

.sidebar-ebooks .status-pending {
	opacity: 60%;
}
.resources .sidebar-myitem a,
.resources .sidebar-myitem a:visited {
	color: #cdeef1;
}

.center {
	text-align: center;
}

.right {
	text-align: right;
}

/* Academy box */
.academy-announce {
	background-color: #f2f2f2 !important;
}
.academy-announce > div {
	display: inline-block;
}

.academy-announce.header-box {
	border-top: 10px solid #009fad;
	margin-top: 0;
	height: 88px;
	padding-top: 0;
	vertical-align: top;
}
.header-box .academy-headline.header-title {
	color: #009fad;
	padding-top: 5px;
	vertical-align: top;
}

.academy-text {
	font-size: 20px;
	width: calc(100% - 228px);
	width: -webkit-calc(100% - 228px);
	text-align: center;
	padding: 0 0 0 10px;
	margin-top: 10px;
}

@media (max-width: 1270px) {
	.academy-text {
		font-size: 18px;
	}

	body.academy {
		overflow-x: hidden;
	}
}

@media (max-width: 1020px) {
	.academy-text {
		font-size: 16px;
	}
	.header-box .academy-headline.header-title {
		padding-top: 0;
	}
	.academy-announce.header-box {
		height: 78px;
	}
}

@media (max-width: 930px) {
	.academy-text {
		font-size: 16px;
		padding-bottom: 5px;
	}
	.header-box .academy-headline.header-title {
		padding-top: 0;
	}
	.academy-announce.header-box {
		height: auto;
	}
}

@media (max-width: 680px) {
	.academy-announce {
		text-align: center;
	}

	.academy-announce > div {
		display: block;
	}

	.academy-text {
		width: 100%;
	}
}

.landing .index-content {
	margin-bottom: 20px;
}

.school-index-content .aops-panel,
.store-index-content .aops-panel,
.resources .resources-index-content .aops-panel {
	margin-bottom: 0;
}

/* Partner page CSS */
.partner .card {
	margin: 10px 0px;
	padding: 20px;
	text-align: center;
	border: #fff solid 3px;
	display: block;
	text-decoration: none;
}
.partner .card:hover {
	border: #000 solid 3px;
	text-decoration: none;
}
.partner .card.school {
	background-color: #009fad;
	color: white;
}
.partner .card.books {
	background-color: #009fad;
	color: white;
}
.partner .card.beast {
	background-color: #511e8f;
	color: white;
}
.partner .card.academy {
	background-color: #008fd5;
	color: white;
}
th.tablesorter-header {
	background-image: url(data:image/gif;base64,iVBORw0KGgoAAAANSUhEUgAAAAwAAAAQBAMAAADQT4M0AAAAGFBMVEUAAADu7u7u7u7u7u7u7u7u7u7u7u7u7u5jNePWAAAACHRSTlMAMxIHKwEgMWD59H4AAABSSURBVAjXY2BgYFJgAAHzYhDJ6igSAKTYBAUTgJSioKAQAwNzoaCguAFDiCAQuDIkgigxBgiA8cJAVCpQt6AgSL+JoKAzA0gjUBsQqBcBCYhFAAE/CV4zeSzxAAAAAElFTkSuQmCC);
	background-position: right 5px center;
	background-repeat: no-repeat;
	cursor: pointer;
	white-space: normal;
	text-align: left;
	outline: none;
}
th.tablesorter-header.tablesorter-headerDesc {
	background-image: url(data:image/gif;base64,iVBORw0KGgoAAAANSUhEUgAAAAwAAAAQBAMAAADQT4M0AAAALVBMVEUAAADu7u7u7u7u7u7u7u7u7u7u7u7u7u7u7u7u7u7u7u7u7u7u7u7u7u7u7u7i0NViAAAADnRSTlMAMiweCQITTvDctZZqaTlM310AAABcSURBVAjXY2BgYEtgAAFHERDJqigUAKSYBQUNgFSioKAYAwOLIBA4MASBKFUGQxAlzAAF+94BwWuGKBC1lIFl3rt3Lx0YGCzevWsGSjK9e6cAUlT3HKyW9wADAwDRrBiDy6bKzwAAAABJRU5ErkJggg==);
}

th.tablesorter-headerAsc {
	background-image: url(data:image/gif;base64,iVBORw0KGgoAAAANSUhEUgAAAAwAAAAQBAMAAADQT4M0AAAAIVBMVEUAAADu7u7u7u7u7u7u7u7u7u7u7u7u7u7u7u7u7u7u7u5meJAOAAAACnRSTlMAMwsqXt+gIBUGxGoDMAAAAFlJREFUCNctzC0SQAAUReEzGNQ3AlHRiSRZFCVZYgeswRL8hLdK7834wj3tAlGP6y7fYHpKS6w6WwbVG0I1NZVnZPG8/DYxOYlnhUYkA06R1s9ESsxR4NIdPhkPFDFYuEnMAAAAAElFTkSuQmCC);
}
th.tablesorter-header.sorter-false {
	background-image: none;
}

/*
* Note this is also copied in admin.css because I could not find a
* css file that was shared between main aops and admin pages.
*/
#imitator-indicator {
	position: fixed;
	bottom: 8px;
	left: 8px;
	background-color: rgb(119, 16, 22);
	color: white;
	padding: 8px;
	z-index: 999999999;
}