html {
	overflow-y: scroll;
	overflow-x: hidden;
	font-size: 16px;
}


body {
	font-family: 'Open Sans', Arial, sans-serif;
	font-weight: 400;
	color: #000000;
	text-align: center;
	position: static !important;
}

main {
	/* Backwards compatibility, for browsers that don't support the "main" tag */
	display: block;
	font-size: 16px;
	/* Add margin at top for fixed (out-of-flow) navbar */
	margin-top: 80px;
}

@media only print
{
	/* Undo navbar margin for printing (navbar is hidden for print media) */
	main
	{
		margin-top: 0px;
	}
	
	
	/* Avoid page breaks inside sections of legal pages (EULA, Privavy Policy, etc.) */
	.legal-block div
	{
		page-break-inside: avoid;
	}
}

/* Increase navbar height by 30px to fit image */
.navbar {
	min-height: 80px;
	font-size: 14px;
	z-index: 1030;
	padding-right: 15px;
	padding-left: 15px; 
	box-shadow:  0 2px 2px rgba(0,0,0,.2);
}

/* Bring the collapsed navbar's top line down to fit image */
/* Bring navbar contents down to adjust for taller navbar */
/* Navbar was expanded by 30px to accomodate image, so links are brought down by half that value to maintain centering */
.collapse.navbar-collapse.in, nav .container
{
	margin-top: 15px;
}

/* Make background slightly transparent */
.navbar.navbar-default.navbar-fixed-top
{
	background-color: rgba(245, 245, 252, 0.98);
}

.navbar-default .navbar-nav > li > a {
	color: #333 !important;
}


/* Absolute centering of navbar image */
.navbar-image
{
	position: absolute;
	left: 50%;
	margin-top: 5.5px;
	margin-left: -32.5px;
}

/* Image needs to be fixed-size for absolute centering to work */
.navbar-image img
{
	width: 60px;
	height: 60px;
}


/* Override default styling which puts edge of navbar off right edge of screen */
/* Undo left button separation when in collapsed navbar */
.navbar-right, .collapse.navbar-collapse.in .navbar-left .navbar-btn, .collapsing.navbar-collapse .navbar-left .navbar-btn
{
	margin-right: 0px;
}


/* Separate left button(s) from other navbar links */
.navbar-left .navbar-btn
{
	margin-right: 20px;
}

/* Separate right button(s) from other navbar links */
.navbar-right .navbar-btn
{
	margin-left: 10px;
}

/* Undo right button separation when in collapsed navbar */
.collapse.navbar-collapse.in .navbar-right .navbar-btn, .collapsing.navbar-collapse .navbar-right .navbar-btn
{
	margin-left: 0px;
}

@media only screen and (max-width: 767px)
{
	main
	{
		margin-top: 60px;
	}

	.navbar-image {
		margin-left: -25px;
		margin-top: 7px;
	}
	
	.collapse.navbar-collapse.in, .collapsing.navbar-collapse
	{
		margin-top: 5px;
	}
}


h1, .section-header, hr.section-divider
{
	/* Remove selection cursor for page headers */
	cursor: default;
	
	/* Place divider line under heading */
	border-bottom-width: 2px;
	border-bottom-style: solid;
	border-bottom-color: #BD1900;
	border-bottom-left-radius: 2px;
	border-bottom-right-radius: 2px;
}

h1
{
	text-align: center;
	
	/* Separate bottom border from heading */
	padding-bottom: 25px;
}

.section-header
{
	padding-bottom: 10px;
}

.section-divider
{
	border-top-left-radius: 2px;
	border-top-right-radius: 2px;
}

/* Light font weight for largest headings/buttons */
h1, .btn-xl
{
	font-weight: 300;
}


.mid-block-header
{
	margin-bottom: 20px;
}


/* Central definition for transitions, to allow for a consistent aesthetic */
a, button, .btn.btn-default, .carousel-indicators li, .carousel-control, .category-title, .module-title
{
	transition-duration: 0.1s;
}

