/*

darkgreen: #34677c;
darkblue: #3e4758;
red: #e55757 / rgba(229, 87, 87, 1);
blue: #0ed0ff / rgba(14,208,255,1);
green: #00b279 / rgba(0,178,121,1);

light-green: #5cffd6 / rgba(92, 255, 214, 1);
yellow: #FFEB96;
*/

#Smallchat,
#Smallchat * {
	box-sizing: border-box;
	font-family: -apple-system, BlinkMacSystemFont, Segoe UI, Roboto, Oxygen, Ubuntu, Cantarell, Helvetica Neue, Arial !important;
	-webkit-font-smoothing: antialiased;
	-moz-osx-font-smoothing: grayscale;
	-webkit-tap-highlight-color: transparent
}

#Smallchat .Layout {
	pointer-events: auto;
	box-sizing: content-box !important;
	z-index: 999999999;
	position: fixed;
	bottom: 20px;
	min-width: 50px;
	max-width: 300px;
	max-height: 30px;
	display: -webkit-box;
	display: -webkit-flex;
	display: -ms-flexbox;
	display: flex;
	-webkit-box-orient: vertical;
	-webkit-box-direction: normal;
	-webkit-flex-direction: column;
	-ms-flex-direction: column;
	flex-direction: column;
	-webkit-box-pack: end;
	-webkit-justify-content: flex-end;
	-ms-flex-pack: end;
	justify-content: flex-end;
	border-radius: 50px;
	box-shadow: 5px 0 20px 5px rgba(0, 0, 0, .1);
	-webkit-animation: appear .15s cubic-bezier(.25, .25, .5, 1.1);
	animation: appear .15s cubic-bezier(.25, .25, .5, 1.1);
	-webkit-animation-fill-mode: forwards;
	animation-fill-mode: forwards;
	opacity: 0;
	-webkit-transition: right .1s cubic-bezier(.25, .25, .5, 1), bottom .1s cubic-bezier(.25, .25, .5, 1), min-width .2s cubic-bezier(.25, .25, .5, 1), max-width .2s cubic-bezier(.25, .25, .5, 1), min-height .2s cubic-bezier(.25, .25, .5, 1), max-height .2s cubic-bezier(.25, .25, .5, 1), border-radius 50ms cubic-bezier(.25, .25, .5, 1) .15s, background-color 50ms cubic-bezier(.25, .25, .5, 1) .15s, color 50ms cubic-bezier(.25, .25, .5, 1) .15s;
	transition: right .1s cubic-bezier(.25, .25, .5, 1), bottom .1s cubic-bezier(.25, .25, .5, 1), min-width .2s cubic-bezier(.25, .25, .5, 1), max-width .2s cubic-bezier(.25, .25, .5, 1), min-height .2s cubic-bezier(.25, .25, .5, 1), max-height .2s cubic-bezier(.25, .25, .5, 1), border-radius 50ms cubic-bezier(.25, .25, .5, 1) .15s, background-color 50ms cubic-bezier(.25, .25, .5, 1) .15s, color 50ms cubic-bezier(.25, .25, .5, 1) .15s
}

#Smallchat .Layout-left {
	left: 20px
}

#Smallchat .Layout-left.Layout-mobile {
	left: 10px
}

#Smallchat .Layout-left.Layout-mobile.Layout-expand {
	left: 0
}

#Smallchat .Layout-right {
	right: 20px
}

#Smallchat .Layout-right.Layout-mobile {
	right: 10px
}

#Smallchat .Layout-right.Layout-mobile.Layout-expand {
	right: 0
}

#Smallchat .Layout-open {
	overflow: hidden;
	min-width: 300px;
	max-width: 300px;
	height: 500px;
	max-height: 500px;
	border-radius: 10px;
	color: #fff;
	-webkit-transition: right .1s cubic-bezier(.25, .25, .5, 1), bottom .1s cubic-bezier(.25, .25, .5, 1.1), min-width .2s cubic-bezier(.25, .25, .5, 1.1), max-width .2s cubic-bezier(.25, .25, .5, 1.1), max-height .2s cubic-bezier(.25, .25, .5, 1.1), min-height .2s cubic-bezier(.25, .25, .5, 1.1), border-radius 0ms cubic-bezier(.25, .25, .5, 1.1), background-color 0ms cubic-bezier(.25, .25, .5, 1.1), color 0ms cubic-bezier(.25, .25, .5, 1.1);
	transition: right .1s cubic-bezier(.25, .25, .5, 1), bottom .1s cubic-bezier(.25, .25, .5, 1.1), min-width .2s cubic-bezier(.25, .25, .5, 1.1), max-width .2s cubic-bezier(.25, .25, .5, 1.1), max-height .2s cubic-bezier(.25, .25, .5, 1.1), min-height .2s cubic-bezier(.25, .25, .5, 1.1), border-radius 0ms cubic-bezier(.25, .25, .5, 1.1), background-color 0ms cubic-bezier(.25, .25, .5, 1.1), color 0ms cubic-bezier(.25, .25, .5, 1.1)
}

#Smallchat .Layout-trigger {
	height: auto;
	min-height: 50px
}

#Smallchat .Layout-expand {
	height: 500px;
	min-height: 500px
}

#Smallchat .Layout-mobile {
	bottom: 10px
}

#Smallchat .Layout-mobile.Layout-open {
	width: calc(100% - 20px);
	min-width: calc(100% - 20px)
}

#Smallchat .Layout-mobile.Layout-expand {
	bottom: 0;
	height: 100%;
	min-height: 100%;
	width: 100%;
	min-width: 100%;
	border-radius: 0 !important
}

@-webkit-keyframes appear {
	0% {
		opacity: 0;
		-webkit-transform: scale(0);
		transform: scale(0)
	}

	to {
		opacity: 1;
		-webkit-transform: scale(1);
		transform: scale(1)
	}
}

@keyframes appear {
	0% {
		opacity: 0;
		-webkit-transform: scale(0);
		transform: scale(0)
	}

	to {
		opacity: 1;
		-webkit-transform: scale(1);
		transform: scale(1)
	}
}

#Smallchat .Messenger_messenger {
	position: relative;
	height: 100%;
	width: 100%;
	min-width: 300px;
	-webkit-box-orient: vertical;
	-webkit-box-direction: normal;
	-webkit-flex-direction: column;
	-ms-flex-direction: column;
	flex-direction: column
}

#Smallchat .Messenger_header,
#Smallchat .Messenger_messenger {
	display: -webkit-box;
	display: -webkit-flex;
	display: -ms-flexbox;
	display: flex
}

#Smallchat .Messenger_header {
	-webkit-box-align: center;
	-webkit-align-items: center;
	-ms-flex-align: center;
	align-items: center;
	padding-left: 10px;
	padding-right: 40px;
	height: 40px;
	-webkit-flex-shrink: 0;
	-ms-flex-negative: 0;
	flex-shrink: 0
}

#Smallchat .Messenger_header .Avatar {
	margin-right: 5px;
	opacity: 0;
	-webkit-animation: fadein .15s .3s;
	animation: fadein .15s .3s;
	-webkit-animation-fill-mode: forwards;
	animation-fill-mode: forwards
}

#Smallchat .Messenger_header h4 {
	opacity: 0;
	font-size: 16px;
	-webkit-animation: slidein .15s .3s;
	animation: slidein .15s .3s;
	-webkit-animation-fill-mode: forwards;
	animation-fill-mode: forwards
}

#Smallchat .Messenger_content {
	height: 450px;
	-webkit-box-flex: 1;
	-webkit-flex-grow: 1;
	-ms-flex-positive: 1;
	flex-grow: 1;
	display: -webkit-box;
	display: -webkit-flex;
	display: -ms-flexbox;
	display: flex;
	-webkit-box-orient: vertical;
	-webkit-box-direction: normal;
	-webkit-flex-direction: column;
	-ms-flex-direction: column;
	flex-direction: column;
	background-color: #fff
}

#Smallchat .Messenger_prompt {
	margin: 0;
	font-size: 16px;
	line-height: 18px;
	font-weight: 400;
	overflow: hidden;
	white-space: nowrap;
	text-overflow: ellipsis
}

#Smallchat .Messenger_close {
	position: absolute;
	top: 10px;
	right: 10px;
	cursor: pointer;
	border-radius: 4px;
	opacity: 1;
	-webkit-transform: scale(1);
	-ms-transform: scale(1);
	transform: scale(1);
	-webkit-transition: -webkit-transform 50ms ease-in-out;
	transition: -webkit-transform 50ms ease-in-out;
	transition: transform 50ms ease-in-out;
	transition: transform 50ms ease-in-out, -webkit-transform 50ms ease-in-out
}

#Smallchat .Layout:not(.Layout-mobile) .Messenger_header:hover .Messenger_close {
	background-color: rgba(150, 170, 180, .1)
}

#Smallchat .Layout:not(.Layout-mobile) .Messenger_header:not(:hover) .Messenger_close {
	opacity: .7;
	-webkit-transform: scale(.7);
	-ms-transform: scale(.7);
	transform: scale(.7)
}

@-webkit-keyframes fadein {
	0% {
		opacity: 0
	}

	to {
		opacity: 1
	}
}

@keyframes fadein {
	0% {
		opacity: 0
	}

	to {
		opacity: 1
	}
}

@-webkit-keyframes slidein {
	0% {
		opacity: 0;
		-webkit-transform: translateX(10px);
		transform: translateX(10px)
	}

	to {
		opacity: 1;
		-webkit-transform: translateX(0);
		transform: translateX(0)
	}
}

@keyframes slidein {
	0% {
		opacity: 0;
		-webkit-transform: translateX(10px);
		transform: translateX(10px)
	}

	to {
		opacity: 1;
		-webkit-transform: translateX(0);
		transform: translateX(0)
	}
}

#Smallchat .Alert {
	background-color: #4cfffa;
	-webkit-animation: slackchat-fadeout 1s;
	animation: slackchat-fadeout 1s;
	-webkit-animation-delay: 3s;
	animation-delay: 3s
}

@-webkit-keyframes slackchat-fadeout {
	0% {
		opacity: 1
	}

	to {
		opacity: 0
	}
}

@keyframes slackchat-fadeout {
	0% {
		opacity: 1
	}

	to {
		opacity: 0
	}
}

#Smallchat .Input {
	position: relative;
	width: 100%;
	-webkit-box-flex: 0;
	-webkit-flex-grow: 0;
	-ms-flex-positive: 0;
	flex-grow: 0;
	-webkit-flex-shrink: 0;
	-ms-flex-negative: 0;
	flex-shrink: 0;
	padding-top: 17px;
	padding-bottom: 15px;
	color: #96aab4;
	background-color: #fff;
	border-top: 1px solid #e6ebea
}

#Smallchat .Input ::-webkit-input-placeholder {
	font-family: -apple-system, BlinkMacSystemFont, Segoe UI, Roboto, Oxygen, Ubuntu, Cantarell, Helvetica Neue, Arial !important;
	line-height: 20px;
	font-size: 16px;
	padding: 0;
	margin: 0;
	color: #96aab4
}

#Smallchat .Input ::-moz-placeholder {
	font-family: -apple-system, BlinkMacSystemFont, Segoe UI, Roboto, Oxygen, Ubuntu, Cantarell, Helvetica Neue, Arial !important;
	line-height: 20px;
	font-size: 16px;
	padding: 0;
	margin: 0;
	color: #96aab4
}

#Smallchat .Input :-ms-input-placeholder {
	font-family: -apple-system, BlinkMacSystemFont, Segoe UI, Roboto, Oxygen, Ubuntu, Cantarell, Helvetica Neue, Arial !important;
	line-height: 20px;
	font-size: 16px;
	padding: 0;
	margin: 0;
	color: #96aab4
}

#Smallchat .Input :-moz-placeholder {
	font-family: -apple-system, BlinkMacSystemFont, Segoe UI, Roboto, Oxygen, Ubuntu, Cantarell, Helvetica Neue, Arial !important;
	line-height: 20px;
	font-size: 16px;
	padding: 0;
	margin: 0;
	color: #96aab4
}

#Smallchat .Input :disabled {
	opacity: 1;
	color: #96aab4;
	pointer-events: none
}

#Smallchat .Input-focus {
	border-top-color: transparent
}

#Smallchat .Input_field {
	width: 100%;
	resize: none;
	border: none;
	outline: none;
	padding: 0;
	padding-left: 20px;
	padding-right: 75px;
	background-color: transparent;
	font-size: 16px;
	line-height: 20px;
	min-height: 20px !important
}

#Smallchat .Input-blank .Input_field {
	max-height: 20px
}

#Smallchat .Input_button {
	position: absolute;
	bottom: 15px;
	width: 25px;
	height: 25px;
	padding: 0;
	border: none;
	outline: none;
	background-color: transparent;
	cursor: pointer
}

#Smallchat .Input-emoji .Input_button-emoji .Icon,
#Smallchat .Input_button:hover .Icon {
	-webkit-transform: scale(1.1);
	-ms-transform: scale(1.1);
	transform: scale(1.1);
	-webkit-transition: all .1s ease-in-out;
	transition: all .1s ease-in-out
}

#Smallchat .Input-emoji .Input_button-emoji .Icon path,
#Smallchat .Input_button:hover .Icon path {
	fill: #2c2c46
}

#Smallchat .Input_button-send {
	right: 15px
}

#Smallchat .Input_button-emoji {
	right: 45px
}

#Smallchat .emoji-mart {
	position: absolute;
	bottom: 100%;
	right: 10px;
	box-shadow: 0 0 15px 0 rgba(0, 0, 0, .1)
}

#Smallchat .emoji-mart-anchor svg {
	width: 18px;
	height: 18px
}

#Smallchat .emoji-mart-category-label {
	position: relative
}

#Smallchat .emoji-mart-preview-emoji>.emoji-mart-emoji {
	padding: 0
}

#Smallchat .emoji-mart-preview-data {
	left: 55px
}

#Smallchat .emoji-mart-preview-skins {
	display: none
}

#Smallchat .emoji-mart-title-label {
	font-size: 16px
}

.emoji-mart,
.emoji-mart * {
	box-sizing: border-box;
	line-height: 1.15
}

.emoji-mart {
	font-family: -apple-system, BlinkMacSystemFont, Helvetica Neue, Arial;
	font-size: 16px;
	display: inline-block;
	color: #222427;
	border: 1px solid #d9d9d9;
	border-radius: 5px;
	background: #fff
}

.emoji-mart .emoji-mart-emoji {
	padding: 6px
}

.emoji-mart-bar:first-child {
	border-top-left-radius: 5px;
	border-top-right-radius: 5px
}

.emoji-mart-bar:last-child {
	border-bottom-left-radius: 5px;
	border-bottom-right-radius: 5px
}

.emoji-mart-anchors {
	display: -webkit-box;
	display: -webkit-flex;
	display: -ms-flexbox;
	display: flex;
	-webkit-box-pack: justify;
	-webkit-justify-content: space-between;
	-ms-flex-pack: justify;
	justify-content: space-between;
	padding: 0 6px;
	color: #858585;
	line-height: 0
}

.emoji-mart-anchor {
	position: relative;
	-webkit-box-flex: 1;
	-webkit-flex: 1;
	-ms-flex: 1;
	flex: 1;
	text-align: center;
	padding: 12px 4px;
	overflow: hidden;
	-webkit-transition: color .1s ease-out;
	transition: color .1s ease-out
}

.emoji-mart-anchor-selected,
.emoji-mart-anchor:hover {
	color: #464646
}

.emoji-mart-anchor-selected .emoji-mart-anchor-bar {
	bottom: 0
}

.emoji-mart-anchor-bar {
	position: absolute;
	bottom: -3px;
	left: 0;
	width: 100%;
	height: 3px;
	background-color: #464646
}

.emoji-mart-anchors i {
	display: inline-block;
	width: 100%;
	max-width: 22px
}

.emoji-mart-anchors svg {
	fill: currentColor
}

.emoji-mart-scroll {
	overflow-y: scroll;
	height: 270px;
	padding: 0 6px 6px;
	border: solid #d9d9d9;
	border-width: 1px 0
}

.emoji-mart-search {
	font-size: 16px;
	display: block;
	width: 100%;
	padding: .2em .6em;
	margin-top: 6px;
	border-radius: 25px;
	border: 1px solid #d9d9d9;
	outline: 0
}

.emoji-mart-category .emoji-mart-emoji span {
	z-index: 1;
	position: relative;
	text-align: center;
	cursor: default
}

.emoji-mart-category .emoji-mart-emoji:hover:before {
	z-index: 0;
	content: "";
	position: absolute;
	top: 0;
	left: 0;
	width: 100%;
	height: 100%;
	background-color: #f4f4f4;
	border-radius: 100%
}

.emoji-mart-category-label {
	z-index: 2;
	position: relative;
	position: -webkit-sticky;
	position: sticky;
	top: 0
}

.emoji-mart-category-label span {
	display: block;
	width: 100%;
	font-weight: 500;
	padding: 5px 6px;
	background-color: #fff;
	background-color: hsla(0, 0%, 100%, .95)
}

.emoji-mart-emoji {
	position: relative;
	display: inline-block;
	font-size: 0
}

.emoji-mart-no-results {
	font-size: 14px;
	text-align: center;
	padding-top: 70px;
	color: #858585
}

.emoji-mart-no-results span {
	display: inline-block;
	vertical-align: middle
}

.emoji-mart-preview {
	position: relative;
	height: 70px
}

.emoji-mart-preview-data,
.emoji-mart-preview-emoji,
.emoji-mart-preview-skins {
	position: absolute;
	top: 50%;
	-webkit-transform: translateY(-50%);
	-ms-transform: translateY(-50%);
	transform: translateY(-50%)
}

.emoji-mart-preview-emoji {
	left: 12px
}

.emoji-mart-preview-data {
	left: 68px;
	right: 12px;
	word-break: break-word
}

.emoji-mart-preview-skins {
	right: 30px;
	text-align: right
}

.emoji-mart-preview-name {
	font-size: 14px
}

.emoji-mart-preview-shortname {
	font-size: 12px;
	color: #888
}

.emoji-mart-preview-emoticon+.emoji-mart-preview-emoticon,
.emoji-mart-preview-shortname+.emoji-mart-preview-emoticon,
.emoji-mart-preview-shortname+.emoji-mart-preview-shortname {
	margin-left: .5em
}

.emoji-mart-preview-emoticon {
	font-size: 11px;
	color: #bbb
}

.emoji-mart-title span {
	display: inline-block;
	vertical-align: middle
}

.emoji-mart-title .emoji-mart-emoji {
	padding: 0
}

.emoji-mart-title-label {
	color: #999a9c;
	font-size: 26px;
	font-weight: 300
}

.emoji-mart-skin-swatches {
	font-size: 0;
	padding: 2px 0;
	border: 1px solid #d9d9d9;
	border-radius: 12px;
	background-color: #fff
}

.emoji-mart-skin-swatches-opened .emoji-mart-skin-swatch {
	width: 16px;
	padding: 0 2px
}

.emoji-mart-skin-swatches-opened .emoji-mart-skin-swatch-selected:after {
	opacity: .75
}

.emoji-mart-skin-swatch {
	display: inline-block;
	width: 0;
	vertical-align: middle;
	-webkit-transition-property: width, padding;
	transition-property: width, padding;
	-webkit-transition-duration: .125s;
	transition-duration: .125s;
	-webkit-transition-timing-function: ease-out;
	transition-timing-function: ease-out
}

.emoji-mart-skin-swatch:first-child {
	-webkit-transition-delay: 0;
	transition-delay: 0
}

.emoji-mart-skin-swatch:nth-child(2) {
	-webkit-transition-delay: .03s;
	transition-delay: .03s
}

.emoji-mart-skin-swatch:nth-child(3) {
	-webkit-transition-delay: .06s;
	transition-delay: .06s
}

.emoji-mart-skin-swatch:nth-child(4) {
	-webkit-transition-delay: .09s;
	transition-delay: .09s
}

.emoji-mart-skin-swatch:nth-child(5) {
	-webkit-transition-delay: .12s;
	transition-delay: .12s
}

.emoji-mart-skin-swatch:nth-child(6) {
	-webkit-transition-delay: .15s;
	transition-delay: .15s
}

.emoji-mart-skin-swatch-selected {
	position: relative;
	width: 16px;
	padding: 0 2px
}

.emoji-mart-skin-swatch-selected:after {
	content: "";
	position: absolute;
	top: 50%;
	left: 50%;
	width: 4px;
	height: 4px;
	margin: -2px 0 0 -2px;
	background-color: #fff;
	border-radius: 100%;
	pointer-events: none;
	opacity: 0;
	-webkit-transition: opacity .2s ease-out;
	transition: opacity .2s ease-out
}

.emoji-mart-skin {
	display: inline-block;
	width: 100%;
	padding-top: 100%;
	max-width: 12px;
	border-radius: 100%
}

.emoji-mart-skin-tone-1 {
	background-color: #ffc93a
}

.emoji-mart-skin-tone-2 {
	background-color: #fadcbc
}

.emoji-mart-skin-tone-3 {
	background-color: #e0bb95
}

.emoji-mart-skin-tone-4 {
	background-color: #bf8f68
}

.emoji-mart-skin-tone-5 {
	background-color: #9b643d
}

.emoji-mart-skin-tone-6 {
	background-color: #594539
}

#Smallchat .Avatar {
	-webkit-box-flex: 0;
	-webkit-flex-grow: 0;
	-ms-flex-positive: 0;
	flex-grow: 0;
	-webkit-flex-shrink: 0;
	-ms-flex-negative: 0;
	flex-shrink: 0;
	overflow: hidden;
	border-radius: 10%;
	background-color: #96aab4
}

#Smallchat .Avatar-round {
	border-radius: 50%
}

#Smallchat .Avatar_image {
	width: 100%;
	height: auto
}

#Smallchat .SlackText {
	font-size: 14px;
	line-height: 18px;
	width: 100%;
	word-wrap: break-word
}

#Smallchat .SlackText-only-emoji {
	font-size: 32px
}

#Smallchat .slack-user {
	display: none
}

#Smallchat .PoweredBy {
	position: relative;
	top: 5px;
	text-align: center
}

#Smallchat .PoweredBy:hover svg path {
	fill: #96aab4
}

#Smallchat .PoweredBy:hover svg path#icon {
	stroke: #96aab4
}

.AppIcon {
	width: 24px;
	height: 24px;
	border-radius: 12px;
	-webkit-flex-shrink: 0;
	-ms-flex-negative: 0;
	flex-shrink: 0;
	display: -webkit-box;
	display: -webkit-flex;
	display: -ms-flexbox;
	display: flex;
	-webkit-box-align: center;
	-webkit-align-items: center;
	-ms-flex-align: center;
	align-items: center;
	-webkit-box-pack: center;
	-webkit-justify-content: center;
	-ms-flex-pack: center;
	justify-content: center;
	background-color: #96aab4
}

.AppIcon .Icon {
	position: relative;
	top: -1px
}

#Smallchat .Messages {
	position: relative;
	-webkit-flex-shrink: 1;
	-ms-flex-negative: 1;
	flex-shrink: 1;
	display: -webkit-box;
	display: -webkit-flex;
	display: -ms-flexbox;
	display: flex;
	-webkit-box-orient: vertical;
	-webkit-box-direction: normal;
	-webkit-flex-direction: column;
	-ms-flex-direction: column;
	flex-direction: column;
	overflow-x: hidden;
	overflow-y: auto;
	padding: 10px;
	background-color: #fff;
	-webkit-overflow-scrolling: touch
}

#Smallchat .Messages,
#Smallchat .Messages_list {
	-webkit-box-flex: 1;
	-webkit-flex-grow: 1;
	-ms-flex-positive: 1;
	flex-grow: 1
}

#Smallchat .Contact_form {
	margin: 5px 0;
	margin-left: 30px;
	padding: 10px;
	border-radius: 16px;
	background-color: #f4f6f6;
	color: #2c2c46
}

#Smallchat .Contact_greeting {
	display: -webkit-box;
	display: -webkit-flex;
	display: -ms-flexbox;
	display: flex;
	margin-bottom: 5px
}

#Smallchat .Contact_greeting p {
	margin: 0;
	-webkit-box-flex: 1;
	-webkit-flex-grow: 1;
	-ms-flex-positive: 1;
	flex-grow: 1;
	font-size: 14px;
	line-height: 18px
}

#Smallchat .Contact_dismiss {
	cursor: pointer;
	border-radius: 4px;
	opacity: 1;
	-webkit-transform: scale(1);
	-ms-transform: scale(1);
	transform: scale(1);
	-webkit-transition: -webkit-transform 50ms ease-in-out;
	transition: -webkit-transform 50ms ease-in-out;
	transition: transform 50ms ease-in-out;
	transition: transform 50ms ease-in-out, -webkit-transform 50ms ease-in-out
}

#Smallchat .Layout:not(.Layout-mobile) .Contact_dismiss:hover {
	background-color: rgba(150, 170, 180, .1)
}

#Smallchat .Layout:not(.Layout-mobile) .Contact_dismiss:not(:hover) {
	opacity: .7;
	-webkit-transform: scale(.7);
	-ms-transform: scale(.7);
	transform: scale(.7)
}

#Smallchat .Contact_field {
	display: block;
	outline: none;
	border: none;
	width: 100%;
	height: 36px;
	font-size: 1em;
	margin: 10px 0;
	padding: 0 12px;
	line-height: 36px;
	background: none;
	font-weight: 400;
	font-size: 16px;
	border-radius: 4px;
	background-color: #fff;
	border: 1px solid #e6ebea;
	color: #2c2c46;
	-webkit-appearance: none
}

#Smallchat .Contact_field::-webkit-input-placeholder {
	font-family: -apple-system, BlinkMacSystemFont, Segoe UI, Roboto, Oxygen, Ubuntu, Cantarell, Helvetica Neue, Arial !important;
	line-height: 20px;
	font-size: 16px;
	padding: 0;
	margin: 0;
	color: #96aab4
}

#Smallchat .Contact_field::-moz-placeholder {
	font-family: -apple-system, BlinkMacSystemFont, Segoe UI, Roboto, Oxygen, Ubuntu, Cantarell, Helvetica Neue, Arial !important;
	line-height: 20px;
	font-size: 16px;
	padding: 0;
	margin: 0;
	color: #96aab4
}

#Smallchat .Contact_field:-ms-input-placeholder {
	font-family: -apple-system, BlinkMacSystemFont, Segoe UI, Roboto, Oxygen, Ubuntu, Cantarell, Helvetica Neue, Arial !important;
	line-height: 20px;
	font-size: 16px;
	padding: 0;
	margin: 0;
	color: #96aab4
}

#Smallchat .Contact_field:-moz-placeholder {
	font-family: -apple-system, BlinkMacSystemFont, Segoe UI, Roboto, Oxygen, Ubuntu, Cantarell, Helvetica Neue, Arial !important;
	line-height: 20px;
	font-size: 16px;
	padding: 0;
	margin: 0;
	color: #96aab4
}

#Smallchat .Contact_field:focus {
	border-color: #2c2c46
}

#Smallchat .Contact_submit {
	height: 30px;
	border: none;
	font-size: 14px;
	padding: 0 10px;
	outline: none;
	line-height: 30px;
	border-radius: 4px
}

#Smallchat .Contact_submit[disabled] {
	color: #96aab4 !important;
	background-color: #fff !important;
	cursor: default
}

#Smallchat .Contact_submit:active {
	background-color: #324650 !important
}

#Smallchat .Contact_submitted {
	display: -webkit-box;
	display: -webkit-flex;
	display: -ms-flexbox;
	display: flex;
	margin-top: 10px;
	padding-right: 40px
}

#Smallchat .Contact_submitted p {
	padding: 10px;
	border-radius: 10px;
	background-color: #f4f6f6;
	margin: 0;
	font-size: 14px;
	line-height: 30px;
	line-height: 18px;
	color: #96aab4
}

#Smallchat .Contact_notify {
	width: 24px;
	height: 24px;
	border-radius: 12px;
	margin-top: 8px;
	margin-right: 5px;
	-webkit-flex-shrink: 0;
	-ms-flex-negative: 0;
	flex-shrink: 0;
	display: -webkit-box;
	display: -webkit-flex;
	display: -ms-flexbox;
	display: flex;
	-webkit-box-align: center;
	-webkit-align-items: center;
	-ms-flex-align: center;
	align-items: center;
	-webkit-box-pack: center;
	-webkit-justify-content: center;
	-ms-flex-pack: center;
	justify-content: center;
	background-color: #96aab4
}

#Smallchat .Contact_notify .Icon {
	position: relative;
	top: -1px
}

#Smallchat .Message {
	overflow: hidden;
	max-width: 100%;
	position: relative;
	display: -webkit-box;
	display: -webkit-flex;
	display: -ms-flexbox;
	display: flex;
	-webkit-box-orient: vertical;
	-webkit-box-direction: normal;
	-webkit-flex-direction: column;
	-ms-flex-direction: column;
	flex-direction: column;
	color: #2c2c46
}

#Smallchat .Message b,
#Smallchat .Message strong {
	font-weight: 700
}

#Smallchat .Message pre {
	margin: 0
}

#Smallchat .Message code {
	color: #ff664c;
	font-family: monospace !important;
	background-color: #f4f6f6;
	border: 1px solid #e6ebea;
	border-radius: 2px
}

#Smallchat .Message blockquote {
	margin: 0;
	padding-left: 5px;
	border-left: 3px solid #96aab4
}

#Smallchat .Message-app,
#Smallchat .Message-slack {
	padding-left: 30px;
	padding-right: 40px;
	-webkit-box-align: start;
	-webkit-align-items: flex-start;
	-ms-flex-align: start;
	align-items: flex-start
}

#Smallchat .Message-client {
	padding-left: 40px;
	-webkit-box-align: end;
	-webkit-align-items: flex-end;
	-ms-flex-align: end;
	align-items: flex-end
}

#Smallchat .Message-client+.Message-slack,
#Smallchat .Message-slack+.Message-client {
	margin-top: 8px
}

#Smallchat .Message-client+.Message-client,
#Smallchat .Message-slack+.Message-slack {
	margin-top: 3px
}

#Smallchat .Message_content {
	min-width: 40px;
	min-height: 40px;
	max-width: 100%;
	display: -webkit-box;
	display: -webkit-flex;
	display: -ms-flexbox;
	display: flex;
	-webkit-box-align: end;
	-webkit-align-items: flex-end;
	-ms-flex-align: end;
	align-items: flex-end;
	padding: 10px;
	border-radius: 10px;
	font-size: 14px;
	line-height: 18px;
	color: #2c2c46;
	-webkit-animation: messagein .15s;
	animation: messagein .15s
}

#Smallchat .Message-slack .Message_content {
	border: 1px solid #e6ebea;
	-webkit-transform-origin: top left;
	-ms-transform-origin: top left;
	transform-origin: top left
}

#Smallchat .Message-client .Message_content {
	background-color: #f4f6f6;
	-webkit-transform-origin: top right;
	-ms-transform-origin: top right;
	transform-origin: top right
}

#Smallchat .Message-app .Message_content {
	background-color: #f4f6f6;
	-webkit-transform-origin: top left;
	-ms-transform-origin: top left;
	transform-origin: top left;
	color: #96aab4
}

#Smallchat .Message-app {
	margin: 8px 0
}

#Smallchat .Message-app .AppIcon {
	position: absolute;
	left: 0;
	top: 8px
}

#Smallchat .Message_timestamp {
	font-size: 10px;
	line-height: 12px;
	color: #96aab4
}

#Smallchat .Message .Avatar {
	position: absolute;
	left: 0;
	top: 8px
}

@-webkit-keyframes messagein {
	0% {
		opacity: 0;
		-webkit-transform: scale(.5);
		transform: scale(.5)
	}

	to {
		opacity: 1;
		-webkit-transform: scale(1);
		transform: scale(1)
	}
}

@keyframes messagein {
	0% {
		opacity: 0;
		-webkit-transform: scale(.5);
		transform: scale(.5)
	}

	to {
		opacity: 1;
		-webkit-transform: scale(1);
		transform: scale(1)
	}
}

#Smallchat .Blank {
	margin-top: 100px;
	-webkit-box-flex: 1;
	-webkit-flex-grow: 1;
	-ms-flex-positive: 1;
	flex-grow: 1;
	display: -webkit-box;
	display: -webkit-flex;
	display: -ms-flexbox;
	display: flex;
	-webkit-box-orient: vertical;
	-webkit-box-direction: normal;
	-webkit-flex-direction: column;
	-ms-flex-direction: column;
	flex-direction: column;
	-webkit-box-align: center;
	-webkit-align-items: center;
	-ms-flex-align: center;
	align-items: center;
	-webkit-box-pack: center;
	-webkit-justify-content: center;
	-ms-flex-pack: center;
	justify-content: center;
	position: relative
}

#Smallchat .Blank p {
	color: #96aab4;
	text-align: center;
	max-width: 200px
}

#Smallchat .Launcher {
	-webkit-align-self: flex-end;
	-ms-flex-item-align: end;
	align-self: flex-end;
	display: -webkit-box;
	display: -webkit-flex;
	display: -ms-flexbox;
	display: flex;
	-webkit-box-align: center;
	-webkit-align-items: center;
	-ms-flex-align: center;
	align-items: center;
	-webkit-box-pack: center;
	-webkit-justify-content: center;
	-ms-flex-pack: center;
	justify-content: center;
	padding-right: 15px;
	padding-left: 15px;
	font-weight: 500;
	cursor: pointer;
	white-space: nowrap
}

#Smallchat .Launcher-button .Icon,
#Smallchat .Launcher-tab .Icon {
	margin-right: 5px
}

#Smallchat .Launcher-icon {
	padding: 0;
	min-width: 60px;
	max-width: 60px;
	min-height: 54px;
	max-height: 54px;
	height: 54px;
	border-radius: 50%
}

#Smallchat .Launcher-button {
	min-width: 120px;
	border-radius: 20px
}

#Smallchat .Launcher-button,
#Smallchat .Launcher-tab {
	max-width: 250px;
	min-height: 40px;
	max-height: 40px;
	height: 40px
}

#Smallchat .Launcher-tab {
	bottom: 0 !important;
	min-width: 200px;
	border-radius: 10px 10px 0 0;
	-webkit-box-pack: start;
	-webkit-justify-content: flex-start;
	-ms-flex-pack: start;
	justify-content: flex-start;
	-webkit-transform-origin: bottom center;
	-ms-transform-origin: bottom center;
	transform-origin: bottom center
}

#Smallchat .Launcher_indicator {
	position: absolute;
	right: -2px;
	top: -2px;
	width: 12px;
	height: 12px;
	border-radius: 6px;
	background-color: #ff664c;
	-webkit-animation: slackchat-pulse 3s infinite;
	animation: slackchat-pulse 3s infinite
}

@-webkit-keyframes slackchat-pulse {
	0% {
		box-shadow: 0 0 0 0 rgba(255, 0, 0, 0)
	}

	10% {
		box-shadow: 0 0 0 2px rgba(255, 0, 0, .5)
	}

	50% {
		box-shadow: 0 0 0 10px rgba(255, 0, 0, 0)
	}
}

@keyframes slackchat-pulse {
	0% {
		box-shadow: 0 0 0 0 rgba(255, 0, 0, 0)
	}

	10% {
		box-shadow: 0 0 0 2px rgba(255, 0, 0, .5)
	}

	50% {
		box-shadow: 0 0 0 10px rgba(255, 0, 0, 0)
	}
}

#Smallchat .Trigger_trigger {
	width: 100%;
	overflow: hidden
}

#Smallchat .Trigger_content {
	position: relative;
	display: -webkit-box;
	display: -webkit-flex;
	display: -ms-flexbox;
	display: flex;
	-webkit-box-align: center;
	-webkit-align-items: center;
	-ms-flex-align: center;
	align-items: center;
	padding: 10px;
	padding-right: 40px;
	background-color: #96aab4
}

#Smallchat .Trigger_content .Avatar {
	-webkit-align-self: flex-start;
	-ms-flex-item-align: start;
	align-self: flex-start;
	margin-right: 10px
}

#Smallchat .Trigger_content:hover .Trigger_close {
	opacity: 1;
	-webkit-transform: scale(1);
	-ms-transform: scale(1);
	transform: scale(1)
}

#Smallchat .Trigger_message {
	-webkit-flex-shrink: 1;
	-ms-flex-negative: 1;
	flex-shrink: 1;
	min-width: 200px;
	width: 300px
}

#Smallchat .Trigger_message .SlackText {
	font-size: 16px;
	line-height: 21px
}

#Smallchat .Trigger_message .SlackText a {
	color: inherit
}

#Smallchat .Layout-mobile .Trigger_message {
	max-width: calc(100vw - 120px)
}

#Smallchat .Trigger_close {
	position: absolute;
	top: 10px;
	right: 10px;
	cursor: pointer;
	opacity: .7;
	-webkit-transform: scale(.7);
	-ms-transform: scale(.7);
	transform: scale(.7);
	-webkit-transition: -webkit-transform 50ms ease-in-out;
	transition: -webkit-transform 50ms ease-in-out;
	transition: transform 50ms ease-in-out;
	transition: transform 50ms ease-in-out, -webkit-transform 50ms ease-in-out
}


* {
	margin: 0;
	padding: 0;
	box-sizing: border-box;
}

input {
	-webkit-appearance: none;
}

input.submit {
	-webkit-appearance: none;
}

html {
	font-size: 1em;
}

html,
body {
	height: 100%;
}

body {
	background: #FFF;
	color: #484848;
	font-size: 105%;
	line-height: 100%;
	height: 100%;
	overflow-y: scroll;
	margin: 0;
	font-family: "Arial";
}

strong {
	font-weight: 600;
}

a:active {
	color: #333;
	text-decoration: none;
}

a:link,
a:visited {
	color: #333;
	text-decoration: none;
}

h1,
h2,
h3,
h4,
fieldset,
form {
	margin: 0;
	font-weight: normal;
	font-family: "Arial";
	font-weight: 400;
}

h1,
h2 {
	font-size: 1.3em;
}

h3,
h4,
p,
pre,
ul,
li {
	font-size: 1em;
}

h2 {
	margin: 0 0 20px 0;
}

.clear {
	clear: both;
	visibility: hidden;
}

.description {
	font-size: 0.9em;
	color: #34677c;
	margin-bottom: 20px;
	line-height: 1.5em;
	font-family: 'Arial';
}

.description a:link,
.description a:visited {
	color: #e55757;
	border-bottom: 1px solid #e55757;
	box-shadow: inset 0 -2px 0 #e55757;
	text-decoration: none;
	padding: 0 2px 2px 2px;
}

.description a:hover {
	color: #444;
	border-bottom: 1px solid #444;
	box-shadow: inset 0 -2px 0 #444;
}

.error {
	text-align: center;
	border-radius: 3px;
	background: red;
	padding: 10px 4px;
	color: #FFF;
	margin-bottom: 20px;
	font-size: 0.9em;
	z-index: 10000;
	position: relative;
	border-radius: 4px;
}

.infotext {
	font-size: 0.9em;
	color: rgba(52, 103, 124, 0.7);
	font-family: 'Arial';
}

.infotext a:link,
.infotext a:visited {
	border-bottom: 1px solid #e55757;
	box-shadow: inset 0 -3px 0 #e55757;
	text-decoration: none;
	padding: 0 2px 2px 2px;
}

.infotext a:hover {
	border-bottom: 1px solid #FFEB96;
	box-shadow: inset 0 -3px 0 #555;
}

.alertmessage {
	max-width: 70%;
	margin: 0 auto;
	padding: 15px 25px !important;
	border-radius: 4px;
	background: #f0f3f7;
	text-align: center;
	margin: 30px auto 20px;
	font-size: 0.9em;
	line-height: 1.6em;
}

.alertmessage u {
	cursor: pointer;
	color: #e55757;
	border-bottom: 1px solid #e55757;
	box-shadow: inset 0 -2px 0 #e55757;
	text-decoration: none;
	padding: 0 2px 2px 2px;
}

.alertmessage u:hover {
	cursor: pointer;
	color: #444;
	border-bottom: 1px solid #444;
	box-shadow: inset 0 -2px 0 #444;
}

.alertmessage .pro {
	border-radius: 4px;
	padding: 4px 8px;
	text-align: center;
	background: #0ed0ff;
	color: #FFF;
}

.alertmessage .pro:hover {
	background: #444;
}

.growbox {
	width: 60%;
	margin: auto;
}

.lostpw formbox {
	color: #34677c;
	font-size: 0.9em;
}

/* Loading */

#loading {
	z-index: 3;
	width: 100%;
	height: 100%;
	top: 50%;
	padding-top: 0;
	margin-top: 40px;
	text-align: center;
}

#loading2 {
	z-index: 3;
	position: absolute;
	left: 45%;
	width: 15%;
	height: 10%;
	top: 55%;
	background-color: rgba(0, 0, 0, 0.0);
	padding-top: 0;
	text-align: center;
}

#loading2 p {
	font-size: 0.9em;
	color: #333;
	text-align: center;
}

#loading3 {
	width: 216px;
	position: relative;
	top: -17px;
	left: 0;
	float: left;
	height: 30px;
}

#loading3 img {
	float: left;
	display: inline-block;
	width: 26px;
	margin-right: 10px;
}

#loading3 .fetchingdata {
	margin-top: 17px;
	display: block;
	font-family: 'Arial';
	color: #afafb7;
}


.fetchingdata {
	margin-top: 20px;
	display: block;
	font-family: 'Arial';
	color: #afafb7;
}

.center {
	width: 100%;
	text-align: center;
}

/* Scroll Top */
.scrollToTop {
	width: 36px;
	height: 36px;
	padding: 9px;
	border-radius: 3px 3px 0 0;
	text-align: center;
	font-weight: bold;
	color: #FFF;
	text-decoration: none;
	position: fixed;
	bottom: 0;
	right: 46%;
	display: none;
	background: #3e4758 url(/_elements/_icons/Up-24.png) center center no-repeat;
	background-size: 60% !important;
	z-index: 100;
	box-shadow: 0 5px 25px #fff;
}

.scrollToTop:hover {
	text-decoration: none;
	background: #e55757 url(/_elements/_icons/Up-24.png) center center no-repeat;
}

/* No Data Yet */

.nodatayet {
	margin: 0 auto;
	text-align: center;
	max-width: 400px;
	margin-top: 50px;
	border-radius: 5px;
	background: #FFF;
	padding: 15px 15px 25px 15px;
	font-size: 0.9em;
}

.nodatayet h1 {
	font-weight: 300;
	font-size: 1.4em;
	margin: 10px 0 20px 0;
}

.nodatayet p {}

/* NEW CLASSES Primary */

#content {
	box-shadow: 0 0 3px #333;
}

.noUser {
	margin-top: -29px;
}

#footer {
	height: 458px;
	position: absolute;
	bottom: 0;
	left: 0;
	width: 100%;
	z-index: 1;
	background: #FFF;
}

.main-logo {
	background: url(/_elements/APPlyzerLogoHead.svg) no-repeat;
	height: 35px;
	width: 160px;
	display: inline-block;
	float: left;
	position: relative;
	top: 26px;
	background-size: 100%;
	cursor: pointer;
}

.main-navigation {
	height: 40px;
}

.main-body {
	position: relative;
}

.main-body .inside {
	min-height: 1000px;
}

.main-search {
	text-align: center;
	padding: 8px 0 15px;
	background: #f0f3f7;
	margin-bottom: 35px;
	height: 60px;
}

/* Firefox Fix */
@-moz-document url-prefix() {
	.main-search.rankings {
		margin-bottom: 10px;
	}
}

.floatleft {
	float: left;
	text-align: left;
	font-size: 0.9em;
	color: #FFF;
}

.floatright {
	float: right;
	text-align: right;
	font-size: 0.9em;
}

.main-search a:link,
.main-search a:visited {
	line-height: 1.2em;
	color: #444 !important;
}

.main-search a:hover {
	color: #AAA;
}

.main-search a.button:link,
.main-search a.button:visited {
	color: #FFF !important;
	position: relative;
	top: -26px;
}

.main-search a.button:hover {
	color: #444 !important;
}

.main-search .floatleft span {
	background: url(/_elements/_icons/iconRocket.png) 0 4px no-repeat;
	display: inline-block;
	width: 20px;
	height: 24px;
	margin-right: 13px;
	vertical-align: sub;
}

.main-search .floatright span {
	background: url(/_elements/_icons/iconAppleTV.png) 0 4px no-repeat;
	display: inline-block;
	width: 20px;
	height: 24px;
	margin-left: 13px;
	vertical-align: sub;
}

.main-search p {
	width: 30%;
	margin-top: 2px;
	color: #FFF !important;
}

.main-search form {
	float: left;
	width: 60%;
}

.main-search .button {
	padding: 6px 20px;
	position: relative;
	top: 5px;
}

.main-search.home a:link,
.main-search.home a:visited {
	color: #FFF !important;
}

.main-search.home a:hover {
	color: #FFEB96;
}

.main-search.home .floatleft span {
	background: url(/_elements/_icons/iconRocketWhite.png) 0 4px no-repeat;
}

.main-search.home a.button:hover {
	color: #444 !important;
}

.main-register {
	background: #f0f3f7;
	padding: 40px 0;
	margin-top: 200px;
	height: 130px;
	color: #444;
}

.main-register.loggedin {
	background: #fff;
	padding: 14px;
	margin-top: 150px;
	min-height: 80px;
	height: auto;
	color: #444;
}

.main-register.loggedin p {
	line-height: 2em;
	font-size: 0.95em;
}

.main-register.loggedin p strong {
	display: block;
	margin-bottom: -6px;
	margin-left: 1px;
}

.main-register.loggedin a:link,
.main-register.loggedin a:visited {
	color: #e55757;
	border-bottom: 1px solid #e55757;
	box-shadow: inset 0 -2px 0 #e55757;
	text-decoration: none;
	padding: 0 2px 2px 2px;
}

.main-register.loggedin a:hover {
	color: #555;
	border-bottom: 1px solid #FFEB96;
	box-shadow: inset 0 -3px 0 #555;
}


.main-footer {
	min-height: 300px;
	padding-top: 50px;
	background: linear-gradient(to right, #34677c 0%, #3e4758 100%) !important;
	font-family: "Arial";
	font-weight: 300;
}

.main-feet {
	background: #3e4758;
	color: #FFF;
	padding: 15px 0;
	font-size: 0.8em;
	background: linear-gradient(to right, #34677c 0%, #3e4758 100%) !important;
	font-family: "Arial";
}

.main-feet a:link,
.main-feet a:visited {
	color: #BBB;
	margin-left: 10px;
}

.main-feet a:hover {
	color: #FFF;
}

.main-feet .floatleft {
	width: 25%;
}

.globeWrapper2 {
	background: #FFF;
}

.menu {
	display: inline-block;
	float: left;
	text-align: left;
	width: 65%;
}

.inside {
	width: 90%;
	margin: 0 auto;
}

.main-nav {
	position: relative;
	top: 25px;
	float: left;
	width: 50%;
}

.main-nav ul li {
	display: inline-block;
	margin: 0 1.5%;
}

.main-nav ul li a:link,
.main-nav ul li a:visited {
	display: block;
	font-size: 1em;
	padding: 10px 5px 8px 5px;
	border: none !important;
	font-weight: 300;
	color: #fff;
	text-shadow: 0 0 50px #000;
	border-bottom: 3px solid rgba(255, 255, 255, 0.3);
	text-shadow: none;
}

.main-nav ul li a:hover {
	color: #FFEB96;
	border-bottom: 3px solid #FFEB96;
}

.main-nav ul li a:active {
	color: #FFEB96;
	padding: 10px 5px 8px 5px;
	color: #FFF;
	border-bottom: 3px solid rgba(255, 255, 255, 1);
}

.main-nav ul li a.active {
	color: #FFEB96;
	padding: 10px 5px 8px 5px;
	color: #FFF;
	border-bottom: 2px solid rgba(255, 255, 255, 0.5) !important;
}

.main-nav .deals {
	display: none;
}



/* NEW */

.appliste {
	margin-top: -1px;
	background: linear-gradient(to right, rgba(0, 0, 0, 0) 0%, rgba(0, 0, 0, 0.4) 100%) !important;
	padding: 7px 0 5px 0;
	border-radius: 7px 7px 0 0;
	display: inline-block;
	white-space: nowrap;
}

.appliste img {
	width: 40px;
	height: 40px;
	border-radius: 8px;
	margin-right: 7px;
	cursor: pointer;
	transition: background 0.3s ease;
}

.appliste img:hover {
	opacity: 0.7;
}

.appliste:empty {
	display: none;
}

.appliste {
	background: linear-gradient(0deg, rgba(0, 0, 0, 0.25) 0%, rgba(0, 0, 0, 0) 100%);
	position: relative;
	z-index: 10;
}

.sub-nav {
	position: relative;
	top: 33px;
	left: 50px;
}

.sub-nav ul li {
	display: inline-block;
}

.sub-nav ul li a:link,
.sub-nav ul li a:visited {
	display: block;
	font-size: 0.9em;
	padding: 10px 16px;
	font-family: "Arial";
	color: #FFF;
}

.sub-nav ul li a:hover {
	color: #FFEB96;
}

.beta {
	background: #F00;
	color: #FFF;
	padding: 1px 4px;
	font-size: 0.7em;
	border-radius: 4px;
	width: 30px;
	text-align: center;
	position: absolute;
	left: 702px;
	top: 33px;
}


/* FORMS */

input {
	border-radius: 200px;
	padding: 6px 12px;
	font-size: 1em;
}

input.searchField {
	border: 2px solid #FFF;
	min-height: 22px;
	min-width: 400px;
	padding: 6px 10px 6px 30px;
	background: #FFF url(images/searchIcon3.svg) 10px center no-repeat;
}


/* FOOTER */

.footerbox {
	display: inline-block;
	vertical-align: top;
}

.footerbox span {
	display: block;
	margin: 40px 0 20px 0;
	color: #fff;
	font-family: "Arial";
	font-weight: 500;
}

.footerbox.nav {
	width: 25%;
	margin-top: -40px;
}

.footerbox.nav ul li {
	list-style: none;
	line-height: 2em;
	font-size: 0.9em;
	color: #FFF;
}

.footerbox.nav ul li a:link,
.footerbox.nav ul li a:visited {
	width: 40px;
	color: #fff;
	padding-bottom: 3px;
	border-bottom: 2px solid rgba(255, 255, 255, 0.3);
}

.footerbox.nav ul li a:hover {
	color: #e55757;
	border-bottom: 2px solid #e55757;
}

.footerbox.box1 {
	width: 35%;
	font-size: 0.9em;
	line-height: 1.6em;
	color: #fff;
	font-family: "Arial";
	font-weight: 300;
	padding-right: 10%;
}

.footerbox.nav.box2 {
	width: 7%;
	text-align: center;
}

.footerbox.nav.box2 ul li a:link,
.footerbox.nav.box2 ul li a:visited {
	border: none;
}

.footerbox-logo {
	background: url(/_elements/APPlyzerLogoBottom6.svg) no-repeat;
	height: 51px;
	width: 220px;
	background-size: 100%;
	margin-bottom: 15px;
}

.footerbox-logocma {
	background: url(/_elements/ConsultMyApp_CMA_Logo_White.svg) no-repeat;
	height: 90px;
	width: 150px;
	margin-left: -15px;
	background-size: 100%;
	margin-bottom: 15px;
}


/* NEW CLASSES Secondary */

.main-body-headline {
	text-align: center;
	font-family: "Arial";
	font-size: 1.3em;
}

/* HELP DIALOG & Description */

.main-body fieldset {
	background: #f0f3f7;
	border-radius: 5px;
	border: none;
	padding: 35px 15px 12px 15px;
}

.main-body fieldset hr {
	margin: 15px 0;
}

.main-body legend {
	border: none;
	position: relative;
	top: 25px;
	font-size: 1.2em;
}

/* ELEMENTS */

input.button {
	border: none;
	border-bottom: 3px solid rgb(173, 58, 20);
}

.button {
	font-size: 1.1em;
	background: #e55757;
	color: #FFF;
	border-bottom: 3px solid rgb(191, 63, 21);
	border-radius: 5px;
	padding: 6px 12px;
}

.button span.small {
	font-size: 0.9em;
}

.button:link,
.button:visited {
	color: #FFF;
}

.button:hover {
	background: #FFEB96 !important;
	cursor: pointer;
	color: #444 !important;
	border: none;
	border-bottom: 3px solid #dfc200 !important;
}

.button.big {
	font-size: 1.2em;
}

.button.bigger {
	font-size: 1.5em;
	padding: 12px 20px;
}

.button.big.blue {
	background: #e55757;
	color: #FFF;
}

.button.bigger.blue {
	background: #e55757;
	color: #FFF;
}

.button.centered {
	width: 30%;
	text-align: center;
	margin: 0 auto 20px auto;
	line-height: 1.2em;
}

.headline {
	text-align: center;
}

.headline.left {
	text-align: left;
	display: inline-block;
	float: left;
	margin-top: 20px;
}

.headline h1 {
	font-size: 2em;
	margin: 25px 0 10px 0;
	line-height: 1.1em;
	color: #555;
	font-weight: 300;
}

.headline h2 {
	font-size: 1em;
	margin: -10px 0 30px 0;
	color: #57627b;
}

.headline h2.right {
	text-align: right;
}

.headline .description,
.headline h2 {
	padding: 0 14px;
	color: #34677c;
	font-size: 1em;
	font-weight: 300;
	font-family: "Arial";
}

.description {
	padding: 10px 14px;
}

.headline.left h1 {
	font-size: 1.6em;
	margin: 10px 0 25px 0;
}

/* Firefox Fix */
@-moz-document url-prefix() {
	.headline.left h1 {
		margin: 35px 0 -10px 0;
	}
}

.headline sub {
	font-size: 0.7em;
	color: #34677c;
	position: relative;
	top: -25px;
	left: 10px;
	font-weight: 300;
}

.bigfont {
	font-size: 1.8em;
}


.main-loginbox {
	font-size: 0.8em;
	float: right;
	position: relative;
	top: 10px;
}

.main-loginbox input {
	width: 105px;
	border: none;
	border-radius: 5px;
	display: inline-block;
	margin-bottom: 7px;
}

.main-loginbox input[type="submit"] {
	width: 58px;
	font-size: 1em;
}

.main-loginbox .inputInline input {
	display: inline-block;
	background: rgba(255, 255, 255, 0.3);
	border-bottom: 3px solid rgba(255, 255, 255, 0.1);
}

.main-loginbox .inputInline input:hover {
	border-bottom: 3px solid #dfc200;
}

.main-loginbox input[type="checkbox"] {
	width: 24px;
	-webkit-appearance: checkbox;
}

.main-loginbox .forgot {
	background: rgba(0, 0, 0, 0.1);
	padding: 4px 6px 5px 6px;
	font-size: 0.9em;
	border-radius: 4px;
	width: 30px;
	text-align: center;
	position: relative;
	left: 145px;
	top: -102px;
}

.main-header button.login {
	display: inline-block;
	margin: 6px 0;
	border: none;
	font-size: 1em;
	color: #FFF;
	border-radius: 5px;
	padding: 8px 12px;
	cursor: pointer;
	position: relative;
	top: 20px;
	display: inline-block;
	margin: 6px 0;
	background: rgba(255, 255, 255, 0.3);
	border: none;
	right: 10px;
}

.main-header button.login:hover {
	background: #FFF !important;
	font-size: 1em !important;
	color: #444;
}

.main-header .button.signup {
	position: relative;
	top: 20px;
}

.main-header .button.admin {
	position: absolute;
	top: 7px;
	right: -90px;
	border-radius: 4px 0 0 4px;
	color: #484848;
	background: rgba(255, 255, 255, 0.8);
	padding: 6px 8px;
	margin: 0;
}

.main-header .button {
	transition: background 0.2s ease;
}

.main-logoutbox {
	font-size: 1em;
	position: relative;
	top: 8px;
	height: 52px;
	text-align: right;
	width: 99%
}

.main-logoutbox .button {
	text-align: left;
	font-size: 0.95em;
	background: none;
	border: none;
	font-family: "Arial";
	padding: 10px;
	color: #fff;
	text-decoration: none;
	display: block;
	text-align: left;
	border: none !important;
	border-bottom: 1px solid rgba(255, 255, 255, 1);
	border-radius: 0 !important;
	cursor: pointer;
	padding-left: 12px !important;
	width: 100%;
	border-top: 1px solid #FFF !important;
}

/* Firefox Fix */
@-moz-document url-prefix() {
	.main-logoutbox .button {
		padding-left: 9px !important;
		font-size: 1em;
	}
}

.main-logoutbox .button:hover {
	background: rgba(255, 255, 255, 0.2) !important;
	color: #FFF !important;
	cursor: pointer;
}

.main-logoutbox .settings {
	display: inline-block;
}

.main-logoutbox p {
	line-height: 1.5em;
}

.main-logoutbox a:link,
.main-logoutbox a:visited {
	color: #FFF;
	background: none;
	border: 1px solid rgba(255, 255, 255, 0.2);
	font-size: 1em;
	border-radius: 5px;
	padding: 9px 6px 10px 35px;
}

.main-logoutbox a:hover {
	background: rgba(255, 255, 255, 0.2) !important;
	cursor: pointer;
}




.filter {
	padding-right: 25px;
}

.filter button {
	padding: 5px 10px;
	background: #FFF;
	border: none;
	font-size: 0.9em;
	position: relative;
	top: -3px;
	cursor: pointer;
	color: #e55757;
	border: 1px solid rgba(229, 87, 87, 0.6);
}

.filter button.selected {
	background: #e55757;
	color: #FFF;
}

.filter form {
	display: inline-block;
}


/* Stores */

.stores {
	margin-bottom: 20px;
	text-align: center;
}

.stores #functionbuttons {
	margin: 0 auto 20px auto;
	top: 10px;
	width: 100%;
	text-align: center;
}

.stores #functionbuttons button {
	padding: 12px 15px;
	border: 2px solid #DDD;
	box-shadow: 0 0 10px rgba(94, 160, 187, 0.2);
}

.stores #functionbuttons button {
	margin: -40px 10px 0 10px;
	color: #444;
	border: 2px solid #FFF;
	font-weight: 300;
	font-family: "Arial";
	font-size: 1.1em;
	padding-left: 60px;
}

.stores #functionbuttons button:hover,
.stores #functionbuttons button.selected:hover {
	background-color: #FFEB96;
	color: #444;
	border: 2px solid #FFEB96;
}

.stores #functionbuttons button:focus {
	color: #444;
}

#marketiOS,
#marketiOS.selected:hover {
	background: #FFF url(/_elements/_icons/iconsStores.png) 6px -271px no-repeat;
	padding-left: 60px;
}

#marketMac,
#marketMac.selected:hover {
	background: #FFF url(/_elements/_icons/iconsStores.png) 6px -407px no-repeat;
}

#marketAppleTV,
#marketAppleTV.selected:hover {
	background: #FFF url(/_elements/_icons/iconsStores.png) 5px -130px no-repeat;
}

#marketPlay,
#marketPlay.selected:hover {
	background: #FFF url(/_elements/_icons/iconsStores.png) 6px 3px no-repeat;
}

.stores #functionbuttons button.selected {
	color: #FFF !important;
	border: 2px solid #e55757;
}

#marketiOS.selected {
	background: #e55757 url(/_elements/_icons/iconsStores.png) -322px -271px no-repeat;
	padding-left: 60px;
}

#marketMac.selected {
	background: #e55757 url(/_elements/_icons/iconsStores.png) -322px -407px no-repeat;
}

#marketAppleTV.selected {
	background: #e55757 url(/_elements/_icons/iconsStores.png) -322px -130px no-repeat;
}

#marketPlay.selected {
	background: #e55757 url(/_elements/_icons/iconsStores.png) -322px 3px no-repeat;
}

.stores #functionbuttons button.selected a:link,
.stores #functionbuttons button.selected a:visited {
	color: #FFF !important;
}

.newplay {
	display: block;
	color: #333;
	background: #FFEB96;
	padding: 2px 3px;
	border-radius: 4px;
	position: absolute;
	right: 0;
	width: 46px;
	font-size: 0.85em;
	right: 273px;
	top: -48px;
}


/* STATS */

.main-body.stats h2 {
	margin-top: 0;
}

.main-body.stats .stores {
	margin: 0 0 23px 0;
}

/* Firefox Fix */
@-moz-document url-prefix() {
	.main-body.stats .stores {
		margin: -5px 0 32px 0;
	}
}



/* .main-body.stats .submenu {height: auto;}
.main-body.stats .submenu a {padding: 50px 5px 5px;} */

.main-body.stats .charto dd,
.main-body.stats .floatingHeader dd {
	width: 30.5%;
}

.main-body.stats .charto dd:first-child,
.main-body.stats .floatingHeader dd:first-child {
	width: 7%;
	text-align: center;
}

.main-body.stats .signupinfo {
	margin-bottom: 37px;
}

.stats .infotext {
	position: relative;
	top: 185px;
	left: 10px;
	text-align: center;
}


/* Cakechart Seiten */

.stats .percentages .centertipp2 {
	padding: 0;
}

.stats .percentages .centertipp2 h3 {
	margin: 0;
	font-size: 1em;
}

.stats .cakechart {
	width: 100%;
	text-align: center;
}

.stats .cakechart img {
	text-align: center;
	margin-bottom: 15px;
}

.stats .percentages {
	margin-bottom: 20px;
}

.stats .percentages dl {
	width: 38%;
	display: inline-block;
	border-bottom: 1px solid #eee;
	padding-right: 10%;
}

.stats .percentages dl:nth-child(3n+3) {
	padding-right: 0;
	width: 23%;
}

.stats .percentages dl:nth-child(3):after {
	content: "\A";
	white-space: pre;
}

.stats .percentages dd {
	display: inline-block;
	font-size: 0.9em;
	line-height: 1.8em;
}

.stats .percentages dd:first-child {
	width: 75%;
}

.stats .percentages dd:nth-child(2) {
	text-align: right;
	width: 24%;
}

.stats .percentages.toppublishers dl {
	width: 47%;
	display: inline-block;
	border-bottom: 1px solid #eee;
	margin: 3px 5% 3px 0;
	padding: 4px 0 4px 0;
}

.stats .percentages.toppublishers dl:nth-child(even) {
	margin-right: 0%;
}

.stats .percentages.toppublishers dl:nth-child(3):after {
	content: "\A";
	white-space: pre;
}

.stats .percentages.toppublishers dd {
	display: inline-block;
	font-size: 0.9em;
	line-height: normal;
}

.stats .percentages.toppublishers dd:first-child {
	width: 75%;
	white-space: nowrap;
	text-overflow: ellipsis;
	overflow: hidden;
}

.stats .percentages.toppublishers dd:nth-child(2) {
	text-align: right;
	width: 25%;
	position: relative;
	top: -5px;
}

.toppublishers a:hover {
	color: rgba(229, 87, 87, 1);
}


/* Functionbar */

.functionbar {
	margin: 0 0 30px 0;
	background: #FFF;
	padding: 12px 13px 0 0;
	text-align: left;
	display: block;
	margin-top: -25px;
}

.functionbar.devices {
	margin: 40px 0 18px 0;
}

.functionbar .left {
	display: inline-block;
	float: left;
	width: 100%;
	vertical-align: top;
	text-align: center;
}

.functionbar .right {
	display: inline-block;
	float: right;
	width: 30%;
	vertical-align: top;
	margin-top: 0;
	text-align: right;
}

/* Firefox Fix */
@-moz-document url-prefix() {
	.functionbar {
		margin: 0 0 15px 0;
	}
}

#functionnavbar.floatleft {
	width: 80%;
}

#functionnavbar .functionbar .left {
	text-align: left;
}

#functionnavbar .functions {
	position: relative;
	top: 25px;
}

/* Firefox Fix */
@-moz-document url-prefix() {
	#functionnavbar .functions {
		position: relative;
		top: -1px !important;
	}
}


.functionbar button {
	background: transparent !important;
}

.functionbar button {
	border: 1px solid rgba(255, 255, 255, 0.5);
	padding: 11px 15px 11px 50px;
	font-size: 1em;
	border-bottom: 0 !important;
}

.functionbar button {
	padding: 12px 13px 16px 13px !important;
	font-size: 1em;
	color: #FFF;
	min-width: 50px;
	background: transparent;
	transition: background 0.2s ease;
	border-radius: 4px 4px 0 0 !important;
	border: none !important;
}

.functionbar .selected {
	border: 1px solid rgba(255, 255, 255, 1);
	color: #34677c !important;
}

.functionbar button.disabled {
	border: 1px solid #CCC;
	color: #AAA;
	border: none;
	color: #FFF;
	opacity: 0.4;
}

.functionbar button:hover {
	background-color: #fff !important;
	color: #34677c !important;
}

.functionbar button:hover:disabled {
	background-color: #f0f3f7 !important;
	color: #FFF !important;
}

.functionbar button.disabled:hover {
	color: #FFF !important;
}

.functionbar button:hover:before {
	position: absolute;
	float: left;
	top: -20px;
	left: 0;
	font-size: 0.8em;
	background: transparent;
	color: #ebeff1;
	cursor: pointer;
	z-index: 10000000;
	width: auto;
	height: 15px;
	vertical-align: middle;
	text-align: left;
	width: 140px;
	opacity: 0.6;
}

.functionbar button#functionOverview {
	background: rgba(255, 255, 255, 0.15) url(/_elements/_icons/iconMyAppsWhite.svg) center center no-repeat !important;
	margin-right: 16px;
	background-size: 47% !important;
}

.functionbar button#functionOverview:hover {
	background: #ebeff1 url(/_elements/_icons/iconMyApps.svg) center center no-repeat !important;
	background-size: 47% !important;
	border: 1px solid #FFF;
}

.functionbar button#functionOverview.selected {
	background: #ebeff1 url(/_elements/_icons/iconMyApps.svg) center center no-repeat !important;
	color: #FFF;
	background-size: 47% !important;
}

.functionbar button#functionOverview.disabled {
	background: #FFF url(/_elements/_icons/iconMyAppsWhite.svg) center center no-repeat;
	color: #FFF;
	background-size: 47% !important;
}

.functionbar button#functionOverview:hover:before {
	content: 'My Apps';
}

.functionbar button#functionInfo {
	background: rgba(255, 255, 255, 0.15) url(/_elements/_icons/iconAppInfoWhite.svg) center center no-repeat !important;
	border-radius: 4px 0 0 0 !important;
	border-right: 0;
	background-size: 47% !important;
}

.functionbar button#functionInfo:hover {
	background: #ebeff1 url(/_elements/_icons/iconAppInfo.svg) center center no-repeat !important;
	background-size: 47% !important;
	border: 1px solid #FFF;
}

.functionbar button#functionInfo.selected {
	background: #ebeff1 url(/_elements/_icons/iconAppInfo.svg) center center no-repeat !important;
	color: #FFF;
	background-size: 47% !important;
}

.functionbar button#functionInfo.disabled {
	background: #FFF url(/_elements/_icons/iconAppInfoWhite.svg) center center no-repeat;
	border: none !important;
	background-size: 47% !important;
}

.functionbar button#functionInfo:hover:before {
	content: 'App Info';
}

.functionbar button#functionFeatured {
	background: rgba(255, 255, 255, 0.15) url(/_elements/_icons/iconFeaturedWhite.svg) center center no-repeat !important;
	margin-right: 16px;
	border-left: 1px solid rgba(225, 255, 255, 0.2) !important;
	border-radius: 0 4px 0 0 !important;
	background-size: 50% !important;
}

.functionbar button#functionFeatured:hover {
	background: #ebeff1 url(/_elements/_icons/iconFeatured.svg) center center no-repeat !important;
	background-size: 50% !important;
	border: 1px solid #FFF;
}

.functionbar button#functionFeatured.selected {
	background: #ebeff1 url(/_elements/_icons/iconFeatured.svg) center center no-repeat !important;
	color: #FFF;
	background-size: 50% !important;
}

.functionbar button#functionFeatured.disabled {
	background: #FFF url(/_elements/_icons/iconFeaturedWhite.svg) center center no-repeat;
	border-left: 1px solid #CCC !important;
	background-size: 50% !important;
}

.functionbar button#functionFeatured:hover:before {
	content: 'Features';
}

.functionbar button#functionRanking {
	background: rgba(255, 255, 255, 0.15) url(/_elements/_icons/iconRankingsWhite.svg) center center no-repeat !important;
	background-size: 43% !important;
	border-radius: 4px 0 0 0 !important;
	border-right: 0;
}

.functionbar button#functionRanking:hover {
	background: #ebeff1 url(/_elements/_icons/iconRankings.svg) center center no-repeat !important;
	background-size: 43% !important;
}

.functionbar button#functionRanking.selected {
	background: #ebeff1 url(/_elements/_icons/iconRankings.svg) center center no-repeat !important;
	color: #34677c !important;
	background-size: 43% !important;
}

.functionbar button#functionRanking:hover:before {
	content: 'Rankings';
}

.functionbar button#functionHistory {
	background: rgba(255, 255, 255, 0.15) url(/_elements/_icons/iconHistoryWhite.svg) center center no-repeat !important;
	background-size: 61% !important;
	border-left: 1px solid rgba(225, 255, 255, 0.2) !important;
	border-radius: 0 0 0 0 !important;
	border-left: 0;
	border-right: 4px !important;
	border-right: 0 !important;
}

.functionbar button#functionHistory:hover {
	background: #ebeff1 url(/_elements/_icons/iconHistory.svg) center center no-repeat !important;
	background-size: 61% !important;
}

.functionbar button#functionHistory.selected {
	background: #ebeff1 url(/_elements/_icons/iconHistory.svg) center center no-repeat !important;
	color: #34677c !important;
	background-size: 61% !important;
}

.functionbar button#functionHistory.disabled {
	background: #FFF url(/_elements/_icons/iconHistoryWhite.svg) center center no-repeat;
	border-left: 1px solid #CCC !important;
	background-size: 61% !important;
}

.functionbar button#functionHistory:hover:before {
	content: 'History';
}

.functionbar button#functionAlerts {
	background: rgba(255, 255, 255, 0.15) url(/_elements/_icons/iconAlertWhite.svg) center center no-repeat !important;
	background-size: 37% !important;
	border-left: 1px solid rgba(225, 255, 255, 0.2) !important;
	margin-right: 5px;
	border-radius: 0 4px 0 0 !important;
	margin-right: 15px;
}

.functionbar button#functionAlerts:hover {
	background: #ebeff1 url(/_elements/_icons/iconAlert.svg) center center no-repeat !important;
	background-size: 37% !important;
	border: 1px solid #FFF;
}

.functionbar button#functionAlerts.selected {
	background: #ebeff1 url(/_elements/_icons/iconAlert.svg) center center no-repeat !important;
	color: #FFF;
	background-size: 37% !important;
}

.functionbar button#functionAlerts.disabled {
	background: #FFF url(/_elements/_icons/iconAlertWhite.svg) center center no-repeat;
	border-left: 1px solid #CCC !important;
	background-size: 37% !important;
}

.functionbar button#functionAlerts:hover:before {
	content: 'Alerts';
}

.functionbar button#functionSales {
	background: rgba(255, 255, 255, 0.1) url(/_elements/_icons/iconSalesWhite.svg) center center no-repeat !important;
	background-size: 14% !important;
	border-radius: 4px 4px 0 0 !important;
	border-right: 0;
}

.functionbar button#functionSales:hover {
	background: #ebeff1 url(/_elements/_icons/iconSales.svg) center center no-repeat !important;
	background-size: 14% !important;
}

.functionbar button#functionSales.selected {
	background: #ebeff1 url(/_elements/_icons/iconSales.svg) center center no-repeat !important;
	background-size: 14% !important;
	color: #34677c !important;
}

.functionbar button#functionSales:hover:before {
	content: 'Sales';
}

.functionbar button#functionKeywords {
	background: rgba(255, 255, 255, 0.1) url(/_elements/_icons/iconKeyWhite.svg) center center no-repeat !important;
	background-size: 42% !important;
	border-radius: 4px 0 0 0 !important;
}

.functionbar button#functionKeywords:hover {
	background: #ebeff1 url(/_elements/_icons/iconKey.svg) center center no-repeat !important;
	background-size: 42% !important;
}

.functionbar button#functionKeywords.selected {
	background: #ebeff1 url(/_elements/_icons/iconKey.svg) center center no-repeat !important;
	color: #34677c !important;
	background-size: 42% !important;
}

.functionbar button#functionKeywords.disabled {
	background: #FFFFFF url(/_elements/_icons/iconKeyWhite.svg) center center no-repeat;
	background-size: 42% !important;
}

.functionbar button#functionKeywords:hover:before {
	content: 'Keyword Rankings';
}

.functionbar button#functionCompetitorKeywords {
	background: rgba(255, 255, 255, 0.1) url(/_elements/_icons/iconCompetitorKeywordsWhite2.svg) center center no-repeat !important;
	background-size: 50% !important;
	border-left: 1px solid rgba(225, 255, 255, 0.2) !important;
	border-radius: 0 0 0 0 !important;
	border-left: 0;
	border-right: 0 !important;
	position: relative;
}

.functionbar button#functionCompetitorKeywords:hover {
	background: #ebeff1 url(/_elements/_icons/iconCompetitorKeywords2.svg) center center no-repeat !important;
	background-size: 50% !important;
}

.functionbar button#functionCompetitorKeywords.selected {
	background: #ebeff1 url(/_elements/_icons/iconCompetitorKeywords2.svg) center center no-repeat !important;
	color: #34677c !important;
	background-size: 50% !important;
}

.functionbar button#functionCompetitorKeywords.disabled {
	background: #FFF url(/_elements/_icons/iconCompetitorKeywordsWhite2.svg) center center no-repeat;
	border-left: 1px solid #CCC !important;
	background-size: 50% !important;
}

.functionbar button#functionCompetitorKeywords:hover:before {
	content: 'Keyword Competitor';
}

.functionbar button#functionKeywordsSpy {
	background: rgba(255, 255, 255, 0.1) url(/_elements/_icons/keywordSpyWhite.svg) center center no-repeat !important;
	background-size: 50% !important;
	border-left: 1px solid rgba(225, 255, 255, 0.2) !important;
	border-radius: 0 0 0 0 !important;
	border-left: 0;
	border-right: 4px !important;
	border-right: 0 !important;
	position: relative;
}

.functionbar button#functionKeywordsSpy:hover {
	background: #ebeff1 url(/_elements/_icons/keywordSpy.svg) center center no-repeat !important;
	background-size: 50% !important;
}

.functionbar button#functionKeywordsSpy.selected {
	background: #ebeff1 url(/_elements/_icons/keywordSpy.svg) center center no-repeat !important;
	color: #34677c !important;
	background-size: 50% !important;
}

.functionbar button#functionKeywordsSpy.disabled {
	background: #FFF url(/_elements/_icons/keywordSpyWhite.svg) center center no-repeat;
	border-left: 1px solid #CCC !important;
	background-size: 50% !important;
}

.functionbar button#functionKeywordsSpy:hover:before {
	content: 'Keyword Spy';
}

.functionbar button#functionSettings {
	background: rgba(255, 255, 255, 0.1) url(/_elements/_icons/iconSettingsWhite.svg) center center no-repeat !important;
	background-size: 40% !important;
	margin-right: 15px;
	border-radius: 0 4px 0 0 !important;
	border-left: 1px solid rgba(225, 255, 255, 0.2) !important;
}

.functionbar button#functionSettings:hover {
	background: #ebeff1 url(/_elements/_icons/iconSettings2.svg) center center no-repeat !important;
	background-size: 40% !important;
}

.functionbar button#functionSettings.selected {
	background: #ebeff1 url(/_elements/_icons/iconSettings2.svg) center center no-repeat !important;
	color: #34677c !important;
	background-size: 40% !important;
}

.functionbar button#functionSettings.disabled {
	background: #FFF url(/_elements/_icons/iconSettingsWhite.svg) center center no-repeat;
	border-left: 1px solid #CCC !important;
	background-size: 40% !important;
}

.functionbar button#functionSettings:hover:before {
	content: 'Keyword Settings';
}

.functionbar button#specialReports {
	background: rgba(255, 255, 255, 0.1) url(/_elements/_icons/specialReports.svg) center center no-repeat !important;
	background-size: 40% !important;
	margin-right: 15px;
	border-radius: 0 4px 0 0 !important;
	border-left: 1px solid rgba(225, 255, 255, 0.2) !important;
}

.functionbar button#specialReports:hover {
	background: #ebeff1 url(/_elements/_icons/specialReports.svg) center center no-repeat !important;
	background-size: 40% !important;
}

.functionbar button#specialReports.selected {
	background: #ebeff1 url(/_elements/_icons/specialReports.svg) center center no-repeat !important;
	color: #34677c !important;
	background-size: 40% !important;
}

.functionbar button#specialReports.disabled {
	background: #FFF url(/_elements/_icons/specialReports.svg) center center no-repeat;
	border-left: 1px solid #CCC !important;
	background-size: 40% !important;
}

.functionbar button#functionCustomTools {
	background: rgba(255, 255, 255, 0.1) url(/_elements/_icons/customToolsWhite.svg) center center no-repeat !important;
	background-size: 65% !important;
	margin-right: 15px;
	border-radius: 4px 4px 0 0 !important;
}

.functionbar button#functionCustomTools:hover {
	background: #ebeff1 url(/_elements/_icons/customTools.svg) center center no-repeat !important;
	background-size: 65% !important;
}

.functionbar button#functionCustomTools.selected {
	background: #ebeff1 url(/_elements/_icons/customTools.svg) center center no-repeat !important;
	color: #34677c !important;
	background-size: 65% !important;
}

.functionbar button#functionCustomTools.disabled {
	background: #FFF url(/_elements/_icons/customToolsWhite.svg) center center no-repeat;
	border-left: 1px solid #CCC !important;
	background-size: 65% !important;
}

.functionbar button#functionCustomTools:hover:before {
	content: 'Custom Tools';
}

.functionbar button#functionReportGenerator {
	background: rgba(255, 255, 255, 0.1) url(/_elements/_icons/reportGeneratorWhite.svg) center center no-repeat !important;
	background-size: 57% !important;
	border-radius: 4px 0 0 0 !important;
	margin-right: 0;
}

.functionbar button#functionReportGenerator:hover {
	background: #ebeff1 url(/_elements/_icons/reportGenerator.svg) center center no-repeat !important;
	background-size: 57% !important;
}

.functionbar button#functionReportGenerator.selected {
	background: #ebeff1 url(/_elements/_icons/reportGenerator.svg) center center no-repeat !important;
	color: #34677c !important;
	background-size: 57% !important;
}

.functionbar button#functionReportGenerator.disabled {
	background: #FFF url(/_elements/_icons/reportGeneratorWhite.svg) center center no-repeat;
	border-left: 1px solid #CCC !important;
	background-size: 57% !important;
}

.functionbar button#functionReportGenerator:hover:before {
	content: 'Report Generator';
}

.functionbar button#functionReportList {
	background: rgba(255, 255, 255, 0.1) url(/_elements/_icons/reportGeneratorListWhite4.svg) center center no-repeat !important;
	background-size: 60% !important;
	border-radius: 0 4px 0 0 !important;
	border-left: 1px solid rgba(225, 255, 255, 0.2) !important;
}

.functionbar button#functionReportList:hover {
	background: #ebeff1 url(/_elements/_icons/reportGeneratorList4.svg) center center no-repeat !important;
	background-size: 60% !important;
}

.functionbar button#functionReportList.selected {
	background: #ebeff1 url(/_elements/_icons/reportGeneratorList4.svg) center center no-repeat !important;
	color: #34677c !important;
	background-size: 60% !important;
}

.functionbar button#functionReportList.disabled {
	background: #FFF url(/_elements/_icons/reportGeneratorListWhite4.svg) center center no-repeat;
	border-left: 1px solid #CCC !important;
	background-size: 60% !important;
}

.functionbar button#functionReportList:hover:before {
	content: 'Reports';
}

.functionbar button#functionReviews {
	background: rgba(255, 255, 255, 0.1) url(/_elements/_icons/iconReviewsWhite.svg) center center no-repeat !important;
	background-size: 45% !important;
	margin-right: 15px;
}

.functionbar button#functionReviews:hover {
	background: #ebeff1 url(/_elements/_icons/iconReviews.svg) center center no-repeat !important;
	background-size: 45% !important;
}

.functionbar button#functionReviews.selected {
	background: #ebeff1 url(/_elements/_icons/iconReviews.svg) center center no-repeat !important;
	color: #34677c !important;
	background-size: 45% !important;
}

.functionbar button#functionReviews.disabled {
	background: #FFF url(/_elements/_icons/iconReviewsWhite.svg) center center no-repeat;
	background-size: 45% !important;
}

.functionbar button#functionReviews:hover:before {
	content: 'Reviews';
}

.functionbar button:link,
.functionbar button:hover {
	background-size: 18%;
	/* background-color: rgba(229, 87, 87, 0.2) !important; */
}

.functionbar span.new {
	width: auto;
	border-radius: 6px;
	background: red;
	display: inline-block;
	position: relative;
	top: -12px;
	padding: 6px 5px 0px 5px;
	left: 35px;
	font-size: 9px;
	position: absolute;
	z-index: 1000;
	color: #FFF !important;
}

.functionbar span.new:hover {
	color: #FFF !important;
	pointer-events: none;
}

.functionbar span.notified {
	width: auto;
	border-radius: 50px;
	background: red;
	display: inline-block;
	position: relative;
	top: -6px;
	padding: 6px 5px 0px 5px;
	left: 35px;
	font-size: 9px;
	position: absolute;
	z-index: 1000;
	color: #FFF !important;
	min-width: 24px;
}

.functionbar span.notified:hover {
	color: #FFF !important;
	pointer-events: none;
}

#popupSignup {}

#popupSignup .fancybox-wrap {
	width: 35%;
	height: auto;
	position: fixed;
	top: 38%;
	left: 32%;
	opacity: 1;
	overflow: visible;
	margin: 0 auto;
	font-size: 0.9em;
}

#popupSignup .fancybox-skin {
	padding: 35px;
	width: auto;
	height: auto;
	text-align: center;
	line-height: 1.5em;
	border-radius: 8px;
	background: #f0f3f7;
	color: #444;
}

#popupSignup .fancybox-inner .headline {
	font-size: 1.5em;
	display: block;
	margin: 10px 0 20px 0;
}


/* Ticker */

@-webkit-keyframes ticker {
	0% {
		-webkit-transform: translate3d(0, 0, 0);
		transform: translate3d(0, 0, 0);
		visibility: visible;
	}

	100% {
		-webkit-transform: translate3d(-100%, 0, 0);
		transform: translate3d(-100%, 0, 0);
	}
}

@keyframes ticker {
	0% {
		-webkit-transform: translate3d(0, 0, 0);
		transform: translate3d(0, 0, 0);
		visibility: visible;
	}

	100% {
		-webkit-transform: translate3d(-100%, 0, 0);
		transform: translate3d(-100%, 0, 0);
	}
}

.ticker-wrap {
	letter-spacing: 0.02em;
	width: 100%;
	color: #FFF;
	overflow: hidden;
	margin-top: 10px;
	height: 2rem;
	background-color: rgba(#000, 0.9);
	padding-left: 0%;
	/* offset items to begin */
}

.ticker {
	color: rgba(255, 255, 255, 0.4);
	display: inline-block;
	height: 2rem;
	line-height: 2rem;
	white-space: nowrap;
	/* display items in a line */
	padding-right: 100%;
	/* ensure items go before animations repeat (taken from parent due to inline-block) */
	font-weight: 300;
	-webkit-animation-iteration-count: infinite;
	animation-iteration-count: infinite;
	-webkit-animation-timing-function: linear;
	animation-timing-function: linear;
	-webkit-animation-name: ticker;
	animation-name: ticker;
	-webkit-animation-duration: 240s;
	animation-duration: 240s;
}

.ticker:hover {
	animation-play-state: paused;
}

.ticker .item {
	display: inline-block;
	padding: 0 1rem;
	font-size: 0.85em;
	color: white;
	font-family: "Arial";
	padding: 3px 15px;
}

.ticker .item:hover {
	background: rgba(255, 255, 255, 0.1);
	border-radius: 2px;
}

.ticker .item img {
	margin: 0 4px;
	border-radius: 1px;
	position: relative;
	top: 1px;
}

.ticker span {
	background: none;
	position: relative;
	top: -3px;
	margin-left: 10px;
	font-family: "Arial";
}

.ticker .item span.green {
	color: #8efb8e;
	margin-left: 10px;
}

.ticker .item span.red {
	color: #e55757;
	margin-left: 10px;
}

.ticker .tickername {
	font-weight: 600;
}


/* Top 100 */


#filtersettings {
	clear: both;
	list-style: none;
	margin: 0;
	padding: 6px 11px 10px;
	background: rgba(14, 208, 255, 0.15);
	min-height: 30px;
	border-radius: 0 0 5px 5px;
	margin-bottom: 40px;
}


/* Rankings */

.main-body.rankings .filter {
	text-align: left;
}

.main-body.rankings .filter select {
	width: 500px !important;
	max-width: 500px !important;
	margin-right: 30px;
}

.main-body.rankings .filter h3 {
	margin-right: 15px;
}

.filter#types,
.filter#buttons,
.filter#ranks {
	width: 33% !important;
}

.main-body.rankings .filter#ranks {
	padding-right: 0;
}

.main-body.rankings #tabs h3 {
	text-align: left;
	margin-top: 15px;
	font-size: 0.9em;
	color: rgba(52, 103, 124, 0.7);
	font-family: 'Arial';
}

.main-body.rankings .filterbar {
	margin: 0;
}

.chart {
	margin-bottom: 30px;
}

.charto .ranknumber {
	display: inline-block;
	position: relative;
	left: 80px;
	top: -8px;
	font-size: 0.9em;
	width: 30px;
	text-align: right;
}

.ranknumber.openHourlyChart {
	cursor: pointer;
	color: #444;
	background-repeat: no-repeat;
	outline: 0;
	padding-left: 25px;
	left: 25% !important;
}

.ranknumber.openHourlyChart:hover,
.keyword .openChart {
	color: #e55757;
	background-position: 0 2px;
	background-image: url('data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAABIAAAALCAYAAAByF90EAAAAGXRFWHRTb2Z0d2FyZQBBZG9iZSBJbWFnZVJlYWR5ccllPAAAAyhpVFh0WE1MOmNvbS5hZG9iZS54bXAAAAAAADw/eHBhY2tldCBiZWdpbj0i77u/IiBpZD0iVzVNME1wQ2VoaUh6cmVTek5UY3prYzlkIj8+IDx4OnhtcG1ldGEgeG1sbnM6eD0iYWRvYmU6bnM6bWV0YS8iIHg6eG1wdGs9IkFkb2JlIFhNUCBDb3JlIDUuNi1jMTExIDc5LjE1ODMyNSwgMjAxNS8wOS8xMC0wMToxMDoyMCAgICAgICAgIj4gPHJkZjpSREYgeG1sbnM6cmRmPSJodHRwOi8vd3d3LnczLm9yZy8xOTk5LzAyLzIyLXJkZi1zeW50YXgtbnMjIj4gPHJkZjpEZXNjcmlwdGlvbiByZGY6YWJvdXQ9IiIgeG1sbnM6eG1wPSJodHRwOi8vbnMuYWRvYmUuY29tL3hhcC8xLjAvIiB4bWxuczp4bXBNTT0iaHR0cDovL25zLmFkb2JlLmNvbS94YXAvMS4wL21tLyIgeG1sbnM6c3RSZWY9Imh0dHA6Ly9ucy5hZG9iZS5jb20veGFwLzEuMC9zVHlwZS9SZXNvdXJjZVJlZiMiIHhtcDpDcmVhdG9yVG9vbD0iQWRvYmUgUGhvdG9zaG9wIENDIDIwMTUgKE1hY2ludG9zaCkiIHhtcE1NOkluc3RhbmNlSUQ9InhtcC5paWQ6QUI1QjQ5NjRGODJBMTFFNTlEQUVENDA2NURGMDJFRjUiIHhtcE1NOkRvY3VtZW50SUQ9InhtcC5kaWQ6MEE4NzkxMTZGODVGMTFFNTlEQUVENDA2NURGMDJFRjUiPiA8eG1wTU06RGVyaXZlZEZyb20gc3RSZWY6aW5zdGFuY2VJRD0ieG1wLmlpZDpBQjVCNDk2MkY4MkExMUU1OURBRUQ0MDY1REYwMkVGNSIgc3RSZWY6ZG9jdW1lbnRJRD0ieG1wLmRpZDpBQjVCNDk2M0Y4MkExMUU1OURBRUQ0MDY1REYwMkVGNSIvPiA8L3JkZjpEZXNjcmlwdGlvbj4gPC9yZGY6UkRGPiA8L3g6eG1wbWV0YT4gPD94cGFja2V0IGVuZD0iciI/PgtrtMYAAADhSURBVHjaYmSgAKSnp7cBqVIgXszEQBlIBGIWII5locA1TkDqLhC/B+L5LEABLSDDG4jXzJw58z6RhqQCKXkgtgPq+ccAddY+IBYH4iggNiRgADOQagLi+0ADapDlQGH0A8oWhSrEZQg3kJoDxHuAhsxBlwcZZAPE0UCcDVII1YBuiDSQmgfEHUBD9mOziBFNgzqQagTiYqCGp1AxIyBVAsQ5QLF3uFzMiMV2YSC1AIjlgPgnEF+AGvILX/hhpCOghrdA6iYQ6wGxKTRMfhGKSVwJci0Qv4OmkyPEJAmAAAMAQRhCZIPSLrEAAAAASUVORK5CYII=');
}

.keyword .openChart {
	background-color: transparent;
	height: 23px;
	width: 23px;
	background-repeat: no-repeat;
	background-position: 4px 2px;
	border-radius: 0;
}

.charto.tenpercent dd:first-child {
	width: 10%;
}

.charto.twentypercent dd:first-child {
	width: 21%;
	position: relative;
	top: -9px;
	text-indent: 15px;
	text-align: left;
	font-size: 0.9em;
	padding: 5px 0 20px;
	white-space: nowrap;
	text-overflow: ellipsis;
}

.filterbar.full select {
	width: 600px;
}

.tableWithFloatingHeader .floatingHeader {
	border: none !important;
	padding: 6px 0;
	z-index: 100;
	background: #3e4758;
	color: #FFF;
	margin: 20px 0 10px 0;
	border-radius: 4px 4px 0 0;
	margin-bottom: 0;
	background: #34677c !important;
}

.floatingHeader dd {
	display: inline-block;
	width: 30%;
	text-align: center;
	font-size: 0.8em;
}

.countriesReached .floatingHeader dd:first-child {
	width: 22% !important;
	text-align: left;
	text-indent: 15px;
}

.tableWithFloatingHeader .floatingHeader .asc-icon {
	background: transparent url(/_elements/_icons/asc.svg) center center no-repeat;
	opacity: 0.4;
	width: 20px;
	height: 12px;
	cursor: pointer;
	position: absolute;
	margin-top: 7px;
	margin-left: 10px;
	background-size: 110%;
}

.tableWithFloatingHeader .floatingHeader .dec-icon {
	background: transparent url(/_elements/_icons/desc.svg) center center no-repeat;
	opacity: 0.4;
	width: 20px;
	height: 12px;
	cursor: pointer;
	position: absolute;
	margin-top: -2px;
	margin-left: 10px;
	background-size: 110%;
}

.tableWithFloatingHeader .floatingHeader .asc-icon:hover,
.tableWithFloatingHeader .floatingHeader .dec-icon:hover {
	opacity: 1;
}

.tableWithFloatingHeader .floatingHeader .asc-icon.selected,
.tableWithFloatingHeader .floatingHeader .dec-icon.selected {
	opacity: 1;
}

/* Hourly Ranks */

.charto.hourlycharts {}

.charto.hourlycharts dl {
	min-height: 135px !important;
}

.charto.hourlycharts dd {
	height: 135px !important;
	padding: 5px 7px 3px 7px;
}

.charto.hourlycharts dd:first-child {
	display: inline-block;
	float: left;
	top: 0;
	padding-top: 10px;
}

.charto.hourlycharts dd a {
	width: 82%;
}

.charto.hourlycharts dd img {
	display: block;
	margin-bottom: 5px;
	border-radius: 3px;
	border: 1px solid #DDD;
	width: 100%;
}

.charto.hourlycharts dd img:hover {
	border: 1px solid #e55757;
	cursor: -webkit-zoom-in;
}

.charto.hourlycharts dd p {
	font-size: 0.8em;
	color: #999999;
}

.charto.hourlycharts span {
	display: inline-block;
	padding: 1px 3px;
	margin-right: 3px;
	border-radius: 4px;
	color: #FFF;
	font-size: 0.95em;
}

.charto.hourlycharts .high {
	background: #00b279;
}

.charto.hourlycharts .low {
	background: #e55757;
}

.charto.hourlycharts .avg {
	background: #DDD;
	color: #333;
}

.high {
	background: #00b279;
	padding: 1px 3px;
	border-radius: 4px;
	color: #FFF;
}

.low {
	background: #e55757;
	padding: 1px 3px;
	border-radius: 4px;
	color: #FFF;
}

.avg {
	background: #DDD;
	color: #333;
	padding: 1px 3px;
	border-radius: 4px;
}

.parentDisable {
	position: fixed;
	top: 0;
	left: 0;
	background: #000;
	opacity: 0.8;
	z-index: 998;
	height: 100%;
	width: 100%;
}

#popup {
	position: absolute;
	z-index: 999;
}


/* AppBar > Is Like MYAPPS Classes */

.appBarTop {
	position: relative;
	clear: both;
	margin-top: 20px;
}

.appBarTop div.charti {
	margin-bottom: 10px;
}

.appBarTop dl dd {
	display: inline-block;
}

.appBarTop dl dd.appicon {
	width: 80px;
}

.appBarTop dl dd.appicon img {
	border-radius: 10px;
	box-shadow: 0 0 25px #BBB;
	display: inline-block;
}

.appBarTop dl dd.appname {
	display: inline-block;
	vertical-align: top;
	width: 90%;
	padding-right: 15px;
	line-height: 1.4em;
}

.appBarTop dl dd.appname h1 {
	margin: 0 0 2px;
	font-size: 1.3em;
}

.appBarTop dl dd.appname h2.appID {
	display: inline-block;
	font-size: 0.9em;
	color: #34677c;
	margin-top: 1px;
}

.appBarTop dl dd.appname .appPublisher {
	display: inline-block;
}

.appBarTop dl dd.appAdd {
	text-align: center;
	width: 12%;
	cursor: pointer;
	display: inline-block;
	font-size: 0.8em;
	margin-top: 1px;
	border-radius: 4px;
	padding: 5px 12px;
	color: #444;
	background: #ccff99;
}

.appBarTop dl dd.appRemove {
	visibility: hidden;
	text-align: center;
	width: 6%;
	cursor: pointer;
	display: inline-block;
	font-size: 0.8em;
	margin-top: 1px;
	border-radius: 4px;
	padding: 5px 12px;
	color: #444;
	background: #ff6666;
}

.appBarTop dl .addresult {
	text-align: center;
	width: 128px;
	cursor: pointer;
	display: inline-block;
	font-size: 0.8em;
	margin-top: 8px;
	margin-right: 10px;
	border-radius: 4px;
	padding: 2px 7px;
	color: #00b279;
	background: #FFF;
	border: 1px solid rgba(0, 178, 121, 0.6);
}

.appBarTop dl .addresult:hover {
	color: #fff;
	background: #00b279;
	border: 1px solid #00b279;
}

/* Rankings - App Auswahl Menü */

.main-body.rankings .filter.full {
	margin-bottom: 10px;
}

.main-body.rankings .filter {
	padding-right: 0 !important;
}

.dd-container {}

.dd-select {
	width: 100% !important;
	height: 66px;
	border: 0 solid #DDD !important;
	border-radius: 4px !important;
	transition: background 0.3s ease;
	background: linear-gradient(135deg, #f0f3f7 0%, #e1e9f3 100%) !important;
}

.dd-options {
	width: 100% !important;
	box-shadow: 0 0 10px #AAA !important;
	border-radius: 4px;
	z-index: 10000000 !important;
	border: none !important;
}

.dd-option:hover {
	background: #FFEB96 !important;
}

.dd-options li {
	width: 50%;
	display: inline-block;
	width: 33%;
}

.dd-option {
	border: none !important;
	padding-bottom: 5px;
	max-height: 70px;
}

.dd-option-image,
.dd-selected-image {
	max-width: 45px !important;
	border-radius: 10px;
	box-shadow: 0 0 7px rgba(94, 160, 187, 0.7);
	margin: 0 20px 5px 4px !important;
}

.dd-selected-text {
	position: relative;
	left: 10px;
	top: -3px;
	color: #484848;
	font-weight: normal !important;
	text-overflow: ellipsis;
	white-space: nowrap;
	display: inline-block;
}

.dd-option-text {
	position: relative;
	left: 5px;
	overflow: hidden !important;
	text-overflow: ellipsis !important;
	line-height: 1.5em;
	width: 63%;
	display: inline-block;
	white-space: nowrap;
	font-size: 0.9em;
}

.dd-desc {
	margin-top: 2px;
	position: relative;
	top: 3px;
	color: rgba(52, 103, 124, 0.7) !important;
	font-size: 0.8em
}

.dd-option-description.dd-desc {
	color: rgba(52, 103, 124, 0.7) !important;
	overflow: hidden !important;
	text-overflow: ellipsis !important;
	line-height: 1.3em;
	width: 70%;
	display: block;
	white-space: nowrap;
	font-size: 0.7em;
}

.dd-pointer {
	right: 15px !important;
	top: 47% !important;
}

.dd-pointer-down {
	border: solid 12px transparent !important;
	border-top: solid 15px rgba(52, 103, 124, 0.7) !important;
	border-radius: 4px;
}

.dd-pointer-up {
	border: solid 12px transparent !important;
	border-bottom: solid 15px rgba(52, 103, 124, 0.7) !important;
	margin-top: -17px;
}

.dd-pointer:before {
	content: "Select App";
	position: absolute;
	width: 78px;
	right: 25px;
	top: -18px;
	padding-bottom: 4px;
	font-size: 0.9em;
	color: rgba(52, 103, 124, 0.7);
}

.dd-pointer.dd-pointer-up:before {
	top: -1px !important;
}

.dd-select:hover {
	background: #FFEB96 !important;
	background-position: 100px;
	color: #FFF !important;
}

.dd-select:hover .dd-selected-text {
	/*color: #FFF !important;*/
}

.dd-select:hover .dd-desc {
	/*color: #EEE !important;*/
}

.dd-searches {
	border-radius: 5px 5px 0 0;
	padding: 8px 8px 0 8px;
	margin: 0 auto;
	text-align: left;
	flex-grow: 1;
}

.dd-searches-input {
	border: 2px solid #FFF;
	min-height: 22px;
	min-width: 400px;
	padding: 6px 10px 6px 30px;
	background: #FFF url(images/searchIcon3.svg) 10px center no-repeat;
	color: rgb(120, 120, 120);
	font-size: 0.8em;
}

#showapp2 {
	width: 100% !important;
	margin-bottom: 10px;
}

.dd-select .appPRO,
.dd-desc .appPRO {
	display: inline-block;
	font-size: 0.9em;
	background: rgba(14, 208, 255, 1);
	border-radius: 4px;
	padding: 1px 6px;
	color: #FFF;
	margin-right: 10px;
	top: -1px;
}

.appBadge2.itunes {
	width: 20px;
	height: 20px;
	background: #000;
	display: inline-block;
	z-index: 1000;
	left: 72px;
	background: #FFF url(/_elements/_icons/badgeAppstore.png) no-repeat;
	background-size: 100%;
	border-radius: 4px;
}

.appBadge2.play {
	width: 20px;
	height: 20px;
	background: #000;
	display: inline-block;
	z-index: 1000;
	left: 72px;
	background: #FFF url(/_elements/_icons/badgePlay.png) no-repeat;
	background-size: 100%;
	border-radius: 4px;
}


.dd-tags {
	margin-top: -4px;
	border: none !important;
	padding: 10px 10px 7px 10px !important;
	background: rgba(52, 103, 123, 0.1) !important;
	font-size: 0.8em;
}

.dd-tags .dd-tag {
	cursor: pointer;
	padding: 4px 8px !important;
	background: #FFF !important;
	color: #34677c !important;
	border-radius: 200px;
	border: 1px solid #34677c;
	width: auto;
	display: inline-block;
	margin-left: 5px;
	font-size: 0.7rem;
	margin-bottom: 3px;
}

.dd-tags .dd-tag:hover {
	background: #34677c !important;
	color: #FFF !important;
}

.dd-tags .dd-tag.selected {
	background: #34677c !important;
	color: #FFF !important;
}

.dd-addTag {
	position: absolute;
	position: absolute;
	right: 35px;
	font-size: 0.8em;
	padding: 5px 7px !important;
	background: #FFF !important;
	color: #34677c !important;
	border-radius: 3px;
	border: 1px solid #34677c;
	width: auto;
	top: 0px;
}

.dd-addTag:hover {
	background: #FFEB96 !important;
	cursor: pointer;
}

.dd-favoritesStar {
	position: absolute;
	position: absolute;
	right: 0;
	font-size: 0.8em;
	padding: 13px 13px !important;
	background: #FFF !important;
	color: #34677c !important;
	border-radius: 3px;
	width: auto;
	top: 2px;
	content: "X";
	display: block;
	background: transparent url(/_elements/_icons/favoritesStar.svg) no-repeat !important;
	background-size: 80% !important;
	opacity: 0.7;
}

.dd-favoritesStar:hover {
	cursor: pointer;
	opacity: 1;
}

.dd-favoritesStar.favorized {
	background: transparent url(/_elements/_icons/favoritesStarFavorized.svg) no-repeat !important;
}

.dd-oneline {
	display: none;
	width: 100%;
	background: rgba(52, 103, 123, 0.1) !important;
}

.dd-flexline {
	display: flex;
	width: 100%;
}

.dd-appfields {

	padding: 8px 10px 7px 10px !important;
	height: auto;
	font-size: 0.82em;
	text-align: right;
}

.dd-appfield {
	border-style: dashed;
	border-radius: 10px;
	height: 50px;
	width: 50px;
	display: inline-block;
	margin-right: 5px;
	cursor: pointer;
	vertical-align: middle;
}

.dd-appfield.selected {
	border-color: red;
	background-color: rgba(52, 103, 123, 0.0) !important;
}

.dd-appfield-image {
	max-width: 45px !important;
	border-radius: 10px;
}

/* WELCOME PAGE */

.welcomeImage {
	width: 550px;
	margin: 20px 0 40px 0;
}

#slideShim {
	position: relative;
	margin: 0 auto;
	margin-top: 260px;
}

.claim {
	/* background: rgba(37, 43, 53,0.3); */
	padding: 8px 12px 25px 12px;
	height: 110px;
	text-align: center;
	color: #FFF;
	font-size: 1.6em;
	line-height: 1.7em;
	font-family: "Arial";
	position: relative;
	margin-top: -120px;
	margin-bottom: 0px;
	/* background: linear-gradient(to right,rgba(52, 103, 124, 0.4) 20%,rgba(5, 71, 62, 0.4) 100%) !important; */
}

.claim h1 {
	font-weight: 300;
	text-shadow: 0 0px 20px #fff;
}

.claim p {
	font-size: 0.8em;
	font-weight: 300;
	text-shadow: 0 0px 20px #fff;
}

.claim2 {
	padding: 8px 12px 25px 12px;
	height: 200px;
	text-align: center;
	color: #FFF;
	font-size: 1.6em;
	line-height: 1.7em;
	font-family: "Arial";
	position: relative;
	margin-top: -150px;
	margin-bottom: 0px;
	/* background: linear-gradient(to right,rgba(52, 103, 124, 0.4) 20%,rgba(5, 71, 62, 0.4) 100%) !important; */
}

.claim2 h1 {
	font-weight: 300;
	text-shadow: 0 0px 20px #fff;
}

.claim 2p {
	font-size: 0.8em;
	font-weight: 300;
	text-shadow: 0 0px 20px #fff;
}

.welcomebox {
	display: inline-block;
	width: 50%;
	text-align: center;
	min-height: 300px;
	padding: 70px 5%;
	border-bottom: 0 solid #e4e8ee;
	z-index: 10;
	position: relative;
	font-family: "Arial";
}

.welcomebox div {
	vertical-align: top;
}

.welcomebox.left {
	float: left;
}

.welcomebox.right {
	float: right;
}

.welcomebox.left.history .insideright {
	width: 100%;
	text-shadow: 0 0 10px #FFF;
}

.welcomebox.left.history .insideright p,
.welcomebox.left.history .insideright h2 {
	text-shadow: 0 0 10px #FFF;
}

.welcomebox.left .insideleft {
	float: left;
	width: 40%;
	text-align: left !important;
	padding-right: 30px;
}

.welcomebox.left .insideright {
	float: right;
	width: 80%;
	text-align: left !important;
	text-align: right !important;
}

.welcomebox.right .insideleft {
	float: left;
	width: 80%;
	text-align: left !important;
}

.welcomebox.right .insideright {
	float: right;
	width: 40%;
	text-align: left !important;
	padding-left: 30px;
}

.welcomebox .insideleft img {
	text-align: left !important;
	margin-top: 6px;
}

.welcomebox .insideright img {
	text-align: left !important;
	margin-top: 6px;
}

.welcomebox h2 {
	font-size: 2em;
	margin: 0 0 20px 0;
	line-height: 1.3em;
	font-weight: 300;
}

.welcomebox .insideright p,
.welcomebox .insideleft p {
	font-size: 1em;
	line-height: 1.6em;
	margin-bottom: 22px;
}

.welcomebox .tag {
	display: inline-block;
	font-size: 1em;
	border-radius: 4px;
	padding: 3px 8px;
	color: #FFF;
	text-align: center;
	cursor: pointer;
	width: 55px;
}

.welcomebox .tag:hover {
	box-shadow: 0 0 10px #333;
}

.welcomebox .free {
	background: #444;
}

.welcomebox .pro {
	background: rgba(14, 208, 255, 1);
}

.welcomebox .data {
	background: rgba(0, 178, 121, 1);
}

/* .welcomebox .enterprise {background: #FB3043;} */


.welcomebox.first .insideright {
	padding-top: 60px;
}

.welcomebox.rankings {
	background: #fff url(_elements/_home/designGraphLower-4.svg) 0 230px no-repeat;
	background-size: 100%;
	text-shadow: 0 0 10px #FFF;
	width: 100%;
}

.welcomebox.green {
	display: block;
	width: 100%;
	background: #333;
	padding: 40px 0;
	background: linear-gradient(135deg, #34677c 0%, #3e4758 100%);
	color: #FFF;
	padding: 60px 0 80px;
}

.welcomebox.green .greeninside {
	margin: 0 auto;
	text-align: center;
	width: 80%;
}

.welcomebox.api {
	display: block;
	width: 100%;
	background: #e55757;
	padding: 0 0;
	background: linear-gradient(135deg, #34677c 0%, #3e4758 100%);
	color: #FFF;
}

.welcomebox.amp {
	display: block;
	width: 100%;
	background: darkblue;
	padding: 0 0;
	background: linear-gradient(135deg, #1a2850 0%, #1a2850 100%);
	color: #FFF;
}

.welcomebox.cma {
	display: block;
	width: 100%;
	background: #34677c;
	color: #FFF;
	height: 300px;
}

.welcomebox.api .welcomebox.right {
	height: 400px;
}

.insideright .tag {
	margin-left: 10px;
}

.insideleft .tag {
	margin-right: 10px;
}

.welcomebox a#linkfade {
	-moz-transition: all .5s ease-in;
	-o-transition: all .5s ease-in;
	-webkit-transition: all .5s ease-in;
	transition: all .5s ease-in;
	color: transparent;
	font-family: "Arial";
	font-weight: 300;
	font-size: 1.2em;
	margin-top: 30px;
	float: right;
	padding-bottom: 5px;
	border-bottom: 2px solid transparent;
}

.welcomebox:hover a#linkfade {
	color: #e55757;
	border-bottom: 2px solid #e55757;
}

.welcomebox:hover a#linkfade:hover {
	color: #333;
	border-bottom: 2px solid #333;
	cursor: pointer;
}

.welcomebox.api:hover a#linkfade:hover,
.welcomebox.green:hover a#linkfade:hover {
	color: #FFF;
	border-bottom: 2px solid #fff;
	cursor: pointer;
}


.welcomebox.grayfade {
	display: block;
	width: 100%;
	background: #333;
	padding: 40px 0;
	background: linear-gradient(0deg, #DEEEEE 0%, #FBFCFC 100%);
	padding: 60px 0 0;
}

.welcomebox.grayfade .greeninside {
	margin: 0 auto;
	text-align: center;
	width: 100%;
	background: transparent url(_elements/_home/applyzerCompetitorBackgroundWhite2.svg) bottom center no-repeat;
}


/* TESTIMONIAL */

.testimonials {
	background: #fff;
	color: #333;
	text-align: left;
	padding: 0 0 90px;
	font-family: "Arial";
	background: linear-gradient(to bottom, #ffffff 0%, #f0f3f7 100%);
}

.testimonials .inner {
	width: 75%;
	margin: 0 auto;
}

.testimonials .comment {
	font-size: 1.05em;
	display: block;
	margin-bottom: 17px;
	font-style: italic;
	line-height: 1.5em;
}

.testimonials .person {
	font-size: 0.9em;
	display: block;
}

.testimonials img.foto {
	margin-bottom: 10px;
	border-radius: 200px;
	background: #FFF;
	float: left;
	margin-right: 40px;
}

.testimonials img.apps {
	float: right;
	margin-left: 40px;
	margin-bottom: 30px;
}

.main-body.customers .inside {
	min-height: auto;
}

.main-body.customers .testimonials {
	margin: 50px 0;
	padding: 50px 0 50px;
}

.main-body.customers .testimonials .inner {
	width: auto;
	max-width: 975px;
}

.main-body.customers .testimonials img.foto {
	float: right;
	margin-left: 40px;
}


/* Customer Page */

.main-body.customers .inside {
	min-height: 0;
}

.main-body.customers .testimonials {
	padding: 50px 40px 50px;
	background: #FFF !important;
}

.main-body.customers .testimonials img.apps {
	margin-bottom: 20px;
	float: none;
	margin-left: 0;
	max-width: 150px;
}




/* TOP LISTS */

ol.toplist {
	margin-bottom: 50px;
	padding: 15px 0;
}

ol.toplist li {
	text-align: center;
	width: 32.3%;
	display: inline-block;
	vertical-align: top;
}

ol.toplist li img {
	border-radius: 10px;
	box-shadow: 0 0 25px #BBB;
}

.toplist.latter {}

.toplist.latter dl {
	text-align: center;
	padding-right: 0.5%;
	padding-left: 0.5%;
	display: inline-block;
	font-size: 0.8em;
	vertical-align: top;
	width: 13.7%;
	padding-bottom: 25px;
	margin-bottom: 17px;
}

.toplist.latter dl img {
	border-radius: 10px;
	margin-bottom: 15px;
	box-shadow: 0 0 25px #BBB;
}

.toplist.latter dl .meta.count {
	font-size: 0.9em;
	background: #f0f3f7;
	border-radius: 200px;
	text-align: center;
	width: 30px;
	height: 30px;
	padding: 7px 0 3px 0;
	position: relative;
	top: -12px;
	margin: 0 auto;
}

.toplist.latter dl a:link,
.toplist.latter dl a:visited {
	margin-top: -4px;
}

.truncate {
	overflow: hidden;
	display: block;
	height: 33px;
}

/* .truncate:after {content: " ...";} */


.ratingStar {
	border-radius: 200px;
	width: 18px;
	height: 18px;
	color: #FFF;
	fill: white;
	background: #FFEB96;
	background-size: 60%;
	background-repeat: no-repeat;
	background-position: center center;
	display: inline-block;
	margin-right: 4px;
}

.ratingStar {
	background-image: url('data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAEAAAABACAYAAACqaXHeAAAAGXRFWHRTb2Z0d2FyZQBBZG9iZSBJbWFnZVJlYWR5ccllPAAAAyhpVFh0WE1MOmNvbS5hZG9iZS54bXAAAAAAADw/eHBhY2tldCBiZWdpbj0i77u/IiBpZD0iVzVNME1wQ2VoaUh6cmVTek5UY3prYzlkIj8+IDx4OnhtcG1ldGEgeG1sbnM6eD0iYWRvYmU6bnM6bWV0YS8iIHg6eG1wdGs9IkFkb2JlIFhNUCBDb3JlIDUuNi1jMDY3IDc5LjE1Nzc0NywgMjAxNS8wMy8zMC0yMzo0MDo0MiAgICAgICAgIj4gPHJkZjpSREYgeG1sbnM6cmRmPSJodHRwOi8vd3d3LnczLm9yZy8xOTk5LzAyLzIyLXJkZi1zeW50YXgtbnMjIj4gPHJkZjpEZXNjcmlwdGlvbiByZGY6YWJvdXQ9IiIgeG1sbnM6eG1wPSJodHRwOi8vbnMuYWRvYmUuY29tL3hhcC8xLjAvIiB4bWxuczp4bXBNTT0iaHR0cDovL25zLmFkb2JlLmNvbS94YXAvMS4wL21tLyIgeG1sbnM6c3RSZWY9Imh0dHA6Ly9ucy5hZG9iZS5jb20veGFwLzEuMC9zVHlwZS9SZXNvdXJjZVJlZiMiIHhtcDpDcmVhdG9yVG9vbD0iQWRvYmUgUGhvdG9zaG9wIENDIDIwMTUgKE1hY2ludG9zaCkiIHhtcE1NOkluc3RhbmNlSUQ9InhtcC5paWQ6NEU1NDI1N0FCRDQ4MTFFNUE5RDBFMDM4QTMwNUVEMTkiIHhtcE1NOkRvY3VtZW50SUQ9InhtcC5kaWQ6NEU1NDI1N0JCRDQ4MTFFNUE5RDBFMDM4QTMwNUVEMTkiPiA8eG1wTU06RGVyaXZlZEZyb20gc3RSZWY6aW5zdGFuY2VJRD0ieG1wLmlpZDo0RTU0MjU3OEJENDgxMUU1QTlEMEUwMzhBMzA1RUQxOSIgc3RSZWY6ZG9jdW1lbnRJRD0ieG1wLmRpZDo0RTU0MjU3OUJENDgxMUU1QTlEMEUwMzhBMzA1RUQxOSIvPiA8L3JkZjpEZXNjcmlwdGlvbj4gPC9yZGY6UkRGPiA8L3g6eG1wbWV0YT4gPD94cGFja2V0IGVuZD0iciI/PpKVWlkAAATTSURBVHja7FtdSCNXFB4T8+BP489uZy0maxJfslKhwYhVMSgJrIJo8E2LPhSLUKhiwRX61Dd/2AWRxgeXLlTBgMuCorZIEUpoQEWrm2BmXhSzURS32zWuGl/W9B6ZgLWrZmYykzsze+DiOJl7zvd958ydO3dmUqLRKPHRkmDDw8NfOp3OVWiwrTgBmpqaFtEfKL9oe3v7iqLIj46OfhsjH2vMPtFNnYygqampLpqm86/sI9G+p4rMfjKrQPQK0Gg0wxRF6a757Q767WfZZn9sbOyb67Ifa8wx8qwAlUoF2b9/yzG56Jhnisx+MqpAjVP2ZVsFbrf763izH2tMH3lUgFqtfrKxsWFk2UeL+vwi+ey7XK6m7Ozsc7YVAH2gr+QrIDMz07W6umpk2+/s7CwF9SUlXQVcsy9mFahxzL4sqmBoaKiba+avNsaXdKyvr++rnJycN4kSAHz19/e3YE88FArldnd3DyHAkUSRvyRCBHxDjERiTuHrYGVlxbm5ufnA4/EUoO2HS0tLBiFFLisr27ZarfM2my1YWFhIoe0pwQXwer02mqaLtra29AcHB7qjo6P8k5MTXSQS0S0sLGQks+rsdvtJWlraTkZGxo5Wq90lSXLHZDKFzGZzoLKy0hO3AGtra5V+v78IZVO3v7+vD4fDQDL/9PT0PhrJPzk8PJTUOIQuoURJScm79PT0V0ic3aysrN28vLwQqpqd4uLigMVi8V4cODAw0FtXVxc0GAzRRJ+3uDYkThQ4A3eitrb2lVKIX23AXYVG1wChULvgPj8//3lFRYVfadkHzsD9Qom5ublitMOnIPI+4PyfchgfH/+sqqpqWe7kgSNw/eA5IXcRbiQfs8nJybzq6uo/5EYeOAG3uEZHNDiQchIBuAAnVpcI6FBTU/O71MkDB9bkY0ZR1B001/5VquQBO3DgNVkABw6HY1Zq5AEzb/IxQzdCOWja+FxCU9zngDmh00apiCAI+csidHV1/YYr+dbW1inByF9aAbpbXl5O4UYeMAE2Ue6iLu6jMROAwSTe4qfVav0bF/KAhetiqYpLJ71e/4/RaPTjcl8PWACTaAKAwRobLgLwwcJZgPPzczUuAvDBwlkAWBrHRQA+WDgLcHx8bMJFANGxoOut2WAwvMflKgBYAJNoFRAIBKq2t7dVuFQAYAFMoglA07SRwMy4YuIkwN7engk3Abhi4iRAOBw24CYAV0ycBECjLnangGiY4CkyPFwkMHzgCdjY8kll22FxcdHC91F5fX09RZLkS61W+xr+12g0OoqizLOzsw94rFUQy8vLX6BNr6AV0NPT85hrluA7oZmZme+v8w0vSV/+lohtY7AJa21tbS/YAmtoaHg5MjLyXbwx4FjowzYOg01Ya2xs/IvFKg09ODj4iGss6As+4o3HYBPWHA7H29uAwItMPyJLxPoc+ABf4JO4fSn8rdD3AM6bAJSWlu719vYOCLE2Bz7BN8S4CQODURhjzuP/BTWZTG86Ozt/mp6evid0BUIMiAUxP4SFzVjD2q6+/opAHHV0dDzzeDxFYk98ICbEBgwEj9dqU1gG/XRiYmIqGAzmI/vTbrc/aW5uXkvmDNDtdlvW19d/8Pl8pQUFBbstLS1Om832Om4BlP71uIpQuP0rwABH8ZNhgttZxQAAAABJRU5ErkJggg==');
}


/* ARROWS */

.arrow {
	border-radius: 200px;
	width: 28px;
	height: 28px;
	color: #FFF;
	fill: white;
	background: #DDD;
	background-size: 80%;
	background-repeat: no-repeat;
	background-position: center center;
	display: inline-block;
	z-index: 3;
	position: relative;
}

.arrow.black {
	background-image: url('data:image/png;base64,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');
}

.arrow.white {
	background-image: url('data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAgAAAAIACAYAAAD0eNT6AAAAGXRFWHRTb2Z0d2FyZQBBZG9iZSBJbWFnZVJlYWR5ccllPAAAAyhpVFh0WE1MOmNvbS5hZG9iZS54bXAAAAAAADw/eHBhY2tldCBiZWdpbj0i77u/IiBpZD0iVzVNME1wQ2VoaUh6cmVTek5UY3prYzlkIj8+IDx4OnhtcG1ldGEgeG1sbnM6eD0iYWRvYmU6bnM6bWV0YS8iIHg6eG1wdGs9IkFkb2JlIFhNUCBDb3JlIDUuNi1jMDY3IDc5LjE1Nzc0NywgMjAxNS8wMy8zMC0yMzo0MDo0MiAgICAgICAgIj4gPHJkZjpSREYgeG1sbnM6cmRmPSJodHRwOi8vd3d3LnczLm9yZy8xOTk5LzAyLzIyLXJkZi1zeW50YXgtbnMjIj4gPHJkZjpEZXNjcmlwdGlvbiByZGY6YWJvdXQ9IiIgeG1sbnM6eG1wPSJodHRwOi8vbnMuYWRvYmUuY29tL3hhcC8xLjAvIiB4bWxuczp4bXBNTT0iaHR0cDovL25zLmFkb2JlLmNvbS94YXAvMS4wL21tLyIgeG1sbnM6c3RSZWY9Imh0dHA6Ly9ucy5hZG9iZS5jb20veGFwLzEuMC9zVHlwZS9SZXNvdXJjZVJlZiMiIHhtcDpDcmVhdG9yVG9vbD0iQWRvYmUgUGhvdG9zaG9wIENDIDIwMTUgKE1hY2ludG9zaCkiIHhtcE1NOkluc3RhbmNlSUQ9InhtcC5paWQ6MEJGN0M0MDdBRDNGMTFFNThBQzFCRjg1RUMzREJGQjYiIHhtcE1NOkRvY3VtZW50SUQ9InhtcC5kaWQ6MEJGN0M0MDhBRDNGMTFFNThBQzFCRjg1RUMzREJGQjYiPiA8eG1wTU06RGVyaXZlZEZyb20gc3RSZWY6aW5zdGFuY2VJRD0ieG1wLmlpZDowQkY3QzQwNUFEM0YxMUU1OEFDMUJGODVFQzNEQkZCNiIgc3RSZWY6ZG9jdW1lbnRJRD0ieG1wLmRpZDowQkY3QzQwNkFEM0YxMUU1OEFDMUJGODVFQzNEQkZCNiIvPiA8L3JkZjpEZXNjcmlwdGlvbj4gPC9yZGY6UkRGPiA8L3g6eG1wbWV0YT4gPD94cGFja2V0IGVuZD0iciI/Pu0uO/8AABXQSURBVHja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');
}

.arrow.ratingStar {
	background-image: url('data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAEAAAABACAYAAACqaXHeAAAAGXRFWHRTb2Z0d2FyZQBBZG9iZSBJbWFnZVJlYWR5ccllPAAAAyhpVFh0WE1MOmNvbS5hZG9iZS54bXAAAAAAADw/eHBhY2tldCBiZWdpbj0i77u/IiBpZD0iVzVNME1wQ2VoaUh6cmVTek5UY3prYzlkIj8+IDx4OnhtcG1ldGEgeG1sbnM6eD0iYWRvYmU6bnM6bWV0YS8iIHg6eG1wdGs9IkFkb2JlIFhNUCBDb3JlIDUuNi1jMDY3IDc5LjE1Nzc0NywgMjAxNS8wMy8zMC0yMzo0MDo0MiAgICAgICAgIj4gPHJkZjpSREYgeG1sbnM6cmRmPSJodHRwOi8vd3d3LnczLm9yZy8xOTk5LzAyLzIyLXJkZi1zeW50YXgtbnMjIj4gPHJkZjpEZXNjcmlwdGlvbiByZGY6YWJvdXQ9IiIgeG1sbnM6eG1wPSJodHRwOi8vbnMuYWRvYmUuY29tL3hhcC8xLjAvIiB4bWxuczp4bXBNTT0iaHR0cDovL25zLmFkb2JlLmNvbS94YXAvMS4wL21tLyIgeG1sbnM6c3RSZWY9Imh0dHA6Ly9ucy5hZG9iZS5jb20veGFwLzEuMC9zVHlwZS9SZXNvdXJjZVJlZiMiIHhtcDpDcmVhdG9yVG9vbD0iQWRvYmUgUGhvdG9zaG9wIENDIDIwMTUgKE1hY2ludG9zaCkiIHhtcE1NOkluc3RhbmNlSUQ9InhtcC5paWQ6NEU1NDI1N0FCRDQ4MTFFNUE5RDBFMDM4QTMwNUVEMTkiIHhtcE1NOkRvY3VtZW50SUQ9InhtcC5kaWQ6NEU1NDI1N0JCRDQ4MTFFNUE5RDBFMDM4QTMwNUVEMTkiPiA8eG1wTU06RGVyaXZlZEZyb20gc3RSZWY6aW5zdGFuY2VJRD0ieG1wLmlpZDo0RTU0MjU3OEJENDgxMUU1QTlEMEUwMzhBMzA1RUQxOSIgc3RSZWY6ZG9jdW1lbnRJRD0ieG1wLmRpZDo0RTU0MjU3OUJENDgxMUU1QTlEMEUwMzhBMzA1RUQxOSIvPiA8L3JkZjpEZXNjcmlwdGlvbj4gPC9yZGY6UkRGPiA8L3g6eG1wbWV0YT4gPD94cGFja2V0IGVuZD0iciI/PpKVWlkAAATTSURBVHja7FtdSCNXFB4T8+BP489uZy0maxJfslKhwYhVMSgJrIJo8E2LPhSLUKhiwRX61Dd/2AWRxgeXLlTBgMuCorZIEUpoQEWrm2BmXhSzURS32zWuGl/W9B6ZgLWrZmYykzsze+DiOJl7zvd958ydO3dmUqLRKPHRkmDDw8NfOp3OVWiwrTgBmpqaFtEfKL9oe3v7iqLIj46OfhsjH2vMPtFNnYygqampLpqm86/sI9G+p4rMfjKrQPQK0Gg0wxRF6a757Q767WfZZn9sbOyb67Ifa8wx8qwAlUoF2b9/yzG56Jhnisx+MqpAjVP2ZVsFbrf763izH2tMH3lUgFqtfrKxsWFk2UeL+vwi+ey7XK6m7Ozsc7YVAH2gr+QrIDMz07W6umpk2+/s7CwF9SUlXQVcsy9mFahxzL4sqmBoaKiba+avNsaXdKyvr++rnJycN4kSAHz19/e3YE88FArldnd3DyHAkUSRvyRCBHxDjERiTuHrYGVlxbm5ufnA4/EUoO2HS0tLBiFFLisr27ZarfM2my1YWFhIoe0pwQXwer02mqaLtra29AcHB7qjo6P8k5MTXSQS0S0sLGQks+rsdvtJWlraTkZGxo5Wq90lSXLHZDKFzGZzoLKy0hO3AGtra5V+v78IZVO3v7+vD4fDQDL/9PT0PhrJPzk8PJTUOIQuoURJScm79PT0V0ic3aysrN28vLwQqpqd4uLigMVi8V4cODAw0FtXVxc0GAzRRJ+3uDYkThQ4A3eitrb2lVKIX23AXYVG1wChULvgPj8//3lFRYVfadkHzsD9Qom5ublitMOnIPI+4PyfchgfH/+sqqpqWe7kgSNw/eA5IXcRbiQfs8nJybzq6uo/5EYeOAG3uEZHNDiQchIBuAAnVpcI6FBTU/O71MkDB9bkY0ZR1B001/5VquQBO3DgNVkABw6HY1Zq5AEzb/IxQzdCOWja+FxCU9zngDmh00apiCAI+csidHV1/YYr+dbW1inByF9aAbpbXl5O4UYeMAE2Ue6iLu6jMROAwSTe4qfVav0bF/KAhetiqYpLJ71e/4/RaPTjcl8PWACTaAKAwRobLgLwwcJZgPPzczUuAvDBwlkAWBrHRQA+WDgLcHx8bMJFANGxoOut2WAwvMflKgBYAJNoFRAIBKq2t7dVuFQAYAFMoglA07SRwMy4YuIkwN7engk3Abhi4iRAOBw24CYAV0ycBECjLnangGiY4CkyPFwkMHzgCdjY8kll22FxcdHC91F5fX09RZLkS61W+xr+12g0OoqizLOzsw94rFUQy8vLX6BNr6AV0NPT85hrluA7oZmZme+v8w0vSV/+lohtY7AJa21tbS/YAmtoaHg5MjLyXbwx4FjowzYOg01Ya2xs/IvFKg09ODj4iGss6As+4o3HYBPWHA7H29uAwItMPyJLxPoc+ABf4JO4fSn8rdD3AM6bAJSWlu719vYOCLE2Bz7BN8S4CQODURhjzuP/BTWZTG86Ozt/mp6evid0BUIMiAUxP4SFzVjD2q6+/opAHHV0dDzzeDxFYk98ICbEBgwEj9dqU1gG/XRiYmIqGAzmI/vTbrc/aW5uXkvmDNDtdlvW19d/8Pl8pQUFBbstLS1Om832Om4BlP71uIpQuP0rwABH8ZNhgttZxQAAAABJRU5ErkJggg==');
}

.arrow.equal {
	background-color: #e4e8ee;
	transform: rotate(90deg);
}

.arrow.up {
	background-color: #00b279;
	transform: rotate(0deg);
}

.arrow.lightup {
	background-color: rgba(14, 208, 255, 1);
	transform: rotate(45deg);
}

.arrow.down {
	background-color: #DC143C;
	transform: rotate(180deg);
}

.arrow.lightdown {
	background-color: #F58125;
	transform: rotate(135deg);
}

.arrow.new {
	background-color: #FFEB96;
	transform: rotate(0deg);
}

.arrow.ratingStar {
	background-color: #FFEB96;
	margin-right: 0;
	background-size: 60%;
}

/* Exchange */

.tableHeader,
.tableFloatingHeader {
	border: none !important;
	padding: 10px 0;
	border-radius: 0 0 5px 5px;
	z-index: 100;
	background: #3e4758;
	color: #FFF;
	clear: both;
}

.floatingHeader {
	border: none !important;
	padding: 6px 0;
	border-radius: 3px;
	z-index: 100;
	background: #3e4758;
	color: #FFF;
	margin: 20px 0;
	background: -moz-linear-gradient(left, #34677c 0%, #3e4758 100%) !important;
	/* FF3.6-15 */
	background: -webkit-linear-gradient(left, #34677c 0%, #3e4758 100%) !important;
	/* Chrome10-25,Safari5.1-6 */
	background: linear-gradient(to right, #34677c 0%, #3e4758 100%) !important;
	/* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
}

.tableWithFloatingHeader .floatingHeader dd {
	display: inline-block;
	width: 19%;
	text-align: center;
}

.tableWithFloatingHeader .floatingHeader dd:first-child {
	width: 5%;
}

.charto {
	border-bottom: 1px solid rgba(94, 160, 187, 0.2);
	padding: 0;
	vertical-align: top;
	position: relative;
}

.charto dl {
	height: 39px;
}

.charto dd {
	display: inline-block;
	vertical-align: top;
	width: 18.9%;
	text-align: left;
	position: relative;
	padding: 5px 0 3px;
	border-right: 1px solid rgba(94, 160, 187, 0.2);
	padding-left: 15px;
	height: 40px;
}

.charto dd:first-child {
	overflow: hidden;
	white-space: nowrap;
	font-size: 0.9em;
	width: 22%;
	text-align: left;
	padding-left: 0;
	position: relative;
	top: 0;
	padding-top: 12px;
	text-indent: 15px;
}

.charto dd:last-child {
	border-right: 0 solid #DDD;
}

.charto a:link,
.charto a:visited {
	color: #111;
	margin-top: 4px;
	vertical-align: top;
	display: inline-block;
	position: relative;
	left: 55px;
	white-space: nowrap;
	overflow: hidden;
	text-overflow: ellipsis;
	width: 70%;
	font-size: 0.9em;
	line-height: 1.3em;
}

.charto:hover {
	background: #FFEB96;
}

#grid_table_bottom {
	border: 0;
}

#grid_table_leftbottom {
	border: 0;
	padding: 3px;
}

.diffnumber {
	background: #f0f3f7;
	border-radius: 0 200px 200px 0;
	text-align: center;
	font-size: 0.8em;
	padding: 3px 8px 2px 14px;
	position: absolute;
	top: 9px;
	z-index: 0;
	color: #444;
	font-weight: bold;
	display: inline-block;
	left: 33px;
}

.diffnumber.new,
.diffnumber.NEW {
	background-color: #FFEB96;
}

.diffnumber:empty {
	visibility: hidden;
}


/* Rankings - 5 Kategorien - Newsstand */

.tableWithFloatingHeader .floatingHeader.sixcol dd {
	width: 15.3% !important;
	vertical-align: top;
}

.tableWithFloatingHeader .floatingHeader.sixcol dd:first-child {
	width: 21% !important;
}

.charto.sixcol dd:first-child {
	width: 21%;
	position: relative;
	top: 6px;
	text-indent: 15px;
	text-align: left;
	font-size: 0.9em;
	padding: 5px 0 20px;
	white-space: nowrap;
	text-overflow: ellipsis;
}

.charto.sixcol dd {
	width: 15.3%;
}

.charto.sixcol .ranknumber {
	left: 70px;
}


/* Rankings - 7 Kategorien - Play Games */

.tableWithFloatingHeader .floatingHeader.sevencol dd {
	width: 12.7% !important;
	vertical-align: top;
}

.tableWithFloatingHeader .floatingHeader.sevencol dd:first-child {
	width: 21% !important;
}

.charto.sevencol dd:first-child {
	width: 21%;
	position: relative;
	top: 6px;
	text-indent: 15px;
	text-align: left;
	font-size: 0.9em;
	padding: 5px 0 20px;
	white-space: nowrap;
	text-overflow: ellipsis;
}

.charto.sevencol dd {
	width: 12.6%;
	padding-left: 10px;
}

.charto.sevencol .ranknumber {
	left: 43%;
}



/* User Area */

#subnavigation {
	clear: both;
	list-style: none;
	margin: 0;
	padding: 6px 11px 10px;
	background: #ffdddd;
	min-height: 30px;
	border-radius: 5px;
}

#subnavigation li:first-child {
	margin: 2px 10px 15px 0;
	float: left;
	font-size: 0.9em;
	width: 100px;
}

#subnavigation li {
	float: left;
	margin: 0;
	padding: 0;
}

#subnavigation li.right {
	float: right;
	font-size: 0.8em;
}

#subnavigation li.right2 {
	float: right;
	font-size: 0.8em;
}

#subnavigation li a {
	color: #003399;
	font-size: 0.82em;
	padding: 2px 6px;
	margin-right: 0.5em;
}

#subnavigation li.right a {
	color: #333;
}

#subnavigation li.right2 a {
	color: #ff0000;
}

#subnavigation a:hover {
	color: #3366cc !important;
	text-decoration: underline;
}

#subnavigation2 {
	margin-top: 10px !important;
	clear: both;
	list-style: none;
	margin: 0;
	padding: 6px 11px 10px;
	background: #ccffcc;
	min-height: 30px;
	border-radius: 5px;
}

#subnavigation2 li:first-child {
	width: 100px;
	margin: 2px 10px 15px 0;
	float: left;
	font-size: 0.9em;
}

#subnavigation2 li {
	float: left;
	margin: 0;
	padding: 0;
}

#subnavigation2 li.right {
	float: right;
	font-size: 0.8em;
}

#subnavigation2 li a {
	color: #003399;
	font-size: 0.82em;
	padding: 2px 6px;
	margin-right: 0.5em;
}

#subnavigation2 li.right a {
	color: #333;
}

#subnavigation2 a:hover {
	color: #3366cc !important;
	text-decoration: underline;
}


/* pricings */

.pricings {
	margin: 90px auto;
	display: block;
	text-align: center;
}

.pricings dd {
	display: block;
	padding: 13px 0;
	border-bottom: 1px solid #f0f3f7;
	vertical-align: middle;
}

.pricings dd:last-child {
	margin-bottom: 5px;
	border: none;
}

.pricings .box {
	display: inline-block;
	width: 280px;
	text-align: center;
	vertical-align: top;
	margin: 0 3%;
}

.pricings .box h2 {
	font-size: 1.5em;
	min-height: 50px;
	padding-top: 17px;
}

.pricings .box h3 {
	line-height: 1.5em;
	border-radius: 0 0 3px 3px;
	color: #444;
}

.pricings .box span {
	font-size: 0.9em;
	display: block;
	background: #f0f3f7;
	color: #444;
	width: 210px;
	font-size: 0.8em;
	border-radius: 3px;
	padding: 5px 0;
	margin: 10px auto 0 auto;
}

.pricings .box dd span {
	display: block;
	color: #444;
	margin-top: 8px;
}

.pricings .box h2 span {
	display: inline-block;
	font-size: 0.9em;
	color: #FFF;
	width: auto;
}

.pricings .box h2 sup {
	font-size: 0.5em;
	position: relative;
	top: 3px;
	margin-right: 0;
	color: #FFF;
	font-weight: normal;
}

.pricings .box h2 .permonth {
	display: inline-block;
	font-size: 0.7em;
	line-height: 1.5em;
	text-align: left;
	width: auto;
	color: #FFF;
	background: none;
	margin-left: 5px;
}

.pricings .box .oneeuro {
	font-weight: 400;
	display: inline-block;
	background: none;
	font-size: 4.3em;
	line-height: 1em;
	color: rgba(14, 208, 255, 1);
	font-weight: 500;
	font-family: "Arial";
	margin: -14px 0 10px -10px;
}

.pricings .box .oneeuro sup {
	font-size: 0.6em;
	position: relative;
	top: 12px;
}

.pricings .box .description {
	background: none;
	color: #888;
	width: 80%;
}

.pricings .box a {
	box-shadow: 0 0 20px #FFF;
	margin-bottom: 2px;
	display: block;
}

.pricings .box.priceOne {
	border: 1px solid #3e4758;
	border-radius: 5px;
}

.pricings .box.priceOne h2 {
	background: #3e4758;
	color: #FFF;
	border-radius: 4px;
}

.pricings .box.priceOne h3 {
	padding: 20px;
}

.pricings .box.priceTwo {
	border: 1px solid rgba(14, 208, 255, 1);
	margin-top: -43px;
	border-radius: 5px;
}

.pricings .box.priceTwo h2 {
	background: rgba(14, 208, 255, 1);
	color: #FFF;
	padding-bottom: 15px;
	border-radius: 4px;
}

.pricings .box.priceTwo h3 {
	padding: 20px;
}

.pricings .box.priceFour {
	border: 1px solid #00b279;
	border-radius: 5px;
	margin-top: -44px;
	padding-bottom: 10px;
	border-radius: 4px;
}

.pricings .box.priceFour h2 {
	background: #00b279;
	color: #fff;
	padding-bottom: 16px;
	border-radius: 4px;
}

.pricings .box.priceFour h3 {
	padding: 20px;
}

.pricings .box.priceFour .oneeuro {
	color: #00b279;
}

.pricings .box.priceThree {
	margin-top: 50px;
	border: 1px solid #444;
	border-radius: 5px;
	width: 90%;
}

.pricings .box.priceThree h2 {
	font-size: 1.3em;
	background: #444;
	color: #fff;
	display: inline-block;
	float: left;
	width: 33%;
	margin-bottom: 0;
	height: 120px;
	border-radius: 4px;
}

.pricings .box.priceThree h2 span {
	font-size: 0.8em;
	width: 83%;
	line-height: 1.5em;
}

.pricings .box.priceThree dl {
	display: inline-block;
	padding: 20px 0 0 0;
	width: 40%;
}

.pricings .box.priceThree dd {
	display: inline-block;
	border: 1px solid #DDD;
	padding: 9px;
	border-radius: 4px;
	margin: 0 4px 8px 4px;
}

.pricings .box.priceThree span {
	font-size: 1em;
	margin-top: 20px;
	width: 100%;
	background: none;
	color: #FFF;
	padding: 0;
}

.pricings .box.priceThree h3 {
	background: none;
	color: #444;
	padding: 42px 20px 0 10px;
	width: 20%;
	display: inline-block;
	float: right;
}

.pricings .box dd.noborder {
	border: none;
}

.freeplus {
	background: #3e4758 !important;
	color: #FFF !important;
}

.proplus {
	background: rgba(14, 208, 255, 1) !important;
	color: #FFF !important;
}


.pricing.container {
	margin: 0 auto;
	display: flex;
	flex-flow: row wrap;
	border: 3px solid #f0f3f7;
	border-radius: 5px;
	background: #FFF;
	border-top: none;
	width: 85%;
}

.pricingsbox {
	text-align: center;
	padding: 0 0 25px 0;
}

.pricingsbox h2 {
	font-size: 1.4em;
	margin: 30px 0 15px 0;
	font-weight: normal;
}

.pricingsbox h2 span {
	display: inline-block;
	font-size: 0.9em;
	color: #FFF;
	width: auto;
}

.pricingsbox h2 sup {
	font-size: 0.5em;
	position: relative;
	top: 3px;
	margin-right: 0;
	color: #FFF;
	font-weight: normal;
}

.pricingsbox h2 .permonth {
	display: inline-block;
	font-size: 0.7em;
	line-height: 1.5em;
	text-align: left;
	width: auto;
	color: #FFF;
	background: none;
	margin-left: 5px;
}

.pricingsbox .oneeuro {
	font-weight: 400;
	display: inline-block;
	background: none;
	font-size: 3em;
	font-weight: bold;
	line-height: 1em;
	color: rgba(14, 208, 255, 1);
	font-family: "Arial";
	margin: -14px 0 10px -10px;
}

.pricingsbox .oneeuro sup {
	font-size: 0.6em;
	position: relative;
	top: 4px;
	left: -10px;
}

.pricingsbox .per {
	display: block;
	font-size: 0.9em;
	color: #34677c;
	margin-bottom: 5px;
}

.pricingsbox.one {
	flex: 2 auto;
	text-align: left;
	border-top: 15px solid #f0f3f7;
	border-bottom: 15px solid #f0f3f7;
	border-radius: 5px 0 0 0;
}

.pricingsbox.two {
	flex: 1 auto;
	border-top: 15px solid #f0f3f7;
	border-bottom: 15px solid #f0f3f7;
}

.pricingsbox.three {
	flex: 1 auto;
	border-top: 15px solid rgba(14, 208, 255, 1);
	border-bottom: 15px solid rgba(14, 208, 255, 1);
	border-left: 1px solid rgba(14, 208, 255, 0.4);
}

.pricingsbox.four {
	flex: 1 auto;
	border-top: 15px solid #00b279;
	border-bottom: 15px solid #00b279;
	border-left: 1px solid rgba(0, 178, 121, 0.4)
}

.pricingsbox.five {
	flex: 1 auto;
	border-top: 15px solid #FB3043;
	border-bottom: 15px solid #FB3043;
	border-radius: 0 5px 0 0;
	border-left: 1px solid rgba(251, 48, 67, 0.4);
	display: none;
}

.pricingsbox dl {}

.pricingsbox dt {
	border-bottom: 1px solid #f0f3f7;
	padding: 40px 0 20px 0;
	font-size: 1.1em;
	margin-bottom: 13px;
	line-height: 1em;
}

.pricingsbox dt:first-child {
	padding-top: 25px;
}

.pricingsbox dd {
	color: #444;
	padding: 0 10px;
	font-size: 0.9em;
	height: 30px;
}

.pricingsbox dd span {
	font-size: 0.8em;
	color: #888;
	margin-left: 10px;
}

.pricingsbox dt span {
	display: block;
	font-size: 0.7em;
	color: #34677c;
	margin-top: 14px;
	line-height: 1.8em;
}

.pricingsbox.one dt {
	padding-left: 45px;
}

.pricingsbox.one dd {
	padding-left: 45px;
}


/* FAQ */

.faqbox {}

.faqbox h2 {
	border-bottom: 3px solid #4A809B;
	padding-bottom: 10px;
	background: rgba(52, 103, 124, 0.1);
	border-radius: 3px;
	padding: 7px 9px;
}

.faqbox .pro h2 {
	border-bottom: 3px solid #0ED0FF;
}

.faqbox .custom h2 {
	border-bottom: 3px solid #FFEB96;
}

.faqbox .expert h2 {
	border-bottom: 3px solid #00B279;
}

.faqbox .fifty h2 {
	border-bottom: 3px solid #FFEB96;
}

.faqbox p {
	margin-bottom: 20px;
}

.faqbox div {
	line-height: 1.5em;
	font-size: 0.9em;
}

.faqbox .faqboxy {
	height: auto;
	vertical-align: top;
	margin-top: 25px;
	border: none;
	text-align: left;
	display: inline-block;
	width: 48.5%;
	margin-right: 2.5%;
}

.faqbox .faqboxy:nth-child(2n) {
	margin-right: 0%;
}

.faqbox .faqboxy ul {
	margin-bottom: 15px;
}

.faqbox .faqboxy ul li {
	list-style-position: inside;
	margin-left: 15px;
}

.faqboxy section#multiple {
	margin-bottom: 15px;
}

.faqboxy button {
	border: none;
	padding: 5px 10px !important;
	font-family: "Arial";
	font-weight: 400;
	background: #fff;
	border-radius: 5px;
	cursor: pointer;
	font-size: 1em;
	border: 1px solid rgba(52, 103, 124, 0.6);
	color: #34677c;
	text-align: left;
	width: 100%;
}

.faqboxy button:hover {
	background: #34677c;
	color: #FFF;
}

.faqboxy article {
	padding: 19px 20px;
	background: #FFF;
	border: 1px solid rgba(52, 103, 124, 0.2);
	border-top: none;
	border-radius: 0 0 5px 5px;
}

.faqboxy a:link,
.faqboxy a:visited {
	border-bottom: 1px solid #e55757;
	box-shadow: inset 0 -3px 0 #e55757;
	text-decoration: none;
	padding: 0 2px 2px 2px;
}


/* main-body upgradeapps */

.main-body.upgradeapps .filterbar {
	margin-bottom: 15px;
}

.main-body .upgradesites .tableWithFloatingHeader .floatingHeader dl {
	border-bottom: 0;
}

.main-body .upgradesites .tableWithFloatingHeader .floatingHeader dl .appname {
	text-indent: 15px;
}

.main-body .upgradesites .charto:hover {
	background: none;
}

.main-body .upgradesites .charto input {
	border-radius: 3px;
	width: 80px;
	border: 1px solid #DDD;
	width: 70%;
	text-align: center;
}

.main-body .upgradesites dl {
	height: auto;
	vertical-align: top;
	border-bottom: 1px solid rgba(94, 160, 187, 0.2);
}

.main-body .upgradesites dd {
	height: auto;
	vertical-align: top;
	line-height: 1.4em;
	text-align: center;
	padding-left: 0;
	width: 15%;
}

.main-body .upgradesites dd:first-child {
	width: 53%;
	text-align: left !important;
	padding-right: 15px;
	line-height: 1.4em;
	white-space: nowrap;
	overflow: hidden;
	text-overflow: ellipsis;
	top: 0;
}

.main-body .upgradesites .appID {
	display: block;
	font-size: 0.8em;
	color: gray;
	margin-top: 1px;
}

.main-body.upgradeapps dd:first-child {
	width: 69%;
}

.main-body.upgradesites .charto {
	border-bottom: 0;
}

.main-body.upgradesites .charto dd {
	padding: 5px 0 7px 0;
	text-align: center;
	border-right: 0;
}

.main-body .upgradesites .charto dl.handlingFee {
	background: #e4e8ee;
}

.main-body .upgradesites .charto dl.promo {
	background: #f0f3f7;
	border-radius: 4px 4px 0 0;
	padding-top: 10px;
}

.main-body .upgradesites .charto dl.total {
	font-weight: 900;
	background: #FFF !important;
	color: #333;
	border: none;
	padding: 12px 0;
	border-top: 2px solid #3e4758;
	border-bottom: 2px solid #e4e8ee;
}

.main-body .upgradesites .charto dl.total dd {
	border: none;
}


input.singlebutton {
	min-width: 85px;
	text-align: center;
	color: #FFF;
	padding: 3px 10px;
	background: #00b279;
	cursor: pointer;
	border-radius: 4px !important;
	font-size: 1em;
	border: none !important;
}

input.singlebutton:hover {
	background: #333;
}

input.paypal {
	border: none !important;
	background: #1275ff !important;
	border-radius: 4px;
	cursor: pointer;
	line-height: 1.5em;
	color: #FFF;
	float: right;
	padding: 9px 20px;
	font-family: "Arial" !important;
	letter-spacing: 1px;
	border-bottom: 3px solid #003dc7 !important;
	font-size: 1.1em !important;
	width: 170px;
	text-align: center;
	font-weight: 500 !important;
}

input.paypal:hover {
	background: #FFEB96 !important;
	cursor: pointer;
	color: #444 !important;
	border: none;
	border-bottom: 3px solid #dfc200 !important;
}

button.stripe-button-el {
	float: left;
	padding: 0;
	background: none !important;
	border: none !important;
	position: relative;
	top: -48px;
	padding: 0 !important;
	width: 50% !important;
	box-shadow: none !important;
}

button.stripe-button-el span {
	padding: 8px 20px;
	height: auto;
	font-size: 1.1em !important;
	font-family: "Arial" !important;
	font-weight: normal;
	color: #FFF !important;
	width: 150px;
	text-align: center;
	border: none;
	background: #1275ff !important;
	border-bottom: 3px solid #003dc7;
}

button.stripe-button-el span:hover {
	background: #FFEB96 !important;
	cursor: pointer;
	color: #444 !important;
	border: none;
	border-bottom: 3px solid #dfc200;
	text-shadow: none !important;
}

button.paypal-button-el {
	background: #11559D;
	border: 1px solid #11559D;
	border-radius: 4px;
	cursor: pointer;
	height: 46px;
	font-weight: normal;
	color: #FFF;
	float: right;
	padding: 14px 15px 10px 15px;
	font-size: 0.98em;
	font-family: "Lucida Grande", "Lucida Grande", "Lucida Grande Neue", "Arial";
	letter-spacing: 1px;
}

button.paypal-button-el:disabled,
button.paypal-button-el.disabled {
	background: #f8f9fa;
	box-shadow: none;
}

button.paypal-button-el:disabled span,
button.paypal-button-el.disabled span {
	color: #999;
	background: #f8f9fa;
	text-shadow: 0 1px 0 rgba(255, 255, 255, 0.5);
}

.stripe-button-el:disabled span,
.stripe-button-el.disabled span,
button.paypal-button-el:disabled,
button.paypal-button-el.disabled {
	color: #FFF !important;
	background: #AAA !important;
	text-shadow: none !important;
	border-color: #AAA !important;
}

/* main-body extendapps */

.main-body.extendapps .filterbar {
	margin-bottom: 15px;
}

.main-body.extendapps .tableWithFloatingHeader .floatingHeader dl {
	border-bottom: 0;
}

.main-body.extendapps .tableWithFloatingHeader .floatingHeader dl .appname {
	text-indent: 15px;
}


/* main-body expert - dependency from top */

.main-body.expert .charto input {
	margin-top: -5px;
}

.main-body.expert dl {
	border: none;
}

.acceptterms {
	margin: 15px auto;
	text-align: center;
	padding: 10px;
	max-width: 800px;
}

.acceptterms input {
	margin-right: 5px;
	-webkit-appearance: checkbox;
}

.paymentbox {
	margin: 0 auto;
	text-align: center;
	max-width: 380px;
}


/* My Apps */
.description.left {
	float: left;
}


/* Submenu */

.submenu {
	padding: 0 0 0 0;
	display: block;
}

.submenu a:link,
.submenu a:visited {
	padding: 5px 10px;
	border-radius: 4px;
	background: #FFF;
	border: none;
	font-size: 0.9em;
	position: relative;
	top: -3px;
	cursor: pointer;
	border: 1px solid rgba(229, 87, 87, 0.6);
	color: #e55757;
	display: inline-block;
}

.submenu a:hover {
	background: #FFEB96;
	color: #444;
}

.submenu a.active {
	background: #e55757;
	color: #fff;
}

.submenu a.disabled {
	border: 1px solid #CCC;
	color: #AAA;
}

.submenu a:first-child {
	margin-left: 0;
}

.main-body.settings .submenu a {
	margin-right: 5px;
}

/* Strange Fix, because other submenu gives margins */


/* Subscriptions */

.main-body.subscriptions .app {
	width: 55% !important;
	text-align: left;
	text-indent: 15px;
}

.main-body.subscriptions .expires {
	text-align: center;
}

.main-body.subscriptions .remove {
	text-align: center;
}

.main-body.subscriptions .myappsList dl dd.appname {
	width: 50%;
}

.main-body.subscriptions .appexpires {
	text-align: center;
}

.main-body.subscriptions .appremove {
	text-align: right;
}


/* Review */

/* New selects */

.filterbox.superselect {}

.filterbox.superselect #countryselect_ms,
.filterbox.superselect #ratingselect_ms {}

.filterbox.superselect button {
	border: 1px solid rgba(229, 87, 87, 1) !important;
	border-radius: 4px !important;
	background: #fff;
	padding: 0.3em;
}

.superselect input[type='checkbox'] {
	display: none;
}

.main-body.rankings .filterbox.superselect select {
	width: auto !important;
	max-width: auto !important;
}

.ui-helper-reset span {
	font-weight: normal !important;
}

.ui-multiselect-menu {
	width: auto !important;
	min-width: 225px;
	box-shadow: 0 0 25px #888;
	border: none;
}

.ui-multiselect span.ui-icon {
	float: right;
	position: relative;
	top: 4px;
	left: 5px;
}

.ui-corner-all span.star {
	margin-top: 2px;
	margin-bottom: 2px;
}

.ui-multiselect-checkboxes ul {}

.ui-multiselect-checkboxes li {
	padding: 0 2px 2px 2px !important;
}

.ui-multiselect-checkboxes label input[type=checkbox] {
	/*display: none;*/
	background: #ddd;
	-webkit-appearance: none;
	-moz-appearance: none;
	display: none;
}

.ui-multiselect-checkboxes label input[type=checkbox]:checked {
	background: #000 !important;
	-webkit-appearance: none;
	-moz-appearance: none;
}


.ui-multiselect-groups {
	border: none;
}

.ui-multiselect-menu {
	padding: 0;
}

.ui-multiselect-close span {
	background: #e55757;
	position: relative;
	left: 0;
	top: -4px;
	color: #FFF;
	padding: 7px 15px 8px 15px;
	border-radius: 3px;
	border-radius: 0 3px 0 0;
}

.ui-multiselect-close span:hover {
	text-decoration: none !important;
	background: #34677c;
}

/* Firefox Fix */
@-moz-document url-prefix() {
	.ui-multiselect-close span {
		padding: 7px 15px 7px 15px;
	}
}

.ui-helper-reset {
	width: 100%;
	height: 185px !important;
}

.ui-icon.ui-icon-circle-close {
	display: none !important;
}

.ui-widget-header {
	border-radius: none;
	background: #f0f3f7;
	height: 32px;
	background: linear-gradient(to right, #34677c 0%, #3e4758 100%);
	border: 0;
}

.ui-widget-header a {
	color: #FFF;
}

.ui-multiselect-header ul li {
	padding: 2px 13px 0 13px;
}

.ui-multiselect-header li.ui-multiselect-close {
	padding: 7px 0 7px 7px;
}

.ui-multiselect-header span.ui-icon {
	top: 5px;
	margin-right: 5px;
}

.ui-multiselect-checkboxes label {
	border: none;
	border-bottom: 0 solid #ddd;
	padding: 6px 8px;
	white-space: nowrap;
	overflow: hidden;
	text-overflow: ellipsis;
	font-size: 0.9em;
}

.ui-multiselect-checkboxes label.selected {
	background: #34677c;
	color: #FFF;
	transition: background 0.3s ease;
}

.ui-multiselect-checkboxes label.selected:hover {
	background: #e55757;
}

.ui-multiselect-checkboxes label img {
	width: 24px;
	margin-right: 6px;
	border-radius: 1px;
}

.ui-multiselect-header span.ui-icon {
	display: none;
}


.ui-multiselect-filter {
	border: none;
	margin-left: 5px;
}

.ui-multiselect-filter .ui-multiselect-optgroup-label {
	color: #444;
	list-style: none;
	margin-bottom: 10px;
	border-radius: 3px 3px 0 0;
	cursor: pointer;
	background: rgba(255, 255, 255, 0.3);
}

.ui-multiselect-filter .ui-multiselect-optgroup-label:hover {}

.ui-multiselect-filter .ui-multiselect-optgroup-label span {
	font-size: 1.2em;
	padding: 5px 4px;
	display: block;
	margin-top: 4px;
}



.ui-state-active,
.ui-widget-content .ui-state-active,
.ui-widget-header .ui-state-active,
a.ui-button:active,
.ui-button:active,
.ui-button.ui-state-active:hover {
	border: none;
	background: #34677c;
}

.ui-state-hover,
.ui-widget-content .ui-state-hover,
.ui-widget-header .ui-state-hover,
.ui-state-focus,
.ui-widget-content .ui-state-focus,
.ui-widget-header .ui-state-focus,
.ui-button:hover,
.ui-button:focus {
	border: none;
	border-bottom: 0 solid #cccccc !important;
	cursor: pointer;
	background: #34677c;
	color: #FFF;
	border-radius: none;
}

/* .ui-corner-all.ui-state-hover {background: #34677c;} */


/* Multigroup left: 20% */

.ui-multiselect-menu.multigroup {
	min-width: 490px;
	/* width: 55% !important; */
	margin-right: 5%;
}

.multigroup .ui-multiselect-checkboxes {}

.multigroup .ui-multiselect-checkboxes li {
	width: 130px;
	white-space: nowrap;
	overflow: hidden;
	text-overflow: ellipsis;
	display: inline-block;
}

.multigroup .ui-multiselect-checkboxes label {
	width: auto;
	padding: 6px 5px 3px;
	font-size: 0.85em;
	display: block;
	border: 1px solid #efefef;
}

.multigroup .ui-multiselect-checkboxes label:hover {
	color: #444;
}

.multigroup .ui-multiselect-checkboxes label span {
	position: relative;
	top: -3px;
}

.multigroup .ui-multiselect-checkboxes label img {
	box-shadow: 0 0 5px #AAA;
}

.multigroup .ui-helper-reset {
	height: auto !important;
}

.multigroup .ui-multiselect-filter {
	width: 70%;
	float: none;
	display: block;
}

.multigroup .ui-multiselect-filter li {
	display: inline-block;
	margin-right: 10px;
	margin-top: 3px;
}

.multigroup .ui-multiselect-groups {
	margin-left: 0%;
	width: 100%;
	overflow: auto;
	max-height: 300px;
	padding: 0 2px 3px 2px;
}

.multigroup .ui-multiselect-checkboxes label {
	padding: 4px 6px;
}

.multigroup .ui-multiselect-optgroup-label span {
	margin-top: 0;
	border-radius: 0;
	padding: 4px 3px;
	color: #444;
}

.multigroup .ui-multiselect-optgroup-label.selected {
	background: rgba(255, 255, 255, 1);
	color: #444 !important;
}

.multigroup .ui-multiselect-optgroup-label:hover,
.multigroup .ui-multiselect-optgroup-label.selected:hover {
	background: rgba(255, 255, 255, 1);
	color: #444 !important;
}

.multigroup .ui-state-disabled {
	color: #AAA;
	cursor: default;
}

.multigroup .ui-state-disabled:hover {
	background: none;
}

.ui-widget-header.ui-corner-all.ui-multiselect-header {
	border-bottom-left-radius: 0 !important;
}

.ui-multiselect-checkall,
.ui-multiselect-checknone {
	font-size: 0.9em;
	float: right !important;
	padding-left: 0 !important;
	margin-top: -1px;
}

.ui-multiselect-checkall a,
.ui-multiselect-checknone a {
	background: rgba(0, 0, 0, 0.3);
	padding: 5px 13px;
	border-radius: 3px 3px 0 0;
	text-decoration: none;
	float: right;
}

.ui-multiselect-checkall:empty,
.ui-multiselect-checkall a span:empty,
a.ui-multiselect-checkall span:empty {
	display: none !important;
	opacity: 0;
	padding: 0;
}

.ui-multiselect-checkall a:hover,
.ui-multiselect-checknone a:hover {
	background: rgba(0, 0, 0, 0.7);
	text-decoration: none;
}


label.ui-corner-all:hover {
	background: #efefef;
	cursor: pointer;
}

label.ui-corner-all.ui-state-active {
	background: #34677c;
	color: #FFF;
	cursor: pointer;
}

label.ui-corner-all.ui-state-active:hover {
	background: #34677c;
	color: #FFF !important;
}





/* Old selects */


.filterbar select {
	float: left;
	background: #FFF;
	border: none;
	font-size: 0.93em;
	max-width: 400px;
	border: 1px solid rgba(229, 87, 87, 0.6);
	height: 32px;
	color: rgba(229, 87, 87, 1);
	margin-top: -3px;
	border-radius: 4px;
	padding-left: 3px;
}

.filterbar select option {
	padding-left: 4px;
}

.filter.apptype#country,
.filter.apptype#version,
.filter.apptype#rating {
	width: 33% !important;
}

#txtReviews {
	display: inline-block;
	float: left;
	font-size: 0.8em;
	width: 300px;
	position: relative;
	top: -40px;
}

#txtReviews .updated {
	color: #444;
}

.main-body.reviews .tableWithFloatingHeader {
	clear: both;
}

.main-body.reviews .tableWithFloatingHeader .floatingHeader {
	padding: 0;
}

.reviews .filter.full {
	height: 100px;
	text-align: left;
	padding-right: 0;
}

.reviewTable {
	margin-top: 40px;
}

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

.reviewBox dd {
	vertical-align: top;
}

.reviewBox dd {
	padding: 12px;
	font-size: 0.9em;
}

.reviewBox dd.date,
.floatingHeader dd.date {
	display: inline-block;
	width: 10% !important;
	font-size: 0.8em;
}

.reviewBox dd.review,
.floatingHeader dd.review {
	display: inline-block;
	width: 55%;
	border-radius: 3px;
}

.floatingHeader dd.review {
	border: none;
}

.reviewBox p.from {
	display: block;
	font-size: 0.9em;
	margin-bottom: 15px;
}

.reviewBox dd.flag,
.floatingHeader dd.flag {
	display: inline-block;
	width: 10%;
	text-align: center;
}

.reviewBox dd.flag img {
	border: 1px solid #f0f3f7;
	margin: 0 auto 15px auto;
	display: block;
}

.reviewBox dd.stars,
.floatingHeader dd.stars {
	display: inline-block;
	width: 13%;
	text-align: center;
}

.reviewBox dd.version,
.floatingHeader dd.version {
	display: inline-block;
	width: 0%;
	text-align: center;
}

.reviewBox dd.version {
	width: 7%;
}

.reviewBox dd.review {
	background: none;
}

.reviewBox.five {
	background: linear-gradient(135deg, #EFFCED 30%, #FFF 100%);
	border-left: 5px solid #00b279;
}

.reviewBox.four {
	background: linear-gradient(135deg, rgba(14, 208, 255, 0.1) 30%, #FFF 100%);
	border-left: 5px solid rgba(14, 208, 255, 1);
}

.reviewBox.three {
	background: linear-gradient(135deg, #f0f3f7 30%, #FFF 100%);
	border-left: 5px solid #3e4758;
}

.reviewBox.two {
	background: linear-gradient(135deg, rgba(245, 129, 37, 0.1) 30%, #FFF 100%);
	border-left: 5px solid #F58125;
}

.reviewBox.one {
	background: linear-gradient(135deg, #FCEFEF 30%, #FFF 100%);
	border-left: 5px solid #e55757;
}


.showTranslation {
	position: relative;
	font-size: 0.9em;
	cursor: pointer;
	margin-top: 20px;
}

.showTranslation:hover {
	color: #AAA;
}

.translatedReview {
	position: relative;
	margin-bottom: 20px;
	font-size: 0.9em;
	background: #6c848e;
	color: #FFF;
	padding: 15px;
	border-radius: 5px;
}

.translatedReview:empty {
	display: none;
}

.translatedReview a {
	color: #FFF;
	text-decoration: underline;
	display: inline-block;
}

.pagination {}

input.pager {
	border-radius: 4px;
	border: none;
	background: #FFF;
	cursor: pointer;
	color: #484848;
	border: 1px solid #e1e9f3;
	font-size: 0.8em;
}

input.pager:hover {
	background: #FFEB96;
	color: #444;
}

input.pager.top {
	position: relative;
}

input.pager.top.nextpage {
	float: right;
}

input.pager.top.backpage {
	float: left;
}

.statsblock {}

.reviewlang {
	font-size: 0.9em;
	text-align: left;
	float: right;
	width: auto;
}

.reviewlang a:link,
.reviewlang a:visited {
	display: block;
	border-radius: 4px;
	border: none;
	background: #FFF;
	border: 1px solid rgba(229, 87, 87, 0.6);
	cursor: pointer;
	padding: 6px 12px;
	color: #e55757;
	position: relative;
	top: 40px;
}

.reviewlang a:hover {
	background: #FFEB96;
	color: #444;
}

.reviewbars {
	padding: 10px;
	width: 30%;
	display: inline-block;
	margin-top: 20px;
	border-radius: 5px;
	background: linear-gradient(135deg, #f0f3f7 0%, #e1e9f3 100%);
	margin-bottom: 10px;
	vertical-align: top;
	float: left;
}

.reviewbars .meter {
	width: 100%;
	height: 22px;
	/* Can be anything */
	position: relative;
	background: linear-gradient(to right, rgba(255, 255, 255, 0.8) 0%, rgba(255, 255, 255, 0) 100%);
	border-radius: 4px;
	padding: 0;
	margin-bottom: 5px;
	border: 0 solid rgba(255, 255, 255, 1);
	z-index: 999;
}

.reviewbars .meter>span {
	display: inline-block;
	height: 100%;
	height: 22px;
	border-radius: 8px;
	position: relative;
	overflow: hidden;
	border-radius: 4px;
	color: #FFF;
	font-size: 0.8em;
	padding: 3px 0 0 5px;
}

.reviewbars .meter>span.green {
	background-color: #00b279;
	background: linear-gradient(to right, #00b279 0%, 50%, #9ecb2d 100%);
}

.reviewbars .meter>span.orange {
	background: #F58125;
	background: linear-gradient(to right, #F58125 0%, 50%, #f5c825 100%);
}

.reviewbars .meter>span.red {
	background: #e55757;
	background: linear-gradient(to right, #e55757 0%, 50%, #f9b08d 100%);
}

.reviewbars .meter>span.blue {
	background: #3e4758;
	background: linear-gradient(to right, #3e4758 0%, 50%, #788190 100%);
}

.reviewbars .meter>span.brightblue {
	background: rgba(14, 208, 255, 1);
	background: linear-gradient(to right, rgba(14, 208, 255, 1) 0%, 50%, rgb(134, 249, 255) 100%);
}

.reviewbars .meter:last-child {
	margin-bottom: 0;
}

.reviewbars .meter>span.outside {
	color: #444;
	margin-left: 5px;
}

.ratingStarContainer {
	width: 29%;
	display: inline-block;
	z-index: 10;
	position: absolute;
	right: 0;
	min-width: 100px;
}

.reviewbars .meter .ratingStar {
	float: right;
	z-index: 1000;
	position: relative;
	top: 1px;
	right: 0;
	background-color: transparent;
	margin-right: 2px;
}

.rankings .stats {
	width: 25%;
	text-align: left;
	display: inline-block;
	margin: 20px 0 0 35px;
}

.rankings .stats p {
	display: block;
	font-size: 0.9em;
	padding: 7px 0;
}

.rankings .stats span {
	display: inline-block;
	margin-right: 15px;
	border-radius: 4px;
	font-size: 0.9em;
	font-weight: 700;
	width: 50px;
	text-align: center;
}

.filterreviewsby {
	width: 38%;
	text-align: left;
	display: inline-block;
	margin: 20px 0 0 35px;
	vertical-align: top;
	display: none;
}

.filterreviewsby button {
	padding: 5px 9px;
	border-radius: 4px;
	background: #FFF;
	border: none;
	font-size: 0.9em;
	position: relative;
	top: -3px;
	cursor: pointer;
	border: 1px solid rgba(229, 87, 87, 0.6);
	color: #e55757;
	margin: 0 0 5px 5px;
}

.filterreviewsby button.selected {
	background: rgba(229, 87, 87, 1);
	color: #FFF;
}

.filterreviewsby button.green {
	border-color: #00b279;
	color: #00b279;
}


/* Keywords */

.scrollcontainer {
	width: 100%;
}

.scrollcontainer.chart {
	box-shadow: none;
	background: transparent;
	border-radius: none;
}

.scrollcontainer.chart dd {
	background: #FFF;
	box-shadow: 0 0 10px rgba(94, 160, 187, 0.2);
	border-radius: 4px;
	padding: 5px;
}


.tableWithFloatingHeader.keywords,
.tableWithFloatingHeader.keywords .floatingHeader {
	background: #FFF !important;
}

.tableWithFloatingHeader.keywords .floatingHeader dd:first-child {
	width: 17.2%;
	text-align: left;
	text-indent: 15px;
}

.tableWithFloatingHeader.keywords .floatingHeader dd:nth-child(2) {
	width: 12.6%;
}

.tableWithFloatingHeader.keywords .floatingHeader dd {
	margin-right: 8px;
	width: 10.8%;
	vertical-align: top;
	text-align: center;
	background: #FFF;
}

.tableWithFloatingHeader.keywords .floatingHeader dd:nth-child(7) {
	margin-right: 0;
}

.filter.apptype button#otherwords {
	float: right;
	border-radius: 4px;
}

.tableWithFloatingHeader.keywords .ranking .rankedin {
	font-size: 0.85em;
	margin: -2px 0 5px 0;
	width: 100%;
	text-align: center;
}

.tableWithFloatingHeader.keywords dd:nth-child(2) .ranking .rank {
	width: 100%;
	font-size: 0.8em;
	text-align: center;
}

.tableWithFloatingHeader.keywords .ranking .rank span {
	display: inline-block;
	padding: 1px 2px;
	margin-right: 3px;
	border-radius: 4px;
	color: #FFF;
	font-size: 0.95em;
}

.tableWithFloatingHeader.keywords .ranking .rank .high {
	background: #00b279;
}

.tableWithFloatingHeader.keywords .ranking .rank .low {
	background: #e55757;
}

.tableWithFloatingHeader.keywords .ranking .rank .avg {
	background: #EEE;
	color: #333;
}

.tableWithFloatingHeader.keywords .ranking .totalapps {
	font-size: 0.7em;
	color: #444;
	text-align: center;
	width: 100%;
	position: relative;
	top: 1px;
}

.tableWithFloatingHeader.keywords .ranking .traffic {
	font-size: 0.8em;
	color: #444;
	text-align: left;
	width: 100%;
	position: relative;
	top: -4px;
}

.tableWithFloatingHeader.keywords .rankinf:hover .totalapps {
	color: #FFF;
}

.tableWithFloatingHeader.keywordperformance {}

.tableWithFloatingHeader.keywordperformance dl {
	height: 35px;
}

.tableWithFloatingHeader.keywordperformance .country {
	text-align: center;
	width: 50% !important;
	top: 0 !important;
}

.tableWithFloatingHeader.keywordperformance .rank {
	text-align: center;
	width: 50% !important;
	top: 0;
}


/* Keyword Country Performance */

.tableWithFloatingHeader.keywordperformance {}

.charto.col.keywordperformance {}


/* Top Bar */
.tableWithFloatingHeader.keywords .country {
	background: #3e4758;
	color: #FFF;
	border-radius: 3px;
	padding: 6px 0;
	margin-bottom: 10px;
	white-space: nowrap;
	overflow: hidden;
	text-overflow: ellipsis;
}

/* Keywords */

.tableWithFloatingHeader.keywords .keyword,
.tableWithFloatingHeader.keywords .ranking {
	color: #555;
	text-align: left;
	padding: 10px 0;
	height: 54px;
	border-bottom: 1px solid rgba(94, 160, 187, 0.2);
	position: relative;
}

.tableWithFloatingHeader.keywords .keyword {
	text-indent: 15px;
	white-space: nowrap;
	overflow: hidden;
	text-overflow: ellipsis;
	padding-right: 22px;
	font-size: 0.9em;
}

.tableWithFloatingHeader.keywords .keyword span.openChart {
	display: inline-block;
	font-weight: bold;
	font-size: 0.9em;
	padding: 0 4px 2px 4px;
	text-align: center;
	position: absolute;
	text-indent: 0;
	right: 5px;
}

.tableWithFloatingHeader.keywords .keyword span:hover {
	cursor: -webkit-zoom-in;
	color: rgba(77, 87, 109, 0.5);
}

.tableWithFloatingHeader.keywords .keyword span.addKeywordPlus {
	border: 1px solid rgba(229, 87, 87, 0.6);
	border-radius: 200px;
	color: #e55757;
	padding: 0 4px 2px 4px;
	font-size: 1em;
	font-weight: bold;
	margin-left: 2px;
	margin-left: -15px;
	margin-right: 9px;
	position: relative;
	top: -1px;
}

.tableWithFloatingHeader.keywords .keyword span.addKeywordPlus:hover {
	border: 1px solid #4d576d;
	color: #4d576d;
	cursor: -webkit-zoom-in;
}

.tableWithFloatingHeader.keywords .ranking {
	position: relative;
	background-position: 0 12px;
	background-image: url('data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAA8AAAAICAYAAAFR1JVkAAAAGXRFWHRTb2Z0d2FyZQBBZG9iZSBJbWFnZVJlYWR5ccllPAAAAyZpVFh0WE1MOmNvbS5hZG9iZS54bXAAAAAAADw/eHBhY2tldCBiZWdpbj0i77u/IiBpZD0iVzVNME1wQ2VoaUh6cmVTek5UY3prYzlkIj8+IDx4OnhtcG1ldGEgeG1sbnM6eD0iYWRvYmU6bnM6bWV0YS8iIHg6eG1wdGs9IkFkb2JlIFhNUCBDb3JlIDUuNi1jMTExIDc5LjE1ODMyNSwgMjAxNS8wOS8xMC0wMToxMDoyMCAgICAgICAgIj4gPHJkZjpSREYgeG1sbnM6cmRmPSJodHRwOi8vd3d3LnczLm9yZy8xOTk5LzAyLzIyLXJkZi1zeW50YXgtbnMjIj4gPHJkZjpEZXNjcmlwdGlvbiByZGY6YWJvdXQ9IiIgeG1sbnM6eG1wPSJodHRwOi8vbnMuYWRvYmUuY29tL3hhcC8xLjAvIiB4bWxuczp4bXBNTT0iaHR0cDovL25zLmFkb2JlLmNvbS94YXAvMS4wL21tLyIgeG1sbnM6c3RSZWY9Imh0dHA6Ly9ucy5hZG9iZS5jb20veGFwLzEuMC9zVHlwZS9SZXNvdXJjZVJlZiMiIHhtcDpDcmVhdG9yVG9vbD0iQWRvYmUgUGhvdG9zaG9wIENDIDIwMTUgTWFjaW50b3NoIiB4bXBNTTpJbnN0YW5jZUlEPSJ4bXAuaWlkOjY0RkI0RjBBNjNERDExRTY4NTRCRDBFNzVFRjk5NjBEIiB4bXBNTTpEb2N1bWVudElEPSJ4bXAuZGlkOjY0RkI0RjBCNjNERDExRTY4NTRCRDBFNzVFRjk5NjBEIj4gPHhtcE1NOkRlcml2ZWRGcm9tIHN0UmVmOmluc3RhbmNlSUQ9InhtcC5paWQ6NjRGQjRGMDg2M0REMTFFNjg1NEJEMEU3NUVGOTk2MEQiIHN0UmVmOmRvY3VtZW50SUQ9InhtcC5kaWQ6NjRGQjRGMDk2M0REMTFFNjg1NEJEMEU3NUVGOTk2MEQiLz4gPC9yZGY6RGVzY3JpcHRpb24+IDwvcmRmOlJERj4gPC94OnhtcG1ldGE+IDw/eHBhY2tldCBlbmQ9InIiPz6+6VhDAAAAiUlEQVR42mIsKCgIYGBg2AAQQIxABgMIAAQQA4jx//9/OAYIIEaYEgYYQFcBEEAwFQwoqpAACxC7AvFfqIKZ6AoAAghkwiQgnYdNNxMDHsAC09Xf349VEmRXemFhIYadAAHGArRzKlTRTyS7ZzIQAUCaspEFoNanE6MZFl5OQLwPV5jhAkwMFAAAVBIwh1DHY8gAAAAASUVORK5CYII=');
	background-repeat: no-repeat;
	background-position: 0 14px;
}

.disc {
	padding: 12px 10px 10px 10px !important;
	height: 40px !important;
}

.disc h2 {
	color: #484848;
	margin: 0;
	font-size: 1em;
	left: 4px;
	position: relative;
}

.closeChart {
	height: 10px;
	float: right;
	position: relative;
	top: -30px;
}

.closeChart.open {
	width: 0;
	height: 0;
	border-style: solid;
	border-width: 12px 10px 0 10px;
	border-color: #34677c transparent transparent transparent;
	position: relative;
	top: -13px;
	border-radius: 3px;
	right: 6px;
}

.closeChart.close {
	width: 0;
	height: 0;
	border-style: solid;
	border-width: 0 10px 12px 10px;
	border-color: transparent transparent #FFF transparent;
	position: relative;
	top: -32px;
	border-radius: 3px;
	right: 6px;
}

.tableWithFloatingHeader.keywords .keyword.saved,
.diffbox.saved {
	text-indent: 11px;
	border-left: 4px solid #e55757;
	background: none;
	font-size: 0.9em;
	border-bottom: 0 solid #DDD;
	background: #FFF !important;
	border-radius: 0;
	padding: 5px 10px 0 0;
}

.diffbox.saved {
	border-bottom: 1px solid rgba(94, 160, 187, 0.2);
	color: #555;
	text-align: left;
	padding: 5px 0;
	height: 25px;
	font-size: 0.8em;
}

.diffbox.inapptitle {
	border-left: 4px solid #3e4758;
	border-radius: 2px;
	display: inline-block;
}

.keywordcompare .dd-selected {
	height: 70px;
}

.tableWithFloatingHeader.keywords .ranking .rank {
	width: 100%;
	text-align: center;
	display: inline-block;
	position: relative;
	top: -1px;
	z-index: 1;
}

.tableWithFloatingHeader.keywords .ranking .diffnumber {
	z-index: 0;
	padding: 2px 8px;
	border-radius: 4px;
	display: inline-block;
	position: absolute;
	text-indent: 0;
	top: 7px;
	text-indent: 0;
	right: 5px;
	text-align: right;
	background: linear-gradient(90deg, transparent 0%, transparent 50%, #e1e9f3 100%);
}

.tableWithFloatingHeader.keywords .ranking .diffnumber.empty {
	z-index: 0;
	padding: 2px 8px;
	border-radius: 4px;
	display: inline-block;
	position: absolute;
	text-indent: 0;
	top: 7px;
	text-indent: 0;
	right: 5px;
	text-align: right;
	background: #FFF;
}

.tableWithFloatingHeader.keywords .ranking .diffnumber.compare {
	color: #FFF;
	background: linear-gradient(90deg, transparent 0%, transparent 50%, #e55757 100%);
}

#tabs .legend {}

.legend.diffbox {
	margin: 15px 15px 0 0;
	background: linear-gradient(90deg, #FFF 0%, transparent 50%, #e1e9f3 100%);
}

.diffbox {
	background: #f0f3f7;
	padding: 4px 8px;
	border-radius: 4px;
	display: inline-block;
	font-size: 0.8em;
}

.diffbox.compare {
	background: #e55757;
	color: #FFF;
}


/* Ajaxified */
.tableWithFloatingHeader.keywords div dl dd.visible {
	display: inline-block;
}

.tableWithFloatingHeader.keywords div dl dd.hidden {
	display: none;
}

/* Keywords Compare */

.keywordcompare #showappcompare {
	width: 100% !important;
	/* max-width: 500px; display: inline-block; margin-right: 20px; margin-bottom: 20px; Obsolte */
}

.keywordcompare #showappcompare .dd-select {
	height: 45px;
	width: 100% !important;
	margin-bottom: 10px;
}

.keywordcompare #showappcompare .dd-options {
	width: 100% !important;
}

.keywordcompare #showappcompare .dd-selected-text {
	left: 10px;
	line-height: 2em;
}

.keywordcompare #showappcompare .dd-selected-description-truncated {
	font-size: 0.7em;
	display: none;
}

.keywordcompare #showappcompare .dd-selected-image {
	max-width: 25px !important;
	border-radius: 5px;
}

.keywordcompare #showappcompare .dd-pointer-down {
	border: solid 10px transparent !important;
	border-top: solid 12px rgba(52, 103, 124, 0.7) !important;
	margin-right: 3px;
}

.keywordcompare #showappcompare .dd-option-text {
	font-size: 0.9em;
}

.keywordcompare #showappcompare .dd-options li:first-child {
	display: none;
}

.keywordcompare .dd-options {
	padding-top: 10px;
	margin-top: -9px;
}

.keywordcompare .dd-options li {
	width: 72px;
}

.keywordcompare .dd-options li a:hover {
	border-radius: 5px;
}

.keywordcompare #showappcompare .dd-option-text {
	display: none;
}

.keywordcompare .dd-options .dd-option-description.dd-desc {
	display: none;
}

.keywordcompare .dd-options .appBadge2.itunes,
.keywordcompare .appBadge2.play {
	left: 0;
	position: relative;
	top: -57px !important;
}

.keywordcompare button.compare {
	display: inline-block;
	padding: 8px 13px 8px 13px;
	font-size: 1.1em;
	border: 2px solid #e4e8ee;
	border-radius: 4px;
	background: #f0f3f7;
	vertical-align: top;
	float: right;
}

.keywordcompare button.compare:hover {
	background: #FFEB96;
	cursor: pointer;
}

#chartdiv {
	margin-top: 10px;
}


/* Keyword Suggestions Popup */

.tableWithFloatingHeader.keywords .keyword {
	cursor: pointer;
	transition: background 0.3s ease;
}

.tableWithFloatingHeader.keywords .keyword:hover {
	background: #FFEB96;
	border-radius: 4px;
}

.tableWithFloatingHeader.keywords .ranking {
	cursor: pointer;
	transition: background 0.3s ease;
}

.tableWithFloatingHeader.keywords .ranking:hover {
	background-color: #FFEB96;
	border-radius: 4px;
}

.fancybox-skin.keywordsuggestions {
	max-height: 800px;
}

.whichKeyword {
	margin: 0 !important;
	font-size: 0.8em;
	color: #57627b;
	/* color: #444; */
	display: inline-block;
	width: 50%;
}

.whichCountry {
	margin: 0 !important;
	font-size: 0.8em;
	color: #57627b;
	/* color: 444;*/
	display: inline-block;
	width: 50%;
}

.whichCountry .value,
.whichKeyword .value {
	font-weight: bold;
	font-size: 1.2em;
	color: #444;
}

#myappscroll {
	overflow-y: scroll;
	font-family: Arial;
	font-weight: 400;
	font-size: 1.1em;
}

#myappscroll.chart {
	box-shadow: none;
}

#myappscroll .charto:hover {
	background: none;
}

#myappscroll .charto dl:hover {
	background: #FFEB96;
}

#myappscroll .charto dl dd a.title:link,
#myappscroll .charto dl dd a.title:visited {
	margin-top: 2px;
}

.tableWithFloatingHeader.keywordsuggestions .floatingHeader {
	margin-bottom: 10px;
}

.tableWithFloatingHeader.keywordsuggestions .floatingHeader .appname {
	text-indent: 19px;
	text-align: left;
	width: 29%;
}

.keywordsuggestions .chart {
	overflow-y: scroll;
	border: none;
	overflow-y: scroll;
	max-height: 750px;
}

.keywordsuggestions .charto dl {
	height: 45px;
	border-bottom: 1px solid rgba(94, 160, 187, 0.2);
	padding-bottom: 50px;
}

.keywordsuggestions .charto dd {
	font-size: 0.9em;
	padding-left: 0;
	border-right: 0;
	margin-bottom: 0;
}

.keywordsuggestions dd:first-child {
	width: 6%;
	text-align: right;
	top: 5px;
}

.keywordsuggestions dd.appname {
	width: 33%;
}

.keywordsuggestions dd.appname .publisher {
	display: block;
	font-size: 0.8em;
	color: gray;
	margin-top: 1px;
}

.keywordsuggestions dd.category {
	width: 19%;
	font-size: 0.7em;
	top: 5px;
}

.keywordsuggestions dd.downloads,
.keywordsuggestions dd.grossings {
	width: 21%;
	font-size: 0.7em;
	top: 4px;
}

.keywordsuggestions dd .ranknumber {
	font-size: 1.2em;
	background: #f0f3f7;
	text-align: center;
	padding: 7px 10px;
	width: auto;
	left: 0;
	top: 1px;
	border-radius: 4px;
	margin-right: 10px;
}

.keywordsuggestions .charto a:link,
.keywordsuggestions .charto a:visited {
	left: 15px;
	top: 0;
	width: 88%;
}

.keywordsuggestions .myapp {
	background: rgba(229, 87, 87, 0.2);
}

/* Keywordsettings */

#keywordsbytag {
	margin-top: 10px;
}

#keywordsbytag input {
	margin-right: 5px;
}

#keywordsbytag input.text {
	margin-right: 20px;
	width: 77%;
	text-align: center;
	border-radius: 5px;
	border-width: 1px 1px 2px;
	border-style: solid;
	border-color: rgb(187, 187, 187);
	border-image: initial;
	border-bottom: 2px solid rgb(187, 187, 187);
	padding: 10px;
}

.keywordsleft {
	font-family: "Arial";
	font-size: 1.5em;
	line-height: 2.5em;
	font-weight: 300;
	color: #34677c;
	margin-bottom: 0;
	margin-top: -20px;
}

.keywordsettings.myappsList .charti {
	cursor: auto;
}

.keywordsettings.myappsList dl {
	border-bottom: 1px solid rgba(94, 160, 187, 0.2);
	padding-bottom: 9px;
	padding-top: 12px;
}

.keywordsettings.myappsList dl dd {}

.keywordsettings.myappsList dl dd.appname {
	width: 54%;
	padding-top: 10px;
}

.keywordsettings.myappsList dl dd.appname .appID {
	color: rgba(52, 103, 124, 0.7);
	display: inline-block;
	margin: 0 0 0 0;
	vertical-align: top;
}

.keywordsettings.myappsList dl dd.appname .sellerName {
	font-size: 0.8em;
	color: rgba(52, 103, 124, 0.7);
	vertical-align: top;
}

.keywordsettings.myappsList dl dd.keywordfield {
	width: 34%;
	padding-top: 10px;
}

.keywordsettings.myappsList dl dd.keywordfield input.text {
	margin-right: 20px;
	border-radius: 5px;
	border: 1px solid #BBB;
	width: 77%;
	text-align: center;
	border-bottom: 2px solid #BBB;
	padding: 10px;
}

.keywordsettings.myappsList dl dd.keywordlist {
	width: 100%;
	padding: 0 0 6px 7.3%;
}

.keywordsettings .add {
	color: #00b279;
	background: #FFF;
	border: 1px solid #00b279;
	font-size: 1em;
	margin-top: 1px;
}

.keywordsettings .add:hover {
	background: #00b279 !important;
	color: #fff !important;
	border: 1px solid #00b279;
}

.keywordsettings .remove {
	color: #fff;
	background: #444;
	border: 1px solid #444;
	font-size: 1em;
	margin-top: 1px;
	font-size: 0.85em;
	padding: 5px 10px 5px 10px;
	margin: 5px 5px 0 0;
	border-radius: 3px;
}

.keywordsettings .remove:hover {
	background: #FFEB96 !important;
	color: #444 !important;
	border: 1px solid #FFEB96;
}

.keywordsettings .keywordlist .btn_more {
	padding: 3px 8px;
	border-radius: 3px;
	background: rgba(255, 255, 255, 0.2);
}

.keywordsettings .keywordlist .btn_less {
	padding: 3px 8px;
	border-radius: 3px;
	background: rgba(255, 255, 255, 0.1);
}


.keywordTag {
	border-radius: 3px;
	background: #FFF;
	padding: 6px 7px 4px 10px;
	margin: 5px 5px 0 0;
	display: inline-block;
	font-size: 0.8em;
	border: 1px solid #34677c;
	color: #34677c;
}

.keywordTag:hover {
	border: 1px solid #34677c;
	color: #FFF;
	background: #34677c;
}

.keywordTagdelete {
	border-radius: 3px;
	background: #34677c;
	padding: 4px 7px 4px 7px;
	margin: 5px 5px 0 0;
	display: inline-block;
	font-size: 0.8em;
}

.deleteKeyword {
	float: right;
	cursor: pointer;
	border-radius: 2px;
	background: #FFF;
	margin-left: 7px;
	width: 20px;
	margin-top: -2px;
	text-align: center;
	font-weight: bold;
	font-size: 1.2em;
	border-radius: 100px;
	padding: 2px;
	color: #e55757;
}

.keywordTag .close-x {
	stroke: #34677c;
	fill: transparent;
	stroke-linecap: round;
	stroke-width: 5;
}

.keywordTag .close-x:hover {
	background: none;
}

.keywordTag .deleteKeyword:hover .close-x {
	color: #FFF !important;
}


/* Keyword Competitor */

.keywordCompetitor {}

.keywordCompetitor .leftish {
	float: left;
	width: 27%;
	margin-right: 0%;
	display: inline-block;
}

.keywordCompetitor .leftish:empty {
	display: none;
}

.keywordCompetitor h2 {
	font-family: "Arial";
	font-size: 1.5em;
	line-height: 1.3em;
	font-weight: 300;
	color: #34677c;
}

.keywordCompetitor .category {
	text-align: center;
	padding: 10px;
	font-size: 0.75em;
	background: rgba(255, 255, 255, 0.5);
	color: #484848;
	border-radius: 5px;
	margin-bottom: 15px;
	color: gray;
	width: 49%;
	display: inline-block;
}

.keywordCompetitor .category:empty {
	display: none;
}

.keywordCompetitor .category .free {}

.keywordCompetitor .category .grossing {}

.keywordCompetitor .category .current {
	display: block;
}

.keywordCompetitor .category .ranknumber {
	font-size: 1.2em;
	display: block;
	color: #484848;
	margin-bottom: 8px;
}

.keywordCompetitor .competitorList .category {
	background: rgba(0, 0, 0, 0.05);
	width: 49%;
	display: inline-block;
	vertical-align: top;
}

.keywordCompetitor .competitorList .leftish {
	width: 100%;
	display: block;
}

.keywordCompetitor .competitorList .category strong {
	display: block;
}

.keywordCompetitor .myList {
	margin: 20px 0 20px 0;
	text-align: center;
}

.keywordCompetitor .myList .appkeywords {
	font-size: 0.85em;
	width: 70%;
	display: inline-block;
	text-align: left;
	margin-bottom: 25px;
}

.keywordCompetitor.keywordSpy .myList .appkeywords {
	width: 100%;
}

.keywordCompetitor .myList .appkeywords.listred {
	width: 100%;
}

.keywordCompetitor .myList .appkeywords .keywordrank {
	color: #484848;
}

.keywordCompetitor .myList .appkeywords .tag.green {
	color: #00b279;
}

.keywordCompetitor .myList .appkeywords .tag.yellow {
	color: #F58125;
}

.keywordCompetitor .myList .appkeywords .tag.red {
	color: #DC143C;
}

.keywordCompetitor .myList .appkeywords .tag:hover {
	color: #FFF;
	border: 1px solid rgba(52, 103, 124, 0.01);
}


.keywordCompetitor .competitorList {}

.keywordCompetitor .competitorList dd {
	display: inline-block;
	text-align: left;
}

.keywordCompetitor .competitorList .floatingHeader {
	font-size: 0.9em;
}

.keywordCompetitor .competitorList .floatingHeader dd:first-child {
	padding-left: 8px;
	width: 28.3%;
}

.keywordCompetitor .listItem {
	padding: 10px;
	text-align: left;
}

.keywordCompetitor dl.chart.listItem {
	margin-bottom: 20px;
}

.keywordCompetitor .listItem dd {
	vertical-align: top;
}

.keywordCompetitor .listItem dd:first-child {
	padding-right: 20px;
	display: inline-block;
}

.keywordCompetitor .listItem .addRemove {
	margin-bottom: 20px;
}

.keywordCompetitor .listItem .appname {
	width: 28%;
}

.keywordCompetitor .listItem .appname .appicon {
	width: 80px;
	display: inline-block;
	float: left;
	margin-bottom: 20px;
}

.keywordCompetitor .listItem .appname .appicon img {
	border-radius: 13px;
	box-shadow: 0 0 15px #BBB;
}

.keywordCompetitor .listItem .appname .apptitle {
	font-size: 1em;
	line-height: 1.3em;
	margin-bottom: 5px;
	display: block;
	white-space: nowrap;
	overflow: hidden;
	text-overflow: ellipsis;
}

.keywordCompetitor .listItem .appname .appID {
	font-size: 0.7em;
	line-height: 1.5em;
	color: rgba(52, 103, 124, 0.7);
	display: block;
	white-space: nowrap;
	overflow: hidden;
	text-overflow: ellipsis;
	margin-bottom: 20px;
}

.keywordCompetitor .listItem .appname .addRemove {
	text-align: center;
	display: inline-block;
	font-size: 0.8em;
	margin-top: 1px;
	border-radius: 4px;
	padding: 5px 12px 4px;
	border: none;
	font-weight: normal;
	float: left;
	cursor: pointer;
}

.keywordCompetitor .listItem .appname .addRemove.add {
	color: #00b279;
	background: #FFF;
	border: 1px solid #00b279;
}

.keywordCompetitor .listItem .appname .addRemove.add:hover {
	background: #00b279;
	color: #fff;
	border: 1px solid #00b279;
}

.keywordCompetitor .listItem .appname .addRemove.remove {
	color: #333;
	background: #fff;
	border: 1px solid #333;
}

.keywordCompetitor .listItem .appname .addRemove.remove:hover {
	background: #333;
	color: #fff;
	border: 1px solid #333;
}

.keywordCompetitor .tag {
	border-radius: 3px;
	margin: 0 5px 5px 0;
	padding: 0px 8px;
	display: inline-block;
	line-height: 1.8em;
	border-right: none;
	border: 1px solid rgba(0, 0, 0, 0.1);
	background: #FFF;
}

.keywordCompetitor .tag:hover {
	background: rgba(52, 103, 124, 0.7);
	border: none;
	cursor: pointer;
	color: #FFF;
}

.keywordCompetitor .tag .keywordrank {
	margin-left: 8px;
	font-size: 0.9em;
}

.keywordCompetitor .tag:hover .keywordrank {
	color: #FFF;
}

.keywordCompetitor .tag .keywordcountothers {
	display: block;
	font-size: 0.8em;
	color: rgba(52, 103, 124, 0.7);
	margin-top: -6px;
}

.keywordCompetitor .tag:hover .keywordcountothers {
	color: #FFF;
}


.keywordCompetitor .listItem .appkeywords {
	width: 71%;
	font-size: 0.85em;
	display: inline-block;
}

.keywordCompetitor .listItem .appkeywords .line {
	border-bottom: 1px solid #efefef;
	visibility: hidden;
	height: 15px;
}

.keywordCompetitor .listItem .appkeywords .notkeyword {
	color: rgba(52, 103, 124, 1);
	/* border-right: none; */
	border-radius: 3px;
	margin: 0 5px 5px 0;
}

.keywordCompetitor .listItem .appkeywords .notkeyword:hover {
	border: 1px solid rgba(0, 0, 0, 0.1);
	color: #FFF;
}

.keywordCompetitor .listItem .appkeywords .plus {
	background: #34677c;
	color: #FFF;
	margin: 0 5px 5px 0;
	padding: 5px 7px 6px;
	border-radius: 0 3px 3px 0;
	font-weight: 700;
	cursor: pointer;
}

.keywordCompetitor .listItem .appkeywords .plus:hover {
	background: #333;
	color: #FFF;
}

.keywordCompetitor .listItem .appkeywords .samekeyword {
	color: #FFF;
	border: 1px solid rgba(0, 0, 0, 0.1);
}

.keywordCompetitor .listItem .appkeywords .samekeyword:hover {
	color: #FFF;
	border: 1px solid rgba(52, 103, 124, 1);
	background: rgba(52, 103, 124, 1);
}

.keywordCompetitor .listItem .appkeywords .samekeywordworse {
	color: rgba(229, 87, 87, 1);
	border: 1px solid rgba(0, 0, 0, 0.1);
	margin: 0 5px 5px 0;
}

.keywordCompetitor .listItem .appkeywords .samekeywordworse:hover {
	background: rgba(229, 87, 87, 1);
	color: #FFF;
	border: 1px solid rgba(229, 87, 87, 1);
}

.keywordCompetitor .listItem .appkeywords .samekeywordbetter {
	color: rgba(63, 165, 255, 1);
	border: 1px solid rgba(0, 0, 0, 0.1);
	margin: 0 5px 5px 0;
}

.keywordCompetitor .listItem .appkeywords .samekeywordbetter:hover {
	background: rgba(63, 165, 255, 1);
	color: #FFF;
	border: 1px solid rgba(63, 165, 255, 1);
}

.keywordCompetitor .tag.notkeyword:hover span,
.keywordCompetitor .listItem .appkeywords .samekeywordworse:hover span,
.keywordCompetitor .listItem .appkeywords .samekeywordbetter:hover span {
	color: #FFF;
}

.keywordCompetitor .listItem .appkeywords .keywordrank {
	color: #484848;
	font-size: 0.9em;
	margin-left: 3px;
}

.keywordCompetitor .listItem .appkeywords .keywordrank.better {}

.keywordCompetitor .listItem .appkeywords .keywordrank.worse {}

.keywordCompetitor .listItem .appkeywords h3.sectiontitle {
	font-size: 0.8em;
	line-height: 2em;
	color: rgba(52, 103, 124, 0.7);
	display: block;
	padding-left: 0px;
	font-weight: 400;
	margin-bottom: 8px;
}

.keywordCompetitor .listItem .appkeywords h3.sectiontitle span {
	font-weight: 700;
	padding: 0;
	margin-right: 0;
}


/* Stats */

.stats .arrow {
	background: none;
}

.stats .diffnumber {
	width: 65px;
	border-radius: 3px;
	padding: 3px 8px 2px 2px;
	left: 15px;
	top: 8px;
}

.stats .charto a:link,
.stats .charto a:visited {
	left: 50px;
}


.stats .charto a.tooltip strong {
	line-height: 25px;
}

.stats .charto a.tooltip:hover {
	text-decoration: none;
	border-radius: 5px;
}

.stats .charto a.tooltip div {
	border-radius: 4px;
	display: none;
}

.stats .charto a.tooltip:hover div {
	background: #FFF;
	display: block;
	z-index: 1000 !important;
	height: 100px;
	border-radius: 4px !important;
	width: 380px !important;
	background: #FFF;
	padding: 3px 3px 3px 15px;
	margin-left: 48px;
	box-shadow: 0 0 5px #CCC !important;
	overflow: auto;
	text-overflow: inherit;
	margin-left: 48px;
}

.stats .charto a.tooltip:hover div img {
	width: 50px;
	border-radius: 5px 0 0 5px;
}

.stats .charto .callout {
	z-index: 1000;
	position: absolute;
	border: 0;
	left: 0;
}

.appPopOver {
	background: #FFF !important;
	font-size: 0.9em;
	width: 400px;
	box-shadow: none;
	margin-left: -30px;
}



.stats .charto.newcomers dl {
	height: 50px;
}

.stats .charto.newcomers dd {
	height: 50px;
	padding: 12px 0 3px;
	vertical-align: top;
}

.stats .charto.newcomers dd:first-child,
.floatingHeader.newcomers dd:first-child {
	display: none;
}

.stats .charto.newcomers a:link,
.stats .charto.newcomers a:visited {
	left: 130px;
	width: 200px;
}

.stats .charto.newcomers .diffnumber {
	width: 110px;
	top: 6px;
	left: 7px;
}

.stats .charto.newcomers .diffnumber .change {
	font-weight: normal;
	font-size: 0.8em;
}

.stats .charto.newcomers .diffnumber .storecategory {
	font-weight: normal;
}

.main-body.stats .charto.newcomers dd,
.main-body.stats .floatingHeader.newcomers dd {
	width: 32%;
}

.stats .charto.newcomers.category dl {
	height: 39px;
}

.stats .charto.newcomers.category dd {
	height: 39px;
	padding: 3px 0 3px;
}

.stats .charto.newcomers.category a:link,
.stats .charto.newcomers.category a:visited {
	left: 120px;
	width: 210px;
}

.stats .charto.newcomers.category .diffnumber {
	width: 90px;
}

.stats .charto.newcomers .storecategory {
	display: block;
}

.main-body.stats .filterbar:nth-child(1) {
	background: #000;
}

.main-body.stats .filterbar.free {
	margin-bottom: 10px;
}

.main-body.stats .filterbar.professional {
	margin-bottom: 60px;
}

.worldcharts p.description {
	margin-bottom: 60px;
}

/* Firefox Fix */
@-moz-document url-prefix() {
	.worldcharts p.description {
		margin-bottom: 50px;
	}
}


/* Register Form & Team */

.registeruser {
	position: relative;
	vertical-align: top;
	display: inline-block;
	text-align: left;
	background: #f0f3f7;
	border-bottom: 3px solid #DDD;
	padding: 25px;
	max-width: 42%;
	border-radius: 5px;
	margin-right: 4%;
	margin-left: 4%;
}

.registercompany {
	position: relative;
	vertical-align: top;
	display: inline-block;
	text-align: left;
	background: #f0f3f7;
	border-bottom: 3px solid #DDD;
	padding: 25px;
	max-width: 41%;
	border-radius: 5px;
	margin-right: 4%;
	margin-left: 4%;
}

.registeruser .mandatory,
.registercompany .mandatory {
	display: inline-block;
	background: #d62f50;
	border-radius: 200px;
	width: 8px;
	height: 8px;
	position: relative;
	left: 3px;
	top: -7px;
}

.register input.submit {
	position: relative;
	float: none;
	margin: 30px auto;
	display: block;
}


/* Team - Based on Above */

.teamblock {
	width: 47%;
	display: inline-block;
	vertical-align: top;
	text-align: center;
}

.teamblock.first {
	margin-right: 4%;
}

.teamblock img {
	border-radius: 30px;
	box-shadow: 0 0 6px #AAA;
}

.teamblock .social {
	border-radius: 4px;
	margin: 0 5px;
	box-shadow: 0 0 6px #AAA;
}

.teamblock .social:hover {
	opacity: 0.75;
}

.teamblock h2 {
	line-height: 1.8em;
	font-size: 1.8em;
	margin-bottom: 0;
}

/* TEXT Per Se */

.text {
	font-size: 0.9em;
	line-height: 1.3em;
}

.text h2 {
	margin: 0 0 15px 0;
}

.text h3 {
	margin: 0 0 15px 0;
}

.text p {
	margin-bottom: 25px;
}

/* System Message */

.systemMessage {
	background: #F00;
	position: relative;
	background: linear-gradient(135deg, #9b1f21 0%, #ef2d30 48%, #9b1f21 100%);
	background: rgba(237, 45, 86, 0.9);
	z-index: 100002;
}

.systemMessage .theMessage {
	text-align: center;
	font-size: 1.1em;
	padding: 15px 0 14px;
	color: #FFF;
	font-weight: 300;
	font-family: "Arial";
}


/* NEW END */

#navigation {
	clear: both;
	list-style: none;
	margin: 0;
	padding: 0.9em 11px;
	background: url("images/background_navigation.gif") repeat-x top left;
	border-top: 1px solid #dddddd;
	border-bottom: 1px solid #e2e2e2;
	height: 0.9em;
}

#navigation li {
	float: left;
	margin: 0;
	padding: 0;
}

#navigation li.right {
	float: right;
	font-size: 0.8em;
}

#navigation li.right2 {
	float: right;
	font-size: 0.8em;
}

#navigation li a {
	background: url("images/seperator.gif") bottom right no-repeat;
	color: #000;
	font-size: 0.95em;
	padding: 2px 8px;
	margin-right: 0.5em;
	display: block;
	float: left;
}

#navigation li.right a {
	color: #333;
}

#navigation li.right2 a {
	color: #ff0000;
}

#navigation a:hover {
	color: #3366cc !important;
	text-decoration: underline;
}


/* AlertList */

.triggers .headline {
	text-align: left;
}

.alertList {}

.alertList dl {
	border-bottom: 1px solid rgba(94, 160, 187, 0.2);
	margin-bottom: 0;
	padding-bottom: 0;
}

.alertList dl:last-child {
	border: none;
}

.alertList dl dd {
	display: inline-block;
	width: 15%;
	font-size: 0.9em;
	vertical-align: top;
	vertical-align: middle;
}

.alertlist .floatHeader {
	border: none !important;
	padding: 6px 0;
	border-radius: 3px;
	z-index: 100;
	background: #3e4758 !important;
	color: #FFF;
	margin: 20px 0;
}

.alertList dl dd.appicon {
	width: 70px;
}

.alertList dl dd.appicon img {
	border-radius: 10px;
	width: 45px;
	height: 45px;
	box-shadow: 0 0 7px rgba(94, 160, 187, 0.7);
}

.alertList dl dd.appname {
	width: 26%;
	padding-right: 5px;
	line-height: 1.4em;
	white-space: nowrap;
	overflow: hidden;
	text-overflow: ellipsis;
}

.alertList dl dd.appname .appID {
	display: block;
	font-size: 0.9em;
	color: rgba(52, 103, 124, 0.7);
	margin-top: 4px;
}

.alertList dl dd.switch {
	width: 15.3%;
	text-align: center;
}

.alertList dl dd.switch img {
	text-align: center;
}

.alertList dl.alertapplist dd.switch {
	width: 16%;
}

.alertList.hourly dl dd.switch {
	width: 6.8%;
}

.alertList.hourly .alertapplist dd.switch {
	width: 7.3%;
}

.filterform input {
	display: inline-block;
}

.switcher {
	display: block;
	text-align: center;
	border-radius: 5px;
	padding: 6px;
	margin: 0 auto;
	width: 100px;
}

.switcher.activated {
	border: 2px solid #e55757;
	color: #FFF;
	cursor: pointer;
}

.switcher.off {
	border: 1px solid #DDD;
	cursor: pointer;
}

.switcher:hover {
	box-shadow: 0 0 10px #DDD;
}

.alertList.hourly .switcher {
	width: 60px;
}


.triggers .filterbar {
	margin-bottom: 0;
	margin-top: 0;
	border-radius: 5px;
	padding: 15px 15px 5px 15px;
}

.triggers .filterbar .filter {
	margin-top: 20px;
}

.notifyYESNO,
.rankingYESNO {
	display: inline-block;
	vertical-align: top;
	text-align: center;
	width: 16%;
	font-size: 0.85em;
	line-height: 1em;
}

.notifyYESNO div,
.rankingYESNO div {
	display: block;
	vertical-align: top;
	margin-bottom: 10px;
}

.triggers .alertList .floatingHeader dl {
	margin: 0;
	padding: 0;
}

.triggers .floatingHeader dl dd.switch {
	font-size: 0.8em;
}

.sleepinghours {
	background: #FFF;
	padding: 8px 15px;
	border-radius: 5px;
	color: #333;
	margin: 15px 0 10px 0;
	font-size: 0.9em;
}

.sleepinghours input {
	border-radius: 5px;
	border: none;
	padding: 3px 6px;
	width: 40px;
	text-align: center;
	border-radius: 5px;
	border: 1px solid #BBB !important;
	text-align: center;
	border-bottom: 2px solid #BBB !important;
}

.infotext.slack {
	display: inline-block;
	position: relative;
	left: 15px;
	top: 5px;
}


/* MyApps List */

.myapps .headline {
	text-align: left;
}

.filterbar.right h3 {
	float: left;
	margin-right: 12px;
	position: relative;
	top: -2px;
	font-size: 0.9em;
}

.filterbar.right.setting {
	margin-bottom: 0;
	margin-right: 5px;
}

.filterbar.right.subscription {
	float: right;
	background: none;
}

.filterbar.subscription h3 {
	display: block;
	float: none;
	position: relative;
	top: -15px;
	margin-bottom: 5px;
	text-align: center;
	color: #34677c;
}

.filterbar.right.subscription.submenu {
	padding: 6px 0 8px 0;
}


.filterbar.right.subscription {
	padding: 11px 1px 3px 7px;
	margin-bottom: 0;
}

.filterbar.right.subscription a {
	padding: 6px 10px;
	top: -6px;
	border-radius: 5px !important;
	transition: background 0.3s ease;
}

.filterbar.right.subscription a.pro,
.filterbar.right.subscription a.extend {
	border: 1px solid rgba(14, 208, 255, 1);
	background: rgba(14, 208, 255, 1);
	color: #FFF;
	margin-right: 0;
}

.filterbar.right.subscription a.pro:hover,
.filterbar.right.subscription a.extend:hover {
	border: 1px solid rgba(14, 208, 255, 0.6);
	background: #FFF;
	color: rgba(14, 208, 255, 1);
}

.filterbar.right.subscription a.pro.active {
	border: 1px solid rgba(14, 208, 255, 1);
	background: rgba(14, 208, 255, 1);
	color: #FFF;
}

.filterbar.right.subscription a.expert {
	border: 1px solid rgba(0, 178, 121, 0.6);
	background: #00b279;
	color: #FFF;
}

.filterbar.right.subscription a.expert:hover {
	border: 1px solid rgba(0, 178, 121, 0.6);
	background: #FFF !important;
	color: #00b279;
}

.filterbar.right.subscription a.expert.active {
	border: 1px solid rgba(0, 178, 121, 0.6);
	background: #FFF;
	color: #00b279;
}

.main-body.rankings .filterbar.right.subscription {
	margin-top: -91px;
	padding: 21px 1px 3px 7px;
	background: linear-gradient(to right, rgba(255, 255, 255, 0) 0%, rgba(240, 243, 247, 1) 100%) !important;
	-webkit-background: linear-gradient(to right, rgba(255, 255, 255, 0) 0%, rgba(240, 243, 247, 1) 100%) !important;
	border-radius: 0 0 4px 0;
}


/*.filterbar.alltags {min-height: 65px; box-shadow: none; background: transparent; padding-left: 0; background: rgba(52, 103, 123, 0.1) !important; padding: 15px 15px 15px 15px; font-size: 0.85em;}*/
.filterbar.alltags {
	min-height: 65px;
	box-shadow: none;
	background: transparent;
	display: inline-block;
	padding-left: 0;
	background: rgba(52, 103, 123, 0.1) !important;
	padding: 15px 15px 15px 15px;
	font-size: 0.85em;
}

.filterbar.alltags h3 {
	float: left;
	margin-right: 15px;
	margin-top: 0px;
}

.filterbar.alltags .tag {
	padding: 4px 9px 4px 10px !important;
	background: rgba(52, 103, 124, 0.5) !important;
	color: rgba(52, 103, 124, 0.5) !important;
	border-radius: 100px;
	border: 1px solid #34677c;
	width: auto;
	display: inline-block;
	margin-left: 5px;
	position: relative;
	top: -3px;
	margin-bottom: 5px;
}

.filterbar.alltags .button.tag {
	cursor: pointer;
	padding: 4px 8px !important;
	background: #FFF !important;
	color: #34677c !important;
	border-radius: 200px;
	border: 1px solid #34677c;
	width: auto;
	display: inline-block;
	margin-left: 5px;
	font-size: 0.7em;
	margin-bottom: 3px;
	color: rgba(52, 103, 124, 0.9) !important;
	border: 1px solid rgba(52, 103, 124, 0.4) !important;
}

.filterbar.alltags .button.tag:hover {
	background: #34677c !important;
	color: #FFF !important;
	border: 1px solid #34677c !important;
}

.filterbar.alltags .button.tag.selected {
	background: #34677c !important;
	color: #FFF !important;
	border: 1px solid #34677c !important;
}

#placeholder .filterbar.alltags .button.tag {
	color: #FFF;
}

.myapps .floatingHeader {
	padding: 7px 0 3px 0;
}

.myapps .floatingHeader dd {
	vertical-align: super;
	width: 37%;
}

.myapps .floatingHeader dd:first-child {
	width: 23%;
	text-align: left;
	text-indent: 10px;
}

.rankings .floatingHeader.white {
	background: #EBEFF1 !important;
	margin: 0 0 25px 0 !important;
	border-radius: 0;
}

.floatingHeader .top.downloads {
	width: 49% !important;
}

.floatingHeader .top.grossing {
	width: 49%;
}

.myappsList {}

.myappsList .charti {
	cursor: pointer;
}

.myappsList .charti:hover {
	background: #fffcf0;
}

.myappsList dl {
	/* padding-bottom: 10px; padding-top: 18px;*/
	padding-top: 5px;
	padding-bottom: 5px;
	position: relative;
}

.myappsList dl.quickranks {
	padding-top: 3px;
	border-bottom: 1px solid rgba(94, 160, 187, 0.2);
}

.myappsList dl dd {
	display: inline-block;
	width: 7.8%;
	font-size: 1em;
	vertical-align: top;
	vertical-align: top;
}

.myappsList dl dd.appicon {
	width: 80px;
}

.myappsList dl dd.appicon img {
	border-radius: 10px;
	box-shadow: 0 0 7px rgba(94, 160, 187, 0.7);
}

.myappsList dl dd.appname {
	width: 40%;
	margin-right: 3%;
	padding-right: 15px;
	line-height: 1.4em;
	white-space: nowrap;
	overflow: hidden;
	text-overflow: ellipsis;
}

.myappsList dl dd.appname .apptitle {
	text-indent: 25px;
	font-size: 1.2em;
	margin-left: 5px;
	margin-bottom: 6px;
	display: block;
	white-space: nowrap;
	overflow: hidden;
	text-overflow: ellipsis;
}

.myappsList dl dd.appname .appID {
	display: block;
	font-size: 0.8em;
	color: rgba(52, 103, 124, 0.7);
	margin-top: 1px;
	margin: -3px 0 2px 0;
	overflow: hidden;
}

.myappsList dl dd.appname .appPRO {
	display: inline-block;
	font-size: 0.8em;
	background: rgba(14, 208, 255, 1);
	margin-top: 1px;
	border-radius: 4px;
	padding: 1px 7px;
	color: #FFF;
}

.myappsList dl dd.appname .appExpires {
	cursor: pointer;
	display: inline-block;
	font-size: 0.8em;
	color: #AAA;
	margin-top: 1px;
	margin-left: 15px;
}

.myappsList dl dd.appname .appRemove {
	margin-left: 5px;
	cursor: pointer;
	display: inline-block;
	font-size: 0.8em;
	background: #fff;
	margin-top: 1px;
	border-radius: 4px;
	padding: 1px 7px;
	color: #ff6666;
	border: 1px solid #ff6666;
}

.myappsList dl dd.appname .appExtend {
	cursor: pointer;
	display: block;
	text-align: center;
	font-size: 0.8em;
	background: #444;
	margin-top: 1px;
	border-radius: 4px;
	width: 75px;
	padding: 1px 7px;
	color: #FFF;
}

.myappsList dl dd.appname .appUpgradeToPro {
	cursor: pointer;
	text-align: center;
	display: inline-block;
	font-size: 0.8em;
	background: #00b279;
	margin-top: 1px;
	border-radius: 4px;
	width: 60px;
	padding: 1px 7px;
	color: #FFF;
}

.myappsList dl dd.appname .appUpgradeToPro a {
	color: #FFF;
}

.myappsList dl dd.appname .appExtend a {
	color: #FFF;
}

.myappsList dl dd.appname .appUpgradeToPro:hover {
	background: #444;
}

.myappsList dl dd.appname .appRemove:hover {
	color: #444;
	border: 1px solid #444;
}

.myappsList dl dd.appAdd {
	cursor: pointer;
	display: block;
	font-size: 0.8em;
	background: #ccff99;
	margin-top: 1px;
	border-radius: 4px;
	width: 32px;
	padding: 0 4px;
	color: #000;
}

.myappsList dl dd.ranks {}

.myappsList dl dd .tagGroup {
	margin-top: 5px !important;
}

.myappsList dl dd .taginput {
	border-radius: 3px;
	border: 1px solid #DDD;
	display: inline-block;
	font-size: 0.8em;
	padding: 4px;
	max-width: 150px;
}

.myappsList dl dd .addTag {
	font-size: 0.8em;
	padding: 0 7px !important;
	background: #FFF !important;
	color: #34677c !important;
	border-radius: 3px;
	border: 1px solid #34677c;
	width: auto;
	display: inline-block;
	margin-left: 5px;
	position: relative;
	top: -1px;
}

.myappsList dl dd .addTag:hover {
	background: #34677c !important;
	color: #FFF !important;
}

.myappsList dl dd .appTags {
	margin-top: 3px;
	white-space: normal;
}

.myappsList .appTag {
	margin-right: 5px;
	cursor: pointer;
	display: inline-block;
	font-size: 0.85em;
	background: #fff;
	margin-top: 1px;
	border-radius: 200px;
	padding: 1px 3px 2px 8px;
	color: #34677c;
	border: 1px solid #34677c;
	cursor: pointer;
}

.myappsList .appTag span {
	display: inline-block;
	float: left;
}

.myappsList .appTag:hover {
	background: #34677c;
	color: #FFF;
}

.myappsList .appTag .deleteKeyword {
	margin-top: 5px;
	background: none;
	width: 18px;
	margin-left: 0;
	float: right;
	cursor: pointer;
	border-radius: 2px;
	background: #FFF;
	margin-left: 7px;
	width: 20px;
	margin-top: 2px;
	text-align: center;
	font-weight: bold;
	font-size: 1.2em;
	border-radius: 100px;
	padding: 2px;
	color: #e55757;
}

.myappsList .appTag .close-x {
	stroke: #34677c;
	fill: transparent;
	stroke-linecap: round;
	stroke-width: 5;
}

.myappsList .appTag .deleteKeyword:hover .close-x {
	color: #FFF !important;
}

.myappsList dl dd.options {
	width: 2%;
	font-weight: bold;
	float: right;
}

.myappsList dl dd.options .sort {
	display: block;
}

.myappsList dl dd.options .removeFromPro {
	display: block;
}

.myappsList dl dd dl {
	width: 300px;
	border: none;
	margin: 0;
	padding: 0;
}

.myappsList dl dd dl dd {
	width: 150px;
}


.appranks {
	vertical-align: top;
}

.appranks.downloads {
	width: 50%;
	display: inline-block;
}

.appranks.grossings {
	width: 50%;
	display: inline-block;
}

.appranks .device {
	width: 48%;
	display: inline-block;
	border-radius: 3px;
	margin: 0 6px 6px 0;
	height: 30px;
	vertical-align: middle;
}

.appranks .device:last-child {
	margin-right: 0;
}

.appranks .device img {
	display: inline-block;
	margin-top: 4px;
	margin-left: 4px;
	border-radius: 3px;
}

.appranks .device img:nth-child(2) {
	margin: 0;
	margin-left: -2px;
}

.appranks .device .countryCount,
.appranks .device .rank {
	text-align: right;
	margin-left: 4px;
	position: relative;
	top: -5px;
	color: #444;
	font-weight: bold;
	font-size: 0.9em;
}

.appranks .device .countryCategory {
	text-align: left;
	font-size: 0.8em;
	margin: 0 auto;
	display: inline-block;
	float: left;
	margin: 8px 0 0 11px;
	color: #444;
	white-space: nowrap;
	overflow: hidden;
	text-overflow: ellipsis;
	width: 60%;
}

.appranks .device.iphonepad {
	background: rgba(14, 208, 255, 0.13);
}

.appranks .device.green {
	background: rgba(14, 208, 255, 0.25);
}

.appranks .device.ipad {
	background: rgba(245, 129, 37, 0.13);
}

.appranks .device.red {
	background: rgba(245, 129, 37, 0.25);
}

.appranks .device.mac {
	background: rgba(0, 0, 0, 0.1);
}

.appranks .device.appletv {
	background: rgba(255, 235, 86, 0.20);
}

.appranks .device.appletv.red {
	background: rgba(255, 235, 86, 0.35);
}

.appranks .device.play {
	background: rgba(113, 245, 209, 0.4);
}

.appranks .device.play.red {
	background: rgba(113, 245, 209, 0.8);
}

.appranks .empty1,
.appranks .empty2,
.appranks .data1,
.appranks .data2,
.appranks .data3,
.appranks .data4,
.appranks .data5 {
	display: none;
}

.myappsList dl dd.upgradeApp,
.myappsList dl dd.upgradePro2 {
	display: none;
}

/* Rankings Hourly Page */

.floatingHeader .top span {
	padding: 3px 6px;
	border-radius: 4px;
	text-align: center;
	font-size: 0.8em;
	color: #444;
}

.floatingHeader .iphone {
	background: #DFF9FF;
}

.floatingHeader .green {
	background: rgba(14, 208, 255, 0.25);
}

.floatingHeader .ipad {
	background: #FEEFE2;
}

.floatingHeader .red {
	background: rgba(245, 129, 37, 0.25);
}

.floatingHeader .mac {
	background: rgba(0, 0, 0, 0.1);
}

.floatingHeader .grossing .mac {
	background: rgba(0, 0, 0, 0.2);
}

.floatingHeader .appleTV {
	background: rgba(255, 235, 86, 0.20);
}

.floatingHeader .grossing .appleTV {
	background: rgba(255, 235, 86, 0.35);
	border: none;
}

.floatingHeader .play {
	background: rgba(113, 245, 209, 0.4);
}

.floatingHeader .grossing .play {
	background: rgba(113, 245, 209, 0.8);
}

.appranks .device.appletv.red {
	background: rgba(255, 235, 86, 0.35) !important;
	border: none;
}

.appranks .device.mac.red {
	background: rgba(0, 0, 0, 0.2);
}

.appranks.downloads:empty {
	display: none;
}

.star {
	margin-top: 6px;
	margin-left: 4px;
	border-radius: 200px;
	width: 18px;
	height: 18px;
	color: #FFF;
	fill: white;
	background: #FFEB96;
	background-size: 60%;
	background-repeat: no-repeat;
	background-position: center center;
	display: inline-block;
}

.star {
	background-image: url('data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAEAAAABACAYAAACqaXHeAAAAGXRFWHRTb2Z0d2FyZQBBZG9iZSBJbWFnZVJlYWR5ccllPAAAAyhpVFh0WE1MOmNvbS5hZG9iZS54bXAAAAAAADw/eHBhY2tldCBiZWdpbj0i77u/IiBpZD0iVzVNME1wQ2VoaUh6cmVTek5UY3prYzlkIj8+IDx4OnhtcG1ldGEgeG1sbnM6eD0iYWRvYmU6bnM6bWV0YS8iIHg6eG1wdGs9IkFkb2JlIFhNUCBDb3JlIDUuNi1jMDY3IDc5LjE1Nzc0NywgMjAxNS8wMy8zMC0yMzo0MDo0MiAgICAgICAgIj4gPHJkZjpSREYgeG1sbnM6cmRmPSJodHRwOi8vd3d3LnczLm9yZy8xOTk5LzAyLzIyLXJkZi1zeW50YXgtbnMjIj4gPHJkZjpEZXNjcmlwdGlvbiByZGY6YWJvdXQ9IiIgeG1sbnM6eG1wPSJodHRwOi8vbnMuYWRvYmUuY29tL3hhcC8xLjAvIiB4bWxuczp4bXBNTT0iaHR0cDovL25zLmFkb2JlLmNvbS94YXAvMS4wL21tLyIgeG1sbnM6c3RSZWY9Imh0dHA6Ly9ucy5hZG9iZS5jb20veGFwLzEuMC9zVHlwZS9SZXNvdXJjZVJlZiMiIHhtcDpDcmVhdG9yVG9vbD0iQWRvYmUgUGhvdG9zaG9wIENDIDIwMTUgKE1hY2ludG9zaCkiIHhtcE1NOkluc3RhbmNlSUQ9InhtcC5paWQ6NEU1NDI1N0FCRDQ4MTFFNUE5RDBFMDM4QTMwNUVEMTkiIHhtcE1NOkRvY3VtZW50SUQ9InhtcC5kaWQ6NEU1NDI1N0JCRDQ4MTFFNUE5RDBFMDM4QTMwNUVEMTkiPiA8eG1wTU06RGVyaXZlZEZyb20gc3RSZWY6aW5zdGFuY2VJRD0ieG1wLmlpZDo0RTU0MjU3OEJENDgxMUU1QTlEMEUwMzhBMzA1RUQxOSIgc3RSZWY6ZG9jdW1lbnRJRD0ieG1wLmRpZDo0RTU0MjU3OUJENDgxMUU1QTlEMEUwMzhBMzA1RUQxOSIvPiA8L3JkZjpEZXNjcmlwdGlvbj4gPC9yZGY6UkRGPiA8L3g6eG1wbWV0YT4gPD94cGFja2V0IGVuZD0iciI/PpKVWlkAAATTSURBVHja7FtdSCNXFB4T8+BP489uZy0maxJfslKhwYhVMSgJrIJo8E2LPhSLUKhiwRX61Dd/2AWRxgeXLlTBgMuCorZIEUpoQEWrm2BmXhSzURS32zWuGl/W9B6ZgLWrZmYykzsze+DiOJl7zvd958ydO3dmUqLRKPHRkmDDw8NfOp3OVWiwrTgBmpqaFtEfKL9oe3v7iqLIj46OfhsjH2vMPtFNnYygqampLpqm86/sI9G+p4rMfjKrQPQK0Gg0wxRF6a757Q767WfZZn9sbOyb67Ifa8wx8qwAlUoF2b9/yzG56Jhnisx+MqpAjVP2ZVsFbrf763izH2tMH3lUgFqtfrKxsWFk2UeL+vwi+ey7XK6m7Ozsc7YVAH2gr+QrIDMz07W6umpk2+/s7CwF9SUlXQVcsy9mFahxzL4sqmBoaKiba+avNsaXdKyvr++rnJycN4kSAHz19/e3YE88FArldnd3DyHAkUSRvyRCBHxDjERiTuHrYGVlxbm5ufnA4/EUoO2HS0tLBiFFLisr27ZarfM2my1YWFhIoe0pwQXwer02mqaLtra29AcHB7qjo6P8k5MTXSQS0S0sLGQks+rsdvtJWlraTkZGxo5Wq90lSXLHZDKFzGZzoLKy0hO3AGtra5V+v78IZVO3v7+vD4fDQDL/9PT0PhrJPzk8PJTUOIQuoURJScm79PT0V0ic3aysrN28vLwQqpqd4uLigMVi8V4cODAw0FtXVxc0GAzRRJ+3uDYkThQ4A3eitrb2lVKIX23AXYVG1wChULvgPj8//3lFRYVfadkHzsD9Qom5ublitMOnIPI+4PyfchgfH/+sqqpqWe7kgSNw/eA5IXcRbiQfs8nJybzq6uo/5EYeOAG3uEZHNDiQchIBuAAnVpcI6FBTU/O71MkDB9bkY0ZR1B001/5VquQBO3DgNVkABw6HY1Zq5AEzb/IxQzdCOWja+FxCU9zngDmh00apiCAI+csidHV1/YYr+dbW1inByF9aAbpbXl5O4UYeMAE2Ue6iLu6jMROAwSTe4qfVav0bF/KAhetiqYpLJ71e/4/RaPTjcl8PWACTaAKAwRobLgLwwcJZgPPzczUuAvDBwlkAWBrHRQA+WDgLcHx8bMJFANGxoOut2WAwvMflKgBYAJNoFRAIBKq2t7dVuFQAYAFMoglA07SRwMy4YuIkwN7engk3Abhi4iRAOBw24CYAV0ycBECjLnangGiY4CkyPFwkMHzgCdjY8kll22FxcdHC91F5fX09RZLkS61W+xr+12g0OoqizLOzsw94rFUQy8vLX6BNr6AV0NPT85hrluA7oZmZme+v8w0vSV/+lohtY7AJa21tbS/YAmtoaHg5MjLyXbwx4FjowzYOg01Ya2xs/IvFKg09ODj4iGss6As+4o3HYBPWHA7H29uAwItMPyJLxPoc+ABf4JO4fSn8rdD3AM6bAJSWlu719vYOCLE2Bz7BN8S4CQODURhjzuP/BTWZTG86Ozt/mp6evid0BUIMiAUxP4SFzVjD2q6+/opAHHV0dDzzeDxFYk98ICbEBgwEj9dqU1gG/XRiYmIqGAzmI/vTbrc/aW5uXkvmDNDtdlvW19d/8Pl8pQUFBbstLS1Om832Om4BlP71uIpQuP0rwABH8ZNhgttZxQAAAABJRU5ErkJggg==');
}

.star.two {
	margin-left: -4px;
}


.main-body.myapps .myappsList dl:first-child {
	border-bottom: 0;
}

.myappsList dd.appaverages {
	border-bottom: 0 solid #DDD;
	font-size: 0.8em;
	color: #AAA;
	margin-top: 6px;
}

.myappsList dd.appaverages .number {
	display: block;
	font-size: 2.1em;
	margin-bottom: 5px;
	font-weight: 300;
	letter-spacing: 1px;
	color: #444;
	border-bottom: 3px solid #DDD;
	width: 85%;
	height: 30px;
}

.myappsList dd.appaverages .number sub {
	font-size: 0.6em;
	margin-left: 3px;
	font-weight: 400;
	position: relative;
	top: -14px;
}

.myappsList dd.appaverages.iphone .number {
	border-bottom: 5px solid #DFF9FF;
}

.myappsList dd.appaverages.ipad .number {
	border-bottom: 5px solid #FEEFE2;
}

.myappsList dd.appaverages.mac .number {
	border-bottom: 5px solid rgba(0, 0, 0, 0.1);
}

.myappsList dd.appaverages.appletv .number {
	border-bottom: 5px solid rgba(255, 235, 86, 0.20);
}

.myappsList dd.appaverages.play .number {
	border-bottom: 5px solid rgba(113, 245, 209, 0.4);
}

.myappsList dd.appaverages.iphone.grossings .number {
	border-bottom: 5px solid rgba(14, 208, 255, 0.25);
}

.myappsList dd.appaverages.ipad.grossings .number {
	border-bottom: 5px solid rgba(245, 129, 37, 0.25);
}

.myappsList dd.appaverages.mac.grossings .number {
	border-bottom: 5px solid rgba(0, 0, 0, 0.2);
}

.myappsList dd.appaverages.appletv.grossings .number {
	border-bottom: 5px solid rgba(255, 235, 86, 0.3);
}

.myappsList dd.appaverages.play.grossings .number {
	border-bottom: 5px solid rgba(113, 245, 209, 0.8);
}

/* Home */

.main-search.home {
	position: relative;
	z-index: 5;
	background: rgba(0, 0, 0, 0.4);
}

.main-body.home .inside,
.main-body.logout .inside

/*, .main-body.triggers .inside */
	{
	width: 100%;
}

.main-register.home {
	margin-top: 27px !important;
	background: linear-gradient(to bottom, #ffffff 0%, #f0f3f7 100%);
}

/* NEW */
.floatright {
	width: 20%;
}

.floatleft {
	width: 14%;
}

.floatleft .textleft,
.floatright .textright {
	position: relative;
	top: 15px;
	visibility: hidden;
}

.main-register .floatleft {
	width: 60%;
}

.main-register .floatright {
	width: 40%;
}

.main-register p {
	color: rgba(52, 103, 124, 0.7);
	font-family: "Arial";
}

.main-register.loggedin .floatleft {
	width: 100%;
}


.main-search {
	background: #3e4758;
	background: linear-gradient(to right, #34677c 0%, #3e4758 100%) !important;
}

.main-search.home {
	background: linear-gradient(to right, rgba(52, 103, 124, 0.95) 20%, rgba(5, 71, 62, 0.4) 100%) !important;
	background: rgba(52, 103, 124, 0.95) !important;
}

.main-header {
	background: #3e4758;
	height: 65px;
	background: linear-gradient(to right, #34677c 0%, #3e4758 100%) !important;
}

.main-header.home {
	background: linear-gradient(to right, rgba(52, 103, 124, 0.95) 20%, rgba(5, 71, 62, 0.4) 100%) !important;
	position: relative;
	z-index: 10;
	background: rgba(52, 103, 124, 0.95) !important
}

.main-header .main-logo {
	height: 67px;
}

.main-header.home .main-logo {
	height: 67px;
}

.headersearch {
	float: right;
	top: 25px;
	position: relative;
	width: 50%
}

.headersearch input.searchField {
	min-width: 340px;
}


/* temporary rule */
.main-header.home .inside,
.main-search.home .inside {
	width: 100% !important;
	padding: 0 1.5% !important;
}


/* AppInfo Page */

.appInfo {
	display: flex;
}

.appInfo .headline {
	text-align: left;
}

.appInfo .appTitle {
	margin-top: 10px;
}

h1.appTitle {
	text-align: left !important;
	margin-top: 20px;
	font-size: 1.8em;
}

h2.appSeller {
	padding: 0;
	margin-top: 0;
	text-align: left !important;
}

a.viewurl {
	display: block;
	background: #FFF;
	border-radius: 4px;
	padding: 4px 12px;
	color: #FFF;
	position: absolute;
	right: 0;
	font-size: 0.9em;
	border: 1px solid rgba(229, 87, 87, 0.6);
	color: #e55757;
	transition: all .1s ease-out;
}

a.viewurl:hover {
	background: #e55757;
	color: #FFF;
	border: 1px solid rgba(229, 87, 87, 1);
}

.appInfo .appSeller {}

.appInfo .appDescription {
	font-size: 0.9em;
	order: 2;
	flex-grow: 2;
	background: transparent;
	border-radius: 0 4px 4px 4px;
	padding-bottom: 15px;
	padding-left: 30px;
	padding-top: 0;
}

.appInfo .appDescription .text {
	font-size: 0.9em;
	white-space: pre-line;
}

.appInfo h3 {
	font-family: "Arial";
	font-size: 1.5em;
	line-height: 2.5em;
	font-weight: 300;
	color: #34677c;
	border-top: 2px solid #e4e8ee;
	margin-top: 10px;
}

.appInfo .details {
	order: 1;
	flex-grow: 1;
	width: 70%;
	margin-bottom: 10px;
	font-weight: 400;
	font-size: 0.9em;
	line-height: 1.3em;
	max-width: 450px;
	min-width: 320px;
}

.appInfo .details span {
	display: block;
	color: #34677c;
	font-weight: 400;
	font-size: 0.9em;
	margin: 0 0 4px 0;
}

.appInfo .details .firstTable dl dd {
	width: 48.7%;
	display: inline-block;
	background: #f0f3f7;
	padding: 5px 5px 5px 8px;
	margin: 0 5px 5px 0;
	border-radius: 5px;
}

.appInfo .details .firstTable dl dd:nth-child(even) {
	margin: 0 0 5px 0;
}

.appInfo .bx-viewport {
	height: 375px !important;
}

.supportTable {}

.supportTable dl {
	background: #f0f3f7;
	padding: 5px;
	margin: 0 0 5px 0;
	border-radius: 5px;
}

.supportTable dd:first-child {
	width: 25px;
	display: inline-block;
}

.supportTable dd:nth-child(2) {
	position: relative;
	top: -4px;
	left: 5px;
	display: inline-block;
}

.topInAppPurchases {
	margin-bottom: 25px;
}

.topInAppPurchases dl {
	background: transparent;
	padding: 5px 5px 0 10px;
	margin: 0 0 5px 0;
	border-radius: 5px;
}

.topInAppPurchases dd:first-child {
	font-size: 0.9em;
	display: inline-block;
	white-space: nowrap;
	overflow: hidden;
	text-overflow: ellipsis;
	width: 78%;
	position: relative;
	top: 5px;
}

.topInAppPurchases dd:nth-child(2) {
	font-size: 0.9em;
	width: 20%;
	display: inline-block;
	text-align: right;
}

.topInAppPurchases dd:nth-child(2) span {
	display: block;
	color: #484848;
	background: #e4e8ee;
	border-radius: 4px;
	padding: 4px 5px;
}

.appInfo .languages {
	font-size: 0.9em;
	margin-top: 6px;
	margin-bottom: 0;
}

.appInfo .companyDetails {
	margin-bottom: 0;
}

.companyDetails dd {
	background: #f0f3f7;
	padding: 5px 5px 5px 8px;
	margin: 0 0 5px 0;
	border-radius: 5px;
}

.companyDetails dd a:hover {
	color: #e55757;
}

.appInfo .price {}

.appInfo .appCategory {}

.appInfo .openInStore {}

.versionHistory {
	padding: 13px 13px 0 13px;
}

.versionHistory span {
	display: inline-block;
}

.versionHistoryElement {
	padding: 0 0 10px 0;
}

.versionHistoryElement dd {
	display: inline-block;
}

.versionHistoryElement dd:nth-child(2) {
	float: right;
}

.versionHistoryElement p {
	font-size: 0.8em;
}

.appInfo .details .versionHistoryElement div {
	font-size: 0.9em;
	white-space: pre-line;
}


.appInfo .specs dl dd {
	width: 48.7%;
	display: inline-block;
	background: #f0f3f7;
	padding: 5px 5px 5px 8px;
	margin: 0 5px 5px 0;
	border-radius: 5px
}

.appInfo .specs span {
	display: block;
	color: #34677c;
	font-weight: 400;
	font-size: 0.9em;
	margin: 0 0 4px 0;
}


.appImages {
	order: 0;
	border-radius: 5px;
	width: 100%;
	white-space: normal;
}

.appImages img {
	border-radius: 5px 5px 0 0;
}

.appInfo .disclaimer {
	border-radius: 4px;
	margin-right: 5px;
}


/* TOP 1000 */

.main-body.worldcharts .headline h2 {
	margin: 10px 0 5px 0 !important;
	font-size: 1.5em;
	color: #555;
	line-height: 1.1em;
}

.main-body.worldcharts .headline h4 {
	color: #34677c;
	font-weight: 300;
}

.main-body.worldcharts .charto dd,
.main-body.worldcharts .floatingHeader dd {
	width: 30.5%;
}

.main-body.worldcharts .charto dl {
	height: 50px;
}

.main-body.worldcharts .charto dd {
	left: 4px;
	height: 50px;
}

.main-body.worldcharts .charto dd:first-child,
.main-body.worldcharts .floatingHeader dd:first-child {
	width: 7%;
}

.main-body.worldcharts .signupinfo {
	margin: 60px auto 0;
	text-align: center;
	display: block;
	font-size: 0.9em;
}

.main-body.worldcharts .filterbar .filter {
	width: 24%;
}

.main-body.worldcharts .filterbar select {
	max-width: 165px;
}

.functionbar.plattforms {
	margin-top: 31px;
	margin-bottom: 22px;
}

.functionbar.plattforms .selected a {
	color: #FFF;
}

/* Firefox Fix */
@-moz-document url-prefix() {
	.functionbar.plattforms {
		margin: 40px 0 32px 0;
	}
}

.main-body.worldcharts .appicon {
	display: inline-block;
	width: 40px;
	margin: 0 10px 0 -13px;
	position: relative;
	z-index: 1;
}

.main-body.worldcharts .appicon img {
	border-radius: 10px;
	width: 40px;
}

.main-body.worldcharts .arrow {
	top: 3px;
	width: 26px;
	height: 26px;
	left: -23px;
	border: 2px solid #FFF;
}

.main-body.worldcharts .diffnumber {
	left: 45px;
	top: 24px;
	z-index: 0;
	font-size: 0.7em;
}

.main-body.worldcharts .charto a:link,
.main-body.worldcharts .charto a:visited {
	left: 31px;
	width: 70%;
	margin-top: 2px;
}

.main-body.worldcharts .publisher {
	display: block;
	color: rgba(52, 103, 124, 0.7);
	font-size: 0.7em;
	white-space: nowrap;
	overflow: hidden;
	text-overflow: ellipsis;
}

/* Searchpage */

.main-body.showdailysearch {}

.main-body.showdailysearch .searchword {
	font-size: 1.2em;
	color: #e55757;
}

.main-body.showdailysearch .myappsList dl {}

.main-body.showdailysearch .myappsList dl dd.appname.long {
	width: 80%;
}

.main-body.showdailysearch .myappsList dl dd.appname.long .title {
	text-indent: 15px;
}

.main-body.showdailysearch .myappsList dl dd.appAdd {
	text-align: center;
	width: 6%;
	cursor: pointer;
	display: inline-block;
	font-size: 0.8em;
	margin-top: 1px;
	border-radius: 4px;
	padding: 5px 12px;
	background: #fff;
	color: #00b279;
	border: 1px solid #00b279;
}

.main-body.showdailysearch .myappsList dl dd.appRemove {
	text-align: center;
	width: 6%;
	cursor: pointer;
	display: inline-block;
	font-size: 0.8em;
	margin-top: 1px;
	border-radius: 4px;
	padding: 5px 6px;
	color: #FFF;
	background: #ff6666;
}

.main-body.showdailysearch .myappsList dl dd.appPro {
	text-align: center;
	width: 6%;
	cursor: pointer;
	display: inline-block;
	font-size: 0.8em;
	margin-top: 1px;
	border-radius: 4px;
	padding: 5px 12px;
	color: #FFF;
	background: rgba(14, 208, 255, 1);
}

.main-body.showdailysearch .myappsList dl dd.appAdd:hover,
.main-body.showdailysearch .myappsList dl dd.appRemove:hover {
	background: #FFF;
	color: #FFF;
}

.main-body.showdailysearch .myappsList dl dd.appAdd:hover {
	background: #00b279;
}


/* Profile & Registration */

.formbox {
	background: linear-gradient(135deg, #f0f3f7 0%, #e1e9f3 100%);
	border-radius: 5px;
	border: none;
	padding: 35px 25px 35px 25px;
	text-align: center;
	margin: 0 auto;
	max-width: 900px;
	margin-bottom: 50px;
}

.formbox h2 {
	margin-bottom: 40px;
	font-weight: 300;
	font-size: 1.5em;
	color: #34677c;
	margin-top: 20px;
}

.formbox label {
	margin: 25px 0 10px;
	display: block;
	color: #34677c;
}

.formbox select {
	font-size: 1em;
	width: 80%;
}

.formbox input.text,
.formbox input[type="text"],
.formbox input[type="password"] {
	border-radius: 5px;
	border: 1px solid #BBB;
	width: 80%;
	text-align: center;
	border-bottom: 2px solid #BBB;
	padding: 10px;
}

.formbox textarea {
	border-radius: 5px;
	border: 1px solid #BBB;
	width: 80%;
	margin-bottom: 20px;
	border-bottom: 2px solid #BBB;
	padding: 10px;
}

.formbox .explanation {
	margin-top: 20px;
	display: block;
	background: #FFF;
	border-radius: 5px;
	padding: 10px;
	margin-bottom: 20px;
	font-size: 0.85em;
	line-height: 1.4em;
}

.formbox .email {
	background: #DDD;
	color: #777;
	width: 80%;
	border-radius: 5px;
	padding: 12px 10px;
	margin-bottom: 20px;
	margin: 0 auto;
}

.formbox .mandatory {
	display: inline-block;
	width: 6px;
	height: 6px;
	border-radius: 200px;
	background: #e55757;
	position: relative;
	top: -8px;
	left: 4px;
}

.formbox .error {
	margin: 0 auto;
	max-width: 550px;
	margin-bottom: 30px;
	color: #FFF;
	background: #e55757;
	border-radius: 5px;
	padding: 20px;
}

.formbox .saved {
	margin: 0 auto;
	max-width: 550px;
	margin-bottom: 30px;
	color: #FFF;
	background: green;
	border-radius: 5px;
	padding: 20px;
}

.main-body.register .inside {
	background: url(_elements/registerBackground.png) 50% 5% no-repeat;
}

.main-body.register .formbox {
	padding-bottom: 10px;
	background: rgba(240, 243, 247, 0.85);
}

.main-body.register .formbox h2 {
	font-size: 2em;
}

.main-body.register .formbox .description {
	color: #34677c;
}

.formbox .button {
	border: none;
	border-bottom: 3px solid rgb(191, 63, 21);
}

.formbox .pillbutton {
	padding: 5px 9px;
	border-radius: 4px;
	background: #FFF;
	border: none;
	font-size: 0.85em;
	position: relative;
	top: -3px;
	cursor: pointer;
	border: 1px solid rgba(229, 87, 87, 0.6);
	color: #e55757;
}

.pillbutton.selected {
	border: 1px solid rgba(229, 87, 87, 0.6);
	color: #fff;
	background: rgba(229, 87, 87, 1);
}

/* History Graph */

.historyContainer {
	padding-top: 5px;
	padding-left: 0;
	padding-right: 0;
	min-height: 500px
}

.historyFilter {
	background: #f0f3f7;
	border-radius: 5px;
}

.historyFilter .countrybox {
	float: left;
	display: table-cell;
	width: 120px;
	height: 100px;
}

.historyContainer .filter.countrysearch {
	width: 30%;
}

.historyContainer .filterbar {
	margin: 0;
}

.country.popup {}

.country.search {
	display: inline-block;
}

.country.days {
	display: inline-block;
}

.country.devices {
	display: inline-block;
}

#chartfreepaid,
#chartgrossing {
	margin-bottom: 30px;
}


#nodataavailable {
	position: relative;
	margin-top: -40px;
	left: 50px;
}

#placeholder {
	padding: 0;
	width: 100%;
	min-height: 50px;
	position: relative;
	cursor: auto;
}

/* Geringe Höhe */
#placeholder2 {
	padding: 0;
	width: 100%;
	min-height: 720px;
	position: relative;
	cursor: auto;
}

/* Hohe Höhe */


/* Chart Errors */

#google-visualization-errors-0 span {
	display: block;
	margin: 0 auto;
	padding: 10px 10px !important;
	border-radius: 4px;
	text-align: center;
	max-width: 90%;
	margin-top: -45px;
	height: 40px;
	font-size: 1.3em;
}

#google-visualization-errors-0 span span {
	font-size: 2em !important;
	position: absolute;
	top: -5px;
	right: 0;
}


/* TAGS Country */

.tags.country {
	margin: 20px;
	border-radius: 5px;
	border: 1px solid #DDD;
	padding: 7px;
	background: #FFF;
	overflow: scroll;
	height: 170px;
	margin: 0 0 25px 0;
	overflow-x: hidden;
}

.tags.country input {
	margin-bottom: 20px;
	border-radius: 4px;
	border: 1px solid #DDD;
}

.tags.country #wrap {}

.tags.country #wrap ul {
	list-style: none;
	margin: 0;
	padding: 0;
}

.tags.country #wrap li {
	display: inline;
	display: inline-block;
}

.tags.country #wrap li span {
	margin-top: 2px;
	font-size: 0.8em;
	padding: 5px 10px;
	display: block;
	background: #FFF;
	color: #666;
	text-decoration: none;
	width: 160px;
	white-space: nowrap;
	overflow: hidden;
	text-overflow: ellipsis;
	cursor: pointer;
}

.tags.country #wrap li span:hover {
	background: #444;
	color: #FFF;
	border-radius: 4px;
}

.tags.country #wrap li span.active {
	background: #57627b;
	color: #FFF;
	border-radius: 4px;
}

.tags.country #wrap li span.disable {
	background: #fff;
	color: #ccc;
	border-radius: 4px;
	cursor: not-allowed;
}

.tags.country #wrap li span.top {
	background: #e4e8ee;
	color: #000;
	border-radius: 4px;
}

.tags.country #wrap li span.top:hover {
	background: #444;
	color: #FFF;
	border-radius: 4px;
}

.tags.country #wrap {
	-webkit-column-count: 6;
	-moz-column-count: 6;
	-ms-column-count: 6;
	-o-column-count: 6;
	column-count: 6;
	/* -webkit-column-gap:15px; -moz-column-gap:15px; -ms-column-gap:15px; -o-column-gap:15px; column-gap:15px; */
	columns: 6;
}

.centerInfo {
	padding: 12px 20px;
	background: #f0f3f7;
	border-radius: 5px;
	margin: 0 auto;
	text-align: center;
	font-size: 0.9em;
	max-width: 50%;
}

.centertipp {
	padding: 12px 20px;
	background: #f0f3f7;
	border-radius: 5px;
	margin: 0 auto;
	text-align: center;
	font-size: 0.9em;
	max-width: 50%;
	margin-bottom: 15px;
}

.centertipp2 {
	padding: 10px 10px;
	background: #f0f3f7;
	border-radius: 5px 5px 0 0;
	margin: 0 auto;
	text-align: center;
	font-size: 1em;
	padding-top: 15px;
	max-width: 100%;
	margin-bottom: 0;
	margin-top: 20px;
}

.howItWorks {
	font-size: 0.8em;
	padding: 10px 10px;
	background: #f0f3f7;
	border-radius: 5px 5px 0 0;
	margin: 0 auto;
	text-align: center;
	padding-top: 15px;
	max-width: 100%;
	margin-bottom: 0;
	margin-top: 20px;
}

.howItWorks p {
	margin-bottom: 5px;
}

#frm1 {
	margin-top: 30px;
	margin-bottom: 30px;
}

.resetbutton,
.zoombutton {
	background: none;
	border: none;
	right: 20px;
	top: -20px;
	opacity: 0.80;
	position: absolute;
	cursor: pointer;
	font-size: 0.9em;
}

.resetbutton:hover,
.zoombuttom:hover {
	color: #AAA;
}

.zoombutton {
	right: 80px;
	top: -20px;
	opacity: 0.80;
}

#choices li {
	margin-bottom: 4px;
}

#choicesdiv ul {
	list-style-type: none;
}

#choices li>div {
	display: inline-block;
	vertical-align: top;
	margin-right: 12px;
}

#choices li input {
	vertical-align: top;
	margin-right: 8px;
	margin-top: 1px;
}

#choices li label {
	margin-left: 3px;
	vertical-align: top;
	font-size: 0.9em;
}


/* Report Generator */

.reportbox {
	display: inline-block;
	width: 28.0%;
	border-radius: 4px;
	border: 1px solid #eee;
	vertical-align: top;
	padding: 0 0 15px 0;
	text-align: center;
	min-height: 300px;
	margin-right: 1.5%;
}

.reportbox h2 {
	padding: 15px;
	font-size: 1.1em;
	width: 100%;
	display: block;
	background: #fff;
	color: #444;
	text-align: center;
}

.reportbox p {
	font-size: 0.9em;
	color: #57627b;
	text-align: left;
	margin-top: 15px;
	text-align: center;
	margin: 10px 0;
}

.reportbox.one {}

.reportbox.one button,
.reportbox.two button {}

.reportbox.one {
	vertical-align: top;
}

.reportbox.one button {
	width: 45%;
	display: inline-block;
	float: left;
	height: 80px;
	vertical-align: top;
	margin: 2%;
}


.reportbox h3 {
	display: block;
	margin-bottom: 15px;
	float: none;
}

.reportbox select {
	float: none;
	border: 2px solid #f0f3f7;
}

.reportbox div {
	margin-bottom: 15px;
	padding: 0 0 10px 0;
	border-bottom: 1px solid rgba(94, 160, 187, 0.2);
}

.reportbox.two {}

.reportbox.three {}

.reportbox.four {
	margin-right: 0%;
	display: block;
	margin-top: 20px;
	width: 100%;
	min-height: 200px;
}

.reportbox.four:before {
	display: none;
}

.reportbox.active {
	border: 2px solid #e4e8ee;
}

.reportbox.active h2 {
	background: #f0f3f7;
	color: #e4e8ee;
	text-align: center;
}

.reportbox .formbox {
	background: none;
}

.reportbox .filterelement {
	border-bottom: 1px solid rgba(94, 160, 187, 0.2);
	padding: 10px 0;
}

.reportbox input[type="text"] {
	border-radius: 5px;
	border: 1px solid #BBB;
	width: 60%;
	text-align: center;
	border-bottom: 2px solid #BBB;
	padding: 10px;
}

.reportbox input #projectname,
.reportbox input #emailto {
	border-radius: 5px;
	border: 1px solid #bbb;
	width: 80%;
	text-align: center;
	border-bottom: 2px solid #bbb;
	padding: 10px;
}

.main-body.reportgenerator {
	text-align: center;
	margin-top: 40px;
}

.reportbox {
	display: block;
	min-height: 155px;
	margin-bottom: 30px;
	background: #fff;
	border: 3px solid #e4e8ee;
	margin: 0 auto;
	width: 900px;
	border-bottom: none;
	border-radius: 0;
}

.reportbox p {
	color: #3e4758 !important;
}

.reportbox h2 {
	padding: 25px 0 0 0;
	font-size: 1.5em;
	width: 100%;
	display: block;
	background: #fff;
	color: #444;
	font-family: "Arial";
	font-weight: 300;
}

.reportbox div {
	border-bottom: 0;
}

.reportbox.active {
	border: 2px solid #e4e8ee;
	background: #e4e8ee;
	border: 2px solid #e4e8ee;
	margin: 0 auto;
}

.reportbox.active h2 {
	background: #e4e8ee;
	color: #3e4758;
	font-weight: bold;
}

.reportbox.active p {
	color: #3e4758 !important;
	font-size: 0.8em;
}

.reportbox.active h3 {
	color: #3e4758;
	font-weight: bold;
}

.reportbox button {
	font-size: 1.1em;
	font-weight: 300;
	letter-spacing: 0.1em;
	height: 60px;
}

.reportbox.one {
	margin-bottom: 0;
	border-radius: 5px 5px 0 0;
}

.reportbox.one button {
	border: 1px solid rgba(229, 87, 87, 0.6);
	height: 35px;
}

.reportbox.two button {
	height: 35px;
	margin: 0 2%;
}

.reportbox.three {
	margin-right: auto;
}

.reportbox.three button {
	height: 40px;
}

.reportbox.four {
	margin: 0;
	border: 3px solid #e4e8ee;
	border-top: 0;
	border-radius: 0 0 4px 4px;
	min-height: 150px;
	width: 900px;
	margin: 0 auto;
}

.reportbox.four button {
	width: 42%;
	height: 40px;
}

.reportbox.four:after,
reportbox.four:before {
	display: none !important;
}


.arrow_box {
	position: relative;
	background: #3e4758;
	border: 4px solid #3e4758;
}

.reportbox:after,
.reportbox:before {
	top: 100%;
	left: 50%;
	border: solid transparent;
	content: " ";
	height: 0;
	width: 0;
	position: absolute;
	pointer-events: none;
}

.reportbox:before {
	border-color: rgba(136, 183, 213, 0);
	border-top-color: #3e4758;
	border-width: 30px;
	margin-left: -30px;
}

.reportbox:before {
	border-color: rgba(194, 225, 245, 0);
	border-top-color: #3e4758;
	border-width: 36px;
	margin-left: -36px;
}


/* Report Generator List */

.reportList dd:first-child {
	width: 30% !important;
	font-size: 0.8em;
}

.reportList dd:nth-child(2) {
	width: 17%;
	text-align: center;
	padding-left: 0;
}

.reportList dd:nth-child(3) {
	width: 12% !important;
	text-align: center;
	padding-left: 0;
}

.reportList dd:nth-child(4) {
	width: 12% !important;
	text-align: center;
	padding-left: 0;
}

.reportList dd:nth-child(5) {
	width: 28% !important;
	text-align: center;
	padding-left: 0;
}

.reportList dd {
	width: 17%;
	font-size: 0.9em;
	font-size: 0.8em;
}

.reportList .charto dd {
	padding-top: 12px;
}

.reportList .charto dd a:link,
.reportList .charto dd a:link {
	color: #e55757;
	border: 1px solid #e55757;
	border-radius: 3px;
	padding: 3px 8px;
	display: inline-block;
	width: 40%;
	margin: -4px auto 0;
	text-align: center;
	float: left;
	left: 15px;
}

.reportList .charto dd a:hover {
	color: #fff;
	background: #e55757;
	border: 1px solid #e55757;
}

.reportList .charto dd .reloaddatareport {
	display: inline-block;
	float: right;
}

.reportList .charto dd .reloaddatareport {
	text-align: center;
	display: inline-block;
	font-size: 0.8em;
	border-radius: 4px;
	padding: 3px 8px;
	float: right;
	margin-top: -2px;
	cursor: pointer;
	color: #333;
	background: #fff;
	border: 1px solid #333;
}

.reportList .charto dd .reloaddatareport:hover {
	background: #333;
	color: #FFF;
}

/* Gradients */

.lightgray {
	background: rgb(238, 238, 238);
	background: -moz-linear-gradient(top, rgba(238, 238, 238, 1) 0%, rgba(255, 255, 255, 1) 100%);
	background: -webkit-linear-gradient(top, rgba(238, 238, 238, 1) 0%, rgba(255, 255, 255, 1) 100%);
	background: linear-gradient(to bottom, rgba(238, 238, 238, 1) 0%, rgba(255, 255, 255, 1) 100%);
}

.gradientblue {
	background: rgba(229, 87, 87, 1);
}


.live-search-wrap {
	position: relative;
}

.live-search-wrap input[type=text] {
	width: 100%;
}

.live-search-wrap div.live-search {
	background: rgba(255, 255, 255, .95);
	position: absolute;
	left: 0;
	top: 40px;
	z-index: 10000;
	width: 167%;
	height: auto;
	max-height: 550px;
	overflow: auto;
	transition: all .1s ease-out;
	box-shadow: 0 0 25px #888;
	border-radius: 5px;
}

.live-search-wrap h2 {
	color: #000;
	font-weight: bold;
	padding: 10px 10px 5px;
	z-index: 100000;
}

.live-search-library {
	height: 25px;
	cursor: pointer;
	right: 5px;
	position: relative;
	top: -33px;
	width: 30px;
	height: 30px;
	border-radius: 100px;
	z-index: 10;
	float: right;
	background: rgba(0, 0, 0, 0.1) url(/_elements/_icons/iconMyAppsWhite.svg) 7px 7px no-repeat;
	background-size: 55%;
}

.live-search-library:hover {
	background: #34677c url(/_elements/_icons/iconMyAppsWhite.svg) 7px 7px no-repeat;
	background-size: 55%;
}

.live-search-wrap ul {
	margin: 0;
	list-style: none;
}

.live-search-wrap li {
	position: relative;
}

.live-search-wrap li a {
	display: block;
	position: relative;
	padding: 11px 12px;
	width: 85%;
	color: inherit;
	text-align: left;
	border-bottom: 1px solid rgba(94, 160, 187, 0.2);
	text-decoration: none;
	z-index: 0;
}

.live-search-wrap li a:hover {
	background: #f0f3f7;
}

.live-search-wrap li a img {
	width: 40px;
	height: 40px;
	margin-right: 20px;
	border-radius: 10px;
	vertical-align: top;
	float: left;
	box-shadow: 0 0 15px #BBB;
	z-index: 0;
	position: relative;
}

.live-search-wrap li:nth-child(odd) a {}

.live-search-wrap nav {
	padding: 5px 10px;
	clear: both;
}

.live-search-wrap a {
	float: left;
	color: inherit;
	text-decoration: none;
}

.live-search-wrap a[rel=next] {
	float: right;
}

.live-search-wrap div.live-search:empty {
	height: 200px;
	box-shadow: none;
}

.live-search-wrap div.live-search:empty {
	display: none;
}

.live-search-wrap .appTitle {
	font-size: 1.1em;
	width: 75%;
	white-space: nowrap;
	overflow: hidden;
	text-overflow: ellipsis;
	display: inline-block;
	color: #444;
	text-indent: 30px;
	line-height: 1.1em;
}

.live-search-wrap .sellerName {
	display: block;
	font-size: 0.85em;
	color: #888;
	margin-top: 6px;
	white-space: nowrap;
	overflow: hidden;
	text-overflow: ellipsis;
}

.live-search-wrap .addRemove {
	text-align: center;
	display: inline-block;
	font-size: 0.8em;
	margin-top: 1px;
	border-radius: 4px;
	padding: 5px 12px 4px;
	border: none;
	font-weight: normal;
	float: right;
	z-index: 10;
	right: 14px;
	top: 15px;
	cursor: pointer;
}

.live-search-wrap .add {
	width: 15%;
	max-width: 45px;
	color: #00b279;
	background: #FFF;
	border: 1px solid #00b279;
}

.live-search-wrap .add:hover {
	background: #00b279;
	color: #fff;
	border: 1px solid #00b279;
}

.live-search-wrap .upgrade {
	width: 12%;
	background: rgba(14, 208, 255, 1);
	color: #FFF;
	position: relative;
	top: 12px;
}

.live-search-wrap .upgrade:hover {
	background: #444;
	color: #FFF;
}

.live-search-wrap .remove {
	width: 18%;
	max-width: 45px;
	color: #333;
	background: #fff;
	border: 1px solid #333;
	max-width: 69px;
}

.live-search-wrap .remove:hover {
	background: #444;
	color: #FFF;
}

.live-search-wrap .pro,
.live-search-wrap .pro:hover {
	width: 8%;
	background: rgba(14, 208, 255, 1);
	color: #FFF;
	cursor: default;
}


.appBadge.itunes {
	width: 20px;
	height: 20px;
	background: #000;
	display: inline-block;
	z-index: 1000;
	position: absolute;
	left: 72px;
	background: #FFF url(/_elements/_icons/badgeAppstore.png) no-repeat;
	background-size: 100%;
	border-radius: 4px;
}

.appBadge.play {
	width: 20px;
	height: 20px;
	background: #000;
	display: inline-block;
	z-index: 1000;
	position: absolute;
	left: 72px;
	background: #FFF url(/_elements/_icons/badgePlay.png) no-repeat;
	background-size: 100%;
	border-radius: 4px;
}

.live-search-wrap .appBadge.itunes {}

.live-search-wrap .appBadge.play {}

.appBarTop .appBadge.itunes {
	width: 22px;
	height: 22px;
	left: -8px;
	top: -10px;
	background-size: 100%;
	border: 1px solid #FFF;
}

.appBarTop .appBadge.play {
	width: 22px;
	height: 22px;
	left: -8px;
	top: -10px;
	background-size: 100%;
	border: 1px solid #AAA;
}

.myappsList dl dd.appname .appBadge.itunes {
	width: 20px;
	height: 20px;
	left: 84px;
	top: 6px;
	border: none;
}

.myappsList dl dd.appname .appBadge.play {
	width: 20px;
	height: 20px;
	left: 84px;
	top: 6px;
}


/* CSV Export Button */

.csvexport {
	padding: 4px 10px 4px 27px;
	font-size: 0.8em;
	border: 0 solid #e4e8ee;
	border: 1px solid #f0f3f7;
	float: right;
	background: #fff url(/_elements/_icons/iconCsvExport.svg) 7px 5px no-repeat;
	border-radius: 4px;
	cursor: pointer;
	position: absolute;
	top: 55px;
	right: 0;
	color: rgba(52, 103, 124, 1) !important;
}

.csvexport.disabled {
	border: 0 solid #CCC;
	border: 1px solid #f0f3f7;
	color: rgba(52, 103, 124, 0.5) !important;
	background: #FFF url(/_elements/_icons/iconCsvExportDisabled.svg) 7px 5px no-repeat;
}

.csvexport:hover {
	background: #FFEB96 url(/_elements/_icons/iconCsvExport.svg) 7px 5px no-repeat;
	color: #111;
}

.main-body.worldcharts .csvexport {
	top: 55px;
	position: absolute;
	font-size: 0.8em;
	/*float: right;*/
}

.csvexport.keywords {
	position: relative;
	/* top: -22px; */
}

.csvexport.getHistory {
	position: relative;
	top: 6px;
	z-index: 10;
	right: 6px;
}


/* Get Started */

.main-header.getstarted {
	height: 100px;
}

.main-header.getstarted .main-logo {
	width: 158px;
	top: 28px;
}

.getstartedbox #live-search-example2 {
	background: #f0f3f7;
	border-radius: 5px 5px 0 0;
	padding: 12px;
}

.getstartedbox #live-search-example2 .appBadge {
	left: 71px;
	top: 11px;
}

.getstartedbox .live-search-wrap input[type=text] {
	width: 100%;
}

.getstartedbox .live-search-wrap div.live-search {
	width: 100%;
	top: 50px;
}

.getstartedbox .stepball {
	background: #e55757;
	border-radius: 100px;
	color: #FFF;
	display: inline-block;
	width: 50px;
	height: 30px;
	text-align: center;
	font-weight: normal;
	font-size: 1em;
	line-height: 1.4em;
	display: block;
	margin: 0 auto 5px auto;
}

.getstartedbox {
	width: 60%;
	margin: 0 auto;
}

.getstartedbox h2 {
	line-height: 2em;
	text-align: center;
}

.getstartedbox p {
	font-size: 0.85em;
	line-height: 1.5em;
	margin-bottom: 30px;
	padding: 20px;
	font-size: 1em;
	font-weight: 300;
	font-family: "Arial";
	color: #335260;
}

.getstartedbox p.description {
	background: #f0f3f7;
}

.getstartedbox img {
	margin-left: 15px;
	border-radius: 5px;
	margin: 0 auto;
}

.getstartedbox .button {
	text-align: center;
	display: inline-block;
	font-size: 0.9em;
	border-radius: 4px;
	padding: 3px 12px 2px;
	border: none;
	font-weight: normal;
}

.getstartedbox .button.add {
	width: 8%;
	color: #00b279;
	background: #FFF;
	border: 1px solid #00b279;
}

.getstartedbox .button.add:hover {
	background: #00b279;
	color: #fff;
	border: 1px solid #00b279;
}


/* Featured */

#pagefilter.filter.apptype {
	width: 33% !important;
}

.featured {
	margin-top: 20px;
}

.featured h2 {
	font-family: "Arial";
	font-size: 1.5em;
	line-height: 2.5em;
	font-weight: 300;
	color: #34677c;
	/* border-image: linear-gradient(to bottom, #3e4758 70%, rgba(255, 255, 255, 0) 100%);*/
	margin-bottom: 0;
}

.featuredLeft {
	width: 23%;
	display: inline-block;
	vertical-align: top;
	margin-right: 4%;
}

.featuredLeft dl {
	padding: 12px;
	position: relative;
	border-right: 2px solid #34677c;
	cursor: pointer;
	opacity: 1;
	margin-bottom: 10px;
}

.featuredLeft dl:hover {
	background: #FFEB96;
	box-shadow: 0 0 0 #CCC;
	border-radius: 4px;
	padding: 12px;
	opacity: 1;
}

.featuredLeft dl dd {}

.featuredLeft dl dd.date {
	font-size: 0.9em;
	padding-right: 20px;
	margin-bottom: 8px;
	background: #3e4758;
	color: #FFF;
	padding: 6px;
	border-radius: 4px;
}

.featuredLeft dl dd.point {
	width: 18px;
	height: 18px;
	border-radius: 10px;
	display: inline-block;
	border: 3px solid #FFF;
	position: absolute;
	right: -10px;
	top: 17px;
	background: #3e4758;
}

.featuredLeft dl dd div.topic {
	display: block;
}

.featuredLeft dl dd div.overflow {
	display: inline-block;
	font-size: 0.85em;
	position: relative;
	width: 63%;
}

.featuredLeft dl dd div.count {
	display: inline-block;
	font-size: 0.85em;
	width: 35%;
	text-align: right;
}

.featuredLeft dl.selected .point {
	background: #e55757;
	color: #e55757;
	border-radius: 5px;
}

.featuredLeft dl.selected .date {
	background: #e55757;
}

.featuredLeft dl.selected {
	background: #FFF;
	box-shadow: 0 0 10px rgba(94, 160, 187, 0.2);
	border-radius: 4px 0 0 4px;
	padding: 12px;
	opacity: 1;
}

.featuredLeft dl:first-child {
	border-right: 2px solid #34677c;
	border-image: linear-gradient(to bottom, rgba(0, 0, 0, 0)) 1 100%, #34677c 70%;
}

.featuredLeft dl:last-child {
	border-right: 2px solid #34677c;
	/* border-image: linear-gradient(to bottom, #3e4758 70%, rgba(0, 0, 0, 0)) 1 100%; */
}

.featuredRight {
	width: 73%;
	display: inline-block;
	vertical-align: top;
}

.featuredRight .floatingHeader {
	margin-top: 0;
	height: 50px;
	border-bottom: 0;
	margin-bottom: 0;
}

.featuredRight .floatingHeader dl {
	border-bottom: 0;
	margin-top: -4px;
}

.featuredRight .floatingHeader dl span {
	color: rgba(255, 255, 255, 0.7);
	font-size: 0.8em;
	display: block;
	margin-top: -2px;
}

.featuredRight .boxshadow {
	padding-top: 10px;
}

.featuredRight dl {
	margin-top: -3px;
	border-bottom: 1px solid rgba(94, 160, 187, 0.2);
	margin-bottom: 10px;
	padding-bottom: 9px;
}

.featuredRight dl dd {
	display: inline-block;
	overflow: hidden;
	font-size: 0.9em;
	vertical-align: top;
	line-height: 1.6em;
	text-align: left;
	padding-left: 15px;
}

.featuredRight dl dd:nth-child(1) {
	width: 12%;
}

.featuredRight dl dd:nth-child(2) {
	width: 15%;
}

.featuredRight dl dd:nth-child(3) {
	width: 30%;
	padding-right: 20px;
}

.featuredRight dl dd:nth-child(4),
.featuredRight dl dd:nth-child(5) {
	width: 7%;
	text-align: center;
	padding-left: 0;
}

.featuredRight dl dd:last-child {
	width: 25%;
	text-align: center;
	margin-left: 3%;
	border-bottom: none;
}

.featuredRight dl dd.image {
	max-width: 250px;
	border-radius: 5px;
	min-height: 45px;
	background: #FFF;
}

.featuredRight dl dd.image.none {
	color: #AAA;
	padding: 15px 0 0 0;
	font-size: 0.8em;
}

.grouppos {
	border-radius: 4px 0 0 4px;
	border-right: 1px solid #DDD;
	background: #f0f3f7;
	padding: 10px 0;
}

.apppos {
	border-radius: 0 4px 4px 0;
	background: #f0f3f7;
	padding: 10px 0;
}

.featuredRight .device img {
	width: 28px;
	margin-right: 8px;
	vertical-align: text-top;
}


/* Publisher Info Page */

.publisher {}

.publisher .box {
	display: inline-block;
	width: 15%;
	text-align: center;
	margin: 0 1%;
	padding: 12px;
	margin-bottom: 35px;
	background: #f0f3f7;
	border-radius: 5px;
}

.publisher h3 {
	border: none;
}

.publisher .box span {
	display: block;
	color: #34677c;
	font-weight: 400;
	font-size: 0.9em;
	margin: 0 0 4px 0;
}

.publisher .charti {
	display: inline-block;
	width: 50%;
	padding: 2%;
	border-radius: 5px;
	white-space: normal;
	cursor: pointer;
}

.publisher .charti:nth-child(3n+3) {
	margin-right: 0%;
}

.publisher .charti:hover {
	background: #FFEB96;
}

.publisher .charti .databox {
	margin-top: 10px;
}

.publisher .charti .databox div {
	width: 47%;
	display: inline-block;
	border-radius: 3px;
	margin: 0 6px 6px 0;
	height: 30px;
	vertical-align: middle;
	background: rgba(52, 103, 124, 0.1);
	padding: 5px 10px;
}

.publisher .charti .databox div .rank {
	text-align: right;
	margin-left: 4px;
	position: relative;
	color: #444;
	font-weight: bold;
	font-size: 0.9em;
}

.publisher .text {
	white-space: normal !important;
}

.publisher .appname {
	font-size: 1.2em !important;
	line-heigt: 1.4em;
	display: inline-block;
	width: 74%;
	vertical-align: top;
	position: relative;
}

.publisher .appname .appBadge.itunes,
.publisher .appname .appBadge.play {
	left: -90px;
}

.publisher .appname .appID {
	display: block;
	color: rgba(52, 103, 124, 0.7);
	font-size: 0.7em;
	white-space: nowrap;
	overflow: hidden;
	text-overflow: ellipsis;
}

.publisher .appname .apptitle {
	display: block;
	margin-bottom: 3px;
}

.publisher .appicon {
	display: inline-block;
	width: 20%;
	min-width: 70px;
	max-width: 80px;
}

.publisher .appicon img {
	border-radius: 15px;
	box-shadow: 0 0 7px #363d4c;
}

.publisher a.viewurl {
	width: 190px;
	position: relative;
	display: inline-block;
}

.publisher .myappsList dl dd.appname .apptitle {
	font-size: 1em;
}

.publisher .myappsList dl dd.appname {
	width: 75%;
}

.publisher .myappsList dl dd.appAdd {
	padding: 4px 9px;
	width: 55px;
	text-align: center;
	color: #00b279;
	background: #FFF;
	border: 1px solid #00b279;
	position: absolute;
	right: 10px;
	top: 18px;
}

.publisher .myappsList dl dd.appAdd:hover {
	border: 1px solid #00b279;
	background: #00b279;
	color: #FFF;
}

.publisher .myappsList dl dd.appname .appBadge {
	left: -10px;
	top: 10px;
}

.publisher .myappsList dl dd.appname .apptitle {
	text-indent: 0;
	margin-left: 0;
}

.publisher .appRankCategory {
	font-size: 0.8em;
}

.publisher .appRankOverall {
	font-size: 0.8em;
}

.publisher .addresult {
	color: #00b279;
	background: #FFF;
	border: 1px solid #00b279 !important;
	text-align: center;
	display: inline-block;
	border-radius: 4px;
	padding: 6px 12px 5px;
	border: none;
	font-weight: normal;
	margin-left: 80px;
	margin-top: -20px;
	margin-left: 20%;
	display: absolute !important;
	top: 0;
	right: 0;
}

.publisher .addresult:hover {
	background: #00b279;
	color: #fff;
	border: 1px solid #00b279;
}

.publisher .appInfo .details {
	min-width: inherit;
	width: 20%;
	order: 1;
}

.publisher .appDescription {
	width: 80%;
}


/* BoxShadow */

.boxshadow.headliner {
	font-family: "Arial";
	font-size: 1.5em;
	line-height: 2.5em;
	font-weight: 300;
	color: #34677c;
	border-top: 2px solid #e4e8ee;
	margin-top: 10px;
}

.centertipp2 {
	font-family: "Arial";
	font-size: 1.5em;
	line-height: 2em;
	font-weight: 300;
	color: #34677c;
	margin-top: 10px;
	background: none;
}

.boxshadowPadMid {
	background: #FFF;
	box-shadow: 0 0 10px rgba(94, 160, 187, 0.2);
	border-radius: 4px;
	padding: 15px;
}

.boxshadowPadBig {
	background: #FFF;
	box-shadow: 0 0 10px rgba(94, 160, 187, 0.2);
	border-radius: 4px;
	padding: 25px;
}


/* Help & API */

.apibox {
	display: inline-block;
	font-size: 0.9em;
}

.apibox.left {
	border-radius: 4px;
	width: 15%;
	margin-right: 1%;
	font-size: 0.8em;
}

.apibox.left h2 {
	margin: 30px 0 10px 0;
}

.apibox.left ul {
	padding: 0 0 0 10px;
}

.apibox.left ul li {
	list-style: none;
	margin-bottom: 2px;
}

.apibox.left a:hover {
	color: #e55757;
}

.apibox.right {
	max-width: 80%;
	vertical-align: top;
	float: right;
}

.apibox.right h2 {
	border-bottom: 3px solid #f0f3f7;
	padding-bottom: 10px;
}

.apibox.right h3 {
	font-size: 1.2em;
	color: #FFF;
	margin: 0 0 15px;
	padding: 12px 12px;
	background: #3e4758;
	border-radius: 3px;
}

.apibox.right h4 {
	font-size: 1.2em;
	border-left: 4px solid #e55757;
	margin: 0 0 15px;
	padding-left: 15px;
}

.apibox.right .code {
	background: #f0f3f7;
	border: 2px solid #e4e8ee;
	padding: 17px 23px;
	border-radius: 5px;
	font-size: 0.9em;
	margin-bottom: 40px;
}

.apibox.right .cost {
	background: #e55757;
	padding: 6px 12px;
	border-radius: 5px;
	font-size: 0.9em;
	color: #FFF;
	margin-bottom: 10px;
	width: 50%;
	margin-bottom: 15px;
}

.apibox.right dd {
	display: inline-block;
}

.apibox.right dd:first-child {}

.apibox p,
.apibox div {
	margin-bottom: 20px;
	line-height: 1.5em;
	margin-bottom: 40px;
}

.apibox.right p a:link,
.apibox.right p a:visited,
.formbox.api .godocu a:link,
.formbox.api .godocu a:visited {
	border-bottom: 1px solid #e55757;
	box-shadow: inset 0 -3px 0 #e55757;
	text-decoration: none;
	padding: 0 2px 2px 2px;
	color: #444;
}

.apibox.right p a:hover,
.formbox.api .godocu a:hover {
	border-bottom: 1px solid #FFEB96;
	box-shadow: inset 0 -3px 0 #555;
}

.api .pricing {
	margin: 30px 0 50px;
}

.api .pricing dl {}

.api .pricing dl:first-child dd:first-child {
	font-size: 1.2em;
	color: #FFF;
	margin: 0 0 15px;
	padding: 12px 12px;
	background: #3e4758;
	border-radius: 3px;
	border: none;
	width: 28%;
	font-size: 1em;
	margin: 0 1%;
	border-bottom: 1px solid rgba(94, 160, 187, 0.2);
}

.api .pricing dl dd {
	border-bottom: 1px solid rgba(94, 160, 187, 0.2);
	font-size: 1.2em;
	margin: 0 0 15px;
	padding: 12px 12px;
	width: 28%;
	font-size: 1em;
	margin: 0 1%;
	margin-bottom: 1px;
}

.api .pricing dl:first-child dd:nth-child(2),
.api .pricing dl:first-child dd:nth-child(3) {
	background: #e55757;
	color: #FFF;
	border: none;
	border-radius: 3px;
}


/* API Page Profile */

.formbox.api {}

.formbox.api .changepassword {
	background: none;
	padding: 0 12px;
	border-radius: 5px;
	font-size: 0.85em;
	color: #e55757;
	margin-bottom: 10px;
	width: 100%;
	margin-bottom: 25px;
}

.formbox.api .godocu {
	color: #e55757;
	margin-bottom: 10px;
	width: 100%;
	margin-bottom: 45px;
	font-size: 0.9em;
	color: #484848;
}

.formbox.api dl {
	margin: 20px 0;
	font-family: "Arial";
	border: 1px solid #DDD;
	border-radius: 4px;
}

.formbox.api dl dd {
	display: inline-block;
	text-align: left;
	width: 35%;
	text-align: right;
	background: #FFF;
	border-radius: 5px;
	padding: 10px;
}

.formbox.api dl dd:first-child {
	text-align: left;
	width: 60%;
	background: none;
	margin-right: 4%;
}

.formbox.api dl:first-child dd:first-child {
	border-bottom: 1px solid rgba(94, 160, 187, 0.2);
}


/* Team Edit */

.teamedit {}

.teamedit.filter {
	width: 100%;
	display: block;
	text-align: center;
}

.teamedit .formbox {
	width: 100%;
}

.teamedit .formbox input.text {
	width: 300px !important;
	margin-right: 10px;
}

.teamedit .formbox span {
	width: 300px !important;
	margin-right: 10px;
	padding-right: 50px
}

.teamedit .formbox p {
	text-align: left;
}

.teamedit ol {
	margin-left: 20px;
	text-align: left;
}

.teamedit ol li {
	margin: 8px 0;
	padding-right: 80px;
}

.teamedit .formbox button#delete {
	background: rgba(255, 255, 255, 0.1) url(/_elements/delete.svg) center center no-repeat !important;
	background-size: 100% !important;
	margin-right: 15px;
	border: none !important;
}

.teamedit .formbox button#verified {
	background: rgba(255, 255, 255, 0.1) url(/_elements/verified_no.svg) center center no-repeat !important;
	background-size: 100% !important;
	margin-right: 15px;
	border: none !important;
}

.teamedit .formbox button#verified.selected {
	background: rgba(255, 255, 255, 0.1) url(/_elements/verified.svg) center center no-repeat !important;
	background-size: 100% !important;
	margin-right: 15px;
	border: none !important;
}

.teamedit .formbox button#readonly {
	background: rgba(255, 255, 255, 0.1) url(/_elements/readonly_no.svg) center center no-repeat !important;
	background-size: 100% !important;
	margin-right: 15px;
	border: none !important;
}

.teamedit .formbox button#readonly.selected {
	background: rgba(255, 255, 255, 0.1) url(/_elements/readonly.svg) center center no-repeat !important;
	background-size: 100% !important;
	margin-right: 15px;
	border: none !important;
}

.teamedit .formbox button#setapps {
	background: rgba(255, 255, 255, 0.1) url(/_elements/apps.svg) center center no-repeat !important;
	background-size: 100% !important;
	margin-right: 15px;
	border: none !important;
}

/*
	.teamedit button#functionSettings:hover {background: #ebeff1 url(/_elements/_icons/iconSettings2.svg) center center no-repeat !important; background-size: 40% !important;}
	.teamedit button#functionSettings.selected {background: #ebeff1 url(/_elements/_icons/iconSettings2.svg) center center no-repeat !important; color: #34677c !important; background-size: 40% !important;}
	.teamedit button#functionSettings.disabled {background: #FFF url(/_elements/_icons/iconSettingsWhite.svg) center center no-repeat; border-left: 1px solid #CCC!important; background-size: 40% !important;}
	*/


#emptybox2,
#emptybox1,
#emptyboxbig,
#emptyboxsmall1,
#emptyboxsmall2,
#emptyboxsmall3 {
	text-align: center;
	color: white;
	text-transform: uppercase;
	padding: 1px;
	font-weight: 100;
	position: relative;
	background-color: #9C3;
}

#emptyboxsmall {
	background-color: #454545;
	background-repeat: repeat;
	height: 26px;
	width: 300px;
}

legend {
	padding: 0.2em 0.5em;
	border: 1px solid black;
	color: black;
	font-size: 10pt;
	text-align: center;
}

.oben {
	vertical-align: top;
}

.mittig {
	padding: 3px;
	vertical-align: middle;
}

.unten {
	vertical-align: bottom;
}

#placeholder .button {
	position: relative;
	cursor: pointer;
}

#placeholder div.button {
	font-size: smaller;
	color: #000000;
	background-color: #e4e8ee;
	padding: 2px;
}

.message {
	padding-left: 50px;
	font-size: smaller;
}

/*
div.selected {background-color: orange;}
*/
div.unselected {
	background-color: white;
}

#emptyboxsmallwhite {
	cursor: pointer;
}

.segmented_control {
	display: inline-block;
	box-shadow: 0 1px 0 #fff;
	border-radius: 3px;
}

.segmented_control button {
	margin: 0;
	padding: 4px 12px;
	border: 1px solid #777;
	text-shadow: 0 1px 0 #fff;
	font-size: 11px;
	width: 100px;
	background: #e4e8ee;
	background: -webkit-gradient(linear, left top, left bottom, from(#fff), to(#ddd));
	background: -moz-linear-gradient(top, #fff, #ddd);
}

.segmented_control button.left_section {
	border-right: 0;
	border-radius: 4px 0 0 4px;
}

.segmented_control button.middle_section {
	margin-left: -5px;
	border-right: 0;
}

.segmented_control button.right_section {
	margin-left: -5px;
	border-radius: 0 4px 4px 0;
}

.segmented_control button.selected {
	background: #ddd;
	background: -webkit-gradient(linear, left top, left bottom, from(#ddd), to(#bbb));
	background: -moz-linear-gradient(top, #ddd, #bbb);
	text-shadow: 0 1px 0 #eee;
	box-shadow: inset 0 1px 4px #000;
}

.segmented_control button:active {
	background: #ccc;
	background: -webkit-gradient(linear, left top, left bottom, from(#ddd), to(#bbb));
	background: -moz-linear-gradient(top, #ddd, #bbb);
	text-shadow: 0 1px 0 #eee;
	box-shadow: inset 0 1px 4px #000;
}

.segmented_control button::-moz-focus-inner {
	border: 0;
}

.segmented_control button:focus {
	outline: none;
}

.clear:after {
	content: ".";
	display: block;
	height: 0;
	clear: both;
	visibility: hidden;
}

.clear {
	display: inline-block;
}

html[xmlns] .clear {
	display: block;
}

.leftAlig {
	float: left;
}

.rightAlig {
	float: right;
}

#metaContainer {
	position: relative;
	z-index: 0;
}

#slideContainer {
	margin: 0 auto;
	margin-top: -226px;
	width: 100%;
	height:
		/* 750px */
		830px;
	padding: 270px 51px 21px 51px;
	z-index: 1;
	text-align: center;
	background: #34677c url(/_elements/_home/designGraph-5.svg) center bottom no-repeat;
	background-size: 100%;
	border-bottom: 5px solid #3e4758;
}


/* Checktitles */

.main-body.checktitles .inside img {
	border-radius: 16px;
	margin: 0 25px 25px 0;
	border: 1px solid #ddd;
}

.main-body.checktitles .inside {
	width: 100%;
	margin-left: 20px;
}

/* The Pager */
#pager {
	text-align: center;
	margin: -50px auto 50px;
	z-index: 100;
	width: 60px;
}

#pager a {
	display: block;
	text-indent: -5000px;
	width: 10px;
	height: 10px;
	background-image: url(images/pager-sprite.png);
	background-repeat: no-repeat;
	float: left;
	margin-right: 5px;
}

#pager a {
	background-position: 0 0;
}

#pager a:hover {
	background-position: 0 -11px;
}

#pager a:active {
	background-position: 0 -11px;
}

#pager a.activeSlide {
	background-position: 0 -22px;
}

#pager a.activeSlide:hover {
	background-position: 0 -22px;
}

#pager a.activeSlide:active {
	background-position: 0 -22px;
}

/* The whats hot ribbon */
.whatsHot {
	position: absolute;
	width: 107px;
	height: 108px;
	background: url(images/whats-hot-bg.png) no-repeat;
	left: 62px;
	z-index: 100;
}


/* Payment */

.main-body.buy {}

.main-body.buy .buybox.tiers {
	text-align: left;
	margin: 0 auto 30px;
}

.main-body.buy .buybox.tiers button {
	border: 1px solid #DDD;
	padding: 10px 10px;
	color: #AAA;
	background: #FFF;
	margin: 0 1%;
	font-weight: normal;
}

.main-body.buy .buybox.tiers button.selected {
	background: #EFEFEF;
}

.main-body.buy .buybox.one {}

#pricingtable {}

#pricingtable .sliders {
	vertical-align: top;
	background: #f0f3f7;
	padding: 25px;
}

#pricingtable .features {
	width: 100%;
	display: inline-block;
	vertical-align: top;
	font-family: "Arial";
}

#pricingtable h2 {
	color: #34677c;
	font-size: 1.8em;
	margin: 40px 0 50px 0;
	font-weight: 700;
	display: block;
}

#pricingtable h2 span {
	background: #34677c;
	color: #FFF;
	border-radius: 4px;
	font-size: 0.8em;
	font-weight: 400;
	padding: 5px 15px;
}

#pricingtable .topslider {
	margin: 20px auto 0 auto;
	width: 100%;
}

#pricingtable .button.feature:hover {
	border: none !important;
}

#pricingtable .features .spalte {
	position: relative;
	width: 30%;
	display: inline-block;
	vertical-align: top;
	margin-right: 2.2%;
	text-align: center;
}

#pricingtable .features .spalte.drei {
	margin-right: 0;
}

#pricingtable .features .spalte .addpackage {
	background: #fff;
	margin-bottom: 10px;
	border-radius: 1px solid #e55757;
	margin: 0 auto;
	margin-bottom: 20px;
	font-family: "Arial";
	color: #34677c;
	border: 1px solid rgba(52, 103, 124, 0.5);
	border-radius: 4px;
	width: 35%;
	min-width: 130px;
	padding: 11px 10px 13px 10px;
	text-align: center;
	
	height: 44px;
}

#pricingtable .features .spalte .addpackage:hover {
	background: #34677c !important;
	color: #FFF;
}

#pricingtable .features .spalte .addpackage.deactivated {
	background: transparent;
	border: none !important;
	font-size: 1.8em;
	cursor: pointer;
	width: 100%;
}

#pricingtable .features .spalte .addpackage.deactivated:hover {
	background: transparent !important;
	color: #34677c;
}

#pricingtable .features .spalte:last-child {
	margin-right: 0;
}

#pricingtable .features .spalte .element {
	padding: 12px;
	text-align: left;
	margin-bottom: 30px;
	border-radius: 5px;
	position: relative;
	min-height: 390px;
}

#pricingtable .features label {
	display: inline-block;
}

#pricingtable .features button {
	display: inline-block;
	background-size: 20px;
	font-size: 1em;
	background: transparent 12px 10px url(_elements/_icons/checkboxNoNew.svg) no-repeat;
	color: #444;
	border: none;
	text-align: left;
	padding: 12px 0 13px 43px;
	width: 100%;
}

#pricingtable .features button:hover {
	color: #34677c;
	background: transparent 12px 10px url(_elements/_icons/checkboxNoNew.svg) no-repeat !important;
	border-bottom: 0 !important;
}

#pricingtable .features .spalte .element button.selected,
#pricingtable .features .spalte .element button.selected:hover {
	display: inline-block;
	padding: 12px 0 13px 43px;
	background: transparent 12px 10px url(_elements/_icons/check-availabledark.svg) no-repeat !important;
	background-size: 20px;
	color: #444;
	padding: 12px 0px 13px 43px;
	border: none;
	background-size: 20px !important;
}

#pricingtable .features .spalte.zwei .element button.selected,
#pricingtable .features .spalte.zwei .element button.selected:hover {
	background: transparent 12px 10px url(_elements/_icons/check-availableblue.svg) no-repeat !important;
	background-size: 20px;
	color: #444;
	padding: 12px 0px 13px 43px;
	border: none;
	display: inline-block;
	background-size: 20px !important;
}

#pricingtable .features .spalte.drei .element button.selected,
#pricingtable .features .spalte.drei .element button.selected:hover {
	background: transparent 12px 10px url(_elements/_icons/check-available.svg) no-repeat !important;
	background-size: 20px;
	color: #444;
	padding: 12px 0px 13px 43px;
	border: none;
	display: inline-block;
	background-size: 20px !important;
}


#pricingtable .features button span {
	display: block;
	font-size: 0.8em;
	margin-top: 8px;
	line-height: 1.6em;
	color: #34677c;
}


#pricingtable .features .spalte .addpackage.pro {
	border: 3px solid #fff;
	color: #fff;
	background: rgba(52, 103, 124, 1);
	box-shadow: 0 0 3px rgba(52, 103, 124, 1);
}

#pricingtable .features .spalte .addpackage.pro .price {
	background: rgba(14, 208, 255, 1);
	font-size: 1.5em;
	font-weight: 700;
	line-height: 1.25em;
	color: #fff;
}

#pricingtable .features .spalte .addpackage.pro:hover {
	background: rgba(14, 208, 255, 1) !important;
	color: #FFF;
	border-color: rgba(14, 208, 255, 1);
}

#pricingtable .features .spalte .addpackage.pro.selected {
	background: rgba(14, 208, 255, 1);
	color: #FFF;
	box-shadow: 0 0 3px rgba(14, 208, 255, 1);
}

#pricingtable .features .spalte .addpackage.data {
	border: 3px solid #fff;
	color: #fff;
	background: rgba(0, 178, 121, 1);
	box-shadow: 0 0 3px rgba(52, 103, 124, 1);
}

#pricingtable .features .spalte .addpackage.data .price {
	background: rgba(0, 178, 121, 1);
	font-size: 1.5em;
	font-weight: 700;
	line-height: 1.25em;
}

#pricingtable .features .spalte .addpackage.data:hover {
	background: rgba(0, 178, 121, 1) !important;
	color: #FFF;
	border-color: rgba(0, 178, 121, 1);
}

#pricingtable .features .spalte .addpackage.data.selected {
	background: rgba(0, 178, 121, 1);
	color: #FFF;
}

#pricingtable .features .spalte .addpackage.free {
	border: 1px solid rgba(52, 103, 124, 0.5);
	color: #34677c;
	cursor: default;
}

#pricingtable .features .spalte .addpackage.free .price {
	background: rgba(52, 103, 124, 1);
	font-size: 1.5em;
	font-weight: 700;
}

#pricingtable .features .spalte .addpackage .price {
	background: #34677c;
	text-align: center;
	padding: 9px 0px;
	width: 85px;
	height: 85px;
	position: relative;
	color: #FFF;
	left: 100%;
	top: -64px;
	font-family: "Arial";
	box-shadow: 0 0 0px #000;
	font-weight: normal;
	font-size: 1.5em;
	z-index: 1000;
	left: 150%;
	top: -4px;
}

/*
#pricingtable .features .spalte .addpackage .price {background: #34677c; text-align: center; padding: 9px 0px; border-radius: 25px; width: 90px; height: 90px; position: relative; color: #FFF; left: 100%; top: -64px; font-family: "Arial"; border: 3px solid #FFF; box-shadow: 0 0 0px #000; font-weight: normal; font-size: 1.5em; z-index: 1000; transform: rotate(15deg); left: 150%; top: -4px;}

*/


#pricingtable .features .spalte .addpackage.free .price {
	left: 81%;
	font-size: 0.9em;
	padding-top: 19px;
	text-decoration: underline;
}

#pricingtable .features .spalte .addpackage .price .month,
#pricingtable .features .spalte .addpackage .price .from {
	font-size: 0.55em;
	text-align: center;
	color: #FFF;
	line-height: 1.2em;
	font-weight: normal;
	margin: 0;
}

#pricingtable .features .spalte .addpackage .price .from.invisible {
	visibility: hidden;
	height: 6px;
}


div.button.feature {
	background: none;
	border: none;
	color: #444;
	text-align: center;
}

div.button.feature:hover {
	background: none !important;
}

#apicounter {
	background: #e55757;
	padding: 3px 5px;
	border-radius: 4px;
	color: #FFF;
}

#keywordscounter {
	background: #e55757;
	padding: 3px 5px;
	border-radius: 4px;
	color: #FFF;
}

#pricingtable .features .spalte.cart {
	margin: 0 auto;
	display: block;
}

#pricingtable .blurbox.enabled {
	opacity: 1;
}

#pricingtable .blurbox.disabled {
	opacity: 0.3;
}

.cart {
	border-radius: 5px;
	margin: 0 auto;
	text-align: center;
	width: 31%;
	font-family: "Arial";
}

.cart .element {
	padding: 20px !important;
}

.cart #price {}

.cart #price .total,
.cart #price .txt {
	background: #34677c;
	color: #FFF;
	border-radius: 4px;
	padding: 15px 10px;
	margin-bottom: 4px;
}

.cart #price .txt {
	background: #FFF;
	margin-bottom: 10px;
	color: #3e4758;
	border-bottom: none;
	border-radius: 0;
}

.cart #price .total.current {
	background: rgba(52, 103, 124, 0.1);
	color: #3e4758;
}

.cart #price .total.promotion {
	background: rgba(52, 103, 124, 0.1);
	color: #3e4758;
}

.cart #price .total.sub.tax {
	background: rgba(52, 103, 124, 0.1);
	color: #3e4758;
}

.cart #price .total.sub {
	border: none;
	background: rgba(52, 103, 124, 0.3);
	color: #3e4758;
}

.cart #price .total dd,
.cart #price .txt dd {
	display: inline-block;
	width: 33%;
}

.cart #price .total dd:nth-child(3),
.cart #price .txt dd:nth-child(3) {
	text-align: right;
}

.cart #price .signup {
	width: 80%;
	clear: both;
	margin: 30px auto 0 auto;
	display: block;
	text-align: center;
	padding: 15px;
}

.cart .acceptterms {
	font-size: 0.9em;
	line-height: 1.5em;
	text-decoration: none;
}

.cart .acceptterms a {
	font-size: 1.07em;
}

.cart p.description {
	padding: 0;
	margin: 25px auto 0;
	text-align: center;
}

.cart .promotion {
	padding: 7px 0px 7px 8px;
}

.cart .promotion input[type=text] {
	margin-left: 12%;
	border-radius: 5px;
	border: 1px solid #BBB;
	text-align: center;
	border-bottom: 2px solid #BBB;
	padding: 6px 10px;
}

/* Firefox Fix */
@-moz-document url-prefix() {
	.cart .promotion input[type=text] {
		margin-left: 5%;
	}
}

.cart .promotion input.singlebutton {
	padding: 7px;
	float: right;
}

.cart .blurbox {
	display: block;
	height: 40px;
}

.movingCheckout {
	padding: 3px 5px;
	border-radius: 4px;
	color: #FFF;
	float: right;
	transform: rotate(0deg) translate(-35px, -270px);
	font-size: 1em;
	background: #ebeff1;
	color: #e55757;
	font-family: "Arial";
	font-weight: 400;
	border: 1px solid #ebeff1;
	padding: 6px 40px;
	position: absolute;
	top: 266px;
	margin: 0 32.5%;
	width: 28%;
	text-align: center;
	font-size: 1.5em;
	line-height: 1.1em;
	opacity: 0;
	background: #e55757;
	color: #FFF;
	border-bottom: 3px solid rgb(191, 63, 21);
}

.movingCheckout:hover {
	background: #FFEB96 !important;
	cursor: pointer;
	color: #444 !important;
	border: none;
	border-bottom: 3px solid #dfc200;
	cursor: pointer;
}

.movingCheckout.outside {
	animation: pulse 1s forwards;
}

.cart .filter {
	width: 100%;
	margin-bottom: 10px;
}

.cart h3 {
	float: none;
	border-bottom: 2px solid rgba(52, 103, 124, 0.3);
	padding: 8px 12px;
	margin-bottom: 7px;
}

#pricingtable .cart .filter button {
	display: inline-block;
	width: 49% !important;
}


@keyframes pulse {
	from {
		opacity: 0;
	}

	to {
		opacity: 1;
	}
}


#pricingtable .second button {
	padding 5px 10px;
	border: 1px solid #DDD;
}

.button.free {}

.button.pro {}

.button.expert {}

.button.enterprise {}

.irs-with-grid {
	margin-bottom: 30px !important;
}

.irs-line {
	background: rgba(0, 0, 0, 0.15) !important;
	border: none !important;
}

.irs-bar {
	border: none !important;
	background: linear-gradient(to right, #34677c 0%, #3e4758 100%) !important;
}

.irs-bar-edge {
	background: #34677c !important;
}

.irs-slider {
	background: #FFF !important;
	border: 0 !important;
	width: 25px !important;
	height: 25px !important;
	border: 2px solid rgb(62, 71, 88) !important;
}

.irs-grid-text {
	font-size: 0.8em !important;
}

.ribbon {
	position: absolute;
	left: -6px;
	top: -9px;
	z-index: 1;
	overflow: hidden;
	width: 95px;
	height: 95px;
	text-align: right;
}

.ribbon span {
	font-size: 13px;
	font-weight: bold;
	color: #FFF;
	text-transform: uppercase;
	text-align: center;
	line-height: 25px;
	transform: rotate(-45deg);
	-webkit-transform: rotate(-45deg);
	width: 100px;
	display: block;
	background: #34677c;
	box-shadow: 0 3px 10px -5px rgba(0, 0, 0, 1);
	position: absolute;
	top: 19px;
	left: -21px;
}

.ribbon span::before {
	content: "";
	position: absolute;
	left: 0;
	top: 100%;
	z-index: -1;
	border-left: 3px solid rgba(0, 0, 0, 0.3);
	border-right: 3px solid transparent;
	border-bottom: 3px solid transparent;
	border-top: 3px solid rgba(0, 0, 0, 0.3);
}

.ribbon span::after {
	content: "";
	position: absolute;
	right: 0;
	top: 100%;
	z-index: -1;
	border-left: 3px solid transparent;
	border-right: 3px solid rgba(0, 0, 0, 0.3);
	border-bottom: 3px solid transparent;
	border-top: 3px solid rgba(0, 0, 0, 0.3);
}

.ribbon.pro span {
	background: rgba(14, 208, 255, 1);
}

.ribbon.expert span {
	background: #00b279;
	background: linear-gradient(#00b279 0%, #32b17b 100%);
}


/* SALES */

#sales .filter {
	width: 24%;
}

#sales .filter:nth-child(1) {
	width: 27%;
}

#sales .filter:nth-child(2) {
	width: 18%;
}

#sales .filter:nth-child(3) {
	width: 29%;
}

#sales .filter:nth-child(4) {
	width: 22%;
}

#sales .filter .ui-multiselect {
	width: 200px !important;
}

#sales #chart {
	padding: 22px 0;
	height: 600px;
	border-radius: 5px;
}

#sales .c3 path,
#sales .c3 line {
	color: #AAA !important;
}

.accountlist {
	height: auto;
}

.accountlist dd {
	padding: 10px 10px;
	font-size: 0.9em;
}

.accountlist dd:nth-child(1) {
	width: 30%;
}

.accountlist dd:nth-child(2) {
	width: 40%;
}

.accountlist dd:nth-child(3) {
	width: 30%;
}


/*-- Line --*/
.c3-line {
	stroke-width: 2px;
	opacity: 0.6 !important;
}

/*-- Point --*/
.c3-circle._expanded_ {
	stroke-width: 3px;
	stroke: white;
	box-shadow: 0 0 5px #AAA;
}

.c3-selected-circle {
	fill: white;
	stroke-width: 7px;
}

/*-- Axis --*/

.c3-axis-x .tick {
	color: #AAA
}

.c3-axis-x-label {}

.c3-axis-y .tick {}

.c3-axis-y-label {}

.c3-axis-y2 .tick {}

.c3-axis-y2-label {}



/* Terms Page */

.main-body.terms h2 {
	padding-bottom: 10px;
	border-bottom: 3px solid #f0f3f7;
}

.main-body.imprint h2 {
	padding-bottom: 10px;
	border-bottom: 3px solid #f0f3f7;
}

.main-body.imprint h3 {
	font-size: 1.2em;
	border-bottom: 3px solid rgba(74, 128, 155, 0.2);
	padding-bottom: 7px;
}

.main-body.datenschutz_de h2 {
	padding-bottom: 10px;
	border-bottom: 3px solid #f0f3f7;
}

.main-body.datenschutz_de h3 {
	font-size: 1.2em;
	border-bottom: 3px solid rgba(74, 128, 155, 0.2);
	padding-bottom: 7px;
}

.main-body.datenschutz_en h2 {
	padding-bottom: 10px;
	border-bottom: 3px solid #f0f3f7;
}

.main-body.datenschutz_en h3 {
	font-size: 1.2em;
	border-bottom: 3px solid rgba(74, 128, 155, 0.2);
	padding-bottom: 7px;
}

/* */

@media only screen and (min-width: 970px) and (max-width: 1150px) {
	#slideContainer {
		height: 650px;
	}
}

@media only screen and (min-width: 700px) and (max-width: 969px) {
	#slideContainer {
		height: 550px;
	}

	.welcomeImage {
		width: 550px;
	}
}

@media only screen and (min-width: 800px) and (max-width: 1400px) {
	.charto dl {
		height: 36px;
	}

	.pricings .box {
		margin: 0 2%;
	}

	.filter.country {
		width: 32%;
	}

}

@media only screen and (max-width: 1060px) {
	.inside {
		max-width: 1000px;
	}

	.main-body.worldcharts .charto dd,
	.main-body.worldcharts .floatingHeader dd {
		width: 30.4%;
	}

	.main-body.stats .charto dd,
	.main-body.stats .floatingHeader dd {
		width: 30.4%;
	}

	.charto a:link,
	.charto a:visited {
		width: 200px;
	}

	.appranks .device {
		width: 170px;
	}

	.apibox.right {
		max-width: 710px;
	}
}


@media only screen and (max-width: 969px) {

	.headline a.viewurl {
		display: block;
		top: 70px;
		right: 10px;
	}

	#loginboxplace {
		width: 190px;
		position: relative;
		top: 40px;
		left: 15px;
	}

	.live-search-wrap div.live-search {
		width: 100%;
	}

	.live-search-wrap input[type=text] {
		position: relative;
		z-index: 0;
	}

	.live-search-library {
		position: absolute;
		background: rgba(0, 0, 0, 0.1) url(/_elements/_icons/iconMyAppsWhite.svg) 7px 7px no-repeat;
		background-size: 55%;
		z-index: 10;
		right: 4px;
		top: 3px;
	}

	.dd-pointer:before {
		display: none;
	}

	/* Hide "Select App" */

	.inside {
		max-width: none;
		width: 96%;
	}

	.main-header {
		height: 60px;
	}

	.main-header.home {
		background: #315060;
		background: #5386A1;
		height: 60px;
		background-size: 100%;
	}

	.main-header a {
		margin: 0 auto;
	}

	.main-logo {
		width: 130px;
		text-align: center;
		position: relative;
		top: 12px;
		left: 55px;
		height: 57px;
	}

	.menu {
		width: 100%;
		position: relative;
		top: -10px;
	}

	.menu .main-nav {
		display: none;
	}

	.menu .headersearch {
		width: 95%;
		top: 0;
		float: none;
		margin: 0 auto;
	}

	.menu .headersearch input.searchField {
		min-width: none;
	}

	.ticker-wrap {
		display: none;
	}

	#appfavholder.floatright {
		position: absolute;
		top: 0;
		right: 0;
		width: 176px;
	}

	.mobilenavigation .main-loginbox {
		float: left;
		position: relative;
		top: 45px;
		left: 15px;
	}

	.mobilenavigation .main-loginbox input[type="checkbox"] {
		-webkit-appearance: checkbox;
	}

	.headline,
	.description,
	#tabs h3,
	#tabs h1 {
		text-align: center;
	}

	#tabs .legend {
		margin: 0 0 10px 10px;
	}

	.headline h1 {
		font-size: 1.8em;
	}

	.headline .description {
		margin-left: 0;
		margin-right: 0;
		font-size: 0.9em;
	}

	.headline sub {
		display: block;
		top: 0;
		left: 0;
	}

	.headline.left,
	.headline.right {
		float: none;
		display: block;
	}

	#slideContainer {
		margin: 0 auto;
		margin-top: -183px;
		width: 100%;
		padding: 180px 51px 0 51px;
		z-index: 1;
		text-align: center;
		height: 45%;
		background: #34677c url(/_elements/_home/designGraph-5.svg) center bottom no-repeat;
		background-size: 160%;
		border-bottom: 5px solid #3e4758;
	}

	.welcomebox.rankings {
		background: #fff url(_elements/_home/designGraphLower-4.svg) center middle no-repeat;
		background-size: 240%;
		text-shadow: 0 0 10px #FFF;
		width: 100%;
		padding-top: 30px;
	}

	.welcomebox a#linkfade {
		float: none;
		margin-left: auto;
		margin-right: auto;
	}

	.welcomebox.rankings a#linkfade {
		margin-top: 40px;
		display: block;
		width: 56%;
	}

	.welcomeImage {
		width: 100%;
		margin: 40px 0 40px 0;
	}

	.claim {
		padding: 18px 12px 12px 12px;
		height: 80px;
		text-align: center;
		color: #444;
		font-size: 1.1em;
		line-height: 1.5em;
		font-family: "Arial";
		position: relative;
		margin-top: 0;
		margin-bottom: 0;
	}

	.claim p {
		font-size: 0.8em;
	}

	.claim h1,
	.claim p {
		font-family: "Arial" !important;
		font-weight: 300 !important;
	}

	.main-body.home .welcomebox {
		min-height: inherit;
	}

	.welcomebox {
		font-size: 0.9em;
	}

	.welcomebox p {
		font-size: 1em;
	}

	.welcomebox.left,
	.welcomebox.right {
		display: block;
		float: none;
		width: 100%;
		text-align: center;
		padding: 50px 5% 0;
	}

	.welcomebox.left .insideright,
	.welcomebox.right .insideleft,
	.welcomebox.left .insideright,
	.welcomebox.right .insideleft {
		text-align: center !important;
		margin: 0 auto !important;
		width: 100% !important;
		float: none;
	}

	.welcomebox.first .insideright {
		padding-top: 0px;
	}

	.welcomebox img {
		text-align: center !important;
		margin: 25px 0 !important;
	}

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

	#a {
		order: 2;
	}

	#b {
		order: 1;
	}

	.main-search {
		height: 45px;
		padding-left: 10px;
		padding-right: 10px;
		text-align: center;
		margin-top: 0;
		padding-bottom: 0;
		margin-bottom: 25px;
	}

	.main-search p,
	.main-search form {
		display: block;
		float: none;
		margin-bottom: 10px;
		width: 100%;
	}

	.main-search .button {
		display: block;
		max-width: 60%;
		margin: 8px auto 16px;
	}

	.main-search.home {
		background: none;
	}

	input.searchField {
		width: 100%;
		min-width: 100%;
	}

	.live-search-wrap li a img {
		width: 32px;
		height: 32%;
		margin-right: 10px;
		border-radius: 8px;
	}

	.live-search-wrap li a {
		width: 80%;
	}

	.live-search-wrap .appTitle {
		width: 80%;
		font-size: 1em;
	}

	.live-search-wrap .upgrade {
		width: 20%;
	}

	.live-search-wrap .add,
	.live-search-wrap .pro {
		width: 12%;
	}

	.live-search-wrap .remove {
		width: 15%;
	}

	.main-register {
		height: auto;
		text-align: center;
		margin-top: 100px;
	}

	.floatright,
	.floatleft {
		float: none;
		text-align: center;
		line-height: normal;
		width: 20%;
	}

	.main-search .floatleft {
		display: none;
	}

	.main-header .floatright {
		width: 50%;
	}

	.main-header .floatright .button.signup {
		font-size: 0.9em;
		position: absolute;
		top: 12px;
		right: 3%;
	}

	.main-header .floatright .login {
		display: none;
	}

	.floatright {
		float: right;
		width: 30%;
	}

	.main-header .floatright a:link,
	.main-header .floatright a:visited {
		margin: 0 0%;
	}

	.appliste {
		position: absolute;
		right: 0;
		top: 0;
		padding: 9px 0 8px 0;
		border-radius: 0 0;
		display: block;
		white-space: nowrap;
	}

	.appliste img {
		width: 30px;
		height: 30px;
		border-radius: 7px;
		margin-right: 4px;
		cursor: pointer;
		transition: background 0.3s ease;
	}

	.appliste img:hover {
		opacity: 0.7;
	}

	.appliste:empty {
		display: none;
	}

	.appliste {
		background: linear-gradient(0deg, rgba(0, 0, 0, 0.25) 0%, rgba(0, 0, 0, 0) 100%);
	}

	.main-register.rankings.loggedin .floatright {
		display: none;
	}

	.main-register.loggedin .floatleft,
	.main-feet .floatleft,
	.main-feet .floatright {
		width: 100%;
	}

	.main-register.loggedin .floatright {
		display: none;
	}

	.main-feet .floatright {
		margin: 15px;
	}


	.floatingHeader dd {
		font-size: 1em;
	}

	.footerbox {
		width: 100%;
		display: block;
		text-align: center;
		padding: 10px 5%;
	}

	.footerbox.box1,
	.footerbox.nav,
	.footerbox.nav,
	.footerbox.nav.box2 {
		width: 100%;
		margin-bottom: 20px;
	}

	.footerbox-logo {
		background-size: 20%;
		margin: 0 auto 20px auto;
		width: 100%;
		background: url(/_elements/APPlyzerLogoBottom6.svg) 50% 0% no-repeat;
	}

	.footerbox-logocma {
		background-size: 20%;
		margin: 0 auto 20px auto;
		width: 100%;
		background: url(/_elements/CMA_white_logo.svg) 50% 0% no-repeat;
	}

	.footerbox.nav.box2 ul li {
		display: inline-block;
		margin: 0 15px;
	}

	.getstartedbox {
		width: 100%;
	}

	.getstartedbox #live-search-example2 {
		margin: 0 5% 0 5%;
	}

	.myapps .filterbar {
		display: block;
		float: none;
		width: 100%;
	}

	.filterbar.right h3,
	.filterbar.left h3 {
		display: block;
		float: none;
		margin-bottom: 10px;
	}

	.submenu a:link,
	.submenu a:visited {
		width: 24%;
		display: inline-block;
	}

	.myapps .tableWithFloatingHeader {
		width: 100%;
	}

	.myapps .floatingHeader {
		display: none;
	}

	.myapps .floatingHeader.white {
		display: block;
		font-size: 1em;
	}

	.myapps .floatingHeader dd {
		width: 100%;
		margin-bottom: 10px;
	}

	.myapps .floatingHeader.white dd {
		width: 100%;
	}

	.myapps .floatingHeader.white dd.downloads:before {
		content: "Top Downloads FREE / PAID";
		display: block;
		color: #000;
		margin-bottom: 10px;
	}

	.myapps .floatingHeader.white dd.grossing:before {
		content: "Top Grossing";
		display: block;
		color: #000;
		margin-bottom: 10px;
	}

	.myappsList dl {
		padding-bottom: 15px;
		padding-top: 15px;
	}

	.myappsList dl dd.appicon {
		width: 100%;
	}

	.myappsList dl dd.appname,
	.keywordsettings.myappsList dl dd.appname {
		width: 100%;
		margin-bottom: 15px;
		padding: 0 5%;
	}

	.keywordsettings.myappsList dl dd.appname {
		margin: 20px 0 -15px;
		font-size: 0.9em;
	}

	.appranks.downloads {
		width: 48%;
		margin: 0 1% 5px 1%;
	}

	.myappsList dl dd {
		display: block;
		text-align: center;
	}

	.appranks .device {
		text-align: left;
	}

	.keywordsettings.myappsList dl dd.keywordfield {
		width: 90%;
		margin: 10px 5%;
	}

	.keywordsettings.myappsList dl dd.keywordfield input.text {
		width: 90%;
		margin: 10px 5%;
	}

	.keywordsettings.myappsList dl dd.keywordlist {
		width: 90%;
		margin: 0 5%;
		padding: 0;
	}

	ol.toplist li {
		width: 32%;
	}

	ol.toplist li h3 {
		font-size: 0.7em;
	}

	.toplist.latter dl {
		width: 18.5%;
	}

	.toplist.latter dl .truncate {
		font-size: 0.7em;
	}

	.functionbar {
		text-align: center;
	}

	.main-body .functionbar .filter {
		text-align: center;
	}

	.functionbar button {
		margin: 0 5px 10px 5px;
	}

	.filter#types,
	.filter#buttons,
	.filter#ranks {
		width: 100% !important;
		display: block;
		clear: both;
		margin-bottom: 5px;
		text-align: right;
	}

	.main-body.rankings #tabs h3 {
		font-size: 0.85em;
	}

	.chart {
		overflow-x: scroll;
		overflow-y: hidden;
		background: #FFF;
	}

	.mobileslide:before {
		content: "Scroll to the left to see the whole ranking table.";
		font-size: 0.8em;
		text-align: center;
		margin-left: 10px;
	}

	.charto,
	.tableWithFloatingHeader {
		width: 700px;
		background: #FFF;
	}

	.charto:hover {
		background: #efefef;
	}

	.tableWithFloatingHeader .floatingHeader {
		border-radius: 0;
		font-size: 0.7em;
		margin-top: 0;
		border-radius: 0;
	}

	.tableWithFloatingHeader .floatingHeader dd {
		width: 16%;
	}

	.main-body.rankings #tabs h3 {
		margin-bottom: 15px;
	}

	.main-body.rankings .infotext {
		margin-bottom: 15px;
	}

	.charto dl {
		height: 60px;
	}

	.charto dd:first-child {
		width: 22%;
		font-size: 0.7em !important;
		white-space: normal;
		text-indent: 0;
		padding-left: 10px;
	}

	.charto dd {
		padding-left: 5px;
		width: 16%;
		height: 60px;
	}

	.diffnumber {
		font-size: 0.5em;
		left: 22px;
		font-weight: normal;
	}

	.charto .ranknumber {
		display: block;
		text-align: center;
		font-size: 0.8em;
		left: 0;
		top: 6px;
		font-weight: bold;
		width: 50%;
	}

	.charto.sixcol dd {
		width: 14%;
	}

	.charto.sixcol dd:first-child {
		width: 22%;
	}

	.tableWithFloatingHeader .floatingHeader.sixcol dd:first-child {
		width: 22%;
	}

	.tableWithFloatingHeader .floatingHeader.sixcol dd {
		width: 14% !important;
	}

	.charto.sevencol dd {
		width: 12%;
	}

	.charto.sevencol dd:first-child {
		width: 22%;
	}

	.tableWithFloatingHeader .floatingHeader.sevencol dd:first-child {
		width: 22%;
	}

	.tableWithFloatingHeader .floatingHeader.sevencol dd {
		width: 13% !important;
	}

	.charto.sevencol .ranknumber {
		left: 15%;
	}

	.charto.sevencol .diffnumber {
		left: 30px;
	}

	.pricings .box.priceOne {
		margin-top: -30px;
	}

	.pricings .box.priceTwo {
		margin-top: 30px;
	}

	.pricings .box.priceFour {
		margin-top: 30px;
	}

	.pricings .box.priceThree {
		width: 300px;
	}

	.pricings .box.priceThree h2 {
		width: 100%;
		line-height: 1.3em;
		display: block;
		margin-bottom: 30px;
		height: auto;
	}

	.pricings .box.priceThree h2 span {
		display: block;
		margin-bottom: 15px;
	}

	.pricings .box.priceThree dl {
		display: block;
		width: 100%;
		padding: 90px 0 0 0;
	}

	.pricings .box.priceThree dd {
		display: block;
		border: none;
		border-bottom: 1px solid #f0f3f7;
	}

	.pricings .box.priceThree span {
		width: 100%;
	}

	.pricings .box.priceThree h3 {
		width: 100%;
		padding: 20px;
	}

	.movingCheckout.outside {
		width: 95%;
		margin: 0 10%;
	}

	#pricingtable .features .spalte {
		width: 100%;
	}

	#pricingtable .topslider {
		width: 100%;
	}

	#pricingtable .tableWithFloatingHeader {
		width: auto;
	}

	.cart .promotion input[type=text] {
		margin-left: 4%;
	}

	button.stripe-button-el span,
	input.paypal {
		width: 150px;
		text-align: center;
		padding: 10px 11px;
	}


	.registeruser,
	.registercompany {
		max-width: none;
		margin-bottom: 20px;
	}

	.faqbox .faqboxy {
		width: 100%;
		margin: 0 0 25px 0;
		padding-top: 15px;
		min-height: inherit;
	}

	.text {
		width: 100%;
		margin: 0 0 25px 0;
	}


	.main-body.worldcharts .filterbar .filter {
		width: 49%;
		text-align: left;
	}

	.main-body.worldcharts .filterbar .filter h3 {
		display: block;
		font-size: 0.8em;
		float: none;
		margin: 3px 10px 9px 0;
	}

	.main-body.worldcharts .filterbar select {
		max-width: 100%;
		margin: 0 0 6px 0;
		font-size: 0.8em;
	}

	.main-body.worldcharts .filterbar button {
		font-size: 0.8em;
		float: left;
		display: inline-block;
		margin-bottom: 3px;
	}

	.stats .functionbar {
		height: 75px;
		margin-top: -20px;
	}

	.worldcharts p.description {
		margin-bottom: 30px;
	}

	.main-body.stats .filterbar.professional {
		margin-bottom: 30px;
	}

	.stores #functionbuttons button {
		margin: 0 10px 10px 10px;
	}

	.stats .filter.apptype button {
		display: inline-block;
	}

	.filter.country select {
		max-width: 240px;
		margin-left: 7px;
	}

	.submenu {
		padding: 6px 0 5px 0;
	}

	.submenu a:link,
	.submenu a:visited {
		width: 48%;
		font-size: 0.8em;
		margin: 0 0 10px 0;
		text-align: center;
		display: inline-block;
	}

	. .stats .percentages dl {
		width: 100%;
		margin: 3px 0;
		display: block;
		border-bottom: 1px solid #eee;
		padding-right: 0%;
	}

	.stats .percentages dl:nth-child(3n+3) {
		padding-right: 0%;
		width: 100%;
	}

	.stats .cakechart img {
		width: 100%;
	}

	.stats .percentages.toppublishers dl {
		width: 100%;
		margin: 3px 0% 3px;
		display: block;
		border-bottom: 1px solid #eee;
		padding: 4px 0 4px 0;
	}

	.stats .percentages.toppublishers dl:nth-child(even) {
		margin-right: 0%;
	}

	.stats .percentages.toppublishers dl:nth-child(3):after {
		content: "\A";
		white-space: pre;
	}

	.stats .charto a:link,
	.stats .charto a:visited {
		left: 0;
		font-size: 0.7em;
	}

	.main-body.stats .charto dd,
	.main-body.stats .floatingHeader dd {
		width: 29.8%;
	}

	/* History */
	.tags.country #wrap {
		-webkit-column-count: 3;
		-moz-column-count: 3;
		-ms-column-count: 3;
		-o-column-count: 3;
		column-count: 3;
		/* -webkit-column-gap:15px; -moz-column-gap:15px; -ms-column-gap:15px; -o-column-gap:15px; column-gap:15px; */
		columns: 3;
	}


	.charto.sixcol .ranknumber {
		left: 0;
	}

	.dd-select {
		width: 90% !important;
	}

	.dd-select,
	.dd-selected {
		border-radius: 0;
		text-align: left;
		border-radius: 3px !important;
	}

	.dd-option-image,
	.dd-selected-image {
		margin-right: 8px;
	}

	.dd-option {
		text-align: left;
		max-height: 62px;
	}

	.dd-selected-text {
		font-size: 0.9em;
		line-height: 1.5em;
		top: -3px;
		width: 69%;
		overflow: hidden;
	}

	.dd-option-text {
		font-size: 0.8em;
	}

	.dd-option-description.dd-desc {
		display: none;
	}

	.dd-options .dd-option-image,
	.dd-options .dd-selected-image {
		max-width: 25px;
		margin: 0 12px 5px 4px !important;
	}

	.dd-desc {
		top: 0;
		font-size: 0.6em;
	}

	span#addTagPopup.dd-addTag {
		display: none !important;
	}

	.dd-searches-input {
		border: 2px solid #FFF;
		min-height: 22px;
		width: 95%;
		min-width: auto;
		padding: 6px 10px 6px 30px;
		background: #FFF url(images/searchIcon3.svg) 10px center no-repeat;
		width: 80%;
	}

	.main-header .main-login {
		display: none;
	}

	.main-logoutbox {
		font-size: 0.9em;
		position: absolute;
		top: 10px;
		width: 100px;
	}

	.main-logoutbox .button {
		display: inline-block;
		margin: 6px 4px;
		background: none;
		border: 0px solid rgba(255, 255, 255, 0.3) !important;
		font-size: 0.9em;
		padding: 7px 12px;
		position: absolute;
		top: -10px;
		left: 158px;
	}

	.main-logoutbox .settings {
		display: none;
	}

	.main-logoutbox p {
		color: #5086A4;
		left: 10px;
	}

	.main-body.upgradeapps .tableWithFloatingHeader,
	.main-body.extendapps .tableWithFloatingHeader,
	.main-body.expert .tableWithFloatingHeader,
	.main-body.upgradeapps .charto,
	.main-body.extendapps .charto,
	.main-body.expert .charto {
		width: 100%;
	}

	.main-body .upgradesites dd:first-child {
		width: 50%;
		font-size: 0.9em !important;
	}

	.main-body .upgradesites dd.expires {
		font-size: 0.8em;
	}

	.paytable .price {
		font-size: 0.9em;
	}

	.paypalcontainer {
		margin: 0 auto;
		max-width: 80%;
		text-align: center;
		display: block;
	}

	.functionbar {
		padding-right: 0;
		min-height: 70px;
	}

	.functionbar button {
		font-size: 0.9em;
		padding: 30px 9px 5px 9px;
		margin: 0 4px 10px 4px !important;
	}

	.country.search {
		margin-bottom: 20px;
	}

	.historyContainer .filter,
	.filter .countrysearch {
		width: 100% !important;
		display: block;
	}

	.filter.apptype button#otherwords {
		float: none;
	}

	#showappcompare {
		width: 100% !important;
	}

	#showappcompare .dd-select {
		width: 100% !important;
	}

	/* .tableWithFloatingHeader.keywords .floatingHeader dd:first-child {width: 17%;}
.tableWithFloatingHeader.keywords .floatingHeader dd {width: 14%;} */
	.tableWithFloatingHeader.keywords .keyword.saved,
	.diffbox.saved {
		border-left: 0;
		border-bottom: 2px solid #e55757;
	}

	.tableWithFloatingHeader.reviews {
		width: 100%;
	}

	.floatingHeader dd.date {
		font-size: 1em;
	}

	dl.reviewBox dd.date {
		width: 100% !important;
		margin-left: 10px;
	}

	dl.reviewBox dd.date,
	dl.reviewBox span.countryName,
	.reviewBox dd.version {
		font-size: 0.7em;
	}

	dl.reviewBox dd {
		padding: 4px;
	}

	dl.reviewBox dd.stars {
		width: 10%;
	}

	dl.reviewBox dd.stars div {
		margin-bottom: 5px;
	}

	.reviewBox dd.flag,
	.floatingHeader dd.flag {
		width: 15%;
	}

	.reviewBox dd.review,
	.floatingHeader dd.review {
		margin-left: 10px;
	}

	.floatingHeader dd.review {
		width: 46%;
	}

	.floatingHeader dd.flag {
		width: 13%;
	}

	.floatingHeader dd.version {
		width: 7%;
	}

	.reviewBox p.text {
		margin: 0 2% 10px;
	}

	.showTranslation {
		right: 15px;
		top: -18px;
		float: right;
	}

	.translatedReview {
		left: 0;
	}

	.alertmessage {
		max-width: 100%;
		padding: 9px 10px;
	}

	.charto.hourlycharts dd:first-child {
		width: 15%;
	}

	.charto.hourlycharts dd {
		width: 28%;
	}

	input.pager {
		font-size: 0.8em;
	}

	.main-body.worldcharts .filter.apptype button {
		display: inline-block;
	}

	/*fehler */

	.main-body.worldcharts .chart dd {
		width: 29.5%;
	}

	.main-body.worldcharts .chart dd:first-child {
		width: 7%;
	}

	.main-body.worldcharts .chart dd a {
		left: 0;
		vertical-align: top;
		width: 95%;
	}

	.stores .functionbar button {
		padding: 10px 18px 5px 18px !important;
	}

	.worldcharts .functionbar .filter,
	.stats .functionbar .filter {
		padding: 0;
	}

	.main-body.worldcharts .appicon {
		margin: 0 10px 0 -5px;
	}

	.main-body.worldcharts .appicon img {}

	.main-body.worldcharts .diffnumber {
		left: 36px;
		font-size: 0.6em;
	}

	.main-body.worldcharts .arrow {
		width: 23px;
		height: 23px;
		top: 1px;
	}

	.main-body.worldcharts .charto a:link,
	.main-body.worldcharts .charto a:visited {
		font-size: 0.8em;
		left: 20px;
		width: 55%;
		margin-top: 3px;
	}


	input.singlebutton {
		font-size: 0.8em;
		min-width: 70px;
		padding: 8px 3px;
		margin-top: -5px;
	}

	.stats .charto.newcomers dl,
	.stats .charto.newcomers dd {
		height: 98px;
	}

	.stats .charto.newcomers .diffnumber {
		width: 100%;
		max-width: 93%;
		font-size: 0.8em;
		font-weight: bold;
	}

	.stats .charto.newcomers .diffnumber .change {
		font-size: 0.7em;
		font-weight: normal;
	}

	.stats .charto.newcomers a:link,
	.stats .charto.newcomers a:visited {
		left: 8px;
		width: 95%;
		white-space: inherit;
		top: 18px;
	}

	.stats .charto.newcomers .storecategory {
		display: inline-block;
		margin-left: 15px;
		font-size: 0.8em;
		font-weight: normal;
	}

	.charto.movers .arrow {
		display: none;
	}

	.charto.movers .diffnumber {
		left: 8px;
		font-weight: bold;
		font-size: 0.7em;
	}

	.charto.movers a {
		top: 28px;
		left: 8px;
	}


	/* TESTIMONIAL */

	.testimonials {
		margin: 0;
		padding: 0 0 80px 0;
		display: block;
		text-align: left;
	}

	.testimonials .inner {
		width: 80%;
	}

	.testimonials .comment {
		font-size: 0.9em;
		line-height: 1.2em;
		display: block;
	}

	.testimonials .person {
		font-size: 0.7em;
		display: block;
	}

	.testimonials img.foto {
		width: 57px;
		margin-bottom: 10px;
	}

	.testimonials img.apps {
		margin-bottom: 30px;
	}

	/* Customer Page */

	.main-body.customers .inside {
		min-height: 0;
	}

	.main-body.customers .testimonials {
		padding: 50px 40px 50px;
	}

	.main-body.customers .testimonials img.apps {
		margin-bottom: 20px;
		float: none;
		margin-left: 0;
		max-width: 150px;
	}


	.myappsList dl dd.appname .apptitle {
		display: block;
		margin: 20px 0 10px 0;
		white-space: normal;
	}

	.myappsList dl dd.appname .appBadge {
		left: 80px;
	}

	.myappsList dl dd.appname .appBadge.itunes {
		left: 38%;
	}

	.myappsList dl dd.appname .appBadge.play {
		left: 38%;
	}

	.myappsList dd.appaverages {
		display: inline-block;
		width: 24%;
	}

	.myappsList dd.appaverages .number {
		font-size: 1.8em;
		font-weight: 400;
	}

	.myappsList dd.appaverages .number sub {
		font-size: 0.5em;
	}

	.appranks .device .countryCategory {
		width: 44%;
		overflow: hidden;
		white-space: nowrap;
	}

	.myappsList dd.appaverages .number {
		width: 100%;
	}

	.appBadge.itunes {
		width: 20px;
		height: 20px;
		background: #000;
		display: inline-block;
		z-index: 1000;
		position: absolute;
		left: 54px;
		background: #FFF url(/_elements/_icons/badgeAppstore.png) no-repeat;
		background-size: 100%;
		border-radius: 4px;
	}

	.appBadge.play {
		width: 20px;
		height: 20px;
		background: #000;
		display: inline-block;
		z-index: 1000;
		position: absolute;
		left: 54px;
		background: #FFF url(/_elements/_icons/badgePlay.png) no-repeat;
		background-size: 100%;
		border-radius: 4px;
	}

	.live-search-wrap .appBadge.itunes {}

	.live-search-wrap .appBadge.play {}

	.appBarTop {
		text-align: center;
		position: relative;
		clear: both !important;
	}

	.appBarTop dl dd.appicon {
		width: auto;
		margin-bottom: 10px;
	}

	.appBarTop .appBadge.itunes {
		width: 22px;
		height: 22px;
		left: -8px;
		top: -10px;
		background-size: 100%;
		border: 1px solid #FFF;
	}

	.appBarTop .appBadge.play {
		width: 22px;
		height: 22px;
		left: -8px;
		top: -10px;
		background-size: 100%;
		border: 1px solid #AAA;
	}

	.showdailysearch dl dd.appname .appBadge.itunes {
		left: 35%;
		top: 15px;
	}

	.showdailysearch dl dd.appname .appBadge.play {
		left: 35%;
		top: 15px;
	}

	.showdailysearch dl dd.appicon img {
		margin-bottom: 10px;
	}

	.main-body.showdailysearch .myappsList dl {
		text-align: center;
	}

	.main-body.showdailysearch .myappsList dl dd.appAdd {
		width: 20% !important;
		margin: 0 auto !important;
	}

	.main-body.showdailysearch .myappsList dl dd.appname.long {
		width: 100%;
	}

	/* Triggers */

	.alertList dl {
		text-align: center;
	}

	.alertList dl dd.appicon {
		width: 100%;
		margin-bottom: 8px;
	}

	.alertList dl dd.appname {
		display: block;
		width: 95%;
	}

	.alertList dl dd.appname .appID {
		margin-bottom: 10px;
	}

	.notifyYESNO,
	.rankingYESNO {
		display: inline-block;
		vertical-align: top;
		text-align: center;
		width: 24%;
		font-size: 0.85em;
		line-height: 1em;
	}

	.notifyYESNO div,
	.rankingYESNO div {
		display: block;
		vertical-align: top;
		margin-bottom: 10px;
	}

	alertList .floatingHeader {
		font-size: 0.8em;
	}

	.switcher {
		width: 55px;
	}

	.alertList.hourly .switcher {
		width: 43px;
	}

	.alertList.hourly .alertapplist dd.switch {
		width: 11.8%;
	}

	/* TESTIMONIAL */

	.rankings .functionbar {
		display: none;
	}

	.functionbar.plattforms {
		margin-top: -15px;
	}

	div.main-search.rankings {
		margin-bottom: 10px;
	}

	.infotext.slack {
		display: inline-block;
		position: relative;
		left: 160px;
		top: -7px;
	}

	.csvexport {
		display: none;
	}

	.button.admin {
		position: absolute;
		left: 80px;
		top: -10px;
		padding: 5px 10px;
	}

	.button.logout {
		padding: 5px 10px;
	}

	.apibox.left {
		width: 100%;
		margin-bottom: 30px;
	}

	.apibox.right {
		width: 100%;
		padding: 0 25px;
	}

	.apibox.right .cost {
		width: 100%;
	}

	.myappsList dd.appaverages {
		width: 33%;
		text-align: center;
		margin: 8px 8% 10px 8%;
	}

	.main-register {
		min-height: 240px;
	}

	.main-register .floatleft {
		width: 100%;
	}

	.main-register .floatright {
		width: 100%;
	}

	/* Dirty Fix for App Icon - Clean that*/
	.charti .appBadge.itunes {
		left: 38%;
		top: 5px;
	}



	.ui-multiselect-menu.multigroup {
		width: 400px !important;
		min-width: 140px;
	}

	/* App Info */
	.appInfo {
		flex-direction: column;
		padding: 0;
	}

	.appInfo .details {
		display: block;
		width: 100%;
		order: 2;
		flex-grow: none;
	}

	.appInfo .details .bx-wrapper {
		box-shadow: none !important;
		border: 0 !important;
	}

	.appInfo .appDescription {
		display: block;
		width: 100%;
		order: 1;
		padding: 0;
	}

	.appInfo .appDescription .text {
		margin: 0 0 30px 0;
		width: 100%;
	}

	.publisher a.viewurl {
		display: block;
		top: 15px;
		margin: 0 auto;
	}

	.featuredLeft {
		max-height: 180px;
		overflow-x: scroll;
		overflow-y: visible;
		padding: 0 0 15px 0;
		margin-top: 20px;
		border: 1px solid #DDD;
		border-radius: 4px;
		width: 100%;
	}

	.featuredLeft h2 {
		display: none;
	}

	.featuredLeft dl {
		border-bottom: 1px solid rgba(94, 160, 187, 0.2);
		padding: 12px 12px 4px 12px;
	}

	.featuredLeft dl dd:nth-child(2) {
		display: none;
	}

	.featuredLeft dl dd.point {
		right: 5px;
		top: -9px;
	}

	.featuredRight {
		padding: 0 0 15px 0;
	}

	.featuredRight dl {
		width: 100% !important;
		text-align: center;
	}

	.featuredRight dl dd.image {
		display: block;
		width: 100%;
		max-width: none;
	}

	.featuredRight dl dd:nth-child(2) {
		width: 100%;
	}

	.featuredRight dl dd:nth-child(3) {
		width: 100%;
	}


	.featuredRight {
		width: 100%;
		display: block;
	}

	.featuredRight dl dd:nth-child(1),
	.featuredRight dl dd:nth-child(2),
	.featuredRight dl dd:nth-child(4),
	.featuredRight dl dd:nth-child(5) {
		width: 50%;
		display: inline-block;
		text-align: center;
	}

	.featuredRight dl dd:nth-child(3) {
		width: 100%;
		text-align: center;
	}

	.featuredRight dl dd:last-child {
		width: 95%;
		text-align: center;
	}

	/* Publisher Info */
	.publisher .appInfo .details {
		width: 100%;
		max-width: none;
	}

	.publisher .appInfo .details .firstTable dl dd {
		width: 31%;
	}

	.publisher .charti {
		width: 100%;
	}

	.publisher .appname {
		width: 72%;
	}


	/* reviews 	*/

	.reviewbars,
	.rankings .stats {
		width: 100%;
		display: block;
		margin: 20px 0 0 0;
		border-radius: 0;
	}

	.rankings .stats p {
		width: 50%;
		display: inline-block;
		text-align: center;
	}

	.rankings .stats p span {
		display: block;
		width: 100%;
	}

	/* Sales */

	#sales .filter {
		width: 100%;
		margin-bottom: 10px;
	}


	/* Formbox */

	.formbox select,
	.formbox input.text,
	.formbox input[type="text"],
	.formbox input[type="password"],
	.formbox .email,
	.formbox textarea {
		width: 100%;
		margin-bottom: 10px;
	}


	/* KeyWord Competitor */

	.keywordCompetitor .category,
	.keywordCompetitor .competitorList .category,
	.keywordCompetitor .listItem .appkeywords,
	.keywordCompetitor .listItem .appkeywords,
	.keywordCompetitor .competitorList .floatingHeader dd:first-child,
	.keywordCompetitor .listItem .appname,
	.keywordCompetitor .myList .appkeywords {
		width: 100%;
		display: block;
	}

	.keywordCompetitor .competitorList .floatingHeader dd:nth-child(2) {
		display: none;
	}

	.keywordCompetitor .competitorList .category {
		margin-bottom: 10px;
	}


	.button.centered {
		width: 95%;
	}


}


.parentDisable {
	position: fixed;
	top: 0;
	left: 0;
	background: #000;
	opacity: 0.8;
	z-index: 998;
	height: 100%;
	width: 100%;
}

#placeholderRankData {
	background: #FFF;
	position: absolute;
	z-index: 1000;
}

#tabs #placeholderRankData {
	background: #FFF;
	position: absolute;
	z-index: 1000;
}

/* Not used ?? */

.listicon {
	float: left;
	width: 57px;
	height: 57px;
	overflow: hidden;
	padding: 0 0 0 0;
}

.listicon-mask {
	position: relative;
	top: -58px;
	left: -1px;
}

.field-info {
	background: none repeat scroll 0 0 #cccccc;
	border: 1px solid #000000;
	display: inline;
	float: left;
	margin-bottom: 10px;
	margin-right: 10px;
	padding: 3px 10px;
	position: relative;
	width: 350px;
}

.valueLabels {
	font-size: 90%;
	color: black;
}

div.valueLabelLight {
	opacity: 0.5;
	background-color: white;
	border: none;
	position: absolute;
}

div.valueLabel {
	position: absolute;
	border: none;
}


/* NEW STUFF DESKTOP */

@media only screen and (min-width: 970px) and (max-width: 1399px) {
	.main-nav {
		width: 52%;
	}

	.main-nav ul li {
		margin: 0 0.9%;
	}

	.main-nav ul li a:link,
	.main-nav ul li a:visited {
		font-size: 0.9em !important;
	}

	.floatleft {
		width: 18%;
	}

	.menu {
		width: 62%;
	}

	.main-nav ul li a:link,
	.main-nav ul li a:visited,
	.main-nav ul li a:link,
	.main-nav ul li a.active {
		font-size: 1em;
		padding: 10px 0 8px 0;
	}

	.headersearch {
		width: 47%;
	}

	.headersearch input.searchField {
		min-width: 100%;
		font-size: 0.9em;
	}

	.floatleft.ticker .example {
		width: 100%;
	}

	#pricingtable .features .spalte.cart {
		width: 44%;
	}
}

.charto.hourlycharts dl,
.charto.hourlycharts dd {
	height: auto !important;
}

@media only screen and (min-width: 969px) and (max-width: 1095px) {
	#appfavholder {
		display: none;
	}

	#functionnavbar.floatleft {
		width: 99%;
	}
}


/* MOBILE MENU */

@media only screen and (min-width: 969px) {

	.mobilenavigation,
	.nav-trigger,
	label[for="nav-trigger"] {
		display: none;
	}
}

/* Navigation Menu - Background */
.mobilenavigation {
	/* critical sizing and position styles */
	width: 100%;
	height: 100%;
	position: fixed;
	overflow-y: scroll;
	top: 0;
	right: 0;
	bottom: 0;
	left: 0;
	z-index: 0;
	/* non-critical appearance styles */
	list-style: none;
	background: linear-gradient(135deg, rgba(62, 71, 88, 1) 0%, rgba(25, 49, 94, 1) 100%);
}

.mobilenavigation .menuname {
	color: #FFF;
	padding: 30px 0 0 15px;
	font-size: 0.8em;
	font-weight: bold;
	margin-bottom: 20px;
}

.mobilenavigation li.sublevel {
	margin-left: 20px;
}

.mobilenavigation li.sublevel.upgrade {
	background: #e55757;
	border-radius: 4px;
}

.mobilenavigation li.sublevel.upgrade a:link,
.mobilenavigation li.sublevel.upgrade a:visited {
	color: #444 !important;
}

.mobilenavigation .main-login .login {
	border-radius: 4px;
	display: block;
	background: none;
	border: 2px solid rgba(255, 255, 255, 0.3);
	font-size: 0.9em;
	padding: 7px 20px;
	color: #FFF;
	position: relative;
	left: 80px;
}

/* Navigation Menu - List items */
.nav-item {
	width: 240px;
	border-bottom: 1px solid rgba(255, 255, 255, 0.3);
}

.nav-item a {
	display: block;
	padding: 0.9em;
	/* background: linear-gradient(135deg, rgba(0,0,0,0) 0%,rgba(0,0,0,0.65) 100%); */
	color: white;
	font-size: 1em;
	text-decoration: none;
	transition: color 0.2s, background 0.5s;
}

.nav-item a:hover {
	color: #FFF;
	background: linear-gradient(135deg, rgba(0, 0, 0, 0) 0%, rgba(75, 20, 20, 0.65) 100%);
}

.nav-item.sublevel {
	border-bottom: 0;
	font-size: 0.8em;
	line-height: 0.9em;
	color: #FFF;
}

.nav-item.sublevel a {
	padding: 0.6em;
	display: inline-block;
	width: 100%;
}

.nav-item.sublevel span {
	opacity: 0.5;
}

.nav-item.noborder {
	border: none;
}

.nav-item.border {
	border-bottom: 0 solid rgba(255, 255, 255, 0.1);
	padding-bottom: 8px;
}

.nav-item.spacer {
	display: block;
	height: 30px;
}

#mobileKeywordUsage {
	font-size: 0.8em;
	color: #FFF;
	background: rgba(14, 208, 255, 0.5);
	margin: 0 auto;
	width: 92%;
	padding: 8px 10px;
	border-radius: 5px;
}

#mobileDataUsage {
	font-size: 0.8em;
	color: #FFF;
	background: rgba(0, 178, 121, 0.5);
	margin: 15px auto 0;
	width: 92%;
	padding: 8px 10px;
	border-radius: 5px;
}


/* Site Wrapper - Everything that isn't navigation */
#wrapper {
	/* Critical position and size styles */
	min-height: 100%;
	min-width: 100%;
	/* Needs a background or else the nav will show through */
	position: relative;
	top: 0;
	bottom: 100%;
	left: 0;
	z-index: 1;
	background: #ebeff1;
	background: linear-gradient(to bottom, #ebeff1 0%, #fff 100%) !important;
}

/* Nav Trigger */
.nav-trigger {
	/* critical styles - hide the checkbox input */
	position: absolute;
	clip: rect(0, 0, 0, 0);
}

label[for="nav-trigger"] {
	/* critical positioning styles */
	position: fixed;
	left: 13px;
	top: 13px;
	z-index: 11;
	/* non-critical apperance styles */
	height: 30px;
	width: 30px;
	cursor: pointer;
	background-size: contain;
	color: #FFF;
	background-image: url("data:image/svg+xml;utf8,<svg xmlns='http://www.w3.org/2000/svg' xmlns:xlink='http://www.w3.org/1999/xlink' version='1.1' x='0px' y='0px' width='30px' height='30px' viewBox='0 0 30 30' enable-background='new 0 0 30 30' xml:space='preserve'><rect width='26' height='3' fill='white' /><rect y='10' width='18' height='3' fill='white' /><rect y='20' width='14' fill='white' height='3'/></svg>");
}

label[for="nav-trigger"] path {
	fill: #ff0000;
}

/* Make the Magic Happen */
.nav-trigger+label,
#wrapper {
	transition: left 0.2s;
}

.nav-trigger:checked+label {
	left: 255px;
}

.nav-trigger:checked~#wrapper {
	left: 240px;
	box-shadow: 0 0 5px 5px rgba(0, 0, 0, 0.5);
}


/* BOOTSTRAP Extension */
.bootstrap-select.btn-group .dropdown-menu {
	background: #FFF;
	border-radius: 3px;
}

.bootstrap-select.btn-group .dropdown-menu li {
	border-bottom: 1px solid rgba(94, 160, 187, 0.2);
	list-style: none;
	padding: 4px 12px;
	font-size: 0.9em;
}

/* FilterBAR Segments Ranking Lists Top1000 */

.filterbar {
	margin: 0 0 40px 0;
	border-radius: 3px;
	padding: 11px 13px 4px 13px;
	display: flex;
	flex-direction: column;
	justify-content: space-evenly;
}

/* Firefox Fix */
@-moz-document url-prefix() {
	.filterbar {
		margin-top: 10px;
		padding: 11px 13px 4px 13px;
	}
}



.filterbar.right {
	display: inline-block;
	float: right;
	vertical-align: top;
	margin-top: 20px;
}

/* Firefox Fix */
@-moz-document url-prefix() {
	.filterbar.right {
		margin-top: 20px;
	}
}

.filterbar input[type=text] {
	border: none;
	margin-top: -4px;
}

.filterbox p {
	font-size: 0.9em;
	margin-bottom: 2px;
}

.filterbox {
	border-color: #e55757;


	box-sizing: border-box;
	font-family: "Helvetica Neue";
	font-size: 90%;
	text-align: center;
	justify-content: space-evenly;



}

.filterbox.buttons {
	border-color: #e55757;
	box-sizing: border-box;
	font-family: "Helvetica Neue";
	font-size: 90%;
	text-align: center;
	display: flex;



}

.filterbox.buttons button {
	padding: 5px 9px;
	border-radius: 4px;
	background: #FFF;
	border: none;
	font-size: 0.9em;
	cursor: pointer;
	border: 1px solid rgba(229, 87, 87, 0.6);
	color: #e55757;
	margin: 0 0 5px 5px;

}

.filterbox.buttons button.selected {
	background: #e55757;
	color: #fff;
}


.filterbox.segments {
	border-color: #e55757;
	box-sizing: border-box;
	font-family: "Helvetica Neue";
	font-size: 90%;
	text-align: center;
	display: flex;

}

.filterbox.segments button {
	display: block;
	min-width: 70px;
	box-sizing: border-box;
	border: 1px solid #e55757;
	border-right: none;
	color: #e55757;
	margin: 0;
	padding: .4em;
	font-size: 0.9em;
	cursor: pointer;
	user-select: none;
	-webkit-user-select: none;
	background: #fff;
	flex: 1;
	//flex: 0 0 auto;
}

.filterbox.segments button.selected {
	background: #e55757;
	color: #fff;
}

.filterbox.segments button:first-child {
	border-radius: .4em 0 0 .4em;
	border-right: 0;
}

.filterbox.segments button:last-child {
	border-radius: 0 .4em .4em 0;
	border-right: 1px solid;
}

.filterbox.segments button:only-child {
	border-radius: .4em;
	border: 1px solid;
}



@media only screen and (min-width: 969px) {

	.filterbar {
		flex-direction: row;
		justify-content: left;
	}

	.filterbox {
		margin-right: 50px;
	}

	.filterbox p {
		margin-right: 50px;
	}

	.filterbox.segments button {
		flex: 0 0 auto;
	}

}


/*#divdevices button:nth-child(3) {border-left: none; border-radius: 0 4px 4px 0;}*/


#materialModal {
	font-family: arial;
	color: #222;
	position: fixed;
	top: 0px;
	left: 0px;
	width: 100%;
	height: 100%;
	background: rgba(0, 0, 0, 0);
	display: table;
	z-index: 100001;
	background: linear-gradient(to right, rgba(52, 103, 124, 0.9) 20%, rgba(5, 71, 62, 0.9) 100%) !important;
	padding: 0 25px;
}

#materialModalCentered {
	display: table-cell;
	vertical-align: middle;
}

#materialModalContent {
	padding: 10px;
	position: relative;
	background: rgba(255, 255, 255, 1);
	min-height: 260px;
	margin: auto;
	box-shadow: 0px 10px 20px 0 rgba(0, 0, 0, 0.4);
	box-sizing: border-box;
	border-radius: 4px;
	width: auto;
}

#materialModalContent img {
	max-width: 100%;
	max-height: 100%;
	/* box-shadow: 0 0 25px #BBB; */
	display: block;
	margin: 0 auto;
	border-radius: 10px;
	margin-bottom: 20px;
}

#materialModalTitle {
	margin: 15px 0 20px 0;
	font-size: 1.6em;
	text-align: center;
	font-family: "Arial";
	font-weight: 300;
}

#materialModalText {
	margin: 10px;
	margin-bottom: 40px;
	/* overflow-y: scroll; */
	font-size: 1em;
	color: #34677c;
	font-weight: 300;
	font-family: 'Arial';
	text-align: center;
}

#materialModalText .button {
	display: block;
	margin: 0 30%;
	padding: 12px 0;
}

#materialModalText p {
	margin: 25px 0% 0 0%;
	line-height: 1.5em;
	font-size: 1em;
}

#materialModalButtons {
	width: calc(100% - 20px);
	position: absolute;
	bottom: 10px;
}

.materialModalButton {
	margin: 10px;
	font-weight: normal;
	cursor: pointer;
	text-align: center;
	float: right;
	text-transform: uppercase;
	padding: 10px;
}

#materialModal.hide {
	opacity: 0;
	transition: opacity 0.2s ease-out;
	pointer-events: none;
}

#materialModal.hide #materialModalCentered {
	transform: scale(0);
	transition: transform 0.2s ease-out;
}

#materialModal.show {
	opacity: 1;
	transition: opacity 0.2s ease-in;
}

#materialModal.show #materialModalCentered {
	transform: scale(1);
	transition: transform 0.2s ease-in;
}

#materialModalContent.modalLogin {
	background: #000;
	color: #FFF;
}

.loginNow {
	max-width: 300px;
}

#materialModal #form3 .main-loginbox {
	width: 100%;
}

#materialModal #form3 .main-loginbox input[type=text],
#materialModal #form3 .main-loginbox input[type=password] {
	width: 100%;
	border: 1px solid #DDD;
	padding: 10px;
}

#materialModal #form3 .main-loginbox .inputInline {
	margin: 0;
	width: 50%;
}

#materialModal #form3 .main-loginbox .forgot {
	top: -22px;
	left: 50px;
}

#materialModal #form3 .main-loginbox .forgot:hover {
	background: #444;
	color: #FFF;
}

#materialModalButtonOK,
#materialModalButtonCANCEL {
	font-size: 0.9em;
	float: none;
	width: 42%;
	display: inline-block;
	padding: 5px 9px;
	border-radius: 4px;
	background: #FFF;
	cursor: pointer;
	border: 1px solid rgba(229, 87, 87, 0.6);
	color: #e55757;
	position: relative;
	top: 5px;
}

#materialModalButtonCANCEL:hover {
	background: rgba(229, 87, 87, 1);
	color: #FFF;
}

#materialModalButtonOK {
	float: right;
	width: 15%;
	max-width: 60px;
	border: 1px solid rgba(0, 178, 121, 1);
	color: rgba(0, 178, 121, 1);
}

#materialModalButtonOK:hover {
	background: rgba(0, 178, 121, 1);
	color: #FFF;
}

#materialModalText .addresult {
	max-width: 60px;
	border: 1px solid rgba(0, 178, 121, 1);
	color: rgba(0, 178, 121, 1);
	padding: 3px 9px;
	border-radius: 4px;
	background: #FFF;
}

#materialModalText .addresult:hover {
	border: 1px solid rgba(0, 178, 121, 1);
	background: rgba(0, 178, 121, 1);
	color: #FFF;
	cursor: pointer;
}

.popup.small {
	max-width: 300px;
}

.popup.medium {
	max-width: 500px;
}

.popup.large {
	max-width: 800px;
}


#materialModal div.tagGroup {}

#materialModal div.tagGroup .tagInput {
	border-radius: 5px;
	border: 1px solid #BBB;
	width: 80%;
	text-align: center;
	border-bottom: 2px solid #BBB;
	padding: 10px;
}



@media only screen and (max-width: 969px) {
	#materialModalTitle {
		font-size: 1.2em;
		line-height: 1em;
	}
}



/* Tooltip > Add this attribute to the element that needs a tooltip */
[data-tooltip] {
	position: relative;
	z-index: 2;
	cursor: pointer;
}

/* Hide by default */
[data-tooltip]:before,
[data-tooltip]:after {
	visibility: hidden;
	-ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=0)";
	filter: progid: DXImageTransform.Microsoft.Alpha(Opacity=0);
	opacity: 0;
	pointer-events: none;
}

/* Position above the element */
[data-tooltip]:before {
	position: absolute;
	bottom: 150%;
	left: 50%;
	margin-bottom: 5px;
	margin-left: -80px;
	padding: 12px;
	width: 250px;
	-webkit-border-radius: 3px;
	-moz-border-radius: 3px;
	border-radius: 3px;
	background-color: rgba(52, 103, 124, 0.95);
	color: #fff;
	content: attr(data-tooltip);
	text-align: center;
	font-size: 0.9em;
	line-height: 1.3em;
	text-align: left;
}

/* Triangle */
[data-tooltip]:after {
	position: absolute;
	bottom: 150%;
	left: 50%;
	margin-left: -5px;
	width: 0;
	border-top: 5px solid #000;
	border-top: 5px solid rgba(52, 103, 124, 0.95);
	border-right: 5px solid transparent;
	border-left: 5px solid transparent;
	content: " ";
	font-size: 0;
	line-height: 0;
}

/* Show tooltip content on hover */
[data-tooltip]:hover:before,
[data-tooltip]:hover:after {
	visibility: visible;
	-ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=100)";
	filter: progid: DXImageTransform.Microsoft.Alpha(Opacity=100);
	opacity: 1;
}

h2 a.tooltip,
h2 a:link.tooltip,
h2 a:visited.tooltip {
	font-size: 0.5rem;
	font-family: arial;
	padding: 4px 6px 3px 6px;
	border-radius: 34px;
	text-align: center;
	color: rgba(52, 103, 124, 0.8);
	left: 2px;
	top: -12px;
	background: rgba(52, 103, 124, 0.1);
	border: 1px solid rgba(52, 103, 124, 0.3);
	border: none;
}

h2 a.tooltip:hover {
	color: rgba(229, 87, 87, 1);
	cursor: pointer;
	color: #FFF;
	background: #34677c;
}

h2 a.tooltip:before {
	font-size: 0.9rem;
}

a.tooltip,
a:link.tooltip,
a:visited.tooltip {
	font-size: 0.8rem;
	font-family: arial;
	padding: 2px 6px 1px 6px;
	border-radius: 34px;
	text-align: center;
	color: rgba(52, 103, 124, 0.8);
	left: 2px;
	top: -8px;
	background: rgba(52, 103, 124, 0.1);
	box-shadow: none;
	z-index: 1000000;
	border: none;
}

a.tooltip:hover {
	color: rgba(229, 87, 87, 1);
	cursor: pointer;
	color: #FFF;
	background: #34677c;
}

a.tooltip:before {
	font-size: 0.9rem;
}

.overflow {
	white-space: nowrap;
	overflow: hidden;
	text-overflow: ellipsis;
}



#myTable {}

#myTable td {
	font-size: 0.8em;
	vertical-align: middle;
	min-height: 41px !important;
}

#myTable td input {
	border-radius: 3px !important;
}

.tablesorter-blue th,
.tablesorter-blue td {
	border: none;
	border-bottom: 1px solid rgba(94, 160, 187, 0.2);
}

.tablesorter-blue th,
.tablesorter-blue thead td {
	text-shadow: none;
	background-color: #f0f3f7 !important;
	font-size: 0.8em !important;
	font-weight: normal;
}

.tablesorter-blue th:hover,
.tablesorter-blue thead td:hover {
	background-color: #d9d9d9;
}

tbody th,
tbody td:last-child {
	border-right: 1px solid #DDD;
}

/* .tablesorter-blue th:nth-child(2), .tablesorter-blue th:nth-child(3), .tablesorter-blue th:nth-child(5), .tablesorter-blue th:nth-child(4), .tablesorter-blue th:nth-child(6) {background-color: #e1e9f3 !important;} */

.tablesorter-blue th:nth-child(1n+2) {
	background-color: #e1e9f3 !important;
}

.tablesorter-blue td:nth-child(2) {
	background-color: #e1e9f3 !important;
}

.tablesorter-blue th:nth-child(1n+7) {
	background-color: #FFEB96 !important;
}

.tablesorter-blue td:nth-child(7) {
	background-color: #FFEB96 !important;
}

.tablesorter-blue th:nth-child(1n+12) {
	background-color: #f0f3f7 !important;
}

.tablesorter-filter-row td:nth-child(2-6) {
	background-color: #e1e9f3 !important;
}


.tablesorter-blue td {
	text-align: center !important;
}

.tablesorter-blue td:nth-child(1),
.tablesorter-blue td:nth-child(12),
.tablesorter-blue td:nth-child(13),
.tablesorter-blue td:nth-child(14) {
	text-align: left !important;
}

.tablesorter-blue td:nth-child(12),
.tablesorter-blue td:nth-child(13),
.tablesorter-blue td:nth-child(14) {
	font-size: 0.7em !important;
}

.tablesorter-blue td:nth-child(1) {
	padding: 10px !important;
}

.tablesorter-blue td:nth-child(1) input {
	width: 95%;
}


.animatedNav {
	display: inline-block;
	/* Add background only if you want full-width navigation color bar */
	margin-top: 15px;
	height: 52px;
}

.animatedNav>ul {
	margin: 0 auto;
}

.howaretheranks {
	float: right;
}

.animatedNav>ul>li {
	min-width: 106px !important;
	float: left;
	cursor: pointer;
	list-style-type: none;
	-webkit-transition: all 0.3s ease-in;
	-moz-transition: all 0.3s ease-in;
	-o-transition: all 0.3s ease-in;
	position: relative;
	background: none;
	font-size: 1em;
}

.animatedNav>ul>li>a {
	color: inherit;
	text-decoration: none;
	font-size: 1.1em;
	color: #fff;
}

.animatedNav li ul {
	z-index: 100000;
	position: absolute;
	list-style: none;
	text-align: center;
	width: 245px;
	right: 0px;
	top: 15px;
	/* This is important for the show/hide CSS animation */
	max-height: 0px;
	overflow: hidden;
	-webkit-transition: max-height 0.4s linear;
	-moz-transition: max-height 0.4s linear;
	transition: max-height 0.4s linear;
}

.animatedNav .daysleft {
	position: absolute;
	top: -17px;
	width: 24px;
	right: -11px;
	background: #DDD;
	color: #444;
	border-radius: 200px !important;
	text-align: center;
}

.animatedNav li:hover ul {
	max-height: 490px;
	/* Increase when adding more dropdown items */
}

.animatedNav li ul li {
	background-color: rgba(55, 55, 55, 0.95);
}

.animatedNav li ul li a {
	padding: 12px;
	color: #fff;
	text-decoration: none;
	display: block;
	text-align: left;
	border: none !important;
	border-bottom: 1px solid rgba(255, 255, 255, 1);
	border-radius: 0 !important;
	cursor: pointer;
	padding-left: 12px !important;
}

.animatedNav li ul li:hover {}

.animatedNav li ul li:first-child {
	border-radius: 4px 4px 0 0;
	margin-top: 25px;
	position: relative;
	border-top: 1px solid rgba(255, 255, 255, 0.3) !important;
}

.animatedNav li ul li:first-child:before {
	/* the pointer tip */
	content: '';
	position: absolute;
	width: 1px;
	height: 1px;
	border: 5px solid transparent;
	border-bottom-color: #34677c;
	right: 10px;
	top: -11px;
	margin-left: -5px;
}

.animatedNav li ul li:last-child {
	border-bottom-left-radius: 4px;
	border-bottom-right-radius: 4px;
}

.animatedNav li.info {
	color: #FFF;
	text-align: center;
	padding: 0;
	border-left: 1px solid rgba(255, 255, 255, 0.3) !important;
	border-right: 1px solid rgba(255, 255, 255, 0.3);
	background: #1d7484;
}

.animatedNav li.info .keywords {
	display: block;
}

.animatedNav li.info .requests {
	display: block;
}

.animatedNav li.info a {
	width: 100%;
	cursor: pointer;
	text-align: center;
}

.animatedNav li.info a .upgrade {
	display: inline-block;
	text-align: left;
}

.animatedNav li.info a .expires {
	display: inline-block;
	margin-right: 10px;
}

.animatedNav li.info a .expires:empty {
	display: none;
}

.animatedNav .accountbutton {
	background: transparent url(/_elements/accountIcon2.svg) 10px 8px no-repeat !important;
}

.animatedNav .accountbutton:hover {
	background: rgba(255, 255, 255, 0.1) url(/_elements/accountIcon2.svg) 10px 8px no-repeat !important;
}

.animatedNav .accountbutton span {
	display: inline-block;
	padding: 4px 7px;
	color: #444;
	border-radius: 4px;
	margin-left: 6px;
	font-weight: 700;
}

.animatedNav .accountbutton .free {
	background: #DDD;
}

.animatedNav .accountbutton .pro {
	background: rgba(14, 208, 255, 1);
	color: #FFF;
}

.animatedNav .accountbutton .data {
	background: rgba(0, 178, 121, 1);
	color: #FFF;
}

.animatedNav .accountbutton .expert {
	background: #e55757;
	color: #FFF;
}

#mobileKeywordUsage {
	font-size: 0.8em;
	color: #FFF;
	background: rgba(14, 208, 255, 0.5);
	margin: 0 auto;
	width: 92%;
	padding: 8px 10px;
	border-radius: 5px;
}

#mobileDataUsage {
	font-size: 0.8em;
	color: #FFF;
	background: rgba(0, 178, 121, 0.5);
	width: 92%;
	padding: 8px 10px;
	border-radius: 5px;
}

.animatedNav .info .keywords {
	background: rgba(52, 103, 124, 1);
	color: rgba(14, 208, 255, 1);
	padding: 8px !important;
	display: block;
	cursor: default;
}

.animatedNav .info .request {
	background: rgba(52, 103, 124, 1);
	color: #8efb8e;
	padding: 8px !important;
	display: block;
	cursor: default;
}

.animatedNav .info .upgrade {
	background: #e55757;
	border-radius: 3px;
	padding: 8px !important;
	display: block;
}

.animatedNav .info .upgrade:hover {
	background: #FFF;
	color: #444;
}


.cc_container {
	padding: 7px 30px 7px !important;
	background: linear-gradient(to right, #34677c 0%, #3e4758 100%) !important;
	border: none !important;
}

.cc_container .cc_message {
	color: #FFF;
	font-size: 0.8em !important;
}

.cc_container .cc_btn {
	max-width: 90px !important;
	background: #e55757 !important;
	color: #FFF !important;
	font-size: 0.8em !important;
	margin-left: 0px;
	float: left;
	margin-right: 15px;
}

.cc_container .cc_btn:hover,
.cc_container .cc_btn:active {
	background: #5cffd6 !important;
	color: #FFF !important;
	font-size: 0.8em !important;
	color: #333;
}


/* Custom Tools */
.formbox.custom {
	margin: 0 auto;
	box-shadow: none;
}

.formbox.custom .filter {
	width: 100% !important;
	display: block;
	margin-bottom: 20px;
}

.formbox.custom #apps.filter h3 {
	display: block;
}

.formbox.custom .disabled {
	color: #DDD;
	border-color: #DDD;
	cursor: default;
}

p.exportinfo {
	font-size: 0.8em;
	margin-top: 30px;
}


.filter.custom.apptype#country,
.filter.custom.apptype#version,
.filter.custom.apptype#rating {
	width: 100% !important;
}


/* Cookie Consent */

.cc-color-override-688238583.cc-window {
	border-radius: 5px !important;
	background: #3e4758 !important;
}

.cc-window.cc-floating {
	padding: 1em !important;
}

.cc-compliance {
	width: 25% !important;
}

.cc-color-override-688238583 .cc-btn {
	border-radius: 5px !important;
	background: #e55757 !important;
	border-bottom: 3px solid rgb(191, 63, 21) !important;
	color: #FFF !important;
}

@media only screen and (max-width: 969px) {
	.cc-color-override-688238583.cc-window {
		margin: 15px !important;
	}

	.cc-revoke,
	.cc-window {
		font-size: 14px !important;
	}

	.cc-floating .cc-message {
		margin-bottom: 9px !important;
	}
}



/* Jquery Calender PopUp */

.ui-widget-header {
	font-weight: normal;
	color: #FFF;
}

.ui-datepicker th {
	font-weight: normal;
}

.ui-datepicker .ui-datepicker-header {
	margin: 0;
}

.ui-datepicker table {
	margin: 0;
}

.ui-state-default,
.ui-widget-content .ui-state-default,
.ui-widget-header .ui-state-default,
.ui-button,
html .ui-button.ui-state-disabled:hover,
html .ui-button.ui-state-disabled:active {
	background: #DDD;
	text-align: center;
	border: none;
	border-radius: 3px;
}

.ui-datepicker .ui-datepicker-calendar .ui-state-highlight a {
	background: #e55757;
}

.ui-state-highlight,
.ui-widget-content .ui-state-highlight,
.ui-widget-header .ui-state-highlight {
	border: 0;
	background: #FFF;
}

.ui-datepicker .ui-datepicker-prev span {
	background: url(_elements/_icons/calendarArrowLeft.svg) 0px 1px no-repeat !important;
}

.ui-datepicker .ui-datepicker-next span {
	background: url(_elements/_icons/calendarArrowRight.svg) 0px 1px no-repeat !important;
}

.ui-datepicker .ui-widget-content {
	border: none;
	background: rgba(229, 87, 87, 0.05);
}

.ui-datepicker .ui-widget.ui-widget-content {
	border: none;
}



/* Animations */
/*
@keyframes fadeInUp {
	from {transform: translate3d(0,40px,0)}
    to {transform: translate3d(0,0,0); opacity: 1}	}

@-webkit-keyframes fadeInUp {
    from {transform: translate3d(0,40px,0)}
    to {transform: translate3d(0,0,0); opacity: 1}	}

@keyframes fadeInDown {
	from {transform: translate3d(0,-40px,0)}
    to {transform: translate3d(0,0,0); opacity: 1}	}

@-webkit-keyframes fadeInDown {
    from {transform: translate3d(0,-40px,0)}
    to {transform: translate3d(0,0,0); opacity: 1}	}

@keyframes fadeInPlace {
    from {transform: translate3d(0,0px,0); opacity:0}
    to {transform: translate3d(0,0px,0); opacity: 1}   }

@-webkit-keyframes fadeInPlace {
    from {transform: translate3d(0,0px,0); opacity:0}
    to {transform: translate3d(0,0px,0); opacity: 1}   }

.animated {animation-duration: 0.5s; animation-fill-mode: both; -webkit-animation-duration: 0.5s; -webkit-animation-fill-mode: both}
.animatedFadeInUp {opacity: 0}
.fadeInUp {opacity: 0; animation-name: fadeInUp; -webkit-animation-name: fadeInUp;}
.fadeInDown {opacity: 0; animation-name: fadeInDown; -webkit-animation-name: fadeInDown;}
.fadeInPlace {animation-duration: 1s; opacity: 0; animation-name: fadeInPlace; -webkit-animation-name: fadeInPlace;}
.fadeInPlaceTwo {animation-duration: 3s; opacity: 0; animation-name: fadeInPlace; -webkit-animation-name: fadeInPlace;}

.filterbar .filter:nth-child(1) {animation-delay: 0.2s;    animation-name: fadeInUp;}
.filterbar .filter:nth-child(2) {animation-delay: 0.4s;    animation-name: fadeInUp;}
.filterbar .filter:nth-child(3) {animation-delay: 0.6s;    animation-name: fadeInUp;}
*/




input[type="checkbox"] {
	-webkit-appearance: checkbox !important;
	-moz-appearance: checkbox !important;
	-ms-appearance: checkbox !important;
	-o-appearance: checkbox !important;
	appearance: checkbox !important;
}