footer{
	padding-top:80px;
}
.login-container .row{
	min-height:80vh;
}
.workspace-comments textarea{
	width:100%;
	height:200px;
}
.dropdown-account{
	left:auto !important;
	right:0;
}
.top-back-link a{
	text-decoration:none !important;
}
nav{
	border-bottom:2px solid #25498c;
}
.edit-garbage{
	text-align:center;
}
.edit-garbage svg{
	height:28px;
}




.flashcards-study-wrapper{
	border:3px solid #eee;
	background:#ffffff;
	border-radius:20px;
	max-width:500px;
	width:90%;
	margin:0px auto 20px;
}
.flashcards-study-content{
	position:relative;
	display:table;
	height:320px;
	width:100%;
}
.flashcards-study-content-counter{
	position:absolute;
	padding:10px 15px;
	//border-bottom:1px solid #333333;
	//border-left:1px solid #333333;
	top:5px;
	right:5px;
	font-size:16px;
	background:#25498c;
	border-radius:18px;
	color:#ffffff;
}
.flashcards-study-content-last{
	position:absolute;
	padding:10px 15px;
	//border-bottom:1px solid #333333;
	//border-right:1px solid #333333;
	top:5px;
	left:5px;
	font-size:16px;
	background:#25498c;
	border-radius:18px;
	color:#ffffff;
	max-width:75%;
}
.flashcards-study-content-inner{
	display:table-cell;
	text-align:center;
	vertical-align:middle;
	padding-left:10px;
	padding-right:10px;
}
.flashcards-study-button{
	//border-top:1px solid #333333;
	padding:0px 5px 5px;
	line-height:1;
}
.flashcards-study-button a{
	display:block;
	color:#ffffff;
	background:#25498c;
	text-transform:uppercase;
	border-radius:18px;
	text-align:center;
	padding:15px;
	text-decoration:none;
}
.flashcards-study-button-correct{
	float:left;
	width:50%;
	//border-right:1px solid #333333;
	padding:0px !important;
}
.flashcards-study-button-wrong{
	float:right;
	width:49%;
	padding:0px !important;
}
.flashcards-study-button-correct span, .flashcards-study-button-wrong span{
	display:block;
	padding:15px;
}
.flashcards-study-back-to-overview{
	text-align:center;
	padding-top:20px;
}
.flashcards-study-back-to-overview a{
	text-decoration:none;
}
.flashcards-study-final-buttons{
	border-top:0px solid #333333;
	text-align:center;
}
.flashcards-study-final-buttons .flashcards-study-button:first-child{
	border-right:0px solid #333333;
}
.flashcards-study-final-buttons .flashcards-study-button{
	width:48.9%;
	display:inline-block;
	border-top:0px solid #333333;
	padding:0px 0.5% 5px !important;
}
.cardcontent-from{
	font-size:24px;
}
.cardcontent-to{
	display:block;
	padding:10px;
	font-size:24px;
}
@media (max-width:420px){
	.flashcards-study-final-buttons .flashcards-study-button:first-child{
		border-right:0px solid #333333;
		border-bottom:1px solid #333333;
	}
	.flashcards-study-final-buttons .flashcards-study-button{
		width:100%;
	}	
}
.cc_from, .cc_to{
	font-size:24px;
	padding-top:10px;
	padding-bottom:10px;
}
.cc_to_pre, .cc_to_post, .cc_from_post{
	font-size:16px;
	color:#666666;
}
.cc_from_3, .cc_from_0{
	font-family:Simsun;
	font-size:36px;
}
.cc_to_3, .cc_to_0{
	font-family:Simsun;
	font-size:36px;
}
.cc_from_1001 img, .cc_to_1001 img{
	max-width:280px;
	width:80%;
	height:auto;
	border-radius:18px;
}
.cc_to_hsk{
	padding-top:15px;
	font-size:20px;
}
.cc_to_hsk .top_wortart{
	color:#666666;
}
.cc_to_sound{
	margin-top:10px;
}
.cc_to_from_sound{
	margin-top:10px;
}
.cc_to_from{
	font-size:20px;
	padding-bottom:15px;
}
.cc_to_from_3{
	font-family:Simsun;
	font-size:24px;
}
.cc_to_pre_audio{
	margin-top:70px;
}
.cc_to_audio{
	margin-top:15px;
}
.flashcards-study-overview-outer-wrapper{
	text-align:center;
}
.flashcards-study-menu-wrapper{
	display:inline-block;
	margin:10px 20px;
	border:1px solid #333333;
	text-align:center;
	padding:40px 20px;
	text-decoration:none;
	min-width:140px;
	border-radius:20px;
	text-transform:uppercase;
	color:#000000;
}
.flashcards-study-content-last .cc_from{
	display:inline;
	font-size:16px !important;
	padding:0px !important;
	color:#ffffff;
}
.flashcards-study-content-last .top_wortart{
	color:#ffffff;
}
.flashcards-study-content-last .cc_from_post{
	display:none;
}
.flashcards-study-wrong-wrapper{
	width:100%;
	max-width:800px;
	margin:0px auto 50px;
}
.flashcards-study-wrong-wrapper table{
	border:1px solid #333333;
	border-collapse: collapse;
}
.flashcards-study-wrong-wrapper td{
	border:1px solid #333333;
	padding: 3px 10px;
}
.flashcards-study-wrongright-wrapper{
	text-align:center;
	font-size:140%;
	line-height:1.5;
	padding-bottom:20px;
}
.flashcards-study-wrongright-correct{
	color:#00aa00;
}
.flashcards-study-wrongright-wrong{
	color:#aa0000;
}
.cc_writing{
	padding-top:24px;
}
.cc_writing input{
	width:240px;
	padding:8px 10px;
	border:1px solid #333;
	border-radius:5px;
	font-size:120%;
}
.cc_correct{
	color:#00aa00;
}
.cc_wrong{
	color:#aa0000;
}
.memory-wrapper{
	width:100%;
	padding:0px 0px 0px;
	margin:0px auto;
}
.memory-wrapper-cards{
	text-align:center;
}
.memory-wrapper-cards a{
	display:inline-block;
	width:60px;
	height:60px;
	border:2px solid #25498c;
	border-radius:5px;
	margin:5px;
}
.memory-wrapper td{
	border:1px solid #666666;
	vertical-align:middle;
}
.memory-wrapper table{
	border-spacing:20px;
	margin-bottom:10px;
}
.memory-answer{
	text-align:center;
	font-size:120%;
	word-break:break-word;
}
.memory-again{
	text-align:center;
	padding:20px 0px;
}
@media (max-width:620px){
	.memory-wrapper-cards a{
		width:50px;
		height:50px;
	}
	.memory-wrapper-cards{
		margin:0px auto;
		max-width:420px;
	}
}


.study-header-area{
	max-width:526px;
	margin:0px auto 16px;
}
.study-header-back-wrapper{
	float:left;
	padding-top:8px;
	padding-left:12px;
}
#audio-toggle{
	float:right;
	padding-top:8px;
	padding-right:12px;
	height:54px;
	min-width:4px;
}
.toggle-btn,
.study-header-back-btn {
	display:inline-block;
	padding-top:5px;
	padding-left:1px;
	margin: 0 4px;
	border: 2px solid #25498c;
	background-color: #fff;
	cursor: pointer;
	border-radius:24px;
	opacity:0.5;
	width:42px;
	height:42px;
	text-align:center;
}
.toggle-btn svg{
	display:inline-block;
	fill:#25498c;
	height:24px;
}
.toggle-btn.active svg,
.study-header-back-btn svg{
	display:inline-block;
	fill:#ffffff;
	height:24px;
}

.toggle-btn.active,
.study-header-back-btn{
  background-color: #25498c;
  color: white;
  border-color: #25498c;
	opacity:1;
}