a, button, .btn.btn-default, .navbar-default .navbar-nav > li > a, .social-links a img, .information, .navbar-collapse, .panel-collapse.collapsing, .help-container, .carousel-indicators li, .carousel-control, .subscribe-submit .form-group, .form-group label, .form-group input, .form-group select, .form-group textarea, .animation-container, .category-title, .module-title
{
	transition-timing-function: linear;
}

a, button
{
	transition-property: color, background-color;
	outline: none
}


a:hover, .btn-default
{
	color: #333333;
}

a:hover
{
	text-decoration: none;
}

/* Remove link effects */
a.link-unstyled, .panel > a, a.information
{
	color: inherit;
	text-decoration: inherit;
}


.btn-default:not(.navbar-btn)
{
	display: block;
	margin-right: auto;
	margin-left: auto;
}

.editing-btn-default {
	display: inline-block
}

.btn-default
{
	transition-property: color, background-color, box-shadow;
}

.btn-right
{
	margin-left: auto;
}

.btn-fit
{
	height: -moz-fit-content;
	width: -moz-fit-content;
	height: fit-content;
	width: fit-content;
}

/* Set hovered styling when hovered over or when labeled with "active" class */
/* Do not change hovered state when an "active"-class button is hovered over */
.btn-default:hover:not(.active), .btn-default.active, .btn-default.active:hover, .active > .btn-default, .panel.active .panel-heading
{
	color: #FFFFFF;
	background-color: #AF5D50;
}

/* Set active styling on mouse down or when labeled with "active" class */
/* Do not change active state when mouse down on an "active"-class button */
.btn-default:active:not(.active), .btn-default.active, .active > .btn-default
{
	box-shadow: 0px 3px 5px 0px rgba(0, 0, 0, 0.175) inset;
}


/* New extra-large button (bootstrap's max is large/"lg") */
.btn-xl
{
	margin-top: 10px;
	margin-bottom: 10px;
	
	padding-top: 10px;
	padding-bottom: 10px;
	padding-left: 20px;
	padding-right: 20px;
	
	border-radius: 8px;
	
	font-size: 22px;
}


/* Add extra spacing to bootstrap-provided buttons */
.btn-lg
{
	margin-top: 7.5px;
	margin-bottom: 7.5px;
}

.btn-md
{
	margin-top: 10px;
	margin-bottom: 10px;
}

.action-link
{
	margin-left: 10px;
	margin-right: 10px;
}

.action-link:last-of-type
{
	margin-right: 20px;
}

/* Change size and position of glyphicons when used in buttons */
.btn .glyphicon, .list-group-item-heading .glyphicon, .list-group-item-solo-heading .glyphicon
{
	font-size: 15px;
	
	left: 10px;
}

.list-group-item-solo-heading
{
	padding-top: 2px;
	padding-bottom: 2px;
}


.form-group label
{
	transition-property: color;
}

.form-group input, .form-group select, .form-group textarea
{
	transition-property: border-color;
}

.input-group-addon.checkbox label
{
	min-height: initial;
}


.list-group
{
	padding-left: 15px;
}

.list-group-item.active, .list-group-item.active:hover
{
	background-color: #AF5D50;
	border-color: #AF5D50;
}

.list-group-item.active .list-group-item-text, .list-group-item.active:hover .list-group-item-text
{
	color: #FFFFFF;
}



hr.strong
{
	border-top-width: 2px;
}

/* Central definition for "bold" font weight */
b, strong, .bold, .question-group > label
{
	font-weight: 600 !important;
}

small, .small
{
	font-size: 10px !important;
}

.medium-small
{
	font-size: 14px;
}

/* Add justified text class, mirroring bootstrap's similar classes */
.text-justify
{
	text-align: justify;
}


.pull-right-absolute
{
	position: absolute;
	
	right: 0;
}

.flex-wrap
{
	display: flex;
	flex-wrap: wrap;
}

