.qa-form-light-button.qa-form-light-button-added-to-pack,
.qa-form-light-button.qa-form-light-button-add-to-pack {
	text-indent: 0;
	width: auto;
	padding-top: 0;
	padding-bottom: 0;
	clear: both;
	margin-top: 10px;
}
.qa-form-light-button.qa-form-light-button-add-to-pack[name="register"] {
	clear: none;
	margin-top: 0;
}
.qa-form-light-button.qa-form-light-button-added-to-pack:not(:hover) {
	background-color: #812b2b;
}
.flashcard-operations input[disabled]:hover,
.flashcard-operations input[disabled],
.qa-form-light-button.qa-form-light-button-add-to-pack[disabled]:hover,
.qa-form-light-button.qa-form-light-button-add-to-pack[disabled] {
	background: #bac4ce none center no-repeat;
	cursor: default;
}
.qa-pack-list-item .qa-form-light-button-claim {
	text-indent: -9999px;
	padding: 10px 15px;
}
.qa-pack-list-item .qa-q-item-buttons {
	border-top: 1px solid #dee1e3;
	padding-top: 10px;
}
@media (max-width: 240px) {
	.qa-pack-list-item .qa-q-item-main {
		width: 100%;
		float: none;
		padding-left: 0;
	}
}
@media (min-width: 320px) {
	.qa-pack-list-item .qa-q-item-main {
		width: 210px;
	}
}
@media (min-width: 360px) {
	.qa-pack-list-item .qa-q-item-main {
		width: 250px;
	}
	.qa-pack-list-item .qa-q-item-tags {
		position: absolute;
		bottom: 20px;
	}
	.sp-recent-packs .qa-q-item-tags {
		position: static;
	}
}
@media (min-width: 480px) {
	.qa-pack-list-item .qa-q-item-main {
		width: 364px;
	}
}
@media (min-width: 568px) {
	.qa-pack-list-item .qa-q-item-main {
		width: 452px;
	}
}
@media (min-width: 600px) {
	.qa-pack-list-item .qa-q-item-main {
		width: 490px;
	}
}
@media (min-width: 768px) {
	.qa-pack-list-item .qa-q-item-main {
		width: 652px;
	}
}
@media (min-width: 800px) {
	.qa-pack-list-item .qa-q-item-main {
		width: 685px;
	}
}
.qa-lh-sidepanel {
	display: none;
}
.qa-lh-sidepanel .sp-recent-packs {
	margin-bottom: 5px;
}
@media (min-width: 980px) {
	.sp-lh-sidepanel .qa-body-wrapper {
		width: 1275px;
	}
	.sp-lh-sidepanel .qa-lh-sidepanel {
		display: block;
		width: 22%;
		float: left;
		margin-right: 5px;
		min-height: 10px;
		word-wrap: break-word;
	}
	.sp-lh-sidepanel .qa-main {
		width: 55.0%;
		padding: 0 5px;
	}
	.sp-lh-sidepanel .qa-sidepanel {
		width: 22%;
	}
}
@media (min-width: 980px) and (max-width: 1275px) {
	.sp-lh-sidepanel .qa-body-wrapper {
		width: 100%;
	}
}
@media (min-width: 980px) and (max-width: 1190px) {
	.sp-lh-sidepanel .qa-top-users-item {
		width: 65%;
	}
}
@media (min-width: 980px) and (max-width: 1179px) {
	.sp-lh-sidepanel .qa-q-item-main {
		width: 350px;
	}
}
@media (min-width: 1180px) and (max-width: 1275px) {
	.sp-lh-sidepanel .qa-q-item-main {
		width: 450px;
	}
}
@media (min-width: 1276px) {
	.sp-lh-sidepanel .qa-q-item-main {
		width: 450px;
	}
}
.sp-side-menu .navigation,
.study-packs-add-user {
	display: table;
	width: 100%;
}
.sp-side-menu .navigation {
	margin-top: 5px;
	text-align: center;
}
.sp-side-menu .navigation .row,
.study-packs-add-user > .row {
	display: table-row;
}
.sp-side-menu .navigation button {
	width: 100%;
	background-color: transparent;
	border: 2px solid transparent;
	outline: none;
	border-radius: 4px;
}
.sp-side-menu .navigation button:focus {
	border: 2px solid #2c3e50;
}
.sp-side-menu .navigation button:active {
	-webkit-tap-highlight-color: transparent;
	background-color: lightgray;
}
.sp-side-menu .navigation button[disabled] {
	cursor: default;
	background-color: transparent;
	border: 2px solid transparent;
}
.sp-side-menu .navigation button[disabled] span {
	opacity: .3;
}
.study-packs-add-user > .row > div {
	padding-right: 10px;
	display: table-cell;
}
.study-packs-add-user > .row > div.user-input {
	width: 100%;
}
.study-packs-add-user > .row > div.user-input input {
	margin: 0;
}
.qa-part-f-list .qa-new-flashcard-row,
.study-packs-add-user > .row > div.add-user-button {
	text-align: center;
}
.study-packs-add-user > .row > div.add-user-button input {
	display: inline;
	margin: 0 !important;
}
.study-packs-special-users th{
	text-align: left;
	padding-left: 10px;
}
.collaborators .study-packs-special-users th {
	padding-left: 0;
	font-weight: normal;
}
.study-packs-special-users .permission-margin {
	margin-right: 20px;
}
.study-packs-special-users .remove-user {
	width: 120px;
	text-align: right;
	padding-right: 10px;
}
.pack-collaboration .study-packs-special-users .remove-user {
	width: 80px;
}
.study-packs-special-users .username {
	word-break: break-all;
	padding-left: 10px;
}
.study-packs-special-users .permission-list {
	padding-left: 10px;
}
@media (min-width: 768px) {
	.study-packs-special-users .permission-list {
		min-width: 250px;
	}
}
.study-packs-special-users tbody tr:nth-child(odd) {
	background-color: #efeff7;
}
.study-packs-special-users tbody tr:hover {
	background-color: #dedef9;
}
.study-packs-special-users .no-user {
	text-align: center;
}
.study-packs-special-users .no-user td {
	width: 100%;
}
@media (max-width: 767px) {
	.study-packs-special-users .permission-list {
		min-width: 100px;
		padding-right: 10px;
	}
	.study-packs-special-users .permission-list label{
		padding: 10px 0;
		display: block;
	}
	.study-packs-special-users .permission-margin {
		margin-right: 0;
	}
}
.collaborators table {
	margin-top: 10px;
}
.qa-template-pack-view .qa-part-custom {
	height: 100vh;
}
.qa-template-pack-view .pack-operations,
.qa-template-pack-view .no-answer-msg,
.qa-template-pack-view .loading-msg {
	text-align: center;
}
.qa-template-pack-view .pack-operations.is_learning {
	background-color: transparent;
}
.qa-template-pack-view .pack-operations.is_learning > div {
	background-color: transparent;
}
.qa-template-pack-view .settings,
.qa-template-pack-view .pack-operations,
.qa-template-pack-view .driver {
	padding: 0;
}
.qa-template-pack-view .settings .qa-q-view,
.qa-template-pack-view .pack-operations .qa-q-view,
.qa-template-pack-view .driver .qa-q-view {
	padding-top: 10px;
	padding-bottom: 10px;
}
.qa-template-pack-view .pack-operations .qa-q-view {
	padding-bottom: 0;
	line-height: 1;
	padding: 10px 20px 0 20px;
}
.qa-template-pack-view .settings .sp-table,
.qa-template-pack-view .driver .sp-table {
	display: table;
	width: 100%;
}
.qa-template-pack-view .settings .sp-table-row,
.qa-template-pack-view .driver .sp-table-row {
	display: table-row;
}
.qa-template-pack-view .driver .sp-table-cell {
	width: 50%;
	text-align: center;
	display: table-cell;
}
.flashcard-operations {
	padding-bottom: 12px;
}
.pack-settings .flashcard-operations {
	padding: 10px 20px 2px 20px;
	background-color: #d0e8ff;
	cursor: all-scroll;
}
.flashcard-operations input,
.qa-template-pack-view .pack-operations .qa-q-view input {
	cursor: pointer;
	display: inline-block;
	float: none;
	line-height: 1.5;
}
.flashcard-operations .flashcard-position {
	font-size: 12pt;
	color: #7e858c;
	font-weight: bold;
	margin-top: 4px;
	float: left;
}
.qa-template-pack-view .pack-operations .qa-q-view input.qa-form-light-button-claim {
	padding: 10px 15px;
	width: 32px;
}
.qa-template-pack-view .pack-operations .qa-q-view input.active {
	background-color: #812b2b;
}
.flashcard-listing-items .flashcard-operations input:not([disabled]):hover,
.qa-part-f-list .sides .flashcard-operations input:hover,
.qa-template-pack-view .pack-operations .qa-q-view input:hover {
	background-color: #476481;
}
.qa-part-f-list .sides .flashcard-operations input,
.qa-template-pack-view .pack-operations .qa-q-view input {
	margin-left: 28px;
	margin-bottom: 10px;
}
.qa-part-f-list .sides .flashcard-operations input {
	margin-bottom: 7px;
}
.qa-part-f-list .sides .flashcard-operations input:first-child,
.qa-template-pack-view .pack-operations .qa-q-view input:first-child {
	margin-left: 0;
}
@media (min-width: 768px) {
	.qa-template-pack-view .driver input {
		width: 87px;
	}
}
.qa-template-pack-view .driver input[disabled]:hover,
.qa-template-pack-view .driver input[disabled] {
	cursor: default;
	background-color: #cae3f4;
}
.qa-template-pack-view .progress {
	padding: 0 40px;
	font-size: 12px;
	background-color: transparent;
}
.qa-template-pack-view .progress .qa-q-view {
	text-align: center;
	padding: 5px 0;
	background-color: transparent;
}
.qa-template-pack-view .progress .qa-q-view .wrapper-table {
	width: 100%;
	height: 5px;
	line-height: 5px;
	margin-top: 4px;
	display: table;
	table-layout: fixed;
	border-collapse: collapse;
	border-spacing: 0;
}
.qa-template-pack-view .progress .qa-q-view .wrapper-row {
	display: table-row;
}
.qa-template-pack-view .progress .qa-q-view .bar {
	display: table-cell;
	height: 100%;
	border-top: 1px solid transparent;
	border-bottom: 1px solid transparent;

}
.qa-template-pack-view .progress input {
	width: 100%;
	height: 5px;
	background-color: #2c3e50;
	padding: 0;
	margin: 0;
	cursor: pointer;
	font-size: 1px;
	line-height: 1px;
}
.qa-template-pack-view .progress input[disabled] {
	cursor: default;
}
.qa-template-pack-view .progress .bar input:focus {
	border: 1px solid white;
}
.qa-template-pack-view .progress input:hover:not([disabled]) {
	background-color: #476481;
}
.qa-template-pack-view .progress .bar.pinned input {
	background-color: #b33838;
}
.qa-template-pack-view .progress .bar.pinned input:focus {
	border: 1px solid white;
}
.qa-template-pack-view .progress .bar.pinned input:hover:not([disabled]) {
	background-color: #df0000;
}
.qa-template-pack-view .progress .bar.current input:focus {
	border: 1px solid white;
}
.qa-template-pack-view .progress .bar.current input:hover:not([disabled]),
.qa-template-pack-view .progress .bar.current input {
	background-color: #3498db;
}
.qa-template-pack-view .checkpoint,
.qa-template-pack-view .scoreboard,
.qa-template-pack-view .learning {
	padding: 0 40px;
	background-color: transparent;
	margin-bottom: 10px;
}
.qa-template-pack-view .learning button,
.qa-template-pack-view .checkpoint button {
	background-color: #2c3e50;
	color: white;
	padding-top: 5px;
	padding-bottom: 5px;
	border-radius: 20px;
}
.qa-template-pack-view .learning button {
	width: 100%;
}
.qa-template-pack-view .learning button[disabled] {
	opacity: .2;
	cursor: default;
}
.qa-template-pack-view .learning button.active {
	background-color: #812b2b;
}
.qa-template-pack-view .scoreboard .qa-q-view,
.qa-template-pack-view .learning .qa-q-view {
	padding: 0;
	background-color: transparent;
}
.qa-template-pack-view .pack-operations .qa-waiting {
	width: 32px;
	height: 32px;
	margin: 0;
	padding: 0;
	position: absolute;
}
.qa-template-pack-view .checkpoint,
.qa-template-pack-view .scoreboard > div {
	display: table;
	width: 100%;
}
.qa-template-pack-view .checkpoint > div,
.qa-template-pack-view .scoreboard > div > div {
	display: table-row;
}
.qa-template-pack-view .checkpoint > div > div,
.qa-template-pack-view .scoreboard > div > div > div {
	display: table-cell;
	text-align: center;
}
.qa-template-pack-view .scoreboard > div > div > div .title {
	font-weight: bold;
	font-size: 8pt;
}
.qa-template-pack-view .scoreboard > div > div > div .score {
	font-weight: bold;
	font-size: 24pt;
}
.qa-template-pack-view .scoreboard > div > div > div .best {
	font-size: 8pt;
}
.qa-template-pack-view .checkpoint .message {
	font-size: 28pt;
	margin-bottom: 20px;
}
.sp-dialog .qa-waiting,
.qa-template-pack-view .share-pack-view .qa-waiting,
.qa-template-pack-view .pack-collaboration .study-packs-add-user .qa-waiting {
	margin-top: 11px;
	position: absolute;
}
.qa-template-pack-view .pack-collaboration .study-packs-special-users .qa-waiting {
	margin-top: 8px;
	right: 46px;
	position: absolute;
}
.qa-template-pack-view .pack-collaboration .study-packs-special-users .remove-user {
	position: relative;
}
@media (max-width: 767px) {
	.qa-template-pack-view .driver .qa-q-view {
		padding: 20px;
	}
	.qa-template-pack-view .driver .qa-q-view input.qa-form-tall-button {
		margin: 0 !important;
	}

	.qa-template-pack-view .driver .qa-q-view .sp-table-cell:first-child {
		padding-right: 10px;
	}

	.qa-template-pack-view .driver .qa-q-view .sp-table-cell:last-child {
		padding-left: 10px;
	}
	.qa-template-pack-view .pack-collaboration .study-packs-special-users .qa-form-tall-button {
		display: inline;
		width: auto;
	}
}
.qa-template-pack-view .stage {
	padding: 0 40px;
	background-color: transparent;
}
.qa-template-pack-view .stage .left,
.qa-template-pack-view .stage .right {
	position: absolute;
	z-index: 1;
}
.qa-template-pack-view .stage .left,
.qa-template-pack-view .stage .right {
	padding-top: 38px;
	height: 100%;
	width: 40px;
	top: 0;
}
.qa-template-pack-view .stage .left {
	left: 0;
}
.qa-template-pack-view .stage .right {
	right: 0;
}
.qa-template-pack-view .stage .left input,
.qa-template-pack-view .stage .right input {
	display: block;
	width: 0;
	height: 0;
	margin: 0;
	padding: 0;
	border-top: 105px solid transparent;
	border-bottom: 105px solid transparent;
	background: transparent;
	cursor: pointer;
}
.qa-template-pack-view .stage .left input {
	border-right: 30px solid #2c3e50;
	border-left: none;
	float: left;
}
.qa-template-pack-view .stage .left input:hover {
	border-right: 30px solid #476481;
}
.qa-template-pack-view .stage .left input:active {
	border-right: 30px solid #2c3e50;
}
.qa-template-pack-view .stage .left input[disabled] {
	border-right: 30px solid #c7d1dd;
	cursor: default;
}
.qa-template-pack-view .stage .right input {
	border-left: 30px solid #2c3e50;
	border-right: none;
	float: right;
}
.qa-template-pack-view .stage .right input:hover {
	border-left: 30px solid #476481;
}
.qa-template-pack-view .stage .right input:active {
	border-left: 30px solid #2c3e50;
}
.qa-template-pack-view .stage .right input[disabled] {
	border-left: 30px solid #c7d1dd;
	cursor: default;
}
.qa-template-pack-view .flashcard {
	background-color: white;
	padding: 20px;
	width: 100%;
}
.qa-template-pack-view .flashcard.in {
	-webkit-transform: perspective(1000px) rotateX(-85deg);
	-moz-transform: perspective(1000px) rotateX(-85deg);
	-o-transform: perspective(1000px) rotateX(-85deg);
	transform: perspective(1000px) rotateX(-85deg);
	opacity: .3;
}
.qa-template-pack-view .flashcard.out {
	-webkit-transform: perspective(1000px) rotateX(85deg);
	-moz-transform: perspective(1000px) rotateX(85deg);
	-o-transform: perspective(1000px) rotateX(85deg);
	transform: perspective(1000px) rotateX(85deg);
	opacity: .3;
}
.qa-template-pack-view .flashcard.out-next-start {
	-webkit-transform: perspective(1000px) rotateY(20deg) translateX(-5%);
	-moz-transform: perspective(1000px) rotateY(20deg) translateX(-5%);
	-o-transform: perspective(1000px) rotateY(20deg) translateX(-5%);
	transform: perspective(1000px) rotateY(20deg) translateX(-5%);
	opacity: .3;
}
.qa-template-pack-view .flashcard.in-next-start {
	-webkit-transform: perspective(1000px) rotateY(-20deg) translateX(10%);
	-moz-transform: perspective(1000px) rotateY(-20deg) translateX(10%);
	-o-transform: perspective(1000px) rotateY(-20deg) translateX(10%);
	transform: perspective(1000px) rotateY(-20deg) translateX(10%);
	opacity: .3;
}
.qa-template-pack-view .flashcard.out-previous-start {
	-webkit-transform: perspective(1000px) rotateY(-20deg) translateX(5%);
	-moz-transform: perspective(1000px) rotateY(-20deg) translateX(5%);
	-o-transform: perspective(1000px) rotateY(-20deg) translateX(5%);
	transform: perspective(1000px) rotateY(-20deg) translateX(5%);
	opacity: .3;
}
.qa-template-pack-view .flashcard.in-previous-start {
	-webkit-transform: perspective(1000px) rotateY(20deg) translateX(-10%);
	-moz-transform: perspective(1000px) rotateY(20deg) translateX(-10%);
	-o-transform: perspective(1000px) rotateY(20deg) translateX(-10%);
	transform: perspective(1000px) rotateY(20deg) translateX(-10%);
	opacity: .3;
}
.qa-template-pack-view .flashcard.in-next-end,
.qa-template-pack-view .flashcard.in-previous-end {
	-webkit-transform: perspective(1000px) rotateY(0) translateX(0);
	-moz-transform: perspective(1000px) rotateY(0) translateX(0);
	-o-transform: perspective(1000px) rotateY(0) translateX(0);
	transform: perspective(1000px) rotateY(0) translateX(0);
	opacity: 1;
}
.qa-template-pack-view .flashcard.transition-out {
	transition:all .1s linear;
}
.qa-template-pack-view .bar,
.qa-template-pack-view .flashcard.transition {
	transition:all .2s ease-in-out;
}
.qa-template-pack-view .flashcard.flip-transition {
	transition:all .15s ease-in-out;
}
.qa-template-pack-view .flashcard.old {
	position: absolute;
	z-index: 1;
}
.qa-template-pack-view .flashcard:not(.edit-item):active {
	border-color: black;
}
.qa-template-pack-view .flashcard {
	height: 320px; /* flashcard_height */
	position: relative;
	border: 3px solid transparent;
}
.qa-template-pack-view .flashcard:not(.flip-transition):not(.transition):not(.transition-out) {
	transition: border-color .2s ease-out;
}
.qa-template-pack-view .flashcard.empty {
	background-color: transparent;
	border: dashed lightgray;
	color: gray;
}
.qa-template-pack-view .flashcard .side-label {
	position: absolute;
	top: 3px;
	right: 10px;
	font-size: 10pt;
}
.flashcard-listing-items .wrapper > div > .qa-a-list-item,
.qa-template-pack-view .flashcard .qa-a-list-item {
	padding: 0;
	margin-bottom: 0;
}
.flashcard-listing-items .a-side .sp-table,
.qa-template-pack-view .flashcard .sp-table {
	display: table;
	width: 100%;
	height: 100%;
}
.flashcard-listing-items .a-side .sp-table-cell,
.qa-template-pack-view .settings .sp-table-cell,
.qa-template-pack-view .flashcard .sp-table-cell {
	display: table-cell;
	vertical-align: middle;
}
.flashcard-listing-items .wrapper > div .flashcard-title,
.qa-template-pack-view .flashcard .flashcard-title {
	font-weight: bold;
	margin-bottom: 10px;
}
.flashcard-listing-items .wrapper > div .qa-post-content {
	overflow-y: auto;
	height: 285px;
}
.qa-template-pack-view .flashcard .qa-post-content {
	overflow-y: auto;
	height: 200px;
}
.qa-template-pack-view .flashcard .qa-q-view-tags {
	overflow-y: hidden;
	max-height: 40px;
}
.qa-template-pack-view .flashcard .qa-a-list-item .qa-post-content {
	height: 270px;
}
.flashcard-listing-items .wrapper > div .qa-a-list-item .qa-post-content {
	height: 315px;
}
.qa-template-pack-view .flashcard-gallery .thumbnail .qa-post-content {
	height: 177px; /* It's 8px smaller than spcssmark6 */
}
.flashcard-listing-items .wrapper > div > div .qa-q-view-avatar-meta,
.qa-template-pack-view .flashcard .qa-q-view-avatar-meta {
	margin-bottom: 10px;
}
@media (max-width: 979px) {
	.qa-template-pack-view .flashcard-gallery .thumbnail .qa-post-content,
	.qa-template-pack-view .flashcard .qa-post-content {
		height: 180px;
	}
	.qa-template-pack-view .stage {
		overflow: hidden;
	}
}
.qa-template-pack-view .flashcard-gallery .thumbnail .qa-favoriting,
.qa-template-pack-view .flashcard .qa-favoriting {
	right: auto;
	left: 34px;
	top: 90px;
}
.qa-template-pack-view .flashcard .qa-a-list-item .qa-favoriting {
	right: auto;
	left: 14px;
	top: 70px;
}

