/* 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/CMA_white_logo.svg) no-repeat; height: 100px; width: 220px; 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.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/8AABXQSURBVHja7N17kJ11ecDxX9ZwmdqgoSJTqw5Y8FZblXoZmyjYUhRbtAwWSANlBGIoAwgFkZtirQiEeylSQFBEioC1KpZYqYCQNNbaWqFlChSwF6ExWNskgCQx2+fH++4kmt3Nnvt7+Xxmnqn/VM/+zsk+3/PuucwaHx9PAEC7zBIAACAAAAABAAAIAABAAAAAAgAAEAAAgAAAAAQAACAAAAABAAAIAABAAAAAAgAAEAAAgAAAAAQAACAAAEAAAAACAAAQAACAAAAABAAAIAAAAAEAAAgAAEAAAAACAAAQAACAAAAABAAAIAAAAAEAAAgAAEAAAIAAAAAEAAAgAAAAAQAACAAAQAAAAAIAABAAAIAAAAAEAAAgAAAAAQAACAAAQAAA05q72X/eELPGkYAAAOpvu5hfjXljzMtido/ZLeZF+d/6FP8/62MejnmgnPtiVsT8a4xfDiAAgIraJeaQmLfHvK6MgH74QczymM+X42oBCABgxLaNWRBzeMybp3l23y9PxXwh5qqYOxw/CABguHaMOS7m6JidRnQb7o05P+aGVPz5ABAAwKD+ncYcGrMkZueK3KZ7Yo6NucvdAwIA6L9XxFwes2cFb9t4eSXgpJjH3FUgAID+eF/Mual/L+wblNUxi2JucpeBAAC6lxf+JTGLa3Sb8y+S/CeKM1LxGQOAAAA6sEPMrTHzanr774x5V3lVABAAwAyX/9KYX6v5z/GtmH1jHneXggAApjenfOY/vyE/zz/F7BOzyl0LAgCYXH5//20xezTs57o/5tdjHnUXgwAA2rH8RQAIAKCly18EgAAAWrr8RQAIAKCly18EgAAAy7+ly18EgAAAy7/l5yACQACA5S8CAAEAlr8IAAQAWP4iABAAYPmLAEAAgOUvAgABAJa/CAAEAFj+IgAQAGD5iwBAAIDlLwJAADgFsPxFAAgAwPIXASAAAMtfBIAAACx/EQACACx/RAAIALD8EQEgAMDyRwSAAADLHxEAAgAsf0QACACw/BEBIADA8kcEgAAAyx8RAAIALH9EAAgAsPwRASAAwPIXASIABABY/iIAEABg+YsAEAACAMvf8hcBIADA8kcEgAAAyx8RAAIALH9EAAgAsPwRASAAwPJHBIAAAMsfEQACACx/RAAIALD8EQEgAMDyRwSAAADLHxEAAgAsf0QACACw/BEBIADA8kcEgADA8gcRAAIAyx9EAAgALH8QASAAsPxBBCAAwPIHEYAAAMsfRAACACx/RIAIQACA5Y8IAAEAlj8iAAQAWP6IABAAYPkjAkAAgOWPCAABAJY/IgAEAFj+iAAQAFj+IAJAAGD5gwgAAYDlDyIABACWP4gAEABY/iACQABg+YMIAAGA5Q8iAAEAlj+IAAQAWP4gAhAAYPmDCEAAgOUPIgABAJY/iAAEAFj+IAIQAFj+lj+IAAQAlj8gAhAAWP6ACEAAYPmDCBABCAAsfxABIACw/EEEgADA8gcRAAIAyx9EAAgALH8QASAAsPxBBIAAwPIHEYAAAMsfRAACACx/EAEIALD8QQQgALD8ARGAAMDyB0QAAgDLHxABCAAsf0AEIACw/AERgADA8gdEAAIAyx8QAQgALH9ABCAAsPwBEYAAwPIHRAACAMsfEAEIACx/QAQgALD8QQSIAASA5W/5gwhAADgFyx8QAQgALH9ABCAAsPwBEYAAwPIHRAACAMsfEAEIACx/QAQgALD8ARGAAMDyB0QAAgDLHxABCAAsf0AEIACw/AERgADA8gdEAAIAyx8QAQgAyx9ABCAALH8AEYAAsPwBRAACwPIHEAECQABY/gAiQABg+QOIAAGA5Q8gAgQAlj+ACBAAWP4AIkAAYPkDIkAECAAsf0AEIACw/AERgADA8gdEAALA8rf8ARGAALD8AUQAAsDyBxABCADLH0AEIAAsfwARgACw/AFEAALA8gcQAQgAyx9ABCAALH8AESAAsPwBRIAAwPIHEAECAMsfQAQIACx/ABEgALD8AUSAALD8ARABAsDyB0AECADLHwARIAAsfwBEgACw/AEQAQLA8gcQASJAAFj+ACIAAWD5A4gABIDlDyACEACWP4AIQABY/gAiAAFg+QOIAAGA5Q8gAgQAlj+ACBAAlj8AIkAAWP4AiAABYPkDIAIEgOUPgAgQAJY/ACJAAFj+AIgAAWD5AyACBIDlD4AIEACWPwAiQABY/gCIAAFg+QMgAgSA5Q+ACBAAlj8AIqDFAWD5AyACWhYAlj8AIqBlAWD5AyACWhYAlj8AIqBlAWD5AyACWhYAc2JujZnvcUyP8j+MWY7BfUbr3BOzd8yqpv+gYw175n+n5U+PNsYsinnSUdTOspiPOwZ69Csxd8e8QADUZ/m77E8/lv/imE84itpeAThGBNAHL4u5vekR0IQAsPyx/PnpCLjMUSACmh0Alj/9Wv7vtfwbFQHHigBEQHMDwPKnn8v/akfRyAj4U0eBCGhWAFj+9Gv5L7L8Gx0Bx4kAREBzAsDyp5/L/xpHIQKgjRFQtwCw/LH86TYCLnUUiIB6BoDlj+VPLxHwPhGACKhfAFj+9Gv5H2n5tz4C/sRRIALqEQDPjvmi5U8ffvnn94d/0lG0/nFwQsxVjoI+RMDSmLkCYDC2j/ly8vG+9P7M//CYyx0FadOHPl3iKOhR/tjgvy6fqAqAPtom5qaYvTzG6PGX/RExn3IUTHIlQATQq9fHfDbmWQKgf5bE7OexRY+/5I+2/NlKBFzhKOjRb8ecKQD645CY4z2m6MGGmN/zy50ZRMBRMec4Cnp0eiq+RlgA9ODlyd9q6X35H5qKy3IwE6eKAPqwT6+NeZ4A6M6sVHwhy896LNGl/Df/oy1/unCaJx/0KL8t8EIB0J38pSzzPIbo4Zl/vuzvLV50Y+I1I2c7CnqQrz6+VQB05vn+4dHj8s+vHbnRUdCHKwF+F9GL/N0T2wiAzv7RzfW4oQsT7+u2/OmX05MvEKJ7r4w5rOo3ctb4+HgVbscvxDwUs53HDV0881+Yis+M6Ke1qaYf7tFid8Xs2ef/zrPKJyfQqUdiXlr+jnIFYBonWv5UaPnD5lcCznIMdGHXmHdX+QZWIQDmpOLb2aATE9/qZ/kzaB9MvkCI7lT682yqEAC5kLztj06f+R+cfMIfwzHxLYKuBNCpN8a8SgBMbaHHCB0u//xWv5sdBUN2RsxHHQMdOlgATG7n5Mt+mLkfp+KLfSx/RuVDMRc7BjpwkACYXP7c5Gd5fDAD68uS/rSjYIQmvkDojx0FM7RbzO4CYEt7emwww+WfL/t/zlFQoSsBIoBa77pRB8BbPC6YwfJfYPkjAqixSu66UQZAfvvfSz0umEb+m/97Yv7CUVDhCLjAMbAVrxMAPyn/TWSWxwXTPPPPL5653lFQcSfFfMQxMI1fTBV8vdsoA2A3jwmmWf4He+ZPjZwZ80eOgSlsG/NCAbDJSzwmmES+7J+/ROPzjoKa+XDMeY6BKewqADbZ0eOBSZ75Hxhzg6Ogpk52JYAp7FS1GzR7hP/bPv6XzT0dc0DMXzkKGnAlIDvTUVDlnTfKKwC+ahXLnyZHwCmOAQEwue09HkjFZ/sfZvnTQOfGnOMYqOrOG2UAPOXx4Jl/zLtibnQUNNSpMR9wDIQnq3aDRvkagLUeD61f/vvHLHUUNNySza4I0F6V23ljDgPLH4YSASc7BgEgAAqrPB5aKb/V7xDLnxbKnxHwUcfQWisFwCYPeDy0zo9S8Td/X+xDW33QlYDWelAAbPJvHg+tW/4u+0NxJeD9jqFV1rgC8JMeScVbwGi+fNl/YcxXHAU84/zkC4Q8+29xAORnhH/vcdGKZ/7vTD7bH35a/qTAkxxDK9wtALZ0p8dF45f//p75w5QuEAGt8HUBUJMqoi/WxSyw/GFGEeB7A5pr3BWAqatotcdHI5f/QTFfcBQwIx8RAY21POZxAbCl/NGIN3l8NEq+7L+f5Q9dRcCJjqFxPlPVGzZWgdtwncdHY+Tvd8jv8/+qo4CuXBjzh46hMdZV+UluFQJgWaroWyTo+IF+kOUPPbso5gzH0AhfivmhAJjaxpiPeZzU/pl/vux/i6OAvjjLlYDayy/+q/RHP49V5HZcH/Ndj5faLn+X/WEwVwJOcAy1dVvMdwTA1uVPijvf46V28rf6HVg+0IH+uzjmNMdQS2dX/QaOVei2XB6zwmOmNp6I2Sfmy44CBr5I8pWAcUdRG59ONfiguyoFQH4twOLyagDVX/7viLnLUcDQrgSIgHrIL/qrxZc9jVXs9twbc6nHT6VNXPa3/GG4Lok5xTFUXv7K5+8LgO58wHKprLWpuOx/q6OAkVgSc5QrAZWV3/N/WV1ubBUDYEP5DPNRj6XKLX+X/WH0rhABlfQf5f1SG2MVvV0rYw5NxYfLMHr5431/N/nyJqiKK2NOdgyVkV+7dniq8If+1CkAsttj3l1eEWC0z/zzZX/f6gfVkt86/V5XAkZuY/mE9Wt1u+FjFb99+ZPljvAAH+nyf4dn/lBZV6Xi3VN+R47OqTE31vGGj9XgNub3U/pc7OHLn/B3gOUPtYiAkxzDSOR3Ziyp640fq8ntzN8V4HOxh2dNKi77+3hfqIf8LYL5zwEbHcXQ5O9rOL7OP8BYjW7rRSJgaMs/X/Zf5iigdlcCFouAoS3/2l+Znl2z23vRZrXLYJb/vjHLHQXU0ifK/3tFzZ7gWf6uAMw4Ak70GLT8gSkjwJ8DBuNjqUGvSatrIV4oAix/YEpXi4CBLP/Tm/QD1fkSkQiw/AERYPm3MABEQH+W/9stf2h0BCwSAZZ/EwNABHRvdbn8/9ZRQKNdIwK6dnZTl39TAmAiAnwQRmfLf1/LH0QA0y7/05r8AzbpbSIXiADLHxABln/7AkAEzGz5u+wP7Y6AI0WA5d/EABABW1/+KxwFtNonRYDln81u6M+VI2BWzHkez8/I31H9mzH/4CiAMgLyNwhenXxi4IRz2rT8U8Pv+Pxd2e/3mLb8gUl9KmZhzI8dxTPL/9S2/dBNL7+2R4DlD0znszGHtDwCWrn82xAAbY6A/7H8gQ4iYIPlLwCaGgEnW/4AU0bAoS2LgHPbvPzbFADZeS2JgInl/49+pwGuBEy5/E9p+x3etld/Nj0CLH+gFze2IAIs/5YGQJMjIC//vS1/oA8RsLChEXBJavll/7YHwEQEnNWgnyd/yM9+Md/2kAb64KaYxalZHxb0ZzEnpOLzD0jt/gCIM2KOacCD4bGYNyUf7wv0V/7Y4N+JebrmP0f+HZ8v+f+B5S8ANndZzFE1rtz/inlrzH0eysAA3BKzf8xTNb39+c8Y70nF3/0RAFu4MhVvf3miZrf7npi9Yu53FwIDtDTmt2K+X7PbnT8I7YCYa92FAmA6fx6zR8w/1yha3hDzkLsOGII7Yl4V87Wa3N5lMb8c8yV3nQCYiQdi3hxzXYVv4/+l4oU5eZ52lwFDtKq8EpA/WK2q7xBYn4pP9/uNmO+5ywRAJ/435vdj5sf8S4Vu13j5rH/X8v8CjEJ+4pE/Wv2VMbdX7LblP1W8IhVv81vnrhIA3Voe8/pUfF7AygrclreVz/p/6K4BKuDBmH1ijkij/1Nkfj3Ugam4OuHPogKgL/KrXs8rn3UfH/PdIT/jz39ry5ex8tWI29wdQMXkbxDMbxV8eSqunN47gidH74x5TczNyVv8OjZrfNyZzfSsYt5SPtDzK0ufM4D/jfyK/s+k4nUI/+7IR2ptzLMdQ63cFbOnYxip/GLq/K6qBTE7D+C//6Hyd+T15VUIBMDQzS6rc145ry6vFGzTwX/H6vIB/I2YFal41aqlLwAQAE2Qry7nv8fPL39HvjZm95jtOvw3mH9HfrN8tp/nYUcrAKooL/9dygf5DuU8t7xykF84s6Zc+ivLZ/orHZkAQAC0LApeXP6OnFv+fpxTPqFaX/6OzC/EfjwV78ryKn4BAAIAAQCDKDIAQAAAAAIAABAAAIAAAAAEAAAgAAAAAQAACAAAQAAAAAIAABAAAIAAAAAEAAAgAAAAAQAACAAAEACOAAAEAAAgAAAAAQAACAAAQAAAAAIAABAAAIAAAAAEAAAgAAAAAQAACAAAQAAAAAIAABAAAIAAAAAEAAAIAABAAAAAAgAAEAAAgAAAAAQAACAAAAABAAAIAABAAAAAAgAAEAAAgAAAAAQAACAAAAABAAAIAAAQAACAAAAABAAAIAAAAAEAAAgAAEAAAAACAAAQAACAAAAABAAAIAAAAAEAAAgAAEAAAAACAAAQAAAgAAAAAQAACAAAQAAAAAIAABAAAIAAAAAEAAAgAAAAAQAACAAAQAAAAAIAABAAAIAAAAAEAAAgAABAAAAAAgAAEAAAgAAAAAQAACAAAAABAAAIAABAAAAAAgAAEAAAgAAAAAQAACAAAAABAAAIAABAAACAAHAEACAAAAABAK213hHUzjpHAAIAerXWEdTOGkcAAgAEgPsMEABgmbgCAAgA2LqHHUHtPOIIQABArx50BLXzgCMAAQACwH0GTGPW+Pi4U4AtvSbm246hNp6ImZu8fRNcAYAefSdmlWOoja9b/iAAoB/Gy6VCPdzhCEAAQL/c5gjcV9BUXgMAU9sh5rGYn3EUlZZfq7GHYwBXAKBfVsf8pWOovGsdAbgCAP22d3J5ucp+FLNLzEpHAa4AQD/9TcydjqGyLrX8wRUAGJR5McscQ+XkP9G8JOYHjgJcAYBBWB7zFcdQORdb/uAKAAzaC2LujdnRUVTCt2LeFLPBUYArADBIj8Yc7xgqIb/w7zDLHwQADMt1MTc4hpE7LeY+xwC98ScA6Mw2MV+N2ctRjMRlMcc4BhAAMAo/H/ONmBc7iqHKn/f/tuRLf0AAwIgjIH9A0C85iqH4YsxBMU87ChAAMGrPT8WfA17tKAbqczELY9Y5ChAAUBXPi7k5eU3AoFwZc6zlDwIAKvnvKObMmA+V/5nePRlzZPKuCxAAUAMLUvHZ9D/nKHpyfyre5/93jgIEANTFc2POjVnkakDH8gv88pWUC5IP+QEBADW1b8zZyQsEZ2ppzCkx9zgKEABQd/mTNg+O+XDM7o5jUvlbFvMn+93tKEAAQBPNjzkuZv+Y2S0/i7Ux18R8PBV/7wcEADTermUE7FdGQVti4IlUfHDSLan4UB9f4wsCAForf7XwvJg3lPPamJ0a8HNtjPleKr6y95upeDX/ilR8ix8gAIBJbB/zopgXpuJDhp4TMydm24re3vx+/TXl/HfMf8Y8lnxePwgAAEAAAAACAAAQAACAAAAABAAAIAAAAAEAAAgAAEAAAAACAAAEgFMAAAEAAAgAAEAAAAACAAAQAACAAAAABAAAIAAAAAEAAAgAAEAAAAACAAAQAACAAAAABAAAIAAAQAAIAAAQAACAAAAABAAAIAAAAAEAAAgAAEAAAAACAAAQAACAAAAABAAAIAAAgN78vwADAJLUYfC+5kC5AAAAAElFTkSuQmCC');} .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; font-weight: bold; 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,");} 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; }