.flex-around
{
	display: flex;
	justify-content: space-around;
}

.flex-center
{
	display: flex;
	justify-content: center;
}

.flex-column
{
	display: flex;
	flex-direction: column
}

.flex-third-size
{
	flex-basis: 33%;
}

.flex-max-size
{
	flex-basis: 100%
}

.height-fit
{
	margin-inline: 2px;
	height: -moz-fit-content;
	height: fit-content;
}


@media only screen and (max-width: 479px)
{
	.col-xxs-12
	{
		float: left;
		
		width: 100%;
	}
	
	.col-xxs-6
	{
		float: left;
		width: 50%;
	}
	
	.col-xxs-offset-0
	{
		margin-left: 0;
	}
	
	.btn-xl.long-text
	{
		font-size: 16px;
	}
	
	.list-unstyled.center-block-xxs
	{
		margin-left: -1em;
	}
}

@media only screen and (max-width: 319px)
{
	.col-xxxs-12
	{
		float: left;
		
		width: 100%;
	}
	
	.col-xxxs-offset-0
	{
		margin-left: 0;
	}
	
	.btn-xl.long-text
	{
		font-size: 14px;
	}
	
	
	.category-title
	{
		font-size: 10vw;
	}
}

@media only screen and (min-width: 480px)
{
	.pull-right-xs
	{
		float: right !important;
	}
}


@media only screen and (max-width: 767px)
{
	.text-center-xs
	{
		text-align: center;
	}
	
	
	.information
	{
		display: block;
		
		margin: 15px;
	}
	
	.information-row:not(:last-of-type)
	{
		margin-bottom: -15px;
	}
	
	
	.help-container, input + * .animation-container, select + * .animation-container, textarea + * .animation-container
	{
		transition-delay: 0.2s;
	}
}


@media only screen and (min-width: 768px)
{
	.pull-right-sm
	{
		float: right !important;
	}
	
	.pull-left-sm
	{
		float: left !important;
	}
	
	
	.information-cell
	{
		float: none;
		display: table-cell;
		
		vertical-align: middle;
		
		border: 15px solid white;
	}
}

@media only screen and (min-width: 992px)
{
	.col-md-offset-1_5
	{
		margin-left: 12.5%;
	}
	
	.col-md-offset-4_5
	{
		margin-left: 37.5%;
	}
}

@media only screen and (min-width: 1600px)
{
	.container {
    width: 1400px;
  }
	.col-xl-2
	{
		width: 16.66666666667%;
	}
	
	.col-xl-offset-0
	{
		margin-left: 0;
	}
	
	.col-xl-offset-1
	{
		margin-left: 8.33333333%;
	}
	
	.col-xl-offset-2
	{
		margin-left: 16.66666667%;
	}
	
	.col-xl-offset-3
	{
		margin-left: 25%;
	}
	
	.col-xl-offset-4
	{
		margin-left: 33.33333333%;
	}
	
	.col-xl-offset-5
	{
		margin-left: 41.66666667%;
	}
}


/* Override bootstrap's default alert text alignment */
.alert
{
	text-align: center;
}


/* Central definition for bottom margins, to allow for a consistent aesthetic */
h1, .subheader-text, .carousel.indicators-bottom, .challenge-image, .background-image:not(:last-of-type), .background-table, .question-group
{
	margin-bottom: 25px;
}

section:not(:last-of-type)
{
	margin-bottom: 50px;
}


/* Central definition for top margins, to allow for a consistent aesthetic */
.prefooter-text, address, .alert, .module-body
{
	margin-top: 25px;
}


.information
{
	padding: 10px;
	
	text-align: center;
	font-size: 18px;
}

/* Match grey of information blocks and accordion panels */
/* Navbar color is also matched to this, but its definition is separate as it needs opacity (rgba) */
.information, .panel-default .panel-heading
{
	background-color: #F4F4F4;
}