@media (max-width: 979px) {
	.qa-template-pack-view .flashcard-gallery .thumbnail .qa-favoriting,
	.qa-template-pack-view .flashcard .qa-favoriting {
		right: 22px;
		left: auto;
		top: 31px;
	}
	.qa-template-pack-view .flashcard .qa-a-list-item .qa-favoriting {
		right: 2px;
		left: auto;
		top: 11px;
	}
	.qa-template-pack-view .flashcard .qa-a-list-item .qa-voting {
		float: none;
	}
}
@media (min-width: 980px) {
	.qa-template-pack-view .flashcard .qa-a-list-item .qa-a-item-main {
		width: 87.5%;
		margin-left: 10px;
	}
	.sp-lh-sidepanel .qa-part-q-view:not(.stage):not(.flashcard-gallery) .qa-q-view-main {
		margin: 0;
		float: none;
		overflow: hidden;
		padding-left: 20px;
		width: initial;
	}
	.qa-template-pack-view .flashcard-gallery .q-side .qa-q-view > .qa-q-view-main {
		width: 100%;
		margin: 0;
	}
}
.qa-template-favorites .sp-recent-packs h2 {
	padding: 0;
	margin-bottom: revert;
	background: revert;
}
.qa-template-favorites .sp-recent-packs h2 a:visited,
.qa-template-favorites .sp-recent-packs h2 a {
	color: #2980b9;
}
.qa-template-pack-view .flashcard-gallery .qa-unfavorite-button:focus,
.qa-template-pack-view .flashcard .qa-unfavorite-button:focus {
    background-color: #f39c12;
    background-position: center -38px;
}
.flashcard-listing-items .wrapper > div > div .up-button,
.flashcard-listing-items .wrapper > div > div .down-button,
.qa-template-pack-view .flashcard .up-button,
.qa-template-pack-view .flashcard .down-button {
	position: absolute;
	right: 0;
	display: none;
	background-image: url("../img/mCSB_buttons.png");
	background-repeat: no-repeat;
	opacity: 0.4;
	transition: opacity .2s ease-in-out;
	cursor: pointer;
	overflow: hidden;
	width: 16px;
	height: 20px;
}
.flashcard-listing-items .wrapper > div > div .up-button,
.qa-template-pack-view .flashcard .up-button {
	top: 0;
	background-position: -80px 0;
}
.flashcard-listing-items .wrapper > div > div .down-button,
.qa-template-pack-view .flashcard .down-button {
	bottom: 0;
	background-position: -80px -20px;
}
.flashcard-listing-items .wrapper > div > div .up-button:hover,
.flashcard-listing-items .wrapper > div > div .down-button:hover,
.qa-template-pack-view .flashcard .down-button:hover,
.qa-template-pack-view .flashcard .up-button:hover {
	opacity: 0.7;
}
.flashcard-listing-items .wrapper > div > div .simplebar-track,
.qa-template-pack-view .flashcard .simplebar-track {
	right: 3px;
}
.simplebar-track.simplebar-vertical {
	width: 10px;
}
.qa-template-pack-view .flashcard .down-button {
	position: absolute;
	bottom: 0;
	right: 0;
}
.qa-template-pack-view .settings .sp-table-cell {
	width: 33.333%;
	text-align: center;
}
.qa-template-pack-view .qa-part-f-list .sides .wrapper form .flashcard {
	width: 50%;
	float: left;
	height: auto;
	margin-bottom: 0;
	background-color: transparent;
}
.qa-template-pack-view .qa-part-f-list .sides .wrapper form .flashcard tbody tr:first-child td {
	padding: 0;
}
.qa-template-pack-view .qa-part-f-list .sides .wrapper form .flashcard .side-title {
	margin-bottom: 10px;
	margin-top: 15px;
}
.qa-template-pack-view .qa-part-f-list .sides .wrapper form .q-side {
	padding: 0 10px 0 0;
}
.qa-template-pack-view .qa-part-f-list .sides .wrapper form .q-side > div {
	padding-bottom: 0;
}
.qa-template-pack-view .qa-part-f-list .sides .wrapper form .a-side {
	padding: 0 0 0 10px;
}
.qa-template-pack-view .qa-part-f-list .sides .floating-button {
	cursor: pointer;
	display: table;
	width: 100%;
}
.qa-template-pack-view .qa-part-f-list .sides .in-between-button.disabled {
	cursor: default;
	visibility: hidden;
}
.qa-template-pack-view .qa-part-f-list .sides .floating-button > div {
	display: table-row;
	height: 20px;
}
.sp-side-menu .cell,
.qa-template-pack-view .qa-part-f-list .sides .floating-button > div > div {
	display: table-cell;
}
.qa-template-pack-view .qa-part-f-list .sides .floating-button > div > div.button-container {
	position: relative;
	width: 30px;
}
.qa-template-pack-view .qa-part-f-list .sides .floating-button > div > div.button-container input {
	float: none;
	position: absolute;
	z-index: 1;
	bottom: -6px;
}
.qa-template-pack-view .qa-part-f-list .sides .floating-button input {
	transition: all .1s ease-in-out;
	visibility: hidden;
	opacity: 0;
	transform: scale(.1);
}
.qa-template-pack-view .qa-part-f-list .sides .in-between-button {
	float: left;
	width: 100%;
}
.qa-template-pack-view .qa-part-f-list .sides.adding-flashcard .in-between-button:not(.disabled) input,
.qa-template-pack-view .qa-part-f-list .sides .in-between-button:hover:not(.disabled) input {
	visibility: visible;
	opacity: 1;
	transform: none;
}
.qa-template-pack-view .qa-part-f-list .sides .floating-button.clicked {
	background-color: lightgray;
}
.qa-template-pack-view .qa-part-f-list .sides .floating-button .qa-waiting {
	position: absolute;
	left: 38px;
	bottom: 3px;
}
.flashcard-listing-items .sides {
	padding: 10px 0;
	float: left;
	width: 100%;
}
.flashcard-listing-items .sides:first-child {
	padding-top: 0;
}
.flashcard-listing-items .sides:last-child {
	padding-bottom: 0;
}
.flashcard-listing-items .sides .wrapper > .a-side,
.flashcard-listing-items .sides .wrapper > .q-side {
	width: 50%;
	float: left;
	min-height: 320px; /* flashcard_height */
	position: relative;
	background-color: transparent;
}
.flashcard-listing-items .sides .wrapper > .a-side .sp-table {
	height: 320px; /* flashcard_height */
}
.flashcard-listing-items .sides .wrapper > .a-side .sp-table a {
	overflow-wrap: anywhere;
	word-break: break-word;
}
.flashcard-listing-items .sides .wrapper > .q-side {
	padding: 0 10px 0 0;
	border-right: 2px solid lightgray;
}
.flashcard-listing-items .sides .wrapper > .q-side > div {
	padding-bottom: 0;
}
.flashcard-listing-items .sides .wrapper > .a-side {
	padding: 0 0 0 10px;
}
.flashcard-listing-items .sides .wrapper .qa-q-view-main.empty {
	height: 320px; /* flashcard_height */
}
.flashcard-listing-items .qa-q-view-main {
	width: 100%;
	margin: 0;
}
.flashcard-listing-items .qa-q-view-main .qa-q-view-content {
	width: 100%;
	height: 156px;
}
.flashcard-listing-items .wrapper > div .qa-a-list-item .qa-a-item-main {
	margin: 0;
	float: none;
	width: 100%;
}
.flashcard-listing-items .wrapper > div .qa-a-list-item .qa-post-content {
	width: 100%;
}
.qa-part-flashcard-listing .flashcard-listing-items {
	display: inline-block;
	width: 100%;
}
.qa-template-pack-view .qa-part-f-list .sides {
	float: left;
	width: 100%;
}
.flashcard-listing-ad,
.flashcard-listing-items .sides > .wrapper,
.qa-template-pack-view .qa-part-f-list .sides > .wrapper {
	background-color: #fff;
	float: left;
	width: 100%;
	padding: 20px;
	padding-bottom: 30px;
}
.qa-template-pack-view .pack-settings .qa-part-f-list .sides > .wrapper {
	padding: 0 0 30px 0;
}
.qa-template-pack-view .pack-settings .qa-part-f-list .sides > .wrapper > form {
	padding: 10px 20px 0 20px;
}
.flashcard-listing-ad {
	margin-bottom: 20px;
	min-height: 345px;
}
@media (max-width: 600px) {
	.qa-template-pack-view .settings .sp-table {
		display: block;
	}
	.qa-template-pack-view .settings .sp-table-row {
		width: 100%;
		display: table;
	}
	.qa-template-pack-view .settings .sp-table-cell {
		display: table-row;
		text-align: left;
	}
	.qa-template-pack-view .settings .sp-table-cell > div {
		display: table-cell;
		vertical-align: middle;
		height: 48px;
	}
	.qa-template-pack-view .settings label {
		display: block;
		width: 100%;
	}
}
@media (max-width: 767px) {
	.qa-template-pack-view .settings {
		padding-left: 20px;
		padding-right: 20px;
	}
	.qa-template-pack-view .qa-part-f-list .sides .wrapper form .flashcard {
		width: 100%;
	}
	.qa-template-pack-view .qa-part-f-list .sides .wrapper form .q-side {
		border-right: none;
		padding-right: 0;
	}
	.qa-template-pack-view .qa-part-f-list .sides .wrapper form .a-side {
		padding-left: 0;
		margin-top: 20px;
	}
	.flashcard-listing-items .sides .wrapper > .q-side {
		border-right: none;
		border-bottom: 2px solid lightgray;
		padding-right: 0;
		padding-bottom: 10px;
	}
	.flashcard-listing-items .sides .wrapper > .a-side {
		padding-left: 0;
		padding-top: 10px;
	}
	.flashcard-listing-items .sides .wrapper > .q-side,
	.flashcard-listing-items .sides .wrapper > .a-side {
		width: 100%;
	}
}
.qa-template-pack-view .flashcard-gallery {
	text-align: center;
	background-color: transparent;
}
.qa-template-pack-view .flashcard-gallery > .qa-q-view {
	background-color: transparent;
	overflow-x: auto;
	white-space: nowrap;
}
.qa-template-pack-view .flashcard-gallery .qa-q-view {
	overflow-y: hidden;
}
.qa-template-pack-view .flashcard-gallery .thumbnail {
	white-space: normal;
}
.qa-template-pack-view .flashcard-gallery .item {
	width: 310px; /* spcssmark4 */
	margin: 10px;
	margin-top: 0;
	display: inline-block;
}
.qa-template-pack-view .flashcard-gallery .content {
	display: table;
	width: 100%;
	height: 100%;
}
.qa-template-pack-view .flashcard-gallery .content .row {
	display: table-row;
}
.qa-template-pack-view .flashcard-gallery .content .cell {
	display: table-cell;
	vertical-align: middle;
	text-align: center;
	border: solid;
	transition:border-color .2s ease-in-out;
	border-color: transparent;
}
.qa-template-pack-view .item .thumbnail {
	background-color: white;
	height: 155px; /* spcssmark5 */
}
.qa-template-pack-view .item .thumbnail .cell {
	position: relative;
	cursor: pointer;
}
.qa-template-pack-view .item.current .thumbnail .cell {
	border-color: #2c3e50;
}
.qa-template-pack-view .flashcard-gallery > div {
	padding: 0;
}
.qa-template-pack-view .flashcard-gallery .thumbnail .inner-wrapper {
	width: 747px; /* It's the flashcard width in desktop mode (without padding) */
	height: 320px; /* It's the flashcard height in desktop mode */ /* flashcard_height */
	/*
	 * 304 / 747 = .406961 (see next rule)
	 * 148 / 320 = .462500 (see next rule, one pixel less for fixing overflow on Chrome)
	 *
	 * 304 is the value of the 'width' property in spcssmark1
	 * 148 is the value of the 'height' property (minus 1) in spcssmark2
	 */
	transform: scaleX(.406961) scaleY(.462500);
	transform-origin: left top;
	text-align: left;
	padding: 20px;
}
.qa-template-pack-view .flashcard-gallery .thumbnail .screen,
.qa-template-pack-view .flashcard-gallery .thumbnail .outer-wrapper {
	width: 304px; /* The value of width property in spcssmark4 - item's border width (6px) */ /* spcssmark1 */
	height: 149px; /* The value of height property in spcssmark5 - item's border width (6px) */ /* spcssmark2 */
}
.qa-template-pack-view .flashcard-gallery .thumbnail .screen {
	position: absolute;
	top: 0;
	left: 0;
	z-index: 1;
}
.qa-template-pack-view .flashcard-gallery .buttons .wrapper {
	height: 30px;
}
.qa-template-pack-view .flashcard-gallery .buttons .qa-favoriting {
	position: static;
}
.qa-template-pack-view .flashcard-gallery .buttons .qa-favoriting input {
	transform: scale(.82);
	transform-origin: center top;
	margin-top: 6px;
	margin-left: 4px;
}
.qa-template-pack-view .flashcard-gallery .empty-box {
	height: 201px; /* Change also the one defined in spcssmark3 */
	width: 50%;
	display: inline-block;
}
.qa-template-pack-view .flashcard-gallery .buttons input.qa-form-light-button-delete {
	display: inline-block;
	float: none;
	padding: 12px;
}
.qa-template-pack-view .flashcard-gallery .buttons input {
	margin-top: 5px;
}
.qa-template-pack-view .flashcard-gallery > .for-editing {
	padding-bottom: 0;
}
.qa-template-pack-view .for-editing .item {
	height: 201px; /* spcssmark3 */ /* It's the item's height (including the buttons below it) plus margin top and bottom */
	margin-top: 0;
	margin-bottom: 0;
}
.qa-part-flashcard-listing > .flashcard-listing-title,
#f_list_title {
	padding: 10px 20px;
	margin-bottom: 5px;
	background: #2ecc71;
	color: #fff;
	margin-top: 0;
}
.qa-part-f-list .sides .flashcard-operations input {
	display: inline;
	width: auto;
}
.flashcard-operations {
	position: relative; /* For re-arranging the beach ball relatively */
	text-align: right;
	min-height: 45px;
	width: 100%;
}
.flashcard-listing-items .flashcard-operations .qa-waiting {
	position: absolute;
	right: 32px;
	top: 10px;
}
.qa-part-f-list .sides .flashcard-operations .qa-waiting {
	position: relative;
	margin-right: -18px;
	top: 8px;
	left: 3px;
	vertical-align: top;
}
.qa-part-f-list .sides form > table:last-child {
	margin-top: 15px;
}
.qa-part-f-list .sides form > table:last-child input {
	margin-bottom: 0;
}
.qa-part-f-list .sides form > table:last-child tr:first-child td {
	padding-top: 20px;
}
.qa-part-f-list .sides form > table:last-child tr:last-child td {
	padding-bottom: 0;
}
.qa-part-f-list .sides form > table:last-child tr:last-child td div {
	margin-bottom: 0;
}
.qa-part-f-list .sides .toggle-editors {
	text-align: center;
	margin-top: 15px;
}
.qa-template-pack-edit .view-pack-link {
	padding-top: 10px;
}
.qa-template-pack-view .pack-settings [type="button"]:not([disabled="disabled"]) {
	cursor: pointer;
}
.qa-template-pack-view .pack-settings .autosave-label {
	float: right;
	font-size: 10pt;
	margin-top: 15px;
}
.qa-template-pack-view #image-viewer {
	display: none;
}
.ui-widget-overlay {
	background-color: black;
}
.no-title .ui-dialog-titlebar {
	display: none;
}
.image-viewer-dialog .ui-dialog-content {
	padding: 0;
}
.image-viewer-dialog.ui-widget.ui-widget-content {
	padding: 0;
	border: none;
}
.image-viewer-dialog {
	position: fixed;
}
#image-viewer img {
	cursor: zoom-out;
}
.iv-wrapper {
	display: inline-block;
	position: relative;
	max-width: 100%;
}
.iv-wrapper .qa-search-button {
	position: absolute;
	top: 0;
	right: 0;
	cursor: pointer;
}
.iv-wrapper .qa-search-button:focus {
	background-color: #bdc3c7;
}
@media (max-width: 799px) {
	.qa-template-search .qa-q-item-wrapper {
		min-height: 112px;
	}
}
.qa-template-search .qa-q-item-buttons .qa-waiting {
	float: right;
}
.qa-template-pack-view a.source {
	position: absolute;
	bottom: 6px;
	right: 10px;
	font-size: 10pt;
}
.qa-template-pack-view .qa-part-f-list .sides a.source {
	bottom: 26px;
	right: 20px;
}
.qa-template-pack-view .qa-main .stage > .flashcard .qa-a-item-main,
.qa-template-pack-view .qa-main .stage > .flashcard .qa-q-view-main {
	width: 100%;
	margin: 0;
}
.qa-template-pack-view.sp-fullscreen {
	padding-top: 44px;
}
.qa-template-pack-view.sp-fullscreen .pack-operations,
.qa-template-pack-view.sp-fullscreen .mp-banner {
	display: none;
}
@media (max-width: 979px) {
	.qa-template-pack-view.sp-fullscreen #qam-sidepanel-toggle,
	.qa-template-pack-view.sp-fullscreen .qam-ask-search-box {
		display: none;
	}
}
@media (max-width: 767px) {
	.qa-part-f-list .qa-new-flashcard-row input {
		margin-bottom: 0 !important;
	}
}
.qa-template-pack-view.sp-fullscreen #sp-exit-fullscreen {
	position: fixed;
	z-index: 1;
	top: 55px;
	right: 9px;
	width: 32px;
	height: 32px;
	text-align: center;
	font-weight: bold;
	color: #2c3e50;
	background-color: #b8c0c8;
}

