@import url(https://fonts.googleapis.com/css?family=Roboto:100,300,400,500,700,900,400italic&subset=latin,latin-ext);
@import url(https://fonts.googleapis.com/css?family=Ubuntu:500italic);

html{box-sizing: border-box;}
*,*:before,*:after{box-sizing: inherit;}
img{box-sizing: content-box;}

body {font-family: 'Roboto', sans-serif; background: #F2F2F2; color: #575757; line-height: 1.5;}
input, select, textarea, input[type="text"], input[type="password"], input[type="datetime"], input[type="datetime-local"], input[type="date"], input[type="month"], input[type="time"], input[type="week"], input[type="number"], input[type="email"], input[type="url"], input[type="search"], input[type="tel"], input[type="color"], .uneditable-input
{font-family: 'Roboto', sans-serif; color: #575757; box-shadow: none !important; border-radius: 3px;}

.animate {opacity: 0;}
.list-view-loading {background-position: 50% 12px;}

.btn:hover, .btn:focus, .btn:active, .btn.active, .btn.disabled, .btn[disabled] {background: #fff; opacity: 1; box-shadow: none;}
.btn {font-family: 'Roboto', sans-serif; min-width: 95px; padding: 3px 10px; color: #575757; background: #fff; border: 2px #EAEAEA solid; border-radius: 3px; box-shadow: none; font-size: 14px; font-weight: bold; text-transform: none; box-sizing: border-box; text-shadow: none;}
.btn:hover {}
.btn.disabled {color: #BFBFBF !important;}

.btn-grey, .btn-primary {display: inline-block; width: 100%; max-width: 400px; line-height: 50px; margin-bottom: 10px; color: #575757; background: #fff; border: 2px #EAEAEA solid; border-radius: 3px; font-size: 20px; font-weight: 500; text-decoration: none !important; box-sizing: border-box;}
.btn-large {}
input.btn {}
.btn-grey:hover, .btn-grey:focus, .btn-grey:active, .btn-grey.active, .btn-grey.disabled, .btn-grey[disabled] {color: #333;}
.btn-primary:hover, .btn-primary:focus, .btn-primary:active, .btn-primary.active, .btn-primary.disabled, .btn-primary[disabled] {color: #333;}
.btn:hover {color: #3DCED0;}

.btn-large2 {font-size: 24px; padding: 10px 40px;}

.btn-gradient {}
.btn-gradient:hover {}
.btn-green, .btn-darkgrey, .btn-red {border-color: transparent;}
.btn-green {color: #fff !important; background: #3DCED0 !important;}
.btn-green:hover {opacity: 0.8;}
.btn-darkgrey {color: #fff !important; background: #999999 !important;}
.btn-darkgrey:hover {opacity: 0.8;}

.btn-red {color: #fff !important; background: #F23C62 !important;}
.btn-red:hover {opacity: 0.8;}

.btn .text-default {}
.btn .text-hover {display: none;}
.btn:hover .text-hover {display: inline;}
.btn:hover .text-default {display: none;}

.btn-clipping {max-width: 100%;}

.dropdown-menu {border-radius: 0;}
	.dropdown-menu > li > a:hover, .dropdown-menu > li > a:focus, .dropdown-menu a:hover {background: none !important;}
		.dropdown-menu a {color: #575757; text-decoration: none !important; font-size: 14px; text-transform: none;}
		.dropdown-menu a:hover {text-decoration: none !important; font-size: 14px; text-transform: none;}
		
.link {color: #39434A; text-decoration: underline;}
.link:hover, .link:focus {color: #39434A; text-decoration: none;}
.container {max-width: 1240px; width: auto; padding: 0 1%;}
:focus, :active { outline: 0 !important; }
a {color: #50BFCC;}
.n {display: none;}
.nm {margin: 0;}
.np {padding: 0 !important;}
select {display: none;}
.no-padd {padding: 0 !important;}
.padd-top {padding-top: 25px;}
.underline {text-decoration: underline;}

/* messages */
.alert {text-align: center;}
.front .alert {margin-bottom: 0;}

.btn, .tile-row, #button-bar, #nav .nav-item, #phrasebook-form .input {-moz-box-sizing: border-box; -webkit-box-sizing: border-box; box-sizing: border-box;}

.pager {display: none;}

#header {height: 60px; line-height: 60px; margin-bottom: 80px; color: #ccc; background: #3DCED0; font-size: 12px;}
.not-logged #header {margin-bottom: 12px;}
.not-logged .before-content {margin-top: 10px;}
.popup #header {display: none;}
#header.mb0 {margin-bottom: 0;}
.layout-page #header, .site-about #header {margin-bottom: 0px;}
	#header .logo {width: 20%;}
	#header .logo {line-height: 60px; margin: 0; padding: 0; font-size: 25px; font-family: 'Ubuntu'; font-weight: 500; font-style: italic;}
		#header .logo a {display: block; width: 150px; color: #fff; text-decoration: none;}	
	#header .btn {}
	#header .clipping-wrap {position: relative; float: right;}
		#header .clipping-wrap .clipping-help {display: none; z-index: 100; position: absolute; right: 150px; top: 0; height: 50px; line-height: 40px; padding-right: 40px; padding-left: 60px; color: #737C83; background: #36444E url('../img/arrow-clipping.png') 100% 0 no-repeat; white-space: nowrap;}
			#header .clipping-wrap .clipping-help span {font-size: 10px; display: block; margin-top: -26px;}
		#header .clipping-wrap:hover .clipping-help {display: block;}
	#header .btn-clipping {width: 150px; color: #fff; background: none; border: 1px #fff dashed; font-weight: bold; text-transform: uppercase;}
	.btn-clipping:hover {cursor: move;}
	.btn-clipping span {pointer-events: none;}
	#header .btn:hover {background: #30414e;}
	#header .logged-info {margin-right: 10px;}
		#header .logged-info strong {color: #fff; font-family: 'Arial Black', Arial, Verdana, Tahoma, serif;}
		#header .logged-info a {color: #fff; text-decoration: underline;}
		#header .logged-info a:hover {text-decoration: none;}
		
	#header .link-login {color: #fff; font-size: 11px; text-transform: uppercase; text-decoration: none;}
	#header .link-login:hover {text-decoration: underline;}
		#header .link-login:after {content: '\e81d'; font-family: 'fontello'; font-size: 20px; float: right; margin-left: 10px; color: #fff;}
		
	#header #select-lng-form {float: right; width: 50%; margin: 0; line-height: 1; padding-top: 5px;}
	#header .languages-wrap {float: left;}
		#header .languages-wrap .field {margin-right: 0;}
			#header .languages-wrap label {display: inline; cursor: default; font-weight: normal;}
				#header .languages-wrap label span {color: #BFBFBF; font-size: 12px; margin-right: 7px;}
			#header .btn-group {width: auto; margin: 0;}
				#header .btn-group .dropdown-toggle {color: #fff; background: none; border: none; text-shadow: none; outline: none !important;}
				#header .btn-group .dropdown-toggle:hover {color: #575757;}
				#header .select-language .btn {margin-left: 0px; padding: 0px; box-shadow: none; border: 0px transparent solid; color: #575757; background: none; text-shadow: none; font-weight: bold;}
				#header .btn-group.btn-group.open .dropdown-toggle {box-shadow: none;}
					#header .btn-group .dropdown-toggle .filter-option {position: static; padding-right: 0px;}
					#header .btn-group .dropdown-toggle .caret {border-top-color: #fff; right: 3px !important;}
		#header .select-language {}		
			#header .field-lng-phrases .btn:after {content:'|'; margin: 0 8px 0px 4px;}		
			.select-language .btn {min-width: 0;}
			.select-language .caret {display: none;}
			
	#header .beta {height: 46px; line-height: 46px; padding: 0 25px; color: #fff; background: rgba(0,0,0,0.1); font-size: 15px; font-weight: 500; text-align: center;}
					
			
	.box-logged {}
		.box-logged .username {color: #fff; font-size: 14px; font-weight: 500; text-decoration: none;}
		.box-logged .username:hover {color: #575757;}
		.box-logged .btn.dropdown-link {min-width: 0; margin-left: 10px; padding: 0; font-size: 25px;}
		.box-logged > .btn-group > .dropdown-menu {width: 310px;}
		.open2 > .dropdown-menu {display: block !important;}
			.box-logged .menu-settings {margin: 0; padding: 0 15px; color: #575757; list-style: none;}
				.menu-settings li {line-height: 30px; white-space: normal;}
					.menu-settings li a:hover {color: #3dccd0;}
				.menu-settings li.border {border-bottom: 1px #EAEAEA solid;}
				.menu-settings li.big {line-height: 40px;}
				.menu-settings li.padd {padding-bottom: 5px;}
				.menu-settings li.links {text-align: center;}
				.menu-settings li.lng {}
					.menu-settings li.lng .item {float: left; padding-top: 20px;}
					.create-links {}
						.create-links .plus, .btn-plus:before {color: #24D0D1; font-size: 30px; line-height: 30px; font-weight: 300; position: relative; top: 3px; margin-right: 5px;}
						.create-links .sep {margin: 0 3px 0 8px; }
						.btn-plus {color: #575757; text-decoration: none !important;}
						.btn-plus:hover, .btn-plus:focus, .btn-plus:active {color: #24D0D1;}
						.btn-plus:before {content: '+';}
					.menu-settings li .count {float: right; color: #575757; font-size: 12px; font-weight: bold;}
						.menu-settings li .count span {background: #F2F2F2; border-radius: 4px; padding: 5px 7px;}
				.menu-settings li.other, .menu-settings li.other a {color: #BFBFBF; font-size: 12px;}
					.menu-settings li.other a {}
					.menu-settings li.other a:hover {color: #575757;}
					.menu-settings li.other .sep {margin: 0 5px;}
					.menu-settings li.other .box-social {float: right; position: relative; top: 3px;}
						.menu-settings li.other .box-social .fa {color: #EAEAEA; font-size: 22px;}
							.menu-settings li.other .box-social .fa:hover {color: #BFBFBF;}

/* navigation */

#nav {position: relative; width: 60%; float: left; text-align: center;}
#subnav {position: relative; text-align: center; margin-bottom: 20px;}
	#nav .nav {}
	#nav .nav {margin-bottom: 0; line-height: 100%;}
	#nav li, #nav li ul, #nav li a, #subnav ul, #subnav li {display: inline-block; line-height: 60px; list-style: none; background: none;}
	#nav .nav-item {margin: 0 5px; padding: 0px; font-size: 15px; font-weight: 500;}
	#nav .nav-item a {display: block; color: #fff;}
	#nav .nav-item a:hover {color: #575757;}
	#nav .nav-item-highlight > a {background: #f23c62; padding: 0 10px; border-radius: 5px;}
	#nav .nav-item.active > a {color: #575757;}
	#nav .nav-item.active a:hover {}
		#nav ul ul {display: none;}
		#nav ul li.active ul {display: inline-block; position: absolute; top: 60px; left: 0; width: 100%; line-height: 80px; margin: 0; z-index: 100;}
		#subnav ul {display: inline-block; width: 100%; line-height: 80px; margin: 0; z-index: 100;}
			#nav .nav-item ul li a, #subnav ul li a, .styled-radio span {display: inline-block; width: 100px; line-height: 30px; margin:0 2px; background: #fff; color: #575757; border-radius: 3px; font-size: 14px; font-weight: 400; text-decoration: none;}
			#nav .nav-item ul li a:hover, #nav .nav-item ul li.active a, #subnav ul li a:hover, #subnav ul li.active a, .styled-radio input:checked + span {background: #3DCED0; color: #fff;}
			#nav .nav-item ul li.active a, #subnav ul li.active a {font-weight: 500;}
	#nav .nav-item-weak {margin-left: 0px;}
		#nav .nav-item-weak a {}
			#nav .nav-item-weak a span {padding: 2px 5px; color: #F23B61; background: #fff; font-size: 12px; font-weight: bold; border-radius: 4px;}
			#nav .nav-item-weak a:hover span {color: #fff; background: #F23B61;}
	#subnav .link {position: absolute; right: 0; margin-top: 10px;}
		#subnav .link a {width: auto; padding: 0; color: #575757; background: none; text-decoration: underline;}
		#subnav .link a:hover {color: #575757; background: none; text-decoration: none;}
			
/* page */
#page-getting-started {}
	.guide-block {margin-bottom: 50px; text-align: center;}
		.guide-title, .content-title {margin-bottom: 30px; color: #33434C; font-size: 30px; font-weight: 300;}
		.guide-title.small {margin-bottom: 15px; font-size: 20px; line-height: 1.5;}
		.guide-desc {max-width: 500px; margin: -20px auto 40px auto; color: #7F7F7F; font-size: 14px;}
			.guide-desc a {color: #7F7F7F; text-decoration: underline;}
			.guide-desc a:hover {color: #3DCED0;}
		.guide-buttons-wrap {position: relative; max-width: 400px; margin: auto; margin-bottom: 0;}
			.guide-label {position: absolute; top: 60%; left: -50px; width: 32px; color: #BFBFBF; font-size: 13px;}
				.guide-label span {display: block; height: 0; transform: rotate(-90deg); -webkit-transform: rotate(-90deg); -moz-transform: rotate(-90deg); -ms-transform: rotate(-90deg);}
			.guide-btn {display: block; line-height: 50px; margin-bottom: 10px; color: #575757; background: #fff; border: 2px #EAEAEA solid; border-radius: 3px; font-size: 20px; font-weight: 500; text-decoration: none !important; box-sizing: border-box; text-align: center;}
			.guide-btn:last-child {margin-bottom: 0;}
			.guide-btn:hover, .guide-btn.active, .guide-btn:focus, .styled-checkbox input:checked + span {color: #fff; background: #3DCED0; border-color: transparent;}
			.guide-btn.active:after, .styled-checkbox input:checked + span:after {content:"\f00c"; font-family: 'FontAwesome'; position: absolute; right: -25px; color: #1FD0D1; font-size: 20px;}
	.guide-block .sep:after {content: '-'; display: block; line-height: 40px; font-size: 30px;}
	
#page-clipping-button {}
	.dragdrop-text {font-size: 30px; font-weight: 300; text-align: left;}
	.bookmarklet-wrap {padding: 10px; border: 1px #818181 dashed; border-radius: 4px;}
		.btn-clipping {position: relative; display: block; line-height: 50px; color: #fff; background: #F23C62; border-radius: 3px; font-size: 20px; font-weight: 400; text-transform: none;}
		.btn-clipping:hover, .btn-clipping:focus {background: rgba(242,60,98, 0.7);}
		.btn-clipping:before {content: ''; position: absolute; top: -60px;; left: 50%; margin-left: -15px; border: 15px transparent solid; border-bottom-color: #F23C62;}
		.btn-clipping:hover:before {border-bottom-color: rgba(242,60,98, 0.7);}
		
#page {}
#maincontent {position: relative;}
#maincontent.full {}
	.container-inner {}
	
.before-content {margin-top: -60px;}
.before-content.over-submenu {margin-top: -78px; height: 78px; line-height: 78px;}
	.before-content.over-submenu a, .before-content .create-links a {color: #575757; font-size: 14px; text-decoration: none;}
		.before-content.over-submenu a .count {display: inline-block; line-height: 20px; width: 30px; margin-left: 5px; color: #fff; background: #F23C62; border-radius: 4px; font-size: 12px; font-weight: bold	; text-align: center;}
	.before-content.over-submenu a:hover, .before-content .create-links a:hover {color: #3dccd0;}
	
	.content-title-wrap {margin-bottom: 20px; text-align: center;}
		.content-title-wrap .image {display: inline-block; width: 30px; margin-right: 10px; border-radius: 15px; overflow: hidden; vertical-align: middle;}
		.content-title {margin-bottom: 20px;}
		.content-title-wrap .content-title {display: inline; margin: 0; padding: 0; vertical-align: middle;}
		.content-title-wrap .button-wrap {display: inline-block; margin-left: 10px;}
	.before-content .author {width: 100%; overflow: hidden; margin-top: 5px; line-height: 30px; font-size: 14px;}
		.before-content .author .image {float: left; width: 30px; border-radius: 15px; overflow: hidden;}
		.before-content .author .nickname a {margin-left: 10px; color: #575757;}
	
p.bigger {font-size: 17px; margin-bottom: 20px;}
	p.bigger .bigger {font-size: 24px;}
	
.front {}
	.front #header {margin-bottom: 0;}
	.front .phrasebook-list-wrap {padding: 50px 0;}
		.front .phrasebook-list {padding-bottom: 20px;}
			.front .phrasebook-list .tiles {padding-bottom: 0px;}
		.front .btn-more-wrap {text-align: center; margin-bottom: 20px;}
			.front .btn-more-wrap .btn {max-width: 300px; font-size: 15px;}
			
.section-about {padding: 40px 0; text-align: center;}
	.section-about .title {font-size: 30px; color: #000; margin-bottom: 30px;}
	.section-about .desc {font-size: 15px; color: #575757;}
	
.front .learning-stats {position: relative;}
.front .popover-close {display: none !important;}
.front .phrasebook-list {}

.social-tooltip {position: relative; margin: 0 auto 20px auto; padding: 20px; background: #fff; text-align: left;}
.social-tooltip:after {content: ''; position: absolute; bottom: -20px; left: 50%; margin-left: -10px; border: 10px transparent solid; border-top: 10px #fff solid;}
	
.section {line-height: 1.2; padding: 70px 0; text-align: center;}
	.section .section-title {margin-bottom: 30px; line-height: 1.2; font-size: 35px; font-weight: 900;}
	.section .section-title.small {font-size: 20px; font-weight: 400;}
	.section .section-desc {margin-bottom: 30px; font-size: 20px; font-weight: 300;}
.section.section-dark {color: #fff; background: #3dced0;}
	.section.section-dark .section-title {color: #fff;}
	.section.section-dark .section-desc a {color: #fff; text-decoration: underline;}
	.section.section-dark .section-desc a:hover {text-decoration: none;}
.section-about-learning {}
	.section-about-learning .images-wrap {}
		.section-about-learning .image {position: relative; display: inline-block; box-shadow: 10px 10px 4px #D3D3D3;}
			.section-about-learning .image1 {max-width: 301px; z-index: 3;}
			.section-about-learning .image2 {max-width: 418px; z-index: 2;}
			.section-about-learning .image3 {max-width: 295px; z-index: 1;}
.section.footer {padding-bottom: 30px;}
	.section.footer .social-signin {margin: 70px 0 50px 0;}
	.section.footer .box-social {margin-bottom: 10px; font-size: 35px;}
		.section.footer .box-social a {color: rgba(255,255,255,0.3); text-decoration: none;}
		.section.footer .box-social a:hover {color: rgba(255,255,255,0.6);}
	.section.footer .footer-nav {color: #F2F2F2; font-size: 12px;}
		.section.footer .footer-nav .sep {margin: 0 2px;}
		.section.footer .footer-nav a {color: #F2F2F2; text-decoration: none;}
		.section.footer .footer-nav a:hover {color: #fff;}
		
.footer2 {background: #fff; padding-top: 0;}
	.footer2 .section-desc {font-size: 16px;}
		.footer2 .btn {background: #66747F; color: #fff; border-color: #66747F; padding: 8px 10px; margin-left: 20px; font-size: 15px;}
		.footer2 .btn:hover {opacity: 0.7;}
	.footer2 .login-links {font-size: 18px; margin-bottom: 10px;}
		.footer2 .login-links a {margin: 0 5px; font-weight: 600; color: #575757; text-decoration: none;}
		.footer2 .login-links a:hover {color: #49CECF;}
	.footer.footer2 .box-social a {color: #EAEAEA; font-size: 25px;}
	.footer.footer2 .box-social a:hover {color: #ccc;}

.intro { color: #fff; background: #3DCED0; line-height: 1.2;}
	.intro .lead {padding: 20px 0; line-height: 1.2; font-size: 55px; font-weight: 100;}
		.intro .lead strong {font-weight: 900;}
	.intro .meta {margin-bottom: 60px; color: #268C92; font-size: 20px;}
		.intro .meta a {color: #268C92;}
		.intro .meta a:hover {text-decoration: none;}
		
.featured-tags {padding: 70px 0; background: #fff; text-align: center;}
	.featured-tags .desc {margin-bottom: 50px; line-height: 1.2; font-size: 30px; font-weight: 400; text-align: center;}
	.featured-tags .nav-tabs {border: none; text-align: center; position: relative; width: auto; display: inline-block; margin-bottom: 15px;}
		.featured-tags .nav-tabs .tab-item {position: relative; float: left; display: inline-block; margin: 0 4px; font-size: 20px; font-weight: 500;}
			.featured-tags .nav-tabs .tab-item a {padding: 10px 16px; color: #575757; border: 2px #F2F2F2 solid; border-radius: 2px;}
			.featured-tags .nav-tabs .tab-item.plus a {color: #49CECF; font-size: 16px;}
			.featured-tags .nav-tabs .tab-item.active a {color: #fff; background: #49CECF; border-color: #49CECF;}
			.featured-tags .nav-tabs .tab-item.active:after {content: ''; position: absolute; bottom: -21px; left: 50%; margin-left: -10px; border: 10px transparent solid; border-bottom: 10px #F2F2F2 solid;}
	.featured-tags .tab-content {background: #F2F2F2; padding: 20px;}
	
.social-signin {width: 100%; overflow: hidden; margin-bottom: 20px;}
	.social-signin-inner {display: inline-block; margin: auto;}
		.btn-social-wrap {display: inline-block; vertical-align: top;}
			.btn-social {display: inline-block; line-height: 50px; min-width: 250px; padding-right: 20px; margin:0 15px 10px 15px; background: #fff; color: #000; border: 3px #EAEAEA solid; border-radius: 2px; font-size: 15px; font-weight: bold; text-decoration: none !important;}
			.btn-social:before {content: ''; font-family: 'FontAwesome'; color: #D5D5D5; float: left; width: 45px; line-height: 30px; margin-top: 10px; margin-right: 20px; border-right: 1px #D5D5D5 solid; font-size: 20px;}
			.btn-social.facebook:before {content: '\f082';}
			.btn-social.twitter:before {content: '\f099'; }
			.btn-social.email:before {content: '\f0e0';}
			.btn-social:hover, .btn-social:focus, .btn-social:active { color: #3DCED0; background: #f9f9f9;}
			.social-signin .btn-social.email {margin-bottom: 10px;}
.social-signin-column .btn-social, .social-signin-column .btn-social-wrap {float: left; clear: both; margin-bottom: 10px;}
	.social-signin-column .btn-social-wrap .login-link-wrap {margin-bottom: 10px; margin-top: 20px;}
	
	.login-link-wrap {clear: both; margin-bottom: 20px; color: #969696; font-size: 12px; font-weight: 500;}
		.login-link-wrap .link {color: #969696; font-size: 14px; text-transform: uppercase; text-decoration: none; font-weight: 500;}
		.login-link-wrap .link:hover {opacity: 0.8;}
		
#page-login .guide-buttons-wrap {}
	#page-login .btn-social {margin-bottom: 15px; }
	#page-login .btn-social.email {margin-bottom: 5px; }
	#page-login .login-link-wrap, #page-login .login-link-wrap .link {color: #7F7F7F; font-size: 12px;}
		#page-login .login-link-wrap .link {text-decoration: underline;}
		
iframe.cboxIframe #header {display: none;}
			
.container-full {padding: 0 10px;}

#button-bar {margin: auto; margin-bottom: 10px;}
	#button-bar .shared {margin-top: 20px;}

.tiles {margin: auto; visibility: hidden;}
.tiles {padding-bottom: 100px;}
	.tiles .tile-row {float: left; width: 300px; margin-bottom: 25px; padding: 10px; background: #fff; }
	.phrasebooks-offer .tile-row {margin-bottom: 12px; padding: 10px; background: #fff; }
	.tile-row.phrasebook-detail {padding: 10px; background: #fff;}
		.tile-row .header {position: relative; margin-bottom: 10px; padding: 10px;  background: #F2F2F2;}
		.tile-row.user-row .header {margin-bottom: 10px;}
		.tile-row.phrasebook-detail .header {margin-bottom: 10px;}
			.tile-row .header .title {margin: 0; margin-bottom: 5px; line-height: 1.2; font-size: 20px; font-weight: bold;}
				.tile-row .header .title a {color: #575757;}
				.tile-row .header .title a:hover, .tile-row .header .title a:focus {color: #3DCED0; text-decoration: none;}
			.tile-row .header .description {color: #808080; margin-bottom: 5px; overflow: hidden;}
			.tile-row.user-row .header .description {margin-top: 10px; margin-bottom: 0;}
			.tile-row.user-row .header .button-wrap {height: 30px;}
			.tile-row .header .author {width: 100%; overflow: hidden; font-size: 12px;}
				.tile-row .header .author .image {float: left; width: 25px; border-radius: 15px; overflow: hidden;}
				.tile-row.phrasebook-detail .header .author .image, .tile-row.user-row .header .author .image {width: 30px;}
					.tile-row .header .author .image img {width: 100%;}
				.tile-row .header .author .nickname {margin-left: 35px; padding-top: 3px;}
				.tile-row.phrasebook-detail .header .author .nickname, .tile-row.user-row .header .author .nickname {margin-left: 40px;}
					.tile-row .header .nickname a {color: #575757;}
					.tile-row .header .nickname a:hover {color: #3DCED0; text-decoration: none;}
					.tile-row.phrasebook-detail .header .author a {color: #999;}
			.tile-row .header .header-listing .btn {position: absolute; right: 10px; bottom: 10px;}
			#phrasebook-form {margin-bottom: 0;}
				#phrasebook-form label {margin-bottom: 0; color: #999999; text-transform: none; font-weight: normal;}
				#phrasebook-form .input {width: 100%; height: auto;}
				#phrasebook-form .input.title {color: #35444D;}
				#phrasebook-form textarea.input {height: 70px;}
				#phrasebook-form .link-cancel {margin-right: 10px; color: #999; font-size: 12px; text-decoration: underline;}
				#phrasebook-form .link-cancel:hover {text-decoration: none;}
		.tile-row .content {}
		.tile-row.user-detail .content {margin: -10px; padding-top: 10px; background: #E9E9E9;}
			.tile-row.user-detail .content .description, .tile-row.user-detail .content .links {padding: 0 10px;}
			.tile-row .content a {color: #575757;}
			.tile-row .content a:hover {color: #3DCED0; text-decoration: none;}
			.tile-row .content .more {float: right; padding-left: 20px; color: #BFBFBF; font-size: 12px; text-decoration: none;}
			.tile-row .content .more:hover {text-decoration: none; color: #575757;}
		.tile-row .footer {margin-top: 10px;}
		.tile-row.phrasebook-detail .footer {margin-top: 0px;}
			.tile-row.phrasebook-detail .footer > div:last-child {margin-bottom: 0px !important;}
			.tile-row.user-row .footer .tag-list {font-size: 12px;}
			.tile-row .footer .links { padding: 0 10px 10px 10px; color: #7F7F7F;}
				.tile-row .footer .links a {color: #7F7F7F; text-decoration: none;}
				.tile-row .footer .links a:hover {text-decoration: underline;}
			.tile-row .footer .stats { color: #BFBFBF; font-size: 12px; margin-bottom: 10px;}
			.tile-row.phrasebook-detail .footer .stats {margin-bottom: 10px;}
				.tile-row .footer .stats a, .tile-row .footer .stats .span4 { position: relative; color: #BFBFBF; text-decoration: none;}
				.tile-row .footer .stats .span4:after {content: ''; position: absolute; right: -5px; top: 0; bottom: 0; width: 1px; background: #EAEAEA;}
				.tile-row .footer .stats .span4:last-child:after {display: none;}
				.tile-row .footer .stats a:hover {color: #000;}
				.tile-row .footer .stats .span4, .tile-row .footer .stats .span6 {padding: 5px 10px; line-height: 1.2; text-align: center;}
				.tile-row .footer .stats .span6 {margin-bottom: 10px;}
				.tile-row .footer .stats .first {margin-left: 0px;}
					.tile-row .footer .stats strong {display: block; color: #575757; font-size: 14px;}
					.tile-row.phrasebook-detail .footer .stats strong {font-size: 25px; font-weight: 300;}
			.tile-row .footer .btn {width: 100%; margin-bottom: 10px;}
			.tile-row .footer .btn-grey {background: #E9E9E9;}
			.tile-row .footer .btn-grey:hover {background: #d8d8d8;}
			.tile-row .footer .operations {background: #F2F2F2; padding: 5px 0;}
				.tile-row .footer .operations ul, .tile-row .footer .operations li {list-style: none; margin: 0;}
				.tile-row .footer .operations ul {width: 100%; overflow: hidden; text-align: center;}
					.tile-row .footer .operations li {display: inline-block; font-size: 12px;}
					.tile-row .footer .operations li:after {content: '|'; float: right; color:#BFBFBF; margin: 0 5px;}
					.tile-row .footer .operations li:last-child:after {display: none;}
						.tile-row .footer .operations li a {color: #BFBFBF;}
			.tile-row.phrasebook-detail .button-wrap {width: 80%; margin: 20px auto 20px auto;}
			.tile-row.phrasebook-detail .shared {display: inline-block; margin-bottom: 10px;}
			
		.tile-row.top-relevance-last {}
		.tile-row.top-relevance-last:after {content: ''; position: absolute; top: 0; right: 0; display: inline-block; border: 10px transparent solid; border-right: 10px #FF6666 solid;}
			
.tiles .ias_loader, .tiles .ias_trigger {position: absolute; bottom: 0; width: 100%; text-align: center;}

.ias_loader {background: url('../img/ajax-loader.gif') 50% 50% no-repeat; text-indent: -999999px;}
.ajax-loader {background: url('../img/ajax-loader.gif') 50% 50% no-repeat; text-indent: -999999px;}
			
.list, .list li {list-style: none; margin: 0;}
	.list li {position: relative; margin-bottom: 10px; padding-left: 20px;}
	.list li:before {content: ''; position: absolute; top: 5px; left: 2px; width: 10px; height: 10px; background: #3DCED0;}
	.list li:last-child {margin-bottom: 0;}

#column {}
.row-fluid .sidebar, .row-fluid #content, .row-fluid .content {margin-left: 0.8334%;}
.row-fluid .sidebar {width: 24.1666%;}
.row-fluid #content, .row-fluid .content {width: 50%;}
.row-fluid #content, .content-block {margin-bottom: 20px; padding: 10px; background: #fff;}
.content-transparent .row-fluid #content {padding: 0px; background: none;}
.form .row-fluid #content {padding: 0; background: none;}

	.row {margin-left: 0;}
	.items .view {margin-bottom: 20px;}

.ov {width: 100%; overflow: hidden;}

.box {margin-bottom: 15px; background: #F2F2F2;}
.sidebar-box {margin-bottom: 10px; padding: 10px; background: #fff;}
#column .box {padding: 0 18px;}
	
span.empty {display: block; margin-top: 15px;}
.box-message {padding: 30px 0; background: #fff;}
	.box-message .message {margin-bottom: 20px; color: #666; font-size: 15px;}
		.box-message .message .link {color: #666; text-decoration: underline;}
		.box-message .message .link:hover {text-decoration: none;}
	.box-message p {margin-bottom: 20px;}
	
	.box .nav {margin-bottom: 0;}
	
	.box .shared {/* text-align: center; */}
		.box .shared .addthis_toolbox {display: inline-block;}
	
	.box .buttons-wrap {overflow: hidden; margin: 5px 0;}
		.box .buttons-wrap .btn-primary {width: 120px;}
	
	#category-add-form {display: none;}
	

#searchHelpBox {position: relative; margin: 0 0 15px 0; padding: 15px 20px; color: #999; background: #E9E9E9; font-size: 15px;}
	#searchHelpBox .close {opacity:0.85; color: #bbb; text-shadow: none; font-size: 15px; position: absolute; right: 10px; top: 8px;}
	#searchHelpBox .close:hover {opacity:1;}
	#searchHelpBox .inner {overflow: hidden; min-width: 290px;}
#searchHelpBox:after {content: ''; position: absolute; left: 35px; bottom: -20px; border:10px transparent solid; border-top-color: #E9E9E9;}
#searchHelpBox.help-box-stream {font-size: 13px;}
#searchHelpBox.help-box-stream:after, .form-full #searchHelpBox:after  {left: auto; bottom: auto; right: -16px; top: 20px; border:8px transparent solid; border-left-color: #E9E9E9;}
	#searchHelpBox.help-box-stream .close, .form-full #searchHelpBox .close {position: absolute; right: 10px; bottom: 7px; top: auto; font-size: 15px;}
	
#searchHelpButton.help-button-stream {margin-bottom: 15px; padding-left: 20px; text-align: center;}

.help-wrap {margin-bottom: 40px;}

.form-sidebar {float: left; width: 330px;}
.form-content {float: left; width: 630px; margin-left: 30px;}
.form-content.center {margin-left: 180px;}

.width-0 {width: 0;}

#search-forms-wrap {margin-bottom: 0px;}
	#search-forms-wrap form {margin-bottom: 5px;}
	#search-forms-wrap .nav-tabs {margin-bottom: 0; border: none;}	
		#search-forms-wrap .nav-tabs li {width: 50%; text-align: center;}
		#search-forms-wrap .nav-tabs li.active {background: #f2f2f2;}
			#search-forms-wrap .nav-tabs li a {color: #575757; background: none; font-size: 12px; text-transform: uppercase; border: none; border-radius: 0;}
	.fade {transition: opacity 0.000001s linear 0s;}
	

.search-form {}
	.search-form.form-full .container, .search-form.form-full.container {position: relative; margin-top: 20px; margin-bottom: 10px;}
	.search-form.form-full .search-field-wrap {max-width: 560px; margin: auto;}
	.search-form .box {margin-bottom: 0; padding: 10px;}
		label {display: block; font-size: 15px;}
			label span {font-weight: normal; text-transform: none;}
		.search-form label.small {display: block; color: #999; font-size: 10px;}
		.search-form .search-field-wrap {position: relative;}
			#formTags {}
			.btn-search {position: absolute; top: 1px; right: 0px; width: 42px; height: 42px; line-height: 42px; border: none; background: url('../img/ico-submit.png') 50% 50% no-repeat;}
		.search-form .languages-wrap {margin-bottom: 15px; padding: 5px 10px; background: #E9E9E9; height: 30px; line-height: 30px;}
			.search-form .languages-wrap label {display: inline; cursor: default;}
			.search-form .bootstrap-select, .search-form select {width: 90px;}
			.select-language {}
				.select-language .btn {font-size: 12px; text-transform: uppercase;}
					.select-language .btn .filter-option {left: 8px !important; right: 15px !important; text-align: center !important;}
					.select-language .btn .caret {right: 8px !important;}
				.select-language .btn {background: none; border-color: #E9E9E9; box-shadow: none; }
				.select-language span.btn {cursor: default; border: none; padding-left: 9px;}
				.select-language span.btn:hover {background: none; border: none; box-shadow: none;}
				.select-language button.btn:hover {
					background-color: #F5F5F5; background-image: linear-gradient(to bottom, #FFFFFF, #E6E6E6); background-repeat: repeat-x;
					border-color: rgba(0, 0, 0, 0.1) rgba(0, 0, 0, 0.1) #B3B3B3; border-image: none; border-radius: 4px; border-style: solid; border-width: 1px;
					box-shadow: 0 1px 0 rgba(255, 255, 255, 0.2) inset, 0 1px 2px rgba(0, 0, 0, 0.05);
					text-shadow: 0 1px 1px rgba(255, 255, 255, 0.75);
				}
			.search-form .bootstrap-select.btn-group {margin: 0;}
			
		#searchHelpButton, .row-info {padding-top: 12px; font-size: 10px; text-transform: uppercase; white-space: nowrap;}
		.row-info {margin-bottom: 20px; padding: 0 15px; line-height: 30px;}
			#searchHelpButton a, .row-info a {line-height: 15px; color: #999; text-decoration: none;}
				#searchHelpButton i, .row-info i {font-size: 15px; margin-top: -2px !important; margin-right: 2px; color: #ccc;}
			#searchHelpButton a:hover, .row-info a:hover {color: #666;}
			.icon-globe {margin:2px -5px 0 5px !important; color: #ccc; font-size: 15px;}
			#searchHelpButton a:hover i, .row-info a:hover i, .icon-globe:hover {color: #999;}
	.search-form .more {cursor: pointer;}
	
#search-form-fulltext .search-field-wrap input {width: 100%; height: 44px; line-height: 44px; margin: 0; background: #fff; box-shadow: 1px 1px 1px rgba(193, 193, 193, 0.65) inset; border: none; border-radius: 3px; box-sizing: border-box;}
.count-fulltext {float: left; line-height: 40px; font-size: 12px;}
	.count-fulltext a {color: #575757; text-decoration: none;}
	.count-fulltext a:hover {color: #3dccd0;}
	
.tag-list {color: #7F7F7F; margin-bottom: 10px;}
	.tag-list ul {margin: 0; list-style: none; overflow: hidden;}
		.tag-list li {float: left; display: inline; margin-right: 5px;}
		.tag-list li:after {content: '|'; margin-left: 5px; color: #7F7F7F;}
		.tag-list li:last-child:after, .tag-list li.last:after {content: '';}
			.tag-list a {color: #7F7F7F;}
			.tag-list li.selected a {font-weight: bold;}
#tag-cloud {margin: 0;}
	#tag-cloud ul {}
	#tag-cloud .more {display: block; line-height: 0.5; margin-bottom: -5px; color: #575757; text-align: center; font-size: 30px;}
	#tag-cloud li {margin: 0;}
	#tag-cloud li:after {display: none;}
		#tag-cloud a {display: block; line-height: 30px; margin:0 5px 5px 0; padding: 0 10px; color: #66747F; background: #fff; text-decoration: none; border-radius: 3px;}
		#tag-cloud a:hover {color: #fff; background: #3DCED0;}
		
ul.tagit { min-height: 44px; margin: 0 0 10px 0; padding: 5px; overflow: auto; background: #fff; box-shadow: 0; border-radius: 3px; border: 1px solid #eaeaea;}
ul.tagit li {display: block; float: left; margin: 2px 5px 2px 0; border-radius: 3px;}
ul.tagit li.tagit-choice {position: relative; padding: 0 30px 0 10px; line-height: 30px; color: #fff; background: #3DCED0; border: none; font-size: 14px; font-weight: 500;}
	ul.tagit li.tagit .tagit-close:after {}

ul.tagit li.tagit-choice-read-only {}
ul.tagit li.tagit-choice-editable {}
ul.tagit li.tagit-new {padding: .25em 4px .25em 0;}
ul.tagit li.tagit-choice a.tagit-label {cursor: pointer; text-decoration: none;}
ul.tagit li.tagit-choice .tagit-close {cursor: pointer; position: absolute; right: 8px; top: 50%; margin-top: -8px; line-height: 17px; color: rgba(255,255,255,0.5); text-decoration: none;}
ul.tagit li.tagit-choice .tagit-close:hover {color: rgba(255,255,255,0.7);}
	ul.tagit li.tagit-choice .tagit-close .text-icon {display: none;}
	ul.tagit li.tagit-choice .tagit-close .ui-icon:after {content: '\e80d'; font-family: 'fontello'; font-size: 15px;}
ul.tagit li.tagit-choice input {display: block; float: left; margin: 2px 5px 2px 0;}
ul.tagit input[type="text"] {-moz-box-sizing: border-box; -webkit-box-sizing: border-box; box-sizing:border-box; -moz-box-shadow: none; -webkit-box-shadow: none; box-shadow: none; border: none; margin: 0; padding: 0; width: inherit; background-color: inherit; outline: none;}
.ui-helper-hidden-accessible {border: 0 none; clip: rect(0px, 0px, 0px, 0px); height: 1px; margin: -1px; overflow: hidden; padding: 0; position: absolute; width: 1px;}

.ui-autocomplete {list-style: none; margin: 0; border: 1px #575757 solid; max-height: 200px; overflow-x: auto; float: left; background: #fff; border-radius: 3px;}
	.ui-autocomplete li {margin: 0; padding: 0; width: 100%; border-bottom: 1px solid #f2f2f2;}
		.ui-autocomplete li a {display: block; padding: 2px 5px; color: #36444e; text-decoration: none; font-size: 12px;}
		.ui-autocomplete li a.ui-state-focus {background: #f2f2f2;}
		
#clear-tags {position: absolute; right: 10px; top: 50%; margin-top: -11px; color: #66747F; opacity: 0.2; font-size: 25px; cursor: pointer; }
#clear-tags:hover {opacity: 0.35;}

			
.selected-tags {margin-bottom: 5px;}
	.selected-tags li a {color: #4EBACC; font-weight: bold; text-decoration: none;}
	.selected-tags li a:hover {color: #666;}
		.selected-tags li a span {color: #ccc; margin-top: 1px}
		.selected-tags li a:hover span {color: #666;}
			
.phrase-list {}
	.phrase-list .items {}
		.phrase-list .row {position: relative; padding: 15px 0; border-bottom: 1px #E7E7E7 solid; cursor: pointer}
		.phrase-list .row.highlight {background: #FFF7D8;}
			.phrase-list .row span.highlight {color: #f46766;}
		.phrase-list .top-relevance {}
		.phrase-list .top-relevance-last {border-bottom: 1px #FE6366 solid; margin-bottom: 1px;}
		.phrase-list .top-relevance-last:after {content: ''; position: absolute; bottom: 0; right: 0; display: inline-block; margin-left:3px; border: 6px transparent solid; border-bottom: 6px #FF6666 solid;}
		.phrase-list .row:hover {background: #FAFAFA;}
			.phrase-item .title {line-height: 1.2; color: #575757; font-size: 20px; font-weight: bold; text-decoration: none;}
				.phrase-item .title.phrase-title span, .tile-row .list a span {background: #FFFFB5;}
			.phrase-list .row:hover .title {color: #3BD0C9;}
			.phrase-item .operations {font-size: 12px;}
				.phrase-item .operations ul {margin: 0; list-style: none; overflow: hidden;}
				.is-mobile .phrase-list .operations ul, .is-mobile .phrase-list .phrase-info {overflow: visible;}
					.phrase-item .operations li {float: left; display: inline; margin-right: 3px;}
					.phrase-item .operations li:nth-child(n+2) {display: none;}
					.phrase-item:hover .operations li:nth-child(n+2) {display: inline;}
						.phrase-item .operations a {}
						.phrase-item:hover .operations a {}
							.phrase-item .operations .btn-save {}
							.phrase-item .operations .btn-save:hover {color: #3DCDD0;}
							.phrase-item .operations .btn {padding: 3px 5px; min-width: 90px;}
							.phrase-item .operations .btn.loading {background: #fff url('../img/ajax-loader.gif') 50% 50% no-repeat; text-indent: -999999px; transition: none;}
							.phrase-item .operations .btn span {color: #DCDFE2; margin-left: 3px;}
							
							.phrase-item .operations .popularity {position: absolute; right: 0px; color: #999;}
								.phrase-item .operations .popularity .counter {float: left; position: relative; line-height: 1.1; color: #BFBFBF; font-size: 12px;}
								.phrase-item .operations .popularity .counter:first-child {margin-right: 13px;}
								.phrase-item .operations .popularity .counter:first-child:after {content: ''; position: absolute; right: -7px; top: 0; bottom: 0; width: 1px; background: #EAEAEA;}
									.phrase-item .operations .popularity .counter a {color: #BFBFBF; text-decoration: none;}
									.phrase-item .operations .popularity .counter span {display: block; color: #3DCED0; font-weight: bold; font-size: 14px; text-align: center;}
			.phrase-list .meta-info {margin-bottom: 5px; font-size: 12px;}
				.phrase-list .meta-info a {color: #24D0D1;}
				.phrase-list .meta-info a.category-link {color: #575757; font-size: 14px;}
				.phrase-list .phrase-info .title {margin-top: 5px;}
					.meta-info .uppercase {margin: 0 5px; color: #7F7F7F; font-size: 10px; text-transform: uppercase; font-style: italic;}
				.badge {margin-left: 5px; padding: 0 2px; background: #FE6366; border-radius: 2px; font-size: 8px; text-transform: uppercase; text-shadow: none;}
			.phrase-list .avatar {float: left; width: 30px; margin-right: 10px; margin-top: 3px; border-radius: 15px; overflow: hidden;}
			.phrase-list .phrase-info {overflow: hidden;}
			
			
.menu-checkboxes {padding: 20px 0;}
	.menu-checkboxes ul, .menu-checkboxes li {list-style: none; margin: 0; padding: 0;}
	.menu-checkboxes li {padding-left: 40px; line-height: 30px;}
		.menu-checkboxes li a {padding-left: 30px; color: #666; background: url('../img/checkbox.png') 0 50% no-repeat; text-decoration: none;}
		.menu-checkboxes li a:hover {color: #4FBBCD;}
		.menu-checkboxes li.active a {background-image: url('../img/checkbox-active.png');}

.site-dashboard .stats-box .categories {margin-bottom: 15px;}
.site-dashboard .stats-box .categories:last-child {margin-bottom: 20px;}
	.categories .nav-tabs {line-height: 40px; margin-bottom: 0; border-bottom: 1px solid #f2f2f2; font-size: 1px; text-align: center;}
		.categories .nav-tabs li {display: inline-block; float: none; margin: 0; font-size: 12px;}
		.categories .nav-tabs li::after {content: "|"; color: #bfbfbf; font-weight: normal !important; margin: 0 5px;}
		.categories .nav-tabs li:last-child::after {display: none;}
			.categories .nav-tabs a {display: inline; color: #575757; margin: 0; padding: 0; border: 0;}
			.categories .nav-tabs a:hover, .categories .nav-tabs a:focus {color: #3DCCD0; background: none;}
			.categories .nav-tabs > .active > a, .categories .nav-tabs > .active > a:hover, .categories .nav-tabs > .active > a:focus {color: #3DCCD0; background: none; border: 0; padding: 0;}
			.categories .nav-tabs > .active > a {font-weight: 700;}
	
.categories {margin-bottom: 35px; padding: 10px; background: #fff;}
	.categories .title {margin: 0; padding: 0 5px; line-height: 30px; color: #39454C; font-size: 12px; border-bottom: 1px #F2F2F2 solid;}
	.categories .title.no-border {border-bottom: none; box-shadow: none;}
	.categories-list {margin: 0; list-style: none; overflow: hidden;}
		.categories-list .row {line-height: 40px; margin: 0; padding: 0; border-bottom: 1px #F2F2F2 solid;}
		.categories-list .row:last-child {border: none;}
		.categories-list .row.inbox {font-style: italic;}
			.categories-list .row a {display: block; padding: 0 5px; color: #36444E; text-decoration: none; font-size: 16px;}
			.categories-list .row a:hover {color: #3A454C; background: #F2F2F2; text-decoration: none;}
			.categories-list .row.active a {color: #3A454C; background: #DFE0E1; text-decoration: none; font-weight: bold; box-shadow: inset 0 1px 0 #ccc;}
				.categories-list .row a span {float: right; color: #35444D; font-size: 14px;}
					.categories-list .row a span i {font-style: normal;}
					.categories-list .row a span i.memorized {color: #b8e986;}
					.categories-list .row a span i.learned {color: #50e3c2;}
					.categories-list .row a span i.weak {color: #f46766;}
			.categories-list .row.edit {border: none; text-align: right;}
			.categories-list .row.edit a, .avatar-list .more {display: inline; color: #575757; background: none; font-weight: normal; font-size: 12px; text-decoration: none; box-shadow: none;}
			.categories-list .row.edit a:hover, .avatar-list .more:hover {color: #666; text-decoration: none;}
				.categories-list .row.edit a i {font-size: 15px; margin-right: 5px; color: #ccc;}
				.categories-list .row.edit a:hover i {color: #999;}
	.categories .sort {text-align: center; line-height: 40px; border-bottom: 1px #F2F2F2 solid; font-size: 1px;}
		.categories .sort a {color: #575757; font-size: 12px; text-decoration: none; line-height: 40px;}
		.categories .sort a:after {content: '|'; color: #BFBFBF; margin: 0 5px 0 5px; font-weight: normal !important;}
		.categories .sort a:last-child:after {display: none;}
		.categories .sort a:hover {color: #3DCCD0;}
		.categories .sort a.active {color: #3DCCD0; font-weight: bold;}
				
#category-form {margin: 0; padding: 0 18px;}
	#category-form .sortable {margin: 0; list-style: none; overflow: hidden;}
		#category-form .sortable .ui-state-highlight {line-height: 30px; border: 1px #ccc dashed; height: 28px; margin-bottom: 10px; z-index: 10;}
		#category-form .field {line-height: 30px;}
			#category-form .field input {width: 170px;}
			#category-form .field label {display: none;}
			#category-form .help-block {line-height: 11px; margin-top: -5px;}
			#category-form .info {margin-right: 0; color: #ccc; font-size: 11px;}
			.handle {cursor: move;}
		#category-form .field.current .handle, #category-form .field.current .delete {display: none;}
		#category-form .buttons {margin-top: 10px;}
		#category-form .delete-options {display: none;}
		
.avatars {}
	.avatars .title {}
	.avatar-list {width: 100%; overflow: hidden; margin: 0 18px;}
		.avatar-list li {float: left; width: 25px; margin-right: 10px;}
			.avatar-list li img {max-width: 100%;}
			.avatar-list li.edit {clear: both;}

			
.sorter {text-align: right; font-size: 1px; border-bottom: 1px #f2f2f2 solid;}
.container-full .sorter {margin-left: -10px; margin-right: -10px;}
#maincontent.full .sorter {text-align: center; margin-bottom: 10px;}
#maincontent.full .btn-wrap {position: absolute; right: 10px;}
	.sorter ul {display: inline-block; margin: 0; list-style: none; overflow: hidden;}
		.sorter li {float: left;}
		.sorter li:after {content: '|'; color: #BFBFBF; margin: 0 5px 0 5px; font-size: 12px; font-weight: normal !important;}
		.sorter li:last-child:after {display: none;}
			.sorter li a {color: #575757; font-size: 12px; text-decoration: none; line-height: 40px;}
			.sorter li a:hover {color: #3DCCD0;}
			.sorter li a.asc, .sorter li a.desc {color: #3DCCD0; font-weight: bold;}
			.sorter li a.asc:after {content: ''; display: inline-block; margin-left:5px; border-bottom: 6px #3DCCD0 solid; border-left: 3px transparent solid; border-right: 3px transparent solid;}
			.sorter li a.desc:after {content: ''; display: inline-block; margin-left:5px; border-top: 6px #3DCCD0 solid; border-left: 3px transparent solid; border-right: 3px transparent solid;}
		
.summary {display: none;}

#login-form {}
	.form .box {padding: 15px 0px;}
		.form .box-border {margin-bottom: 15px; padding-bottom: 10px;}
		.form .row {margin-bottom: 15px;}
		.form .input {width: 100%; height: 36px; line-height: 36px; padding: 4px 15px; border-color: #EAEAEA; box-shadow: none; border-radius: 3px; -moz-box-sizing: border-box; -webkit-box-sizing: border-box; box-sizing: border-box;}
		.form textarea.input {height: 120px; line-height: 1.5; padding: 10px 15px;}
		.form .btn {}
		.form a {color: #575757; font-size: 14px; text-decoration: underline;}
		.form a:hover {text-decoration: none;}
		.form a.forgot-link {color: #7F7F7F; font-size: 12px;}
		.form .row-button {line-height: 40px;}
			.create-user-form .row-button .btn {width: 220px;}
		form .help-block, form .errorMessage {font-size: 11px;}
		
		.form label {text-transform: lowercase;}
		
		.form-inline select.error, .form-inline input.error, .form-inline textarea.error, .form-horizontal select.error, .form-horizontal input.error, .form-horizontal textarea.error, .form-vertical select.error, .form-vertical input.error, .form-vertical textarea.error {color: #F23C62; border-color: #F23C62;}
		.form-inline label.error, .form-horizontal label.error, .form-vertical label.error, form .errorMessage,
		.form-inline .help-block.error, .form-inline .help-inline.error, .form-horizontal .help-block.error, .form-horizontal .help-inline.error, .form-vertical .help-block.error, .form-vertical .help-inline.error {color: #F23C62;}
		
#popup .popup-login {padding: 40px 40px 0 40px;}
	#popup .popup-login h2 {margin-bottom: 30px;}
	#popup #login-form .box {background: none; padding: 0;}
		#popup #login-form .row {padding-left: 0; padding-right: 0;}
		#popup #login-form .box-border {border-color: #D7D7D7;}
		

		
.char-counter {float: right; margin-top: -7px; font-size: 11px; font-weight: 300; text-transform: lowercase; color: #999;}
	.char-counter.exceeded {color: #b94a48;}
	

.popup-layout {background: #E2E2E2; padding: 5px;}
	.popup-layout iframe {display: none;}
.clipping {padding: 0;}
.popup-layout.bg-light {background: #fff;}
	.popup-layout #header {display: none;}
	.popup-layout-inner {height: 100%;}
	.popup-header {padding: 15px 25px; background: #F0F0F0; border-bottom: 1px #fff solid;}
		.popup-header h1 {margin: 0; padding: 0; color: #999; font-size: 15px; line-height: 15px; text-align: center;}
	.popup-content {padding: 30px;}
		.popup-content h2 {margin: 0 0 5px 0; padding: 0; color: #39454C; font-size: 15px; line-height: 15px; }
		.popup-content p {margin: 0 0 30px 0;}
#popup {}
#popup.padd {padding: 10px 25px 0 25px;}
	#phrase-form {margin: 0; padding: 10px 25px 0 25px; background: #F2F2F2;}
	.clipping #phrase-form {padding-top: 10px;}
	#phrase-form label {color: #575757; margin-bottom: 0; font-size: 12px;}
		#phrase-form .languages-wrap {float: right; font-size: 12px;}
			#phrase-form .languages-wrap label {display: inline-block; vertical-align: middle; line-height: 1;}
			#phrase-form .languages-wrap label:after {content: '|'; margin: 0 7px; color: #BFBFBF;}
			#phrase-form .languages-wrap label:last-child:after {display: none;}
				#phrase-form .languages-wrap input {display: none;}
				#phrase-form .languages-wrap input:checked + span, #phrase-form .select-language {color: #3DCCD0; font-weight: bold;}
				#phrase-form .languages-wrap label span {}
	#phrase-form .input, .tagit {box-sizing: border-box; -moz-box-sizing: border-box; -webkit-box-sizing: border-box;}
	#phrase-form .tagit {width: 100%;}
	#phrase-form .input {width: 100%; height: 44px; line-height: 44px; color: #575757; border-color: #EAEAEA; font-size: 20px; font-weight: bold;}
	#phrase-form textarea.input {height: 120px; line-height: 1.3; font-weight: 400;}
	#phrase-form .input.error {border-color: #B94A48;}
	#phrase-form #phrase-categories .bootstrap-select {margin-bottom: 0;}
	#phrase-form #new-category-field {margin-top: 10px;}
		#phrase-form #new-category-field .input-wrap {float: left; position: relative;}
			#phrase-form #new-category-field input {height: 30px; border-color: #EAEAEA; padding-right: 30px; width: 100%;}
			#phrase-form #new-category-field .add-on {position: absolute; right: 5px; top: 6px; color: #66747f; font-size: 20px; opacity: 0.2;}
			#phrase-form #new-category-field .add-on:hover {opacity: 0.35; text-decoration: none;}
	#phrase-form .bootstrap-select {width: 100%;}
		#phrase-form .bootstrap-select .btn {height: 44px; line-height: 42px; padding: 0; border: 1px #EAEAEA solid; font-size: 20px; font-weight: 400;}
			#phrase-form .bootstrap-select.btn-group .btn .filter-option {left: 6px;}
	#phrase-form .select-language {}
		
	#phrase-form .padd {padding-top: 15px;}
	#phrase-form .span2.padd {padding-top: 25px;}
	
	#phrase-form .btn-primary {width: 400px; margin-left: 5px;}
	.clipping #phrase-form .btn-primary {width: auto;}
	#phrase-form .btn-primary:hover {}
	
	#phrase-form #phrase-words-wrap {display: none;}
	#phrase-form #phrase-words {margin: 3px 0 12px 6px; -webkit-user-select:none; -moz-user-select:none; -ms-user-select: none;}
		#phrase-form #phrase-words label {display: inline;}
			#phrase-form #phrase-words input {display: none;}
			#phrase-form #phrase-words input:checked + span {background: #FFFFB5;}
			#phrase-form #phrase-words span {display: inline-block; padding: 0 2.5px; font-size: 20px; font-weight: bold; line-height: 1.5;}
	#phrase-form #tags-label {line-height: 1.2; margin-bottom: 2px;}
	
	.checkbox-slide-wrap {margin-top: 15px;}
	.checkbox-slide {position: relative; width: 110px; -webkit-user-select:none; -moz-user-select:none; -ms-user-select: none;}
	.checkbox-slide-checkbox {display: none;}
	.checkbox-slide-label {display: block; overflow: hidden; cursor: pointer; border: 1px #EAEAEA solid; border-radius: 16px;}
	.checkbox-slide-inner {display: block; width: 200%; margin-left: -100%; transition: margin 0.3s ease-in 0s;}
    .checkbox-slide-inner:before, .checkbox-slide-inner:after {display: block; float: left; width: 50%; height: 30px; padding: 0; line-height: 30px; color: #fff; font-size: 14px; font-weight: bold;}
	.checkbox-slide-inner:before {content: "Public"; padding-left: 20px; background-color: #3DCED0;}
    .checkbox-slide-inner:after {content: "Private"; padding-right: 20px; background-color: #F23C62; text-align: right;}
    .checkbox-slide-switch {display: block; width: 26px; margin: 2px; background: #FFFFFF; position: absolute; top: 0; bottom: 0; right: 80px; border: 1px #EAEAEA solid; border-radius: 16px; transition: all 0.3s ease-in 0s;}
	.checkbox-slide-checkbox:checked + .checkbox-slide-label .checkbox-slide-inner {margin-left: 0;}
	.checkbox-slide-checkbox:checked + .checkbox-slide-label .checkbox-slide-switch {right: 0px;}
		
	.create-link {line-height: 15px; color: #999; line-height: 22px; display: inline-block; font-size: 10px; text-decoration: none; text-transform: uppercase; text-decoration: none !important;}
	.create-link:before {content: '+'; color: #3DCCD0; font-size: 22px; font-weight: 300; position: relative; top: 2px;}
			.create-link:hover {color: #666;}
				.create-link:hover i {color: #999;}

/* Detail Phrase */			
.phrase-view #header {margin-bottom: 12px;}
.phrase-view #content {padding: 0; background: none;}
.phrase-detail {margin-top: 10px; padding: 0;}
	.phrase-detail .row-fluid {padding-left: 15px; padding-right: 15px;}
		.phrase-detail .title {line-height: 1.1; margin: 0; margin-bottom: 10px; padding: 0; font-size: 30px; font-weight: 300;}
		.phrase-detail .tags {line-height: 1.5; margin: 0; padding: 0; font-size: 18px; font-weight: normal;}
			.phrase-detail .tags a {color: #39434A;}
		.label {margin-bottom: 5px; padding: 0; color: #999; background: none; font-size: 11px; text-transform: uppercase; text-shadow: none;}
		.phrase-detail .shared {float: right; margin: 5px 0;}
		.phrase-detail .phrase-item .operations {margin-bottom: 20px;}
		.phrase-detail .phrase-item .operations li:nth-child(n+2) {display: block;}
		
		.phrase-detail .meta {}
			.phrase-detail .meta .stats {}
				.phrase-detail .meta .stats .counter {display: block; float: left; min-width: 88px; position: relative; color: #BFBFBF; text-decoration: none; padding: 5px 5px; line-height: 1.2; text-align: center; font-size: 12px;}
					.phrase-detail .meta .stats .counter span {display: block; color: #575757; font-size: 25px; font-weight: 300;}			
				.phrase-detail .meta .stats .counter:after {content: ''; position: absolute; right: -5px; top: 0; bottom: 0; width: 1px; background: #EAEAEA;}
				.phrase-detail .meta .stats .counter:last-child:after {display: none;}
				.phrase-detail .meta .stats a:hover {color: #000;}
				.phrase-detail .meta .stats .first {margin-left: 0px;}				
		
		.phrase-detail .detail-footer {line-height: 40px;}
			.phrase-detail .link-translate {color: #50BFCC; font-size: 12px; font-weight: bold;}
			.phrase-detail .btn-edit {}
			.phrase-detail .counters {}
				.phrase-detail .counters a {text-decoration: none;}
				.phrase-detail .counters span {color: #ccc; font-size: 11px; font-weight: bold;}
				.phrase-detail .counters .icon {margin-left: 10px; margin-right: 3px; color: #53BACD; font-size: 20px;}
				
		.phrase-detail .author {}
			.phrase-detail .author .image {width: 25px; float: left; margin-right: 10px;}
			.phrase-detail .author a {color: #3B454D; font-size: 18px;}
				
		.url {font-size: 12px;}
			.url a {color: #39434A; text-decoration: none;}
			.url .highlight {color: #4BA3B2; font-weight: bold; font-size: 12px;}
			#phrase-form .url a {color: #97999F;}
			#phrase-form .url .highlight {color: #3B454D;}
			
		.user-box-simple {}
			.user-box-simple .header .nickname .title {padding-top: 5px; font-size: 14px;}
			.user-box-simple.user-row .header .button-wrap {height: 0;}
			.user-box-simple .tag-list {margin-bottom: 0; padding: 0 5px;}

.layout-page {}
	.layout-page .container-fluid {padding: 0;}
		
	@media (max-width: 1060px) { 
		.layout-page .shared {position: static; top: auto; left: auto; width: auto; margin: 0 0 20px 0; text-align: center; display: inline-block;}
	}




.btn-file {
  overflow: hidden;
  position: relative;
  vertical-align: middle;
}
.btn-file > input {
  position: absolute;
  top: 0;
  right: 0;
  margin: 0;
  opacity: 0;
  filter: alpha(opacity=0);
  transform: translate(-300px, 0) scale(4);
  font-size: 23px;
  direction: ltr;
  cursor: pointer;
}
.fileinput {
  margin-bottom: 9px;
  display: inline-block;
}
.fileinput .uneditable-input {
  display: inline-block;
  margin-bottom: 0px;
  vertical-align: middle;
  cursor: text;
}
.fileinput .thumbnail {
  overflow: hidden;
  display: inline-block;
  margin-bottom: 5px;
  vertical-align: middle;
  text-align: center;
}
.fileinput .fileinput-preview > img {
  max-height: none;
  max-width: none;
}
.fileinput .btn {
  vertical-align: middle;
}
.fileinput-exists .fileinput-new,
.fileinput-new .fileinput-exists {
  display: none;
}
.fileinput-inline .fileinput-controls {
  display: inline;
}
.fileinput .uneditable-input {
  white-space: normal;
}
.fileinput-new .input-group .btn-file {
  border-radius: 0 4px 4px 0;
}
.fileinput-new .input-group .btn-file.btn-xs,
.fileinput-new .input-group .btn-file.btn-sm {
  border-radius: 0 3px 3px 0;
}
.fileinput-new .input-group .btn-file.btn-lg {
  border-radius: 0 6px 6px 0;
}
.form-group.has-warning .fileinput .uneditable-input {
  color: #c09853;
  border-color: #faebcc;
}
.form-group.has-warning .fileinput .fileinput-preview {
  color: #c09853;
}
.form-group.has-warning .fileinput .thumbnail {
  border-color: #faebcc;
}
.form-group.has-error .fileinput .uneditable-input {
  color: #b94a48;
  border-color: #ebccd1;
}
.form-group.has-error .fileinput .fileinput-preview {
  color: #b94a48;
}
.form-group.has-error .fileinput .thumbnail {
  border-color: #ebccd1;
}
.form-group.has-success .fileinput .uneditable-input {
  color: #468847;
  border-color: #d6e9c6;
}
.form-group.has-success .fileinput .fileinput-preview {
  color: #468847;
}
.form-group.has-success .fileinput .thumbnail {
  border-color: #d6e9c6;
}
.input-group-addon:not(:first-child) {
  border-left: 0;
} 

.mw-100 {max-width: 100% !important;}
.mh-100 {max-height: 100% !important;}

.bold {font-weight: bold;}

.form.update-profile {}
	.form .field {position: relative; margin-bottom: 20px;}
		.field.success:after {content:"\f00c"; font-family: 'FontAwesome'; position: absolute; top: 32px; right: -25px; color: #1FD0D1; font-size: 20px;}
		.field.success .input {border: 2px #3DCED0 solid;}
		.field.error .input, .field .input.error {border: 2px #F23C62 solid;}
		span.required {color: #F23C62;}
	
		
	
	.field-big {max-width: 400px; margin-left: auto; margin-right: auto;}
		.field-big .input, .field-big .btn {height: 50px; line-height: 50px; font-size: 25px; font-weight: 300;}
		.field-big .bootstrap-select {width: 100%;}
			.field-big .btn {height: auto; padding: 0; border-radius: 3px !important;}
			.bootstrap-select.btn-group .btn .caret {border: 10px transparent solid; border-top-color: #3DCED0;}
			.bootstrap-select.btn-group .btn .filter-option {right: 43px;}
			.bootstrap-select.btn-group .btn .filter-option:after {content: ''; position: absolute; top: 8px; bottom: 8px; right: 0px; width: 1px; background: #EAEAEA;}
			form .bootstrap-select .dropdown-menu a:hover, form .bootstrap-select .dropdown-menu a:focus {background: #3DCED0 !important; color: #fff;}
			
.fileinput {position: relative;}
.fileinput .buttons {}
	.fileinput .buttons .btn {min-width: 150px; margin-top: 10px; margin-bottom: 10px; padding: 0; line-height: 30px; background: #fff; border: 2px #EAEAEA solid; border-radius: 3px; font-size: 14px; font-weight: 500; text-transform: none;}
	.fileinput .buttons .meta {margin-bottom: 15px; color: #7F7F7F; text-transform: uppercase; font-size: 12px;}
.fileinput-preview {border: 5px #fff solid; overflow: hidden; background:#DADBDC url('../img/default-avatar.png') 50% 50% no-repeat;}
	.fileinput-preview .preview-inner {line-height: 1;}
	
#file-loader {position: absolute; top: 0; left: 0; width: 100%; height: 100%; background: #fff url('../img/ajax-loader.gif') 50% 50% no-repeat;}

.styled-checkbox {}
	.styled-checkbox input {display: none;}
	.styled-checkbox input:checked + span {} /* viz .guide-btn */
	
.styled-radio-wrap {text-align: center;}
	.styled-radio {display: inline-block;}
		.styled-radio input {display: none;}
		
.notification-settings {}
	.notification-settings .field {margin-bottom: 50px;}
		.notification-settings .guide-label {top: 66%;}
		.notification-settings .styled-checkbox {margin-bottom: 10px;}
		

				
[class^="icon-"]:not([class^="icon-ok"]):not([class^="icon-move"]):not([class^="icon-trash"]), [class*=" icon-"]:not([class*=" icon-ok"]):not([class*=" icon-move"]):not([class^="icon-trash"]) {
	background: none;
    display: inline-block;
    height: auto;
    margin-top: auto;
    width: auto;
}
[class^="icon-"]:before, [class*=" icon-"]:before {
    margin-left: 0;
    margin-right: 0px;
    width: auto;
}

.icon-eye, .icon-eye-off {display: block !important;}
.icon-eye:before, .icon-eye-off:before {margin-right: 5px;}


/* Learning module 
-----------------------------------------------------------*/
.learning-index #header {margin-bottom: 20px;}

.learning-content {margin: -10px; padding: 0px; background: #F2F2F2;}
	.learning-content .header {padding-bottom: 10px; border-bottom: 1px #F2F2F2 solid;}
		.learning-content .header-nav {font-size: 0;}
			.learning-content .header-nav a {color: #575757; text-decoration: none; font-size: 12px;}
			.learning-content .header-nav a:hover {color: #333;}
			.learning-content .header-nav a.active {color: #3DCCD0; font-weight: bold;}
			.learning-content .header-nav .sep {width: 1px; height: 10px; display: inline-block; margin: 0 8px; background: #BFBFBF; font-size: 0;}
		.learning-content .breadcrumbs {text-align: center; font-size: 20px;}
			.learning-content .breadcrumbs {text-align: center; font-size: 20px; font-weight: 300;}
				.learning-content .breadcrumbs a {color: #575757; text-decoration: none;}
				.learning-content .breadcrumbs a:hover {color: #000;}
				.learning-content .breadcrumbs a:last-child {color: #3DCCD0 !important; font-weight: bold;}
				
	.phrase-list {background: #fff; padding: 10px;}
		.status-info {float: right; margin: -3px 0 0 10px;}
			.status-info .switch {vertical-align: middle;}
			.switch {display: inline-block; height: 18px; line-height: 18px; padding: 0 8px; color: #AAAAAA !important; background: #F2F2F2; border-radius: 9px; font-size: 10px; text-transform: uppercase; text-decoration: none !important; cursor: pointer;}
				.switch-on .inner:after, .switch-off .inner:before {content: ''; display: inline-block; position: relative; top: 2px; width: 10px; height: 10px; border-radius: 5px;}
				.switch-on .inner:after {right: -5px; background: #3BD0C9;}
				.switch-on.weak .inner:after {background: #F23C62;}
				.switch-on.learned .inner:after {background: #3BD0C9;}
				.switch-on.mastered .inner:after {background: #46D072;}
				.switch-off .inner:before {left: -5px; background: #ABABAB;}
			.switch:hover {opacity: 0.5;}

		.status {}
		.status.difficult {display: inline-block; width: 14px; height: 14px; line-height: 14px; color: #fff; background: #F3B518; border-radius: 7px; text-align: center; font-size: 11px; font-weight: 900;}
	
#memorized-phrases {font-size: 18px;}
	#memorized-phrases .row span.correctly {background: #b8e986;}
	#memorized-phrases .row span.wrong {background: #e98686;}
	#memorized-phrases .row span.correctly2 {background: #ebebeb;}
	#memorized-phrases .row .search-string {color: #999;}

.learning-content .content-header {background: #fff; padding-top: 10px;}	
.learning-content .phrasebook-list {}
	.learning-content .phrasebook-list .ias_loader {margin: 0; padding: 30px 0 40px; background-color: #fff;}
	.learning-content .phrasebook-list .row {padding: 10px; margin-bottom: 10px; background: #fff;}
	.learning-content .phrasebook-list .row:hover {background: #FAFAFA; cursor: pointer;}
		.learning-content .phrasebook-list .row:hover .title a {color: #3BD0C9;}
		.learning-content .phrasebook-list .title {font-size: 20px; font-weight: bold;}
			.learning-content .phrasebook-list .title a {color: #000; text-decoration: none;}
		.learning-content .phrasebook-list .desc {margin-bottom: 10px; color: #808080; font-size: 15px;}
		.learning-content .phrasebook-list .operations {width: 100%; overflow: hidden; margin: 0; list-style: none; text-align: center;}
			.learning-content .phrasebook-list .operations li {float: left; width: 16%; position: relative;}
			.learning-content .phrasebook-list .operations li:first-child {width: 20%;}
			.learning-content .phrasebook-list .operations li:after {content: ''; position: absolute; top: 2px; right: -1px; bottom: 2px; width: 1px; background: #EAEAEA;}
			.learning-content .phrasebook-list .operations li:first-child:after, .learning-content .phrasebook-list .operations li:last-child:after {display: none;}
				.learning-content .phrasebook-list .operations .count-wrap {color: #BFBFBF; font-size: 12px; line-height: 1.1; padding: 2px 0;}
					.learning-content .phrasebook-list .operations .count {display: block; font-size: 14px; font-weight: bold;}
					.learning-content .phrasebook-list .operations .new .count {color: #808080;}
					.learning-content .phrasebook-list .operations .difficult .count {color: #F4C458;}
					.learning-content .phrasebook-list .operations .weak .count {color: #F23C62;}
					.learning-content .phrasebook-list .operations .learned .count {color: #3DCED0;}
					.learning-content .phrasebook-list .operations .mastered .count {color: #33D094;}
				.learning-content .phrasebook-list .operations .btn-wrap {display: none;}
					.learning-content .phrasebook-list .operations .btn {width: 100%; padding: 5px 0;}
					.learning-content .phrasebook-list .operations .btn-green {color: #fff; background: #3DCED0; border-color: #3DCED0; border-radius: 0; font-size: 11px; text-transform: uppercase;}
					.learning-content .phrasebook-list .operations .btn-green.disabled {color: #fff !important; opacity: 0.5;}
			.learning-content .phrasebook-list .operations li:not([data-count="0"]):hover:after {display: none;}
			/*.learning-content .phrasebook-list .operations li:hover .btn-wrap {display: block;}
			.learning-content .phrasebook-list .operations li:hover .btn-wrap + .count-wrap {display: none;}*/

.learning-stats {padding: 10px; background: #fff; margin-bottom: 20px;}
	.learning-stats .item {position: relative; line-height: 54px; color: #4a4a4a; border-bottom: 1px #EAEAEA solid;}
		.learning-stats .item .count-wrap {float: left; font-size: 14px; color: #575757; text-decoration: none;}
			.learning-stats .item .count-wrap span {display: inline-block; vertical-align: middle;}
			.learning-stats .item .count-wrap .count {display: inline-block; width: 50px; margin-right: 25px; text-align: right; font-size: 25px; font-weight: 300;}
		.learning-stats .item .btn-wrap {float: right; display: none;}
		.learning-stats .item.learned .btn-wrap {display: none;}
			.learning-stats .item .btn {display: inline-block;}
		.learning-stats .item .progress-bar {position: absolute; bottom: -2px; left: 0; width: 100%; height: 4px;}
			.learning-stats .item .progress-bar .bar {height: 100%; background: red;}
			.learning-stats .item.memorized .progress-bar .bar {background: #33D094;}
			.learning-stats .item.learned .progress-bar .bar {background: #3BD0C9;}
			.learning-stats .item.weak .progress-bar .bar {background: #FD395A;}
			.learning-stats .item.difficult .progress-bar .bar {background: #F4C458;}
	.learning-stats .item.new {border-bottom: none; margin-bottom: 10px;}
	.btn-big {width: 100%; padding: 10px; font-size: 20px; font-weight: 500;}
	.tile-row .btn-big {margin: 5px 0; font-size: 18px;}
	
.popover {max-width: 270px; color: #fff; background: #F23C62; border: 0; border-radius: 0;}
.popover.fade {transition: opacity 0.15s linear 0s;}
.popover-content {padding: 10px 20px;}
.popover a {color: #fff !important; text-decoration: none; display: block; font-weight: normal !important;}
.popover.bottom .arrow {border-color: transparent;}
.popover.bottom .arrow::after {border-bottom-color: #F23C62;}
.popover-close {position: absolute; top: 4px; right: 6px; cursor: pointer;}	

			
.layout-main #footer {margin-top: 50px; background: #fff; padding: 20px; font-size: 12px; text-align: center;}

				
/* Large desktop */
@media (max-width: 1200px) {
	.container {min-width: 0; width: 100%;}
	.cols3 .btn {min-width: 0;}
	.learning-stats .item .count-wrap .count {margin-right: 10px;}
}

/* Portrait tablet to landscape and desktop */
@media (min-width: 768px) and (max-width: 979px) {  }

/* Landscape phone to portrait tablet */
@media (max-width: 980px) { 
	#column2, .sidebar-right {display: none !important;}
	#column {width: 30%;}
	.row-fluid #content, .row-fluid .content {width: 69%; margin-left: 1%}
}

@media (max-width: 767px) {
	.before-content .create-links, .btn-plus-wrap {display: none;}
	.user-meta {position: absolute; right: 1%;}
	#nav {width: 100%;}
	#header {height: auto;}
	#header .logo {width: 100%;}
		#header .logo a {margin: auto;}
}

/* Landscape phones and down */
@media (max-width: 479px) {	
	#column, .row-fluid #content, .row-fluid .content {width: 100%; margin-left: 0;}
	.site-dashboard .categories-box, #nav .nav-item-home > a {display: none;}
	.featured-tags .desc {display: none;}
}




.is-mobile {}
	.is-mobile .mobile-hide {display: none;}
	.is-mobile .header-bar .dropdown-menu {right: 0; left: auto;}
	.is-mobile .create-user-form .box-dark {display: none;}
	.is-mobile .phrase-list .row, .is-mobile .phrase-list .row:hover {margin-left: 0; margin-right: 0; padding-left: 0; padding-right: 0; background: 0;}
		.is-mobile .phrase-list .operations .btn {}
		.is-mobile .phrase-list .operations .menu .btn {min-width: 50px;}
			.is-mobile .phrase-list .operations .menu .fa {color: #575757; margin: 0;}
			.is-mobile .phrase-list .operations li:nth-child(n+2) {display: block;}
				.is-mobile .phrase-list .operations .menu li {display: block !important; float: none !important; width: 100%; padding: 2px 5px;}
				.is-mobile .phrase-list .operations .menu li .btn {color: #575757;}
				.is-mobile .phrase-list .operations .menu li .btn:hover {color: #3dced0;}
	.is-mobile #popup {text-align: center;}