/* Rollover shadows for information boxes & Facebook/Twitter icons */
.information, .social-links a img
{
	transition-property: box-shadow;
}

.information, .social-links a img, .panel-collapse.collapsing, .subscribe-submit .form-group, .form-group label, .form-group input, .form-group select, .form-group textarea, .animation-container, .help-container
{
	transition-duration: 0.2s;
}

a.information:hover
{
	box-shadow:	 0px  1px 1px rgba(160, 160, 160, 0.5) inset,
				 0px -1px 1px rgba(160, 160, 160, 0.5) inset,
				-1px  0px 1px rgba(160, 160, 160, 0.5) inset,
				 1px  0px 1px rgba(160, 160, 160, 0.5) inset;
}

.information-block
{
	display: block;
	
	margin-top: 15px;
	margin-bottom: 15px;
}


/* Undo default bolding of labels in forms */
.form-horizontal label
{
	font-weight: inherit;
}


footer, .social-links
{
	margin-bottom: 1em;
}

.social-links a:hover img
{
	box-shadow:	 0px  1px 1px rgba(160, 160, 160, 0.5),
				 0px -1px 1px rgba(160, 160, 160, 0.5),
				-1px  0px 1px rgba(160, 160, 160, 0.5),
				 1px  0px 1px rgba(160, 160, 160, 0.5);
}

.social-links .col-xs-6
{
	padding-left: 2.5px;
	padding-right: 2.5px;
}

.social-links img
{
	width: 25px;
	height: 25px;
	
	border-radius: 3px;
}

.social-links img.pull-left
{
	margin-right: 5px;
}

.social-links img.pull-right
{
	margin-left: 5px;
}

.break-words
{
	word-wrap: break-word;
}

.action-list
{
	overflow: hidden;
}

#google-login, #clever-login, #canvas-login
{
	max-width: 256px;
	margin-top: 5px;
	height: 60px;
}

.logo-image
{
	max-height: 46px;
	max-width: 46px;
}

#canvas-login .logo-image
{
	padding-right: 1rem;
}

#google-login, #canvas-login
{
	width: 80%;
}

#clever-login
{
	background: url("/images/login-with-clever.png") space top/contain;
	height: 60px;
	cursor: pointer;
}

#clever-login:hover
{
	background: url("/images/login-with-clever-hover.png") space top/contain;
}


/* Hide random-start carousels on load */
/* Carousel will be faded in by JavaScript after a random starting slide has been chosen */
.carousel.random
{
	opacity: 0;
}

/* Matching rounded corners on carousel inner content, captions, and control buttons */
.carousel-inner.rounded, .carousel-caption, .carousel-control.rounded
{
	border-radius: 10px;
}

.carousel-caption
{
	padding-top: 15px;
	padding-left: 15px;
	padding-right: 15px;
	padding-bottom: 35px;
	
	margin-top: 15px;
	
	background-color: #262626;
	
	position: relative;
	left: 0px;
	bottom: 0px;
	text-shadow: none !important;
	color: #FFFFFF;
}

.carousel-control
{
	width: 10%;
	
	transition-property: opacity;
}


.carousel-indicators
{
	width: 100%;
	
	margin-left: -50%;
}

/* Carousel with indicators fixed above content */
.carousel-indicators.indicators-top
{
	top: -30px;
	bottom: initial;
}

.carousel.indicators-top
{
	margin-top: 40px;
}

/* Carousel with indicators below content, moving if content height changes */
.carousel-indicators.indicators-bottom
{
	top: 100%;
}

/* Indicators of current carousel slide */
.carousel-indicators li
{
	border-style: solid;
	border-color: #000000;
	border-width: 2px;
}

.carousel-indicators li
{
	background-color: rgba(0, 0, 0, 0.1);
	
	transition-property: background-color, height, width, margin-top, margin-left, margin-right;
}

.carousel-indicators .active
{
	background-color: #FFFFFF;
}

.carousel-indicators li
{
	margin-right: 5px;
	margin-left: 5px;
}