.qa-template-pack-view.sp-fullscreen #sp-exit-fullscreen:hover {
	cursor: pointer;
}
.qa-template-pack-view.sp-fullscreen #sp-exit-fullscreen:hover,
.qa-template-pack-view.sp-fullscreen #sp-exit-fullscreen:focus {
	background-color: #9ba6b0;
}
.qa-form-light-button-fullscreen {
	background-image: url('../img/fullscreen-white.png');
}
.qa-template-pack-view .share-pack-view .qr-code {
	margin-bottom: 20px;
	text-align: center;
}
.qa-template-pack-view .share-pack-view form {
	margin: 10px;
}
.qa-template-pack-view .share-pack-view form input[type="button"] {
	cursor: pointer;
}
.qa-template-pack-view .social-network-buttons {
	text-align: center;
	line-height: .7;
}
.qa-template-pack-view .social-network-buttons .fb-share-button {
	margin-right: 28px;
}
.qa-widgets-side,
.sp-recent-packs,
.sp-side-menu {
	display: none;
}
.sp-side-menu .item {
	position: relative;
	padding: 3px 0 7px 25px;
}
.sp-side-menu .item:nth-child(even) {
	background-color: #f7f5f5;
}
.sp-side-menu .item:hover {
	background-color: #dedef9;
}
.sp-side-menu .cell {
	font-size: 10pt;
}
.sp-side-menu .item a,
.sp-side-menu .item > i {
	font-size: 10pt;
	display: block;
	padding-top: 2px;
}
.sp-side-menu .item input {
	position: absolute;
	left: 0;
}
.sp-recent-packs .empty,
.sp-side-menu .empty {
	font-size: 10pt;
	text-align: center;
}
.sp-side-menu h3 {
	margin-bottom: 0;
}
.sp-side-menu h3 a {
	position: relative;
	display: block;
	text-decoration: none;
	color: #34495e;
	margin-right: -10px;
	margin-left: -10px;
	padding-right: 10px;
	padding-left: 10px;
}
.sp-side-menu h3 a:focus {
	background-color: #f2eeee;
}
.sp-side-menu h3 a:hover {
	background-color: #dddada;
}
.sp-side-menu h3 a span {
	float: right;
	margin-top: 5px;
}
.sp-side-menu h3 span {
	transition:transform .2s ease-in-out;
}
.sp-side-menu h3 span.closed {
	-webkit-transform: rotate(-90deg);
	-moz-transform: rotate(-90deg);
	-o-transform:rotate(-90deg);
	transform: rotate(-90deg);
}
.sp-side-menu .section {
	margin-bottom: 20px;
}
.sp-side-menu .section > .content {
	position: relative;
}
.sp-side-menu .section:last-child {
	margin-bottom: 0;
}
.sp-new-pack-button:hover {
	cursor: pointer;
}
.sp-new-pack-button {
	padding: 0 6px 1px 6px;
	margin-top: 0;
	margin-bottom: 0;
	border-radius: 15px;
	font-size: 18px;
}
.sp-side-menu .sp-new-pack-button {
	margin-right: 10px;
	float: right;
}
.sp-new-pack-button:active {
	background-color: #b3b2b2;
}
.sp-side-menu .note {
	font-size: 12px;
	text-align: center;
	margin-top: 10px;
}
.sp-recent-packs .qa-q-item-where,
.qa-template-sp-plugin-homepage .qa-q-item-where {
	font-weight: normal;
}
.qa-template-sp-plugin-homepage .sp-pack-stats {
	font-size: 12px;
	position: absolute;
	bottom: 52px;
}
.sp-recent-packs .sp-pack-stats {
	position: static;
	margin-top: 10px;
	font-size: 12px;
}
.qa-template-sp-plugin-homepage .sp-pack-views,
.pack-operations .sp-pack-views {
	font-size: 12px;
}
.pack-operations .sp-pack-views {
	margin-left: 25px;
	vertical-align: top;
	display: inline-block;
	height: 32px;
	padding-top: 9px;
}
.qa-template-sp-plugin-homepage .sp-pack-views {
	position: absolute;
	bottom: 22px;
	right: 10px;
}
.pack-operations .sp-pack-views img,
.qa-template-sp-plugin-homepage .sp-pack-views img {
	vertical-align: baseline;
}
.sp-recent-packs .qa-q-item-where:after,
.qa-template-sp-plugin-homepage .qa-q-item-where:after {
	content: '—';
	padding: 0 0 0 1px;
	font-weight: normal;
}
.sp-recent-packs .qa-q-item-meta {
	vertical-align: baseline;
}
.qa-template-sp-plugin-homepage .qa-q-list-item-wrapper > div {
	min-height: 170px;
	position: relative;
	border-radius: 5px;
}
.sp-recent-packs .qa-q-list-item-wrapper > div {
	min-height: auto;
	position: relative;
	border-radius: 5px;
}
#qam-sidepanel-mobile .sp-recent-packs .qa-q-list-item-wrapper > div {
	-moz-box-shadow: 0px 0px 5px gray;
	-webkit-box-shadow: 0px 0px 5px gray;
	box-shadow: 0px 0px 5px gray;
}
@media (min-width: 601px) and (max-width: 650px) {
	.qa-template-sp-plugin-homepage .qa-q-list-item-wrapper > div {
		min-height: 220px;
	}
}
.qa-template-sp-plugin-homepage .qa-q-list-item-wrapper {
	float: left;
	padding-left: 5px;
	padding-right: 5px;
}
.sp-recent-packs > div {
	display: inline-block;
	width: 100%;
}
.sp-recent-packs .qa-q-list-item-wrapper {
	float: left;
}
.qa-template-sp-plugin-homepage .qa-q-list-item-wrapper > div .pack-img {
	height: 62px;
	width: 62px;
	float: right;
	margin: 5px 0 5px 5px;
}
.qa-template-sp-plugin-homepage .qa-q-list-item-wrapper .qa-q-item-title {
	overflow: hidden;
	word-wrap: break-word;

	-ms-word-break: break-all;
	word-break: break-all;
	-webkit-hyphens: auto;
	-moz-hyphens: auto;
	hyphens: auto;
}
.sp-recent-packs .qa-q-list-item-wrapper .qa-q-item-title .qa-q-item-where-data,
.qa-template-sp-plugin-homepage .qa-q-list-item-wrapper .qa-q-item-title .qa-q-item-where-data {
	vertical-align: text-bottom;
}
.sp-recent-packs .qa-q-list-item,
.qa-template-sp-plugin-homepage .qa-q-list-item {
	margin-bottom: 10px;
}
.qa-template-sp-plugin-homepage .qa-page-links {
	clear: left;
}
.sp-recent-packs .qa-q-list-item-wrapper {
	width: 100%;
	padding: 0;
}
@media (min-width: 601px) {
	.qa-template-sp-plugin-homepage .qa-main .qa-q-list-item-wrapper {
		width: 50%;
	}
	.qa-template-sp-plugin-homepage .qa-q-list > :nth-child(2n) {
		padding-right: 0;
	}
	.qa-template-sp-plugin-homepage .qa-q-list > :nth-child(2n + 1) {
		padding-left: 0;
		clear: left;
	}
}
@media (max-width: 600px) {
	.qa-template-sp-plugin-homepage .qa-q-list-item-wrapper {
		width: 100%;
	}
	.qa-template-sp-plugin-homepage .qa-q-item-avatar {
		display: inline-block;
	}
}
.qa-template-sp-plugin-homepage .qa-a-count-zero {
	background-color: transparent;
}
.qa-class-code-link {
	display: inline-block;
	font-family: "Ubuntu", "Helvetica", "Arial", "FreeSans", sans-serif;
	font-size: 11px;
	background-color: white;
	color: #2c3e50 !important;
	border: 1px solid #2c3e50;
	border-radius: 5px;
	line-height: 1.2em;
	padding: 2px 4px 3px 4px;
	text-decoration: none !important;
	transition: all 0.75s ease-in-out 0s;
}
.qa-class-code-link:hover {
	background-color: #c4cad0;
	transition: all 0.25s ease-in-out 0s;
}
.study-packs-blue-box {
	background-color: lightblue;
	padding: 1em;
	border: 1px solid gray;
	margin-bottom: 1em;
}
.sp-dialog-definition {
	display: none;
}
.sp-dialog {
	position: fixed;
}
.sp-dialog.ui-widget.ui-widget-content {
	border: none;
	box-shadow: 0 0 10px #7777;
}
.sp-dialog .ui-dialog-titlebar {
	padding: 0;
}
.sp-dialog .ui-dialog-titlebar.ui-widget-header {
	border: none;
	background: none;
}
.sp-dialog .ui-dialog-titlebar-close {
	border: none;
	top: 15px;
}
.sp-dialog .ui-dialog-title {
	margin-top: 50px;
	margin-bottom: 5px;
	width: 100%;
	color: #2c3e50;
	text-align: center;
}
.sp-dialog .error,
.sp-dialog button.ui-widget,
.sp-dialog label {
	font-size: 14px;
}
.sp-dialog .content input,
.sp-dialog label {
	display: block;
	width: 100%;
}
.sp-dialog .ui-dialog-buttonpane {
	border: none;
	text-align: center;
	padding-bottom: 1.2em;
	padding-left: 1em;
}
.sp-dialog .ui-dialog-buttonpane .ui-dialog-buttonset {
	float: none;
}
.sp-dialog .ui-dialog-buttonpane button {
	margin: 0;
}
.sp-dialog .error {
	color: #e74c3c;
}
.sp-dialog .error a {
	color: #2980b9;
	word-wrap: break-word;
	overflow-wrap: break-word;

	-webkit-hyphens: auto;
	-moz-hyphens: auto;
	hyphens: auto;
}
@media (max-width: 400px) {
	.sp-dialog {
		width: auto !important;
	}
}
.sp-dialog-overlay {
	 /* It has this value because the sidebar menu uses 99999 */
	z-index: 100000;
}
.sp-dialog {
	/* It has this value because the sidebar menu uses 99999 */
	z-index: 100001;
}
.sp-dialog-open {
	overflow-y: hidden;
}
@media (min-width: 601px) {
	.qa-main-heading .qa-sp-homepage-title-table {
		display: table;
		width: 100%;
	}
	.qa-main-heading .qa-sp-homepage-title-row {
		display: table-row;
	}
	.qa-main-heading .qa-sp-homepage-title-row .qa-sp-searchbox,
	.qa-main-heading .qa-sp-homepage-title-row .qa-sp-homepage-title {
		display: table-cell;
	}
	.qa-main-heading .qa-sp-homepage-title-row .qa-sp-homepage-title {
		white-space: nowrap;
	}
	.qa-main-heading .qa-sp-homepage-title-row .qa-sp-homepage-title h1 {
		padding-right: 20px;
	}
}
.qa-main-heading .qa-sp-homepage-title-row .qa-sp-searchbox .qa-waiting {
	position: absolute;
	bottom: 20px;
}
.qa-main-heading .qa-sp-homepage-title-row .qa-sp-searchbox,
.qa-main-heading .qa-sp-homepage-title-row .qa-sp-searchbox input {
	width: 100%
}

/* Dark mode: Start */
body.qa-template-pack-view.dark {
	background-color: #2e393c !important;
}
.qa-template-pack-view.dark .qa-sidebar.wet-asphalt,
.qa-template-pack-view.dark .qa-footer,
.qa-template-pack-view.dark .qa-form-light-button,
.qa-template-pack-view.dark .qam-main-nav-wrapper {
	background-color: #0e141a;
}
.qa-template-pack-view.dark .flashcard-listing-items .flashcard-operations input {
	background-color: #2c3e50;
}
.qa-template-pack-view.dark .flashcard-listing-items .flashcard-operations input:not([disabled]):hover {
	background-color: #476481;
}
.qa-template-pack-view.dark #qam-account-toggle,
.qa-template-pack-view.dark .qam-account-items,
.qa-template-pack-view.dark .qa-nav-main-link {
	background-color: #19232d;
}

.qa-template-pack-view.dark .qa-logged-in,
.qa-template-pack-view.dark .qam-logged-in-points,
.qa-template-pack-view.dark .qa-nav-user-item {
	border-color: #0e141a;
 }

.qa-template-pack-view.dark .qa-logged-in::before,
.qa-template-pack-view.dark .qam-logged-in-points::before,
.qa-template-pack-view.dark .qa-nav-user-updates::before,
.qa-template-pack-view.dark .qa-nav-user-logout::before,
.qa-template-pack-view.dark .qa-logged-in:hover,
.qa-template-pack-view.dark .qam-logged-in-points:hover,
.qa-template-pack-view.dark .qa-nav-user-item:hover,
.qa-template-pack-view.dark #qam-account-toggle:hover,
.qa-template-pack-view.dark .qa-nav-main-link:hover {
	background-color: #2b3844;
}
.qa-template-pack-view.dark .qa-nav-main-link.qa-nav-main-selected {
	background-color: #5a8aaa;
}
@media (min-width: 980px) {
	.qa-template-pack-view.dark .qa-logo-link {
		background-color: #19232d;
	}
	.qa-template-pack-view.dark .qa-logo-link:hover {
		background-color: #2b3844;
	}
}
.qa-template-pack-view.dark .pack-operations .sp-pack-views img {
	-webkit-filter: contrast(400%);
	filter: contrast(400%);
}
.qa-template-pack-view.dark .pack-operations .sp-pack-views,
.qa-template-pack-view.dark .qa-main > .qa-part-custom,
.qa-template-pack-view.dark .qa-part-q-view.settings,
.qa-template-pack-view.dark .qa-part-q-view.pack-operations > .qa-q-view,
.qa-template-pack-view.dark .qa-part-q-view.progress > .qa-q-view,
.qa-template-pack-view.dark .qa-part-q-view.settings > .qa-q-view {
	background-color: #444e59;
}
.qa-template-pack-view.dark .qa-part-q-view.pack-operations.is_learning > .qa-q-view {
	background-color: transparent;
}
@media (max-width: 979px) {
	.qa-template-pack-view.dark .qa-sidepanel {
		background-color: #444e59;
	}
	.qa-template-pack-view.dark .qam-search-mobile.turquoise {
		background-color: #7eaca2;
		border-left-color: #0d6050;
	}
	.qa-template-pack-view.dark .qam-search-mobile.turquoise.active {
		background-color: #6b9189;
	}
	.qa-template-pack-view.dark .qam-ask-mobile a {
		background: #7eaca2;
	}
}
.qa-template-pack-view.dark .pack-operations .sp-pack-views,
.qa-template-pack-view.dark .qa-main > .qa-part-custom,
.qa-template-pack-view.dark .qa-part-q-view.scoreboard,
.qa-template-pack-view.dark .checkpoint .message,
.qa-template-pack-view.dark .qa-part-q-view.progress > .qa-q-view,
.qa-template-pack-view.dark .qa-part-q-view.settings > .qa-q-view {
	color: #fff;
}
.qa-template-pack-view.color-scheme-transition,
.qa-template-pack-view.color-scheme-transition * {
	transition:all .2s ease-in-out;
}
.qa-template-pack-view.dark .qa-part-q-view.progress > .qa-q-view {
	background-color: transparent;
}
.qa-template-pack-view.dark .progress input {
	background-color: #fff;
}
.qa-template-pack-view.dark .progress input:hover,
.qa-template-pack-view.dark .progress input:focus {
	background-color: #476481;
	border-color: white;
}
.qa-template-pack-view.dark .progress .current input:focus {
	background-color: #3498db;
	border-color: #3498db;
}
.qa-template-pack-view.dark .progress .current input:focus:hover {
	background-color: #476481;
}
.qa-template-pack-view.dark .stage .right input {
	border-left: 30px solid #afd7ff;
}
.qa-template-pack-view.dark .stage .right input:active {
	border-left: 30px solid #3498db;
}
.qa-template-pack-view.dark .stage .left input {
	border-right: 30px solid #afd7ff;
}
.qa-template-pack-view.dark .stage .left input:active {
	border-right: 30px solid #3498db;
}
.qa-template-pack-view.dark .stage .left input[disabled] {
	border-right: 30px solid #3a424d;
}
.qa-template-pack-view.dark .stage .right input[disabled] {
	border-left: 30px solid #3a424d;
}
.qa-template-pack-view.dark .item.current .thumbnail .cell {
	border-color: #ff5705;
}
.qa-template-pack-view.dark .qam-search.turquoise .qa-search {
    background: #6b9189;
}
.qa-template-pack-view.dark .qam-search.turquoise .qa-search-button {
    background-color: #69c1af;
}
.qa-template-pack-view.dark .qa-part-form {
	background-color: #444e59;
	color: #fff;
}
.qa-template-pack-view.dark .qa-search-field,
.qa-template-pack-view.dark .sides .wrapper select,
.qa-template-pack-view.dark .pack-settings [type="text"],
.qa-template-pack-view.dark .share-pack-view [type="text"],
.qa-template-pack-view.dark .sp-dialog [type="text"],
.qa-template-pack-view.dark .pack-collaboration [type="text"] {
	background-color: #2e393c;
	color: white;
}
.qa-template-pack-view.dark .study-packs-special-users tbody tr:nth-child(odd) {
	background-color: #525f6c;
}
.qa-template-pack-view.dark .study-packs-special-users tbody tr:hover {
	background-color: #5c6b79;
}
.qa-template-pack-view.dark .sp-dialog .error,
.qa-template-pack-view.dark .qa-form-tall-error {
	color: #ff9a8f;
}
.qa-template-pack-view.dark .qa-main-heading {
	background-color: #4e81a4;
}
.qa-template-pack-view.dark .qa-part-flashcard-listing > .flashcard-listing-title,
.qa-template-pack-view.dark #f_list_title {
	background-color: #429767;
}
.qa-template-pack-view.dark .qa-form-tall-button {
	background: #4e81a4 none;
}
.qa-template-pack-view.dark .qa-form-tall-button:hover,
.qa-template-pack-view.dark .qa-form-tall-button:focus {
	background-color: #368bc6;
}
.qa-template-pack-view.dark .qa-form-tall-button-save {
	background: #3d9f68 none;
}
.qa-template-pack-view.dark .qa-form-tall-button-save:hover,
.qa-template-pack-view.dark .qa-form-tall-button-save:focus {
	background-color: #32ae68;
}
.qa-template-pack-view.dark .qa-form-tall-ok {
	background-color: #3d9f68;
}
.qa-template-pack-view.dark .qa-sidepanel .qa-widget-side {
	background-color: #444e59;
}
.qa-template-pack-view.dark .sp-recent-packs h2,
.qa-template-pack-view.dark .sp-side-menu .section .empty,
.qa-template-pack-view.dark .sp-side-menu h3 a,
.qa-template-pack-view.dark .sp-side-menu .item > i {
	color: #fff;
}
.qa-template-pack-view.dark .sp-side-menu h3 a:focus {
	background-color: #243f46;
}
.qa-template-pack-view.dark .sp-side-menu h3 a:hover {
	background-color: #2e393c;
}
.qa-template-pack-view.dark .sp-side-menu .navigation,
.qa-template-pack-view.dark .qa-part-f-list .sides a.source,
.qa-template-pack-view.dark .sp-side-menu .item a {
	color: #a7c4d7;
}
.qa-template-pack-view.dark .sp-side-menu .item:nth-child(2n) {
	background-color: #363f48;
}
.qa-template-pack-view.dark .sp-side-menu .item:hover {
	background-color: #2d353e;
}
.qa-template-pack-view.dark .sp-side-menu .navigation span.ui-accordion-header-icon,
.qa-template-pack-view.dark .sp-side-menu h3 span.ui-accordion-header-icon {
	background-image: url("../../../sciemce-common/public/jquery-ui-1.12.1/images/ui-icons_ffffff_256x240.png");
}
.qa-template-pack-view.dark .sp-side-menu .sp-new-pack-button {
	background-color: #444e59;
	color: white;
}
.qa-template-pack-view.dark .sp-side-menu .sp-new-pack-button:active {
	background-color: #4b8bd0;
}
.qa-template-pack-view.dark .sp-side-menu .note{
	color: white;
}
.qa-form-light-button-add {
	background-image: url('../img/add-white.png');
}
.qa-part-f-list .sides .flashcard-operations input.qa-form-light-button-down[disabled]:hover,
.qa-part-f-list .sides .flashcard-operations input.qa-form-light-button-down[disabled],
.qa-form-light-button-down {
	background-image: url('../img/down-white.png');
}
.qa-part-f-list .sides .flashcard-operations input.qa-form-light-button-up[disabled]:hover,
.qa-part-f-list .sides .flashcard-operations input.qa-form-light-button-up[disabled],
.qa-form-light-button-up {
	background-image: url('../img/up-white.png');
}
.qa-form-light-button-merge {
	background-image: url('../img/merge-white.png');
}
@media (min-width: 980px) {
	.sp-lh-sidepanel .qa-form-light-button-merge {
		background-image: url('../img/merge-white-left.png');
	}
}
.qa-form-light-button-restart {
	background-image: url('../img/restart-white.png');
}
.flashcard-operations input.qa-form-light-button-stop[disabled]:hover,
.flashcard-operations input.qa-form-light-button-stop[disabled],
.qa-form-light-button-stop {
	background-image: url('../img/stop-white.png');
}
.qa-template-pack-view .flashcard-listing-items .flashcard-operations input.qa-form-light-button-stop:not([disabled]):hover,
.qa-template-pack-view .flashcard-listing-items .flashcard-operations input.qa-form-light-button-stop {
	background-color: #812b2b;
}
.flashcard-operations input.qa-form-light-button-play[disabled]:hover,
.flashcard-operations input.qa-form-light-button-play[disabled],
.qa-form-light-button-play {
	background-image: url('../img/play-white.png');
}
.qa-template-pack-view.dark .flashcard-operations input[disabled] {
	opacity: .2;
}
.qa-template-pack-view.dark .qa-part-f-list .sides .flashcard-operations .flashcard-position {
	color: #bec8d2;
}
.qa-template-pack-view.dark .flashcard:not(.edit-item):active {
	border-color: #ff5705;
}
.qa-template-pack-view.dark .flashcard.empty {
	border: dashed gray;
}
.qa-template-pack-view .progress .bar input {
	border: none;
}
.qa-template-pack-view.dark .progress .bar.pinned input {
	background-color: #f76e6e;
	border: 1px solid #f76e6e;
}
.qa-template-pack-view.dark .progress .bar.pinned input:focus {
	border: 1px solid #f76e6e;
	background-color: transparent;
}
.qa-template-pack-view.dark .progress .bar.pinned input:hover {
	background-color: #f93c3c;
	border: 1px solid #f93c3c;
}
.qa-template-pack-view.dark .progress .bar.current input {
	border-color: #3498db;
	background-color: #3498db;
}
.qa-template-pack-view.dark .progress .bar.current input:focus {
	background-color: transparent;
	border: 1px solid #2d82bb;
}
.qa-template-pack-view.dark .progress .bar.current input:hover {
	background-color: #2d82bb;
	border: 1px solid #2d82bb;
}
.qa-template-pack-view.dark .sp-dialog .ui-dialog-buttonpane,
.qa-template-pack-view.dark .sp-dialog.ui-widget.ui-widget-content {
	background-color: #444e59;
	color: white;
}
.qa-template-pack-view.dark .sp-dialog.ui-widget.ui-widget-content {
	box-shadow: 0 0 10px #fff;
}
.qa-template-pack-view.dark .sp-dialog .content,
.qa-template-pack-view.dark .sp-dialog.ui-widget.ui-widget-content,
.qa-template-pack-view.dark .sp-dialog .ui-dialog-title {
	color: white;
}
.qa-template-pack-view.dark .sp-dialog .ui-dialog-titlebar-close,
.qa-template-pack-view.dark .sp-dialog .ui-dialog-buttonpane button {
	background-color: #418193;
	color: white;
	border: 1px solid #418193;
}
.qa-template-pack-view.dark .sp-dialog .ui-dialog-titlebar-close:hover,
.qa-template-pack-view.dark .sp-dialog .ui-dialog-buttonpane button:hover {
	background-color: #29788e;
}
.qa-template-pack-view.dark .sp-dialog .ui-dialog-titlebar-close:focus,
.qa-template-pack-view.dark .sp-dialog .ui-dialog-buttonpane button:focus {
	border: 1px solid #cccccc;
}
.qa-template-pack-view.dark .sp-dialog .ui-dialog-titlebar-close:active,
.qa-template-pack-view.dark .sp-dialog .ui-dialog-buttonpane button:active {
	background-color: #2e393c;
}
.qa-template-pack-view.dark .sp-dialog .error a {
	color: #98caea;
}
.qa-template-pack-view.dark .flashcard:not(.flip-transition):not(.transition):not(.transition-out) {
	transition: border-color .1s ease-out;
}
.qa-template-pack-view.dark .flashcard-listing-items .sides > .wrapper,
.qa-template-pack-view.dark .flashcard {
	border: 3px solid transparent;
	background-color: #17262f;
}
.qa-template-pack-view.dark .sp-recent-packs .qa-q-list-item,
.qa-template-pack-view.dark .qa-part-f-list .sides .wrapper,
.qa-template-pack-view.dark .flashcard-listing-ad,
.qa-template-pack-view.dark .side-label,
.qa-template-pack-view.dark .item .thumbnail,
.qa-template-pack-view.dark .flashcard-gallery .q-side .qa-q-view,
.qa-template-pack-view.dark .flashcard-listing-items .sides .wrapper > .a-side > div,
.qa-template-pack-view.dark .flashcard-listing-items .sides .wrapper > .q-side > div,
.qa-template-pack-view.dark .flashcard > div > .qa-a-list-item,
.qa-template-pack-view.dark .flashcard > div {
	background-color: #17262f;
	color: #c9ccce;
}
.qa-template-pack-view.dark #qam-sidepanel-mobile .sp-recent-packs .qa-q-list-item-wrapper > div {
	-moz-box-shadow: none;
	-webkit-box-shadow: none;
	box-shadow: none;
}