/* Decrease margin when an indicator is active so that the indicators don't move with a slide change */
.carousel-indicators li.active
{
	margin-right: 4px;
	margin-left: 4px;
}

/* Home page carousel images are only 1600 x 800 */
.carousel#home-carousel
{
	max-width: 1600px;
}


.safari-username-autofill
{
	position: absolute;
	top: -100px;
	
	display: none;
}


.hidden-horizontal-overflow
{
	overflow-x: hidden;
}

.display-block
{
	display: block;
}


.subscribe-submit
{
	position: relative;
}

.subscribe-submit .form-group
{
	transition-property: opacity;
}

.subscribe-submit .absolute
{
	position: absolute;
	
	top: 0;
	bottom: 0;
	left: 0;
	right: 0;
	
	margin: auto;
}

.subscribe-submit .absolute div
{
	display: inline-block;
	vertical-align: middle;
}

.subscribe-submit .absolute div.vertical-align-dummy
{
	height: 100%;
}

.invisible
{
	opacity: 0;
}

.spacing-line
{
	height: 1em;
}


.image-list li, .image-list-break
{
	margin-bottom: 10px;
}

.image-list-image
{
	margin-left: 25px;
	margin-right: 25px;
	
	width: 600px;
	max-width: 50%;
}

.image-list-break
{
	max-width: 75%
}

.show-on-load
{
	display: none;
}


.text-center table th
{
	text-align: center;
	width: 0;
}


.text-center table
{
	word-wrap: anywhere;
}

.redirect-container:first-child
{
	margin-top: 20px;
}

.form-inline
{
	display: inline;
}


/* Titles on category/module list images */
.module-title
{
	position: relative;
	
	text-align: center;
	
	color: #FFFFFF;
	
	transition-property: text-shadow;
}

/* Unit positioning */
.unit-collapse
{
	padding-left: 20px;
}

.unit-title
{
	text-decoration: none;
	color: #000000;
}

.unit-title > h2
{
	font-size: 20px;
}

.unit-title > h2 > span
{
	padding-right: 10px;
}

.unit-title[aria-expanded="false"], .unit-title > h2 > span:after
{
	content: "\f078"
}

.unit-title[aria-expanded="true"] > h2 > span:after
{
	content: "\f077"
}

/* Position text on "banner" across image */
.category-title
{
	position: absolute;
	
	top: 100%;
	left: 0;
	right: 0;

	color: #000000;
	
	font-size: 15px;
}

.category:hover .category-title
{
	color: #9b9494;
}

.category
{
	position: relative;
	
	margin-top: 15px;
	margin-bottom: 40px;
}


.category a
{
	display: block;
}

/* "Brighten" the category title text on rollover */
.category a:hover .category-title
{
	text-shadow:	 1px  0px 1px rgba(255, 255, 255, 1),
					-1px  0px 1px rgba(255, 255, 255, 1),
					 0px -1px 1px rgba(255, 255, 255, 1),
					 0px  1px 1px rgba(255, 255, 255, 1);
}


.module-title
{
	top: -35px;
}

/* "Brighten" the module title text on rollover */
.module a:hover .module-title
{
	text-shadow:	 1px  0px 1px rgba(255, 255, 255, 0.75),
					-1px  0px 1px rgba(255, 255, 255, 0.75),
					 0px -1px 1px rgba(255, 255, 255, 0.75),
					 0px  1px 1px rgba(255, 255, 255, 0.75);
}


/* Vertical fractions */
.fraction
{
	display: inline-block;
	position: relative;
	vertical-align: middle; 
	
	letter-spacing: 0.001em;
	text-align: center;
}

.fraction > span
{ 
	display: block; 
	
	padding: 0.1em;
}
.fraction span.bottom
{
	border-top-style: solid;
	border-top-width: 1px;
	border-top-color: #000000;
}

a.lesson
{
	display: grid;
	grid-template-columns: 1fr 8fr 1fr;
	align-items: center;
}

.column-2
{
	grid-column-start: 2;
}


/* Add spacing to all sections of "methods" tab except the last */
.lesson-block:not(:last-of-type)
{
	margin-bottom: 40px;
}


/* Alternate hiding method for tabs that eliminates "display: none" */
/* Prevents simulations from being restarted on tab change */
.tab-pane.no-hide:not(.active)
{
	display: block;
	
	width: 0;
	height: 0;
	overflow: hidden;
	
	position: relative;
	top: -10000px;
	left: -10000px;
}

/* Allows horizontal scrolling on large assessment images */
.assessment-image
{
	overflow-x: auto;
	overflow-y: hidden;
}

#assessment-results .alert
{
	margin-top: 0;
}

.module-type
{
	position: absolute;
	margin:auto;
	top:-20px;
	right:0px;
	bottom:0px;
	left:0px;
}

.max-width
{
	width: 100%;
}

.module-type-search
{
	position: absolute;
}

.search
{
	height: 80px;
	overflow: hidden;
	font-size: 14px;
	padding-left: 10px;
	border-top: 3px;
}

.search-result
{
	background-color: #F5F5F5;
}

.row
{
	margin-right: -15px;
	margin-left: -15px;
}

.search-input 
{
    padding-bottom: 30px;
}

.hidden-row
{
	padding: 0% !important;
}

#search-bar
{
	position: relative;
}

#simulation-searchbox
{
	position: absolute;

	right: 0;

	width: 20%;
}

.modal {
	text-align: center;
	margin-top: 25%;
  }
  
.modal-dialog
{
	display: inline-block;
	text-align: left;
	vertical-align: middle;
}

.modal-exit-text
{
	width: 100%;
}

form .modal-body p
{
	margin-top: 10px;
	margin-bottom: 0px;
}

#modal-help-body {
	max-height: calc(100% - 120px);
	overflow-y: scroll;
}

#modal-help-content, #modal-help-dialog {
	height: 90%;
}

.modal-no-margin {
	margin-top: 0%;
}


.tour-backdrop
{
	opacity: .5 !important;
}

.disabled
{
	-webkit-filter: grayscale(100%);
	-moz-filter: grayscale(100%);
	-o-filter: grayscale(100%);
	-ms-filter: grayscale(100%);
	filter: grayscale(100%); 
}

.col-xs-10 button, .col-xs-10 a
{
	width: -moz-available;
	width: -webkit-fill-available;
	margin-top: 1em !important;
}

.col-input
{
	margin-bottom: 1em;
}

.no-access {
	pointer-events: none;
	cursor: not-allowed;
    filter: alpha(opacity=65);
    -webkit-box-shadow: none;
    box-shadow: none;
    opacity: .65;
}

@media (min-width: 768px) {
	.form-right {
		text-align: right;
		line-height: 34px;
	}
}

.form-right {
	line-height: 34px;
}

#search-inputs {
	margin: auto
}

/****** Slider options switch (from: https://www.w3schools.com/howto/howto_css_switch.asp)

* The switch - the box around the slider */
.switch {
	position: relative;
	width: 60px;
	height: 34px;
}

@media (min-width: 768px) {
	.switch {
		position: relative;
		width: 60px;
		height: 34px;
		float: left;
	}
}
  
  /* Hide default HTML checkbox */
.switch input {
	opacity: 0;
	width: 0;
	height: 0;
}
  
  /* The slider */
.slider {
	position: absolute;
	cursor: pointer;
	top: 0;
	left: 0;
	right: 0;
	bottom: 0;
	background-color: #ccc;
	-webkit-transition: .4s;
	transition: .4s;
}
  
.slider:before {
	position: absolute;
	content: "";
	height: 26px;
	width: 26px;
	left: 4px;
	bottom: 4px;
	background-color: white;
	-webkit-transition: .4s;
	transition: .4s;
}
  