.qa-template-pack-view.dark .pack-settings .flashcard-operations {
	background-color: #444e59;
}
.qa-template-pack-view.dark .qa-part-f-list .sides .wrapper select,
.qa-template-pack-view.dark .pack-settings .qa-part-f-list [type="text"] {
	background-color: #0a1115;
	color: #c9ccce;
}
.qa-template-pack-view.dark .flashcard-listing-items a,
.qa-template-pack-view.dark .flashcard a {
	color: #3bb2ff;
}
.qa-template-pack-view.dark .flashcard-listing-items pre,
.qa-template-pack-view.dark .flashcard pre {
	background-color: #313131;
}
.qa-template-pack-view.dark .flashcard-listing-items .wrapper > div > div .up-button,
.qa-template-pack-view.dark .flashcard .up-button {
	top: 0;
	background-position: 0px 0;
}
.qa-template-pack-view.dark .flashcard-listing-items .wrapper > div > div .down-button,
.qa-template-pack-view.dark .flashcard .down-button {
	bottom: 0;
	background-position: 0px -20px;
}
.qa-template-pack-view.dark .simplebar-scrollbar::before {
	background: #a8a8a8;
}
.qa-template-pack-view.dark .sp-side-menu .navigation button:focus {
	border: 2px solid #ff5705;
}
.qa-template-pack-view.dark .sp-side-menu .navigation button:active {
	-webkit-tap-highlight-color: transparent;
	background-color: #444e59;
}
.qa-template-pack-view.dark .sp-side-menu .navigation button[disabled] {
	background-color: transparent;
	border: 2px solid transparent;
}
/* Dark mode: End */