input:checked + .slider {
	background-color: #AF5D50;
}
  
input:focus + .slider {
	box-shadow: 0 0 1px #AF5D50;
}
  
  input:checked + .slider:before {
	-webkit-transform: translateX(26px);
	-ms-transform: translateX(26px);
	transform: translateX(26px);
  }
  
  /* Rounded sliders */
  .slider.round {
	border-radius: 34px;
  }
  
  .slider.round:before {
	border-radius: 50%;
  }

/* END SLIDER CSS */


#planning-form * {
	display: block;
	text-align: left;
}

#planning-form textarea {
	display: block;
	margin-bottom: 5%;
	width: 100%;
}

.planning-images {
	width: 50px;
}

.planning-text {
	display: inline-block;
	margin: 0;
	padding: 1em;
}

@media (min-width: 992px) {
	.center-row {
		display:table;
	}
	.center {
		display:table-cell;
		vertical-align:middle;
		float:none;
	}
}
.VIpgJd-ZVi9od-ORHb-OEVmcd { /* google header popup that shows when clicking translate button */
	top: 80px !important;
	box-shadow: none !important;
}
#google_translate_element {
	font-size: 10px default;
	text-align: right;
	margin-left: 5px !important;
	div>div {
		display: block !important; /* overwrite the inline property */
	}
}
.goog-te-gadget {
	font-size: 10px !important;
}
.goog-te-combo {
	-webkit-appearance: none;
	background: url(data:image/svg+xml;base64,PHN2ZyBpZD0iTGF5ZXJfMSIgZGF0YS1uYW1lPSJMYXllciAxIiB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHZpZXdCb3g9IjAgMCA0Ljk1IDEwIj48ZGVmcz48c3R5bGU+LmNscy0ye2ZpbGw6IzQ0NDt9PC9zdHlsZT48L2RlZnM+PHRpdGxlPmFycm93czwvdGl0bGU+PHBvbHlnb24gY2xhc3M9ImNscy0yIiBwb2ludHM9IjEuNDEgNC42NyAyLjQ4IDMuMTggMy41NCA0LjY3IDEuNDEgNC42NyIvPjxwb2x5Z29uIGNsYXNzPSJjbHMtMiIgcG9pbnRzPSIzLjU0IDUuMzMgMi40OCA2LjgyIDEuNDEgNS4zMyAzLjU0IDUuMzMiLz48L3N2Zz4=) no-repeat 95% 50%;
	background-color: transparent;
  background-repeat: no-repeat;
	font-size: 14px !important;
	border: none !important;
	color: #333 !important;
	margin-left: 5px !important;
}
.header-number-input {
	border: none;
	text-decoration-line: underline;
}

@media (max-width: 992px) {
	.navbar {
		min-height: 60px;
	}

	main {
		margin-top: 60px;
	}

	.container-fluid > .navbar-header {
		float: none;
	}

	.navbar-left,
	.navbar-right {
		float: none !important;
	}

	.navbar-toggle {
		display: block;
		float: left !important;
	}

	.navbar-collapse {
		border-top: 1px solid transparent;
		box-shadow: inset 0 1px 0 rgba(255, 255, 255, 0.1);
	}

	.navbar-fixed-top {
		top: 0;
		border-width: 0 0 1px;
	}

	.navbar-collapse.collapse {
		display: none !important;
	}

	.navbar-nav {
		float: none !important;
		margin-top: 7.5px;
	}

	.navbar-nav>li {
		float: none;
	}

	.navbar-nav>li>a {
		padding-top: 10px;
		padding-bottom: 10px;
	}

	.navbar-image {
		margin-left: -25px;
	}

	.navbar-image img {
		width: 50px;
		height: 50px;
	}

	nav .container {
		margin-top: 5px;
	}

	.collapse.in {
		display: block !important;
	}
}
.question {
	font-size: 1.4rem !important;
	padding-right: 0 !important;
	>* {
		color: #404bbd;
	}
}