/*

The ASO Project, LLC
Client Dashboard

*/


/* --------------------- RESET --------------------- */

img,legend{border:0}article,aside,details,figcaption,figure,footer,header,hgroup,main,nav,section,summary{display:block}audio,canvas,video{display:inline-block}audio:not([controls]){display:none;height:0}[hidden]{display:none}html{font-family:sans-serif;-webkit-text-size-adjust:100%;-o-text-size-adjust:100%}body,figure{margin:0}a:focus{outline:dotted thin}a:active,a:hover{outline:0}h1{font-size:2em;margin:.67em 0}abbr[title]{border-bottom:1px dotted}b,strong{font-weight:700}dfn{font-style:italic}hr{-moz-box-sizing:content-box;box-sizing:content-box;height:0}mark{background:#ff0;color:#000}code,kbd,pre,samp{font-family:monospace, serif;font-size:1em}pre{white-space:pre-wrap}q{quotes:"\201C" "\201D" "\2018" "\2019"}small{font-size:80%}sub,sup{font-size:75%;line-height:0;position:relative;vertical-align:baseline}sup{top:-.5em}sub{bottom:-.25em}svg:not(:root){overflow:hidden}fieldset{border:1px solid silver;margin:0 2px;padding:.35em .625em .75em}legend{padding:0}button,input,select,textarea{font-family:inherit;font-size:100%;margin:0}button,input{line-height:normal}button,select{text-transform:none}button,html input[type=button],input[type=reset],input[type=submit]{-webkit-appearance:button;cursor:pointer}button[disabled],html input[disabled]{cursor:default}input[type=checkbox],input[type=radio]{box-sizing:border-box;padding:0}input[type=search]{-webkit-appearance:textfield;-moz-box-sizing:content-box;-webkit-box-sizing:content-box;box-sizing:content-box}input[type=search]::-webkit-search-cancel-button,input[type=search]::-webkit-search-decoration{-webkit-appearance:none}button::-moz-focus-inner,input::-moz-focus-inner{border:0;padding:0}textarea{overflow:auto;vertical-align:top}table{border-collapse:collapse;border-spacing:0}

/* --------------------- COLORS --------------------- */
:root {

    --main-blue: rgba(48,109,255,1); /* #306DFF */
    --main-blue-thirty: rgba(48,109,255,0.3); /* #306DFF */
    --main-blue-fifty: rgba(48,109,255,0.5); /* #306DFF */
    --main-blue-eighty: rgba(48,109,255,0.8); /* #306DFF */
    --main-light-blue: #CAE4F3;

    --main-green: #4FCE31;
    --main-green-fifty: rgba(79,206,49,0.5);
    --main-green-twenty-five: rgba(79,206,49,0.25);

    --main-red: #FF3030;
    --main-red-twenty-five: rgba(255,48,48,0.25);
    --main-red-delete: #CA1919;

    --main-dark-grey: #414141;

    --accent-orange: #EF5800;

    --secondary-text: #959595;
    --secondary-text-eighty: rgba(149,149,149,0.8);
    --secondary-text-fifty: rgba(149,149,149,0.5);
    --secondary-text-thirty: rgba(149,149,149,0.3);
    --secondary-text-twenty: rgba(149,149,149,0.2);
    --secondary-text-ten: rgba(149,149,149,0.1);

    --table-odd-row: #F6F6F6;

    /* Graph Colors */
    --graph-green: #4FCE31;
    --graph-blue: #094DFF;                  /* rgba(9,77,255,1) */
    --graph-gold: #F8B400;
    --graph-pink: #E9006D;                  /* rgba(233,0,109,1) */
    --graph-dark-blue: #082464;
    --graph-orange: #EDA247;                /* rgba(237,162,71,1) */
    --graph-purple: #8700F8;
    --graph-unknown: #959595;

    --background-light: #F0F0F0;
    --background-light-fifty: rgba(240,240,240,0.5);
    --background-light-twenty-five: rgba(240,240,240,0.25);
    --background-light-ten: rgba(240,240,240,0.1);
    /* --background-light: #E9EFF8; */

    --table-font-size: 11px;

    --font-main: 'Montserrat', sans-serif;
    --font-secondary: 'Proxima-Nova', sans-serif;

}

/* --------------------- BODY --------------------- */

* {
    outline: 0;
    -webkit-tap-highlight-color: rgba(0, 0, 0, 0);
    text-rendering: optimizeLegibility;
    -webkit-font-smoothing: antialiased;
    box-sizing: border-box;
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
}
::-webkit-scrollbar {
    display: none;
}
html, body {
    font-weight: normal;
    background-color: var(--background-light);
    font-size: 100%;
    font-weight: 300;
    font-family: var(--font-main);
    color: black;
}
.rtl {
    direction: rtl;
}
a {
    color: var(--main-blue);
    text-decoration: none;
    transition: all .1s linear;
    -moz-transition: all .1s linear;
    -webkit-transition: all .1s linear;
    -o-transition: all .1s linear;
}

/* --------------------- GENERIC --------------------- */
.clear {
    display: block;
    clear: both;
}
.alert-box-wrapper {
    display: none;
    width: 100%;
    height: 100vh;
    margin: 0;
    position: fixed;
    top: 0;
    left: 0;
    bottom: 0;
    right: 0;
    overflow: hidden;
    background: rgba(0,0,0,0.75);
    z-index: 99999999999999999;
}
.alert-box-inner {
    width: 94%;
    max-width: 500px;
    max-height: 350px;
    background: white;
    position: absolute;
    top: 50%;
    left: 50%;
    transform: translate(-50%, -50%);
    -webkit-transform: translate(-50%, -50%);
    -moz-transform: translate(-50%, -50%);
    -o-transform: translate(-50%, -50%);
    margin: auto;
    box-shadow: 0 0 20px rgba(0,0,0,0.5);
    -moz-box-shadow: 0 0 20px rgba(0,0,0,0.5);
    -webkit-box-shadow: 0 0 20px rgba(0,0,0,0.5);
    padding: 20px;
    box-sizing: border-box;
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    overflow-y: scroll;
    border-radius: 15px;
}
.alert-box-inner-title {
    font-size: 16px;
    font-weight: 700;
    margin-top: 10px;
    text-align: center;
}
.alert-box-inner-content {
    font-family: var(--font-secondary);
    font-size: 14px;
    font-weight: 300;
    margin-top: 30px;
    text-align: center;
    margin-bottom: 30px;
}
.alert-box-inner-content input.alert-box-field, .alert-box-inner-content select {
    width: 75%;
    max-width: 400px;
    border: 1px solid var(--secondary-text);
    border-radius: 4px;
    text-align: center;
    font-weight: 400;
    cursor: pointer;
    height: 40px;
    font-size: 12px;
    transition: all .1s linear;
    -moz-transition: all .1s linear;
    -webkit-transition: all .1s linear;
    -o-transition: all .1s linear;
}
.alert-box-inner-content input.alert-box-field:hover, .alert-box-inner-content select:hover {
    box-shadow: 0 0 3px rgba(0, 0, 0, 0.25);
    transition: all .1s linear;
    -moz-transition: all .1s linear;
    -webkit-transition: all .1s linear;
    -o-transition: all .1s linear;
}
.alert-box-inner-buttons {
    margin-top: 20px;
    text-align: center;
}
.alert-box-inner-buttons button {
    width: 40%;
    max-width: 175px;
    background: var(--main-blue);
    color: white;
    width: 100%;
    font-size: 12px;
    height: 40px;
    border: 0;
    transition: all .1s linear;
    -moz-transition: all .1s linear;
    -webkit-transition: all .1s linear;
    -o-transition: all .1s linear;
    border-radius: 5px;
}
.alert-box-inner-buttons button:last-of-type {
    font-weight: 700;
}
.alert-box-inner-buttons button:hover {
    transition: all .1s linear;
    -moz-transition: all .1s linear;
    -webkit-transition: all .1s linear;
    -o-transition: all .1s linear;
    -webkit-animation-name: heartbeat;
    -webkit-animation-duration: 200ms;
    -webkit-transform-origin: 50% 50%;
    -webkit-animation-iteration-count: 1;
    -webkit-animation-timing-function: linear;
    -moz-animation-name: heartbeat;
    -moz-animation-duration: 200ms;
    -moz-transform-origin: 50% 50%;
    -moz-animation-iteration-count: 1;
    -moz-animation-timing-function: linear;
    -o-animation-name: heartbeat;
    -o-animation-duration: 200ms;
    -o-transform-origin: 50% 50%;
    -o-animation-iteration-count: 1;
    -o-animation-timing-function: linear;
}
.load {
    display: none;
    position: fixed;
    z-index: 100000000000000000000;
    top: 0;
    left: 0;
    height: 100%;
    width: 100%;
    background: rgba(255, 255, 255, 0.85) url('../img/loading.gif') 50% 50% no-repeat;
}
.loading-spinner {
    display: block;
    margin: auto;
    padding: 10px;
    position: absolute;
    top: 0;
    left: 0;
    right: 0;
    bottom: 0;
}
.loading-spinner-cover {
    background: url('../img/loading.gif') no-repeat center center;
    background-color: rgba(255,255,255,0.5);
    display: block;
    margin: auto;
    padding: 10px;
    z-index: 100000000000000000000;
    position: absolute;
    top: 0;
    left: 0;
    right: 0;
    bottom: 0;
    width: 100%;
    height: 100%;
    text-align: center;
}
.loading-spinner-cover-solid {
    background: url('../img/loading.gif') no-repeat center center;
    background-color: rgba(255,255,255,0.95);
    display: block;
    margin: auto;
    padding: 10px;
    z-index: 10000;
    position: absolute;
    top: 0;
    left: 0;
    right: 0;
    bottom: 0;
    width: 100%;
    height: 100%;
    text-align: center;
}
.loading-spinner-sub {
    margin: 0 auto 0 auto;
    width: 20px;
}
.black-cover {
    display: none;
    position: fixed;
    z-index: 10000;
    top: 0;
    left: 0;
    height: 100%;
    width: 100%;
    background: rgba(0,0,0, 0.65);
}
body.loading {
    overflow: hidden;
}
body.loading .load {
    display: block;
}
.split {
    width: 100%;
    margin-top: 40px;
    margin-bottom: 40px;
    border-bottom: 1px dotted rgba(34,45,63,0.25);
}
.split-plain {
    width: 100%;
    margin-top: 40px;
    margin-bottom: 40px;
}
.alert {
	background: white;
	position: fixed;
	width: 100%;
	height: 50px;
	top: -60px;
	left: 0;
	text-align: center;
	z-index: 100000000;
	box-shadow: 0 0 15px rgba(34,45,63,0.8);
	-moz-box-shadow: 0 0 15px rgba(34,45,63,0.8);
	-webkit-box-shadow: 0 0 15px rgba(34,45,63,0.8);
}
.alert span:first-of-type {
	line-height: 50px;
	font-weight: 400;
	font-size: 14px;
    color: white;
}
.alert span:last-of-type {
	float: right;
	margin-right: 10px;
	font-size: 26px;
	line-height: 50px;
	cursor: pointer;
    color: white;
}
.ios-icon-image {
    border-radius: 22.5%;
    -webkit-border-radius: 22.5%;
    -moz-border-radius: 22.5%;
}

ion-icon[name="logo-google-playstore"] {

}
ion-icon[name="logo-apple-appstore"] {

}

.cancel-button {
    background: var(--main-red) !important;
}
.ai-button {
    background: #3C00FF !important;
    background: linear-gradient(to right, #3C00FF 0%, #cf00cf 100%) !important;
    color: white !important;
}


/* --------------------- AG-GRID --------------------- */
.ag-theme-alpine {
    height: 100%;
    width: 100%;
}
.ag-root-wrapper {
    border: 0;
    font-family: var(--font-main);
}
.ag-center-header {
    text-align: center !important;
}
.ag-center-header .ag-header-cell-label {
    justify-content: center !important;
}
.ag-header-cell-label {
    font-size: 12px;
    font-weight: 700;
    font-family: var(--font-main);
}
.ag-cell-value {
    font-size: 14px;
    font-family: var(--font-secondary);
}
.ag-row {
    border-bottom: 0;
}
.ag-paging-panel {
    font-family: var(--font-secondary);
}
.ag-header, .ag-advanced-filter-header {
    background: transparent;
}
.ag-row-odd {
    background-color: var(--background-light-twenty-five);
}
.ag-select-list {
    font-family: var(--font-secondary);
}
.ag-simple-filter-body-wrapper {
    font-family: var(--font-secondary);
}
.ag-menu-list, .ag-menu, .ag-popup {
    font-family: var(--font-secondary);
}
.ag-theme-alpine .gain {
    color: green;
    font-weight: bold;
}

.ag-theme-alpine .loss {
    color: red;
    font-weight: bold;
}

/* --------------------- DK SELECT --------------------- */
.dk-select {
    font-family: var(--font-secondary) !important;
}

.dashboard-card-title-date-pickers {
    position: absolute;
    right: 20px;
    top: 0px;
    font-size: 14px;
    font-weight: 300;
    color: black;
    display: flex;
    align-items: center;
    justify-content: center;
}
.dashboard-card-title-date-pickers span {
    margin-left: 3px;
    margin-right: 3px;
    font-size: 12px;
}
.dashboard-card-title-date-pickers input {
    width: 100px;
    border: 1px solid black;
    border-radius: 4px;
    text-align: center;
    font-weight: 400;
    cursor: pointer;
    height: 30px;
    font-size: 12px;
    transition: all .1s linear;
    -moz-transition: all .1s linear;
    -webkit-transition: all .1s linear;
    -o-transition: all .1s linear;
}
.dashboard-card-title-date-pickers input:hover {
    box-shadow: 0 0 3px rgba(0, 0, 0, 0.25);
    transition: all .1s linear;
    -moz-transition: all .1s linear;
    -webkit-transition: all .1s linear;
    -o-transition: all .1s linear;
}
.dashboard-card-title-date-pickers button {
    color: white;
    background: var(--main-blue);
    border: 0;
    border-radius: 3px;
    font-size: 18px;
    height: 28px;
    width: 40px;
    margin-left: 5px;
}
.dashboard-card-title-date-pickers button ion-icon {
    font-size: 16px;
}
.dashboard-card-title-date-pickers button:hover {
    cursor: pointer;
    -webkit-animation-name: heartbeat;
    -webkit-animation-duration: 200ms;
    -webkit-transform-origin: 50% 50%;
    -webkit-animation-iteration-count: 1;
    -webkit-animation-timing-function: linear;
    -moz-animation-name: heartbeat;
    -moz-animation-duration: 200ms;
    -moz-transform-origin: 50% 50%;
    -moz-animation-iteration-count: 1;
    -moz-animation-timing-function: linear;
    -o-animation-name: heartbeat;
    -o-animation-duration: 200ms;
    -o-transform-origin: 50% 50%;
    -o-animation-iteration-count: 1;
    -o-animation-timing-function: linear;
}

/* --------------------- POP BOX --------------------- */
.pop-box-cover {
    /* display: none; */
    position: fixed;
    z-index: 1000000000;
    top: 0;
    left: 0;
    height: 100%;
    width: 100%;
    background: rgba(0,0,0, 0.35);
}
.pop-box-wrapper {
    width: 98%;
    height: 98%;
    max-width: 1000px;
    max-height: 500px;
    position: absolute;
    top: 50%;
    left: 50%;
    transform: translate(-50%, -50%);
    background: white;
    border-radius: 5px;
    box-sizing: border-box;
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    transition: all .2s linear;
    -moz-transition: all .2s linear;
    -webkit-transition: all .2s linear;
    -o-transition: all .2s linear;
    box-shadow: 0 0 3px 0px rgba(0,0,0,0.15);
}
.pop-box-wrapper:hover {
    transition: all .2s linear;
    -moz-transition: all .2s linear;
    -webkit-transition: all .2s linear;
    -o-transition: all .2s linear;
    box-shadow: 0 0 4px 0px rgba(0,0,0,0.2);
}
.pop-box-title {
    width: 100%;
    height: 75px;
    line-height: 75px;
    position: relative;
    color: black;
    font-size: 14px;
    font-weight: 700;
    padding: 0 0 10px 0;
    margin-bottom: 25px;
    border-bottom: 1px dotted rgba(34,45,63,0.25);
    padding-left: 10px;
}


/* --------------------- IMAGES --------------------- */
img {
    max-width: 100%;
    height: auto;
    width: auto\9;
}

/* --------------------- HEADER --------------------- */

.big_head {
    width: 100%;
    position: fixed;
    top: 0;
    left: 0;
    background: white;
    color: black;
    height: 75px;
    z-index: 30;
    z-index: 1000000;
    box-shadow: 0 0 5px rgba(0,0,0,0.25);
}
.small_head {
    width: 100%;
    margin: 0 auto;
    height: 75px;
    z-index: 29;
    padding-left: 105px;
}
.logo {
    float: left;
    text-align: left;
    width: 120px;
    height: 60px;
    text-align: center;
    line-height: 70px;
    font-size: 20px;
    font-weight: 400;
    font-family: var(--font-main);
}
.logo a {
    color: white;
    transition: all .1s linear;
    -moz-transition: all .1s linear;
    -webkit-transition: all .1s linear;
    -o-transition: all .1s linear;
    text-decoration: none;
    border-bottom: 0;
    display: block;
    height: 60px;
    line-height: 60px;
    font-family: var(--font-main);
    vertical-align: middle;
}
.logo img {
    vertical-align: middle;
    height: 35px;
}
.logo a:hover {
    cursor: pointer;
    color: rgba(255, 255, 255, 0.5);
    transition: all .2s linear;
    -moz-transition: all .2s linear;
    -webkit-transition: all .2s linear;
    -o-transition: all .2s linear;
    text-decoration: none;
}

.platform-pickers {
    position: absolute;
    right: 10px;
    top: 0;
    width: calc(100% - 250px);
    height: 60px;
    line-height: 60px;
    text-align: right;
    box-sizing: border-box;
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    font-family: var(--font-secondary);
}
.app-picker-holder {
    position: relative;
    margin-right: 5px;
    float: right;
    width: calc(50% - 7px);
    max-width: 350px;
    height: 50px;
    line-height: 50px;
    box-sizing: border-box;
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    cursor: pointer;
    margin-top: 10px;
}
.app-picker-holder-options-list {
    overflow-y: scroll;
    position: relative;
    width: 100%;
    max-height: 300px;
    z-index: 19;
    background: white;
    color: black;
    margin-top: -10px;
    padding-top: 10px;
    border: 1px solid black;
    border-bottom-left-radius: 5px;
    border-bottom-right-radius: 5px;
    border-top: 0;
    -webkit-box-shadow: 0 0 10px 0px rgba(0,0,0,0.5);
    -moz-box-shadow: 0 0 10px 0px rgba(0,0,0,0.5);
    box-shadow: 0 0 10px 0px rgba(0,0,0,0.5);
}
.app-picker-holder-options-list-search, .country-picker-holder-options-list-search {
    top: 0;
    width: 100%;
    line-height: 38px;
    height: 40px;
    text-align: center;
    border-bottom: 1px dotted rgba(255,255,255,0.25);
    box-sizing: border-box;
}
.app-picker-holder-options-list-search input, .country-picker-holder-options-list-search input {
    width: 96%;
    height: 30px;
    border: 0;
    border-bottom: 1px dotted black;
    display: block;
    margin: 10px auto;
    background: white;
    color: black;
    box-sizing: border-box;
    font-size: 12px;
    /* padding-left: 5px; */
}
.app-picker-holder-picked-option, .app-picker-holder-option {
    position: relative;
    width: 100%;
    height: 50px;
    text-align: left;
    border-bottom: 1px dotted rgba(255,255,255,0.25);
    transition: all .1s linear;
    -moz-transition: all .1s linear;
    -webkit-transition: all .1s linear;
    -o-transition: all .1s linear;
    overflow: hidden;
}
.app-picker-holder-option:hover {
    background: var(--background-light-fifty);
    transition: all .1s linear;
    -moz-transition: all .1s linear;
    -webkit-transition: all .1s linear;
    -o-transition: all .1s linear;
}
.app-picker-holder-picked-option span:first-of-type, .app-picker-holder-option span:first-of-type {
    display: block;
    height: 50px;
    line-height: 50px;
    margin-left: 45px;
    font-size: 12px;
    font-weight: 500;
    width: calc(100% - 100px);
    white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis;
}
.app-picker-holder-picked-option span:last-of-type, .app-picker-holder-option span:last-of-type {
    position: absolute;
    right: 10px;
    top: 0;
    font-size: 22px;
    line-height: 55px;
}
.app-picker-holder-picked-option span:last-of-type .ion-social-apple, .app-picker-holder-option span:last-of-type .ion-social-apple {
    color: #49ACE9;
}
.app-picker-holder-picked-option span:last-of-type ion-icon[name="logo-apple-appstore"], .app-picker-holder-option span:last-of-type ion-icon[name="logo-apple-appstore"] {
    color: #49ACE9;
}
.app-picker-holder-picked-option span:last-of-type .ion-social-android, .app-picker-holder-option span:last-of-type .ion-social-android {
    color: #88BF01;
}
.app-picker-holder-picked-option span:last-of-type ion-icon[name="logo-google-playstore"], .app-picker-holder-option span:last-of-type ion-icon[name="logo-google-playstore"] {
    color: #88BF01;
}
.app-picker-holder-picked-option {
    border: 1px solid black;
    border-radius: 5px;
    z-index: 20;
    background: white;
}
.app-picker-holder-picked-option img, .app-picker-holder-option img {
    position: absolute;
    height: 32px;
    width: 32px;
    float: left;
    top: 8px;
    left: 5px;
    border-radius: 22.5%;
}

.country-picker-holder {
    position: relative;
    background: white;
    margin-right: 10px;
    float: right;
    width: calc(50% - 12px);
    max-width: 200px;
    height: 50px;
    line-height: 50px;
    box-sizing: border-box;
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    cursor: pointer;
    margin-top: 10px;
}
.country-picker-holder-options-list {
    overflow-y: scroll;
    position: relative;
    width: 100%;
    max-height: 300px;
    z-index: 19;
    background: white;
    color: black;
    margin-top: -10px;
    padding-top: 10px;
    border: 1px solid black;
    border-bottom-left-radius: 5px;
    border-bottom-right-radius: 5px;
    border-top: 0;
    -webkit-box-shadow: 0 0 10px 0px rgba(0,0,0,0.5);
    -moz-box-shadow: 0 0 10px 0px rgba(0,0,0,0.5);
    box-shadow: 0 0 10px 0px rgba(0,0,0,0.5);
}
.country-picker-holder-picked-option, .country-picker-holder-option {
    position: relative;
    width: 100%;
    height: 50px;
    text-align: left;
    border-bottom: 1px dotted rgba(255,255,255,0.25);
    transition: all .1s linear;
    -moz-transition: all .1s linear;
    -webkit-transition: all .1s linear;
    -o-transition: all .1s linear;
}
.country-picker-holder-option:hover {
    background: var(--background-light-fifty);
    transition: all .1s linear;
    -moz-transition: all .1s linear;
    -webkit-transition: all .1s linear;
    -o-transition: all .1s linear;
}
.country-picker-holder-picked-option span:first-of-type, .country-picker-holder-option span:first-of-type {
    height: 50px;
    line-height: 50px;
    margin-left: 5px;
    font-size: 12px;
}
.country-picker-holder-picked-option span:last-of-type, .country-picker-holder-option span:last-of-type {
    font-size: 12px;
    font-weight: 500;
    margin-left: 5px;
}
.country-picker-holder-picked-option {
    border: 1px solid black;
    border-radius: 5px;
    z-index: 26;
    background: white;
}
.head-title-large {
    height: 75px;
    line-height: 75px;
    font-size: 20px;
    font-weight: 400;
}
span.head-title-large-top {
    font-size: 18px;
    font-weight: 500;
    display: block;
    height: 22px;
    line-height: 22px;
    position: relative;
    top: 17px;
}
span.head-title-large-top i {
    font-size: 18px;
    margin-left: 7px;
    cursor: pointer;
    color: var(--main-blue);
    transition: all .1s linear;
    -moz-transition: all .1s linear;
    -webkit-transition: all .1s linear;
    -o-transition: all .1s linear;
}
span.head-title-large-top i:hover {
    color: var(--main-blue-fifty);
    transition: all .1s linear;
    -moz-transition: all .1s linear;
    -webkit-transition: all .1s linear;
    -o-transition: all .1s linear;
}
span.head-title-large-bottom {
    display: block;
    font-size: 12px;
    font-weight: 300;
    height: 20px;
    line-height: 20px;
    position: relative;
    top: 15px;
}
span.head-title-large-top span {
    margin-right: 5px;
}
.head-title-large img {
    width: 49px;
    height: 49px;
    top: 12px;
    position: relative;
    float: left;
    margin-right: 10px;
}

/* --------------------- SIDEBAR --------------------- */
.sidebar {
    width: 85px;
    position: fixed;
    height: 100vh;
    top: 0;
    left: 0;
    bottom: 0;
    padding: 0;
    background: transparent;
    z-index: 10000000;
    transition: left .1s linear;
    -moz-transition: left .1s linear;
    -webkit-transition: left .1s linear;
    -o-transition: left .1s linear;
}
.sidebar-open {
    left: 0px !important;
    transition: left .1s linear;
    -moz-transition: left .1s linear;
    -webkit-transition: left .1s linear;
    -o-transition: left .1s linear;
}
.sidebar-inner {
    width: 100%;
    height: 100%;
    overflow-y: scroll;
    font-family: var(--font-secondary);
    background: url('../img/background-gradient.png') no-repeat center center;
    -webkit-background-size: cover;
    -moz-background-size: cover;
    -o-background-size: cover;
    background-size: cover;
    padding: 0 0px 50px 0px;
}
.sidebar-inner a {
    text-decoration: none;
    position: relative;
    display: block;
}
.sidebar-inner a:hover {
    text-decoration: none;
}
.sidebar-inner a:last-of-type {
    margin-bottom: 0;
}
.sidebar-inner button span {
    opacity: 0;
    visibility: hidden;
    position: absolute;
    text-align: center;
    width: 100%;
    bottom: 14px;
}
.sidebar-inner button {
    display: block;
    position: relative;
    width: 100%;
    height: 75px;
    border: 0;
    background: transparent;
    color: white;
    font-size: 8px;
    font-weight: 600;
    padding: 17.5px 0;
    transition: all .1s linear;
    -moz-transition: all .1s linear;
    -webkit-transition: all .1s linear;
    -o-transition: all .1s linear;
}
.sidebar-inner button.selected {
    font-weight: 800;
    background: var(--background-light-twenty-five);
}
.sidebar-inner button.selected ion-icon {
    display: block;
    top: 40%;
    transition: all .1s linear;
    -moz-transition: all .1s linear;
    -webkit-transition: all .1s linear;
    -o-transition: all .1s linear;
}
.sidebar-inner button i, .sidebar-inner ion-icon {
    display: block;
    position: absolute;
    top: 50%;
    left: 50%;
    transform: translate(-50%, -50%);
    -webkit-transform: translate(-50%, -50%);
    -moz-transform: translate(-50%, -50%);
    -o-transform: translate(-50%, -50%);
    font-size: 20px;
    height: 20px;
    transition: all .1s linear;
    -moz-transition: all .1s linear;
    -webkit-transition: all .1s linear;
    -o-transition: all .1s linear;
}
.sidebar-inner button:hover i, .sidebar-inner button:hover ion-icon {
    top: 40%;
    transition: all .1s linear;
    -moz-transition: all .1s linear;
    -webkit-transition: all .1s linear;
    -o-transition: all .1s linear;
}
.sidebar-inner button:hover span, .sidebar-inner button.selected span {
    display: block;
    opacity: 1;
    visibility: visible;
    -moz-transition: all .2s linear;
    -webkit-transition: all .2s linear;
    -o-transition: all .2s linear;
}
.sidebar-inner button:hover {
    background: var(--background-light-twenty-five);
    transition: all .1s linear;
    -moz-transition: all .1s linear;
    -webkit-transition: all .1s linear;
    -o-transition: all .1s linear;
}
#toggle-side-menu {
    display: none;
    position: fixed;
    z-index: 1000000;
    left: 10px;
    top: 18px;
    border: 0;
    width: 40px;
    height: 40px;
    font-size: 24px;
    line-height: 40px;
    background: transparent;
}

/* --------------------- GENERIC DASHBOARD --------------------- */
.dashboard-card {
    background: white;
    transition: all .2s linear;
    -moz-transition: all .2s linear;
    -webkit-transition: all .2s linear;
    -o-transition: all .2s linear;
    box-shadow: 0 0 3px 0px rgba(0,0,0,0.15);
    position: relative;
    border-radius: 5px;
}
.full-width-card {
    width: 100%;
}
.dashboard-card:hover {
    transition: all .2s linear;
    -moz-transition: all .2s linear;
    -webkit-transition: all .2s linear;
    -o-transition: all .2s linear;
    box-shadow: 0 0 4px 0px rgba(0,0,0,0.2);
}
.dashboard-card-title {
    position: relative;
    height: 75px;
    line-height: 75px;
    padding-left: 10px;
    font-size: 16px;
    box-sizing: border-box;
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    border-bottom: 3px solid var(--background-light);
    font-weight: 300;
}
.action-button-wrapper {
    position: absolute;
    right: 20px;
    top: 0;
    height: 75px;
    line-height: 75px;
}
.button-padded-right {
    right: 50px !important;
}
.button-padded-right-double {
    right: 90px !important;
}
button.action-button {
    color: white;
    background: var(--main-blue);
    border: 0;
    border-radius: 5px;
    font-size: 12px;
    font-weight: 500;
    padding: 10px 20px 10px 20px;
}
button.action-button.green-action {
    background: var(--main-green) !important;
}
button.action-button:hover {
    cursor: pointer;
    -webkit-animation-name: heartbeat;
    -webkit-animation-duration: 200ms;
    -webkit-transform-origin: 50% 50%;
    -webkit-animation-iteration-count: 1;
    -webkit-animation-timing-function: linear;
    -moz-animation-name: heartbeat;
    -moz-animation-duration: 200ms;
    -moz-transform-origin: 50% 50%;
    -moz-animation-iteration-count: 1;
    -moz-animation-timing-function: linear;
    -o-animation-name: heartbeat;
    -o-animation-duration: 200ms;
    -o-transform-origin: 50% 50%;
    -o-animation-iteration-count: 1;
    -o-animation-timing-function: linear;
}
button.action-button-secondary {
    margin-right: 5px;
    background: var(--main-green);
}
button.icon-button {
    color: white;
    background: var(--main-blue);
    border: 0;
    border-radius: 3px;
    font-size: 16px;
    height: 28px;
    width: 40px;
}
button.icon-button:hover {
    cursor: pointer;
    -webkit-animation-name: heartbeat;
    -webkit-animation-duration: 200ms;
    -webkit-transform-origin: 50% 50%;
    -webkit-animation-iteration-count: 1;
    -webkit-animation-timing-function: linear;
    -moz-animation-name: heartbeat;
    -moz-animation-duration: 200ms;
    -moz-transform-origin: 50% 50%;
    -moz-animation-iteration-count: 1;
    -moz-animation-timing-function: linear;
    -o-animation-name: heartbeat;
    -o-animation-duration: 200ms;
    -o-transform-origin: 50% 50%;
    -o-animation-iteration-count: 1;
    -o-animation-timing-function: linear;
}
.save-button-wrapper {
    position: absolute;
    right: 50px;
    top: 0;
    height: 75px;
    line-height: 75px;
}
button.action-button-save {
    color: white;
    background: var(--main-green);
    border: 0;
    border-radius: 5px;
    font-size: 12px;
    padding: 10px 20px 10px 20px;
}
button.action-button-delete {
    color: white;
    background: var(--main-red-delete) !important;
    border: 0;
    border-radius: 5px;
    font-size: 12px;
    padding: 10px 20px 10px 20px;
}
button.action-button-save:hover, button.action-button-delete:hover {
    cursor: pointer;
    -webkit-animation-name: heartbeat;
    -webkit-animation-duration: 200ms;
    -webkit-transform-origin: 50% 50%;
    -webkit-animation-iteration-count: 1;
    -webkit-animation-timing-function: linear;
    -moz-animation-name: heartbeat;
    -moz-animation-duration: 200ms;
    -moz-transform-origin: 50% 50%;
    -moz-animation-iteration-count: 1;
    -moz-animation-timing-function: linear;
    -o-animation-name: heartbeat;
    -o-animation-duration: 200ms;
    -o-transform-origin: 50% 50%;
    -o-animation-iteration-count: 1;
    -o-animation-timing-function: linear;
}
.dashboard-card-title-dropdown {
    position: absolute;
    right: 20px;
    top: 0px;
    font-weight: 300;
    color: var(--secondary-text);
    display: flex;
    align-items: center;
    justify-content: center;
    height: 75px;
}
.dashboard-card-title-dropdown .dk-select, .filter-wrapper .dk-select-multi {
    height: 40px !important;
    line-height: 40px !important;
    font-size: 12px !important;
    font-weight: 400 !important;
}
.dashboard-card-title-dropdown .dk-select ul {
    border-bottom-right-radius: 4px;
    border-bottom-left-radius: 4px;
    border-top-left-radius: 4px;
}
.dashboard-card-title-dropdown .dk-select ul li {
    white-space: nowrap;
    text-overflow: ellipsis;
}
.dashboard-card-title-dropdown .dk-selected {
    height: 40px !important;
    line-height: 40px !important;
    min-width: 135px !important;
    text-align: right;
}
.dashboard-card-title-dropdown ul {
    max-height: 150px !important;
}
.dashboard-card-title-dropdown ul li {
    max-width: 140px !important;
    min-width: 140px !important;
}
.dashboard-card-title-date-pickers {
    position: absolute;
    right: 20px;
    top: 0px;
    font-size: 14px;
    font-weight: 300;
    color: var(--secondary-text);
    display: flex;
    align-items: center;
    justify-content: center;
}
.dashboard-card-title-date-pickers span {
    margin-left: 3px;
    margin-right: 3px;
    font-size: 12px;
}
.dashboard-card-title-date-pickers input {
    width: 100px;
    border: 1px solid var(--secondary-text);
    border-radius: 4px;
    text-align: center;
    font-weight: 400;
    cursor: pointer;
    height: 30px;
    font-size: 12px;
    transition: all .1s linear;
    -moz-transition: all .1s linear;
    -webkit-transition: all .1s linear;
    -o-transition: all .1s linear;
}
.dashboard-card-title-date-pickers input:hover {
    box-shadow: 0 0 3px rgba(0, 0, 0, 0.25);
    transition: all .1s linear;
    -moz-transition: all .1s linear;
    -webkit-transition: all .1s linear;
    -o-transition: all .1s linear;
}
.dashboard-card-title-icon {
    position: absolute;
    right: 20px;
    top: 0;
    height: 75px;
    line-height: 75px;
    font-size: 24px;
    color: var(--main-blue);
    transition: all .1s linear;
    -moz-transition: all .1s linear;
    -webkit-transition: all .1s linear;
    -o-transition: all .1s linear;
}
.dashboard-card-title-icon i:nth-of-type(2) {
    margin-left: 10px;
}
.dashboard-card-title-icon i[data-pop-close-icon] {
    font-size: 30px;
}
.dashboard-card-title-icon:hover {
    cursor: pointer;
    color: var(--main-blue-fifty);
    transition: all .1s linear;
    -moz-transition: all .1s linear;
    -webkit-transition: all .1s linear;
    -o-transition: all .1s linear;
    -webkit-animation-name: heartbeat;
    -webkit-animation-duration: 200ms;
    -webkit-transform-origin: 50% 50%;
    -webkit-animation-iteration-count: 1;
    -webkit-animation-timing-function: linear;
    -moz-animation-name: heartbeat;
    -moz-animation-duration: 200ms;
    -moz-transform-origin: 50% 50%;
    -moz-animation-iteration-count: 1;
    -moz-animation-timing-function: linear;
    -o-animation-name: heartbeat;
    -o-animation-duration: 200ms;
    -o-transform-origin: 50% 50%;
    -o-animation-iteration-count: 1;
    -o-animation-timing-function: linear;
}
.dashboard-card-section-title {
    padding: 10px;
    font-size: 14px;
    box-sizing: border-box;
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    font-weight: 500;
}


/* --------------------- MAIN CONTENT --------------------- */
.wrapper {
	width: 100%;
	margin: 0;
    position: relative;
	padding: 100px 20px 20px 105px;
    opacity: 0;
    top: 25px;
}
.wrapper-shown {
    top: 0;
    opacity: 1;
    transition: all .25s linear;
    -moz-transition: all .25s linear;
    -webkit-transition: all .25s linear;
    -o-transition: all .25s linear;
}
.login-wrapper {
    background: rgba(38,155,137,1);
    background: -moz-linear-gradient(left, rgba(15,61,85,1) 0%, rgba(38,155,137,1) 100%);
    background: -webkit-gradient(left top, right top, color-stop(0%, rgba(15,61,85,1)), color-stop(100%, rgba(38,155,137,1)));
    background: -webkit-linear-gradient(left, rgba(15,61,85,1) 0%, rgba(38,155,137,1) 100%);
    background: -o-linear-gradient(left, rgba(15,61,85,1) 0%, rgba(38,155,137,1) 100%);
    background: -ms-linear-gradient(left, rgba(15,61,85,1) 0%, rgba(38,155,137,1) 100%);
    background: linear-gradient(to right, rgba(15,61,85,1) 0%, rgba(38,155,137,1) 100%);
    filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#0f3d55', endColorstr='#269b89', GradientType=1 );
    text-align: center;
    padding: 0;
    margin: 0;
    min-height: 100vh;
}
.login-logo {
    padding-top: 80px;
    margin: 0 auto;
    width: 90%;
    max-width: 500px;
}
.login-logo img {
    width: 100%;
    max-width: 250px;
}
.login-form {
    margin: 30px auto;
    width: 90%;
    max-width: 450px;
    display: block;
    text-align: center;
}
.login-form input {
    width: 100%;
    max-width: 375px;
    height: 40px;
    font-size: 16px;
    font-weight: 300;
    vertical-align: middle;
    background: white;
    border: 1px solid rgba(34,45,63,0.5);
    text-align: center;
    transition: all .1s linear;
    -moz-transition: all .1s linear;
    -webkit-transition: all .1s linear;
    -o-transition: all .1s linear;
}
.login-form input:last-of-type {
    margin-top: 5px;
}
.login-form input:focus, .login-form input:hover {
    border: 1px solid rgba(34,45,63,1);
    transition: all .1s linear;
    -moz-transition: all .1s linear;
    -webkit-transition: all .1s linear;
    -o-transition: all .1s linear;
    -webkit-box-shadow: 0 0 8px 0px rgba(0,0,0,0.1);
    -moz-box-shadow: 0 0 8px 0px rgba(0,0,0,0.1);
    box-shadow: 0 0 8px 0px rgba(0,0,0,0.1);
}
.login-form button {
    display: block;
    margin: 20px auto;
    width: 100%;
    max-width: 375px;
    text-align: center;
    height: 50px;
    font-size: 18px;
    font-weight: 700;
    border: 0;
    background: var(--main-blue);
    color: white;
}
.login-form button:hover {
    -webkit-animation-name: heartbeat;
    -webkit-animation-duration: 200ms;
    -webkit-transform-origin: 50% 50%;
    -webkit-animation-iteration-count: 1;
    -webkit-animation-timing-function: linear;
    -moz-animation-name: heartbeat;
    -moz-animation-duration: 200ms;
    -moz-transform-origin: 50% 50%;
    -moz-animation-iteration-count: 1;
    -moz-animation-timing-function: linear;
    -o-animation-name: heartbeat;
    -o-animation-duration: 200ms;
    -o-transform-origin: 50% 50%;
    -o-animation-iteration-count: 1;
    -o-animation-timing-function: linear;
}
.title-wrapper {
    width: 100%;
    height: 75px;
    line-height: 75px;
    position: relative;
    color: black;
    font-size: 20px;
    font-weight: 700;
    padding: 0;
    margin-bottom: 30px;
    border-bottom: 1px dotted rgba(34,45,63,0.5);
}
.sub-title-wrapper {
    float: right;
    height: inherit;
    line-height: inherit;
    font-size: 14px;
    font-weight: 400;
    position: relative;
    font-family: var(--font-secondary);
}
.subtitle-icon-button-text {
    background: var(--main-blue);
    color: white;
    font-size: 14px;
    line-height: 14px;
    height: 40px;
    padding: 0 20px;
    font-weight: 500;
    border: 0;
    transition: all .1s linear;
    -moz-transition: all .1s linear;
    -webkit-transition: all .1s linear;
    -o-transition: all .1s linear;
    border-radius: 5px;
}
.subtitle-icon-button-text-pick {
    float: right;
    background: #eee;
    font-size: 26px;
    border: 1px solid #D1D1D1;
    font-size: 12px;
    line-height: 12px;
    height: 40px;
    width: 100px;
    font-weight: 500;
    border: 0;
    transition: all .1s linear;
    -moz-transition: all .1s linear;
    -webkit-transition: all .1s linear;
    -o-transition: all .1s linear;
}
.subtitle-icon-button-text-pick:hover {
    background: #D1D1D1;
    transition: all .1s linear;
    -moz-transition: all .1s linear;
    -webkit-transition: all .1s linear;
    -o-transition: all .1s linear;
    -webkit-animation-name: heartbeat;
    -webkit-animation-duration: 200ms;
    -webkit-transform-origin: 50% 50%;
    -webkit-animation-iteration-count: 1;
    -webkit-animation-timing-function: linear;
    -moz-animation-name: heartbeat;
    -moz-animation-duration: 200ms;
    -moz-transform-origin: 50% 50%;
    -moz-animation-iteration-count: 1;
    -moz-animation-timing-function: linear;
    -o-animation-name: heartbeat;
    -o-animation-duration: 200ms;
    -o-transform-origin: 50% 50%;
    -o-animation-iteration-count: 1;
    -o-animation-timing-function: linear;
}
.active-picked {
    background: var(--main-blue) !important;
    color: white !important;
    border: 1px solid var(--main-blue);
}
.subtitle-icon-button, .subtitle-icon-button-big, .subtitle-icon-button-text {
    width: 30px;
    height: 30px;
    background: var(--main-blue);
    color: white;
    font-size: 26px;
    line-height: 30px;
    border: 0;
    border-radius: 5px;
    transition: all .1s linear;
    -moz-transition: all .1s linear;
    -webkit-transition: all .1s linear;
    -o-transition: all .1s linear;
}
.subtitle-icon-button-big-outline {
    background: none;
    border: none;
    color: var(--main-blue);
    font-size: 22px;
    line-height: 40px;
    transition: all .1s linear;
    -moz-transition: all .1s linear;
    -webkit-transition: all .1s linear;
    -o-transition: all .1s linear;
}
.subtitle-icon-button-text {
    font-size: 10px;
    height: 40px;
    width: auto;
    line-height: 30px;
    font-weight: 700;
}
.subtitle-icon-button-big {
    width: 40px;
    height: 40px;
    font-size: 24px;
    line-height: 30px;
    border-radius: 5px;
}
.subtitle-icon-button-big ion-icon {
    font-size: 20px;
}
.subtitle-icon-button:hover, .subtitle-icon-button-big:hover, .subtitle-icon-button-text:hover {
    transition: all .1s linear;
    -moz-transition: all .1s linear;
    -webkit-transition: all .1s linear;
    -o-transition: all .1s linear;
    -webkit-animation-name: heartbeat;
    -webkit-animation-duration: 200ms;
    -webkit-transform-origin: 50% 50%;
    -webkit-animation-iteration-count: 1;
    -webkit-animation-timing-function: linear;
    -moz-animation-name: heartbeat;
    -moz-animation-duration: 200ms;
    -moz-transform-origin: 50% 50%;
    -moz-animation-iteration-count: 1;
    -moz-animation-timing-function: linear;
    -o-animation-name: heartbeat;
    -o-animation-duration: 200ms;
    -o-transform-origin: 50% 50%;
    -o-animation-iteration-count: 1;
    -o-animation-timing-function: linear;
}
.section-title-wrapper {
    width: 100%;
    height: 50px;
    line-height: 50px;
    position: relative;
    color: black;
    font-size: 14px;
    font-weight: 800;
    padding: 0 0 10px 0;
    margin-bottom: 25px;
    border-bottom: 1px dotted rgba(34,45,63,0.25);
}
.section-title-wrapper a {
    color: var(--main-blue);
}
.report-section-title-wrapper {
    width: 100%;
    height: 50px;
    line-height: 50px;
    position: relative;
    color: black;
    font-size: 30px;
    font-weight: 800;
    margin: 50px 0 35px 0;
    background: url('../img/background-gradient.png');
    background-size: 100%;
    -webkit-background-clip: text;
    -webkit-text-fill-color: transparent;
}
.section-subtitle-wrapper {
    width: 100%;
    height: 50px;
    line-height: 50px;
    position: relative;
    color: black;
    font-size: 14px;
    font-weight: 600;
    padding: 0 0 10px 0;
    margin-bottom: 25px;
    border-bottom: 1px dotted rgba(34,45,63,0.15);
}
.section-title-wrapper a i, .section-title-wrapper a ion-icon {
    font-size: 22px;
    margin-left: 5px;
    color: #D0661E;
    cursor: pointer;
}
.content {
    width: 100%;
    padding: 10px 20px;
    position: relative;
    background: white;
    transition: all .2s linear;
    -moz-transition: all .2s linear;
    -webkit-transition: all .2s linear;
    -o-transition: all .2s linear;
    box-shadow: 0 0 3px 0px rgba(0,0,0,0.15);
    position: relative;
    border-radius: 5px;
}
.content:hover {
    transition: all .2s linear;
    -moz-transition: all .2s linear;
    -webkit-transition: all .2s linear;
    -o-transition: all .2s linear;
    box-shadow: 0 0 4px 0px rgba(0,0,0,0.2);
}

#content-cover-message, .content-cover-message {
    display: none;
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    text-align: center;
    padding-top: 100px;
    font-weight: 600;
    font-size: 20px;
    z-index: 999;
    background: rgba(255,255,255,0.9);
    border-radius: 5px;
}
#content-cover-message ion-icon, .content-cover-message ion-icon {
    font-size: 75px;
    color: var(--main-blue);
    display: block;
    margin: 0 auto 20px auto;
}

.expand-button {
    display: block;
    margin: 20px auto 0 auto;
    background: var(--main-blue);
    color: white;
    font-size: 14px;
    font-weight: 700;
    border-radius: 5px;
    width: 125px;
    height: 40px;
    border: 0;
    transition: all .1s linear;
    -moz-transition: all .1s linear;
    -webkit-transition: all .1s linear;
    -o-transition: all .1s linear;
}

/* --------------------- DASHBOARD --------------------- */
.dashboard-app-meta {
    width: 100%;
    position: relative;
    margin-top: 10px;
}
.dashboard-app-meta #summary-app-icon {
    position: absolute;
    left: 0;
    top: 0;
    height: 45px;
    width: 45px;
}
.dashboard-app-title-meta, .dashboard-app-title-meta-main {
    margin-left: 55px;
    height: 45px;
    margin-bottom: 20px;
    width: calc(100% - 65px);
    white-space: nowrap;
    text-overflow: ellipsis;
    overflow-x: hidden;
    box-sizing: border-box;
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
}
.dashboard-app-title-meta-main span:first-of-type {
    font-size: 22px;
    font-weight: 700;
    display: block;
    white-space: nowrap;
    text-overflow: ellipsis;
    width: 100%;
    overflow: hidden;
    height: 80px;
    line-height: 80px;
}
.dashboard-app-title-meta span:first-of-type {
    font-size: 16px;
    font-weight: 700;
    display: block;
    white-space: nowrap;
    text-overflow: ellipsis;
    width: 100%;
    overflow: hidden;
    height: 25px;
    line-height: 25px;
}
.dashboard-app-title-meta span:first-of-type i, .dashboard-app-title-meta span:first-of-type ion-icon {
    font-size: 14px;
    color: var(--main-blue);
    cursor: pointer;
}
.dashboard-app-title-meta span:nth-of-type(2) {
    font-size: 14px;
    font-weight: 300;
    display: block;
    white-space: nowrap;
    text-overflow: ellipsis;
    width: 100%;
    overflow: hidden;
    height: 20px;
    line-height: 20px;
}
.dashboard-app-title-meta span:last-of-type {
    font-size: 14px;
    font-weight: 300;
    display: block;
    white-space: nowrap;
    text-overflow: ellipsis;
    width: 100%;
    overflow: hidden;
    height: 20px;
    line-height: 20px;
    font-family: var(--font-secondary);
}
.dashboard-app-meta-about {
    width: 16%;
    min-height: 40px;
    display: inline-block;
    text-align: center;
}
.dashboard-app-meta-about span:first-of-type {
    font-size: 14px;
    font-weight: 700;
    text-transform: uppercase;
    display: block;
}
.dashboard-app-meta-about span:last-of-type {
    font-size: 12px;
    font-weight: 300;
    display: block;
    font-family: var(--font-secondary);
}
.dashboard-app-meta-about span:last-of-type a {
    color: black;
    text-decoration: none;
    width: 100%;
}
.dashboard-app-meta-about span:last-of-type a:hover {
    border-bottom: 1px dotted black;
}
.dashboard-app-meta-description textarea {
    overflow: hidden;
    display: block;
    height: 88px;
    width: 100%;
    border: 0;
    font-weight: 300;
    resize: none;
    font-size: 15px;
    font-family: var(--font-secondary);
}
.dashboard-app-meta-description div {
    overflow: hidden;
    display: block;
    max-height: 88px;
    font-size: 12px;
    width: 100%;
    border: 0;
    font-weight: 300;
    transition: all .1s linear;
    -moz-transition: all .1s linear;
    -webkit-transition: all .1s linear;
    -o-transition: all .1s linear;
}
.dashboard-app-meta-description button {
    display: block;
    margin: 20px auto 0 auto;
    background: var(--main-blue);
    color: white;
    border-radius: 5px;
    font-size: 14px;
    font-weight: 700;
    width: 125px;
    height: 40px;
    border: 0;
    transition: all .1s linear;
    -moz-transition: all .1s linear;
    -webkit-transition: all .1s linear;
    -o-transition: all .1s linear;
}
.dashboard-app-meta-description button:hover {

    transition: all .1s linear;
    -moz-transition: all .1s linear;
    -webkit-transition: all .1s linear;
    -o-transition: all .1s linear;
    -webkit-animation-name: heartbeat;
    -webkit-animation-duration: 200ms;
    -webkit-transform-origin: 50% 50%;
    -webkit-animation-iteration-count: 1;
    -webkit-animation-timing-function: linear;
    -moz-animation-name: heartbeat;
    -moz-animation-duration: 200ms;
    -moz-transform-origin: 50% 50%;
    -moz-animation-iteration-count: 1;
    -moz-animation-timing-function: linear;
    -o-animation-name: heartbeat;
    -o-animation-duration: 200ms;
    -o-transform-origin: 50% 50%;
    -o-animation-iteration-count: 1;
    -o-animation-timing-function: linear;
}
.dashboard-app-meta-screenshots {
    width: 100%;
    overflow-x: scroll;
    white-space: nowrap;
    min-height: 300px;
}
.dashboard-app-meta-screenshots img {
    max-height: 300px;
    margin-right: 3px;
    cursor: pointer;
    transition: all .1s linear;
    -moz-transition: all .1s linear;
    -webkit-transition: all .1s linear;
    -o-transition: all .1s linear;
}
.dashboard-app-meta-screenshots img:hover {
    transition: all .1s linear;
    -moz-transition: all .1s linear;
    -webkit-transition: all .1s linear;
    -o-transition: all .1s linear;
    -webkit-animation-name: heartbeat;
    -webkit-animation-duration: 200ms;
    -webkit-transform-origin: 50% 50%;
    -webkit-animation-iteration-count: 1;
    -webkit-animation-timing-function: linear;
    -moz-animation-name: heartbeat;
    -moz-animation-duration: 200ms;
    -moz-transform-origin: 50% 50%;
    -moz-animation-iteration-count: 1;
    -moz-animation-timing-function: linear;
    -o-animation-name: heartbeat;
    -o-animation-duration: 200ms;
    -o-transform-origin: 50% 50%;
    -o-animation-iteration-count: 1;
    -o-animation-timing-function: linear;
}
.expand-density-button {
    display: block;
    margin: 20px auto 0 auto;
    background: var(--main-blue);
    color: white;
    font-size: 14px;
    font-weight: 700;
    border-radius: 5px;
    width: 125px;
    height: 40px;
    border: 0;
    transition: all .1s linear;
    -moz-transition: all .1s linear;
    -webkit-transition: all .1s linear;
    -o-transition: all .1s linear;
}
.expand-density-button:hover {

    transition: all .1s linear;
    -moz-transition: all .1s linear;
    -webkit-transition: all .1s linear;
    -o-transition: all .1s linear;
    -webkit-animation-name: heartbeat;
    -webkit-animation-duration: 200ms;
    -webkit-transform-origin: 50% 50%;
    -webkit-animation-iteration-count: 1;
    -webkit-animation-timing-function: linear;
    -moz-animation-name: heartbeat;
    -moz-animation-duration: 200ms;
    -moz-transform-origin: 50% 50%;
    -moz-animation-iteration-count: 1;
    -moz-animation-timing-function: linear;
    -o-animation-name: heartbeat;
    -o-animation-duration: 200ms;
    -o-transform-origin: 50% 50%;
    -o-animation-iteration-count: 1;
    -o-animation-timing-function: linear;
}
.dashboard-category-rankings {
    position: relative;
    width: 100%;
    height: 400px;
    border-bottom: 1px dotted rgba(34,45,63,0.15);
    padding-bottom: 10px;
    margin-bottom: 20px;
    background: url('/img/logo-only-trans.png');
    background-repeat: no-repeat;
    background-position: center;
}
.dashboard-keyword-highlights {
    width: 100%;
    position: relative;
}
.dashboard-keyword-highlights .keywords-table {
    max-height: 275px !important;
    min-height: 275px !important;
}
.dashboard-keyword-highlights-left {
    width: 49%;
    float: left;
}
.dashboard-keyword-highlights-right {
    width: 49%;
    float: right;
}
.dashboard-keyword-highlights-list {
    min-height: 260px;
    position: relative;
}

/* --------------------- REVIEWS --------------------- */
.review {
    background: #F8F8F8;
    padding: 30px;
    margin-bottom: 15px;
    transition: all .1s linear;
    -moz-transition: all .1s linear;
    -webkit-transition: all .1s linear;
    -o-transition: all .1s linear;
    border-radius: 10px;
}
.review:hover {
    transition: all .1s linear;
    -moz-transition: all .1s linear;
    -webkit-transition: all .1s linear;
    -o-transition: all .1s linear;
    -webkit-box-shadow: 0 0 8px 0px rgba(0,0,0,0.15);
    -moz-box-shadow: 0 0 8px 0px rgba(0,0,0,0.15);
    box-shadow: 0 0 8px 0px rgba(0,0,0,0.15);
}
.review-left {
    float: left;
    width: 65%;
}
.review-left span:last-of-type {
    font-weight: 700;
    font-size: 16px;
    font-family: var(--font-secondary);
}
.review-left span:first-of-type {
    color: #FD9426;
    font-size: 18px;
    margin-bottom: 5px;
}
.review-right span:first-of-type {
    font-weight: 500;
    font-size: 12px;
}
.review-right span:last-of-type {
    font-size: 12px;
    color: rgba(34,45,63,0.65);
}
.review-right {
    float: right;
    width: 35%;
    text-align: right;
}
.review-left span, .review-right span {
    display: block;
}
.inner-content-wrapper-split {
    width: 100%;
}
.reviews-left {
    float: left;
    width: 58%;
}
.reviews-right {
    float: right;
    width: 38%;
}
.reviews-inner-left {
    float: left;
    width: 49%;
}
.reviews-inner-right {
    float: right;
    width: 49%;
}
.reviews-full {
    width: 100%;
    margin-bottom: 25px;
}
.reviews-graph-pie {
    width: 100%;
    max-width: 500px;
    min-height: 100px;
    margin-bottom: 30px;
    position: relative;
    margin: 0 auto;
}
.reviews-wrapper {
    height: 1000px;
    overflow-y: scroll;
    position: relative;
}
.ratings-wrapper {
    position: relative;
    min-height: 210px;
}
.report-ratings-wrapper {
    width: 100%;
    margin-bottom: 30px;
    position: relative;
    height: 200px;
}
.report-ratings-wrapper .ratings-table {
    position: relative;
}
.change-table-row td {
    font-weight: 700 !important;
}
.ratings-table {
    width: 100%;
    min-height: 150px;
    margin-bottom: 30px;
}
.ratings-table th {
    padding: 10px;
    border-bottom: 1px dotted rgba(34,45,63,0.15);
    font-size: 12px;
    font-weight: 700;
    height: 48px;
}
.ratings-table th:first-of-type {
    text-align: left;
}
.ratings-table tbody tr:nth-of-type(even) {
    background: var(--background-light-twenty-five);
}
tr.table-change-row td {
    font-weight: 700;
}
.ratings-table td {
    padding: 20px 10px 20px 10px;
    font-size: 12px;
    font-weight: 300;
    text-align: center;
    font-family: var(--font-secondary);
}
.ratings-table td:first-of-type {
    text-align: left;
}
.review-content {
    border-top: 1px dotted rgba(34,45,63,0.15);
    border-bottom: 1px dotted rgba(34,45,63,0.15);
    padding-top: 15px;
    padding-bottom: 15px;
    margin-top: 10px;
    font-size: 14px;
    font-family: var(--font-secondary);
}
.review-actions {
    width: 100%;
    height: 40px;
    line-height: 40px;
    position: relative;
    margin-top: 10px;
    text-align: right;
}
.review-actions button {
    background: var(--main-blue);
    color: white;
    width: 100%;
    font-size: 10px;
    width: 100px;
    font-weight: 700;
    border-radius: 5px;
    height: 35px;
    border: 0;
    transition: all .1s linear;
    -moz-transition: all .1s linear;
    -webkit-transition: all .1s linear;
    -o-transition: all .1s linear;
}
.review-actions img {
    display: none;
    width: 20px;
    height: 20px;
    margin-right: 5px;
    position: relative;
    top: 7px;
}
.review-actions button:hover {
    transition: all .1s linear;
    -moz-transition: all .1s linear;
    -webkit-transition: all .1s linear;
    -o-transition: all .1s linear;
    -webkit-animation-name: heartbeat;
    -webkit-animation-duration: 200ms;
    -webkit-transform-origin: 50% 50%;
    -webkit-animation-iteration-count: 1;
    -webkit-animation-timing-function: linear;
    -moz-animation-name: heartbeat;
    -moz-animation-duration: 200ms;
    -moz-transform-origin: 50% 50%;
    -moz-animation-iteration-count: 1;
    -moz-animation-timing-function: linear;
    -o-animation-name: heartbeat;
    -o-animation-duration: 200ms;
    -o-transform-origin: 50% 50%;
    -o-animation-iteration-count: 1;
    -o-animation-timing-function: linear;
}

.reply-wrapper {
    position: relative;
    width: 100%;
}
.reply-loader {
    background: url('../img/loading.gif') no-repeat center center;
    background-color: rgba(248,248,248,0.5);
    display: block;
    margin: auto;
    padding: 10px;
    z-index: 100000000000000000000;
    position: absolute;
    top: 0;
    left: 0;
    right: 0;
    bottom: 0;
    width: 100%;
    height: 100%;
    text-align: center;
}
.review-reply-wrapper {
    display: none;
    width: 100%;
    height: 100px;
    position: relative;
    margin-top: 10px;
}
.review-reply-wrapper textarea {
    width: 100%;
    height: 100px;
    border: 1px solid rgba(34,45,63,0.5);
    border-radius: 5px;
    padding: 10px;
    font-size: 14px;
    font-family: var(--font-secondary);
    font-weight: 300;
    resize: none;
}

.reviews-summary-wrapper {
    position: relative;
    min-height: 150px;
    margin-bottom: 20px;
    font-size: 14px;
    font-family: var(--font-secondary);
}
.reviews-summary-wrapper button {
    background: var(--main-blue);
    color: white;
    width: 100%;
    font-size: 12px;
    font-weight: 700;
    width: 200px;
    border-radius: 5px;
    height: 45px;
    border: 0;
    position: absolute;
    top: 50%;
    left: 50%;
    transform: translate(-50%, -50%);
}

.review-version {
    font-weight: 400;
    font-size: 12px;
    padding-top: 10px;
}
.reviews-filter-wrapper {
    border-bottom: 1px dotted rgba(34,45,63,0.15);
    padding-bottom: 10px;
    margin-bottom: 20px;
}
.reviews-filter-wrapper-left {
    float: left;
    width: 70%;
    text-align: left;
}
.reviews-filter-wrapper-right {
    float: right;
    width: 30%;
    text-align: right;
}
.reviews-filter-wrapper input, .reviews-filter-wrapper select {
    font-family: var(--font-secondary);
    width: 19% !important;
    max-width: 125px;
    height: 40px;
    font-size: 12px;
    font-weight: 300;
    border-radius: 5px;
    vertical-align: middle;
    background: white;
    border: 1px solid rgba(34,45,63,0.5);
    text-align: center;
    transition: all .1s linear;
    -moz-transition: all .1s linear;
    -webkit-transition: all .1s linear;
    -o-transition: all .1s linear;
}
.reviews-filter-wrapper .dk-select, .reviews-filter-wrapper .dk-select-multi {
    width: 19% !important;
    max-width: 125px !important;
    height: 40px !important;
    line-height: 40px !important;
    font-size: 12px !important;
    font-weight: 300 !important;
    border-radius: 5px;
}
.reviews-filter-wrapper .dk-selected {
    height: 40px !important;
    line-height: 40px !important;
    border-radius: 5px;
}
.reviews-filter-wrapper input:focus, .reviews-filter-wrapper select:focus, .reviews-filter-wrapper input:hover, .reviews-filter-wrapper select:hover {
    border: 1px solid rgba(34,45,63,1);
    transition: all .1s linear;
    -moz-transition: all .1s linear;
    -webkit-transition: all .1s linear;
    -o-transition: all .1s linear;
    -webkit-box-shadow: 0 0 8px 0px rgba(0,0,0,0.1);
    -moz-box-shadow: 0 0 8px 0px rgba(0,0,0,0.1);
    box-shadow: 0 0 8px 0px rgba(0,0,0,0.1);
}
.reviews-filter-wrapper button {
    background: var(--main-blue);
    color: white;
    font-size: 14px;
    width: 40px;
    border-radius: 5px;
    height: 40px;
    border: 0;
    transition: all .1s linear;
    -moz-transition: all .1s linear;
    -webkit-transition: all .1s linear;
    -o-transition: all .1s linear;
}
.reviews-filter-wrapper button:hover {

    transition: all .1s linear;
    -moz-transition: all .1s linear;
    -webkit-transition: all .1s linear;
    -o-transition: all .1s linear;
    -webkit-animation-name: heartbeat;
    -webkit-animation-duration: 200ms;
    -webkit-transform-origin: 50% 50%;
    -webkit-animation-iteration-count: 1;
    -webkit-animation-timing-function: linear;
    -moz-animation-name: heartbeat;
    -moz-animation-duration: 200ms;
    -moz-transform-origin: 50% 50%;
    -moz-animation-iteration-count: 1;
    -moz-animation-timing-function: linear;
    -o-animation-name: heartbeat;
    -o-animation-duration: 200ms;
    -o-transform-origin: 50% 50%;
    -o-animation-iteration-count: 1;
    -o-animation-timing-function: linear;
}
.ratings-graphs-wrapper {
    height: 425px;
    width: 100%;
    position: relative;
    overflow: hidden;
}
.reviews-graph-positive-negative, .reports-reviews-graph-positive-negative {
    position: relative;
    width: 100%;
    height: 400px;
    border-bottom: 1px dotted rgba(34,45,63,0.15);
    padding-bottom: 10px;
    margin-bottom: 20px;
    background: url('/img/logo-only-trans.png');
    background-repeat: no-repeat;
    background-position: center;
}
.reviews-graph-positive-negative canvas {
    width: 100%;
    height: 400px;
}
.review-average {
    position: relative;
    font-weight: 700;
    font-size: 54px;
    text-align: center;
    padding: 20px 0 40px 0;
    min-height: 160px;
}
.review-average span:last-of-type {
    display: block;
    margin-top: 10px;
    font-size: 14px;
    font-weight: 300;
    font-family: var(--font-secondary);
}
.review-histogram {
    width: 100%;
    position: relative;
    height: 25px;
}
.review-histogram-bar-wrap {
    width: 100%;
    font-size: 18px;
    font-weight: 600;
    position: relative;
    height: 25px;
}
.review-histogram-bar-wrap div:first-of-type {
    position: absolute;
    left: 0;
    color: #FD9426;
}
.review-histogram-bar-full {
    position: absolute;
    right: 0;
    width: calc(100% - 100px);
    height: 20px;
    background: rgba(34,45,63,0.15);
    border-radius: 10px;
    margin-bottom: 10px;
    overflow: hidden;
}
.review-histogram-bar-inner {
    height: 20px;
    border-radius: 10px;
    background: var(--main-blue);
    transition: all .1s linear;
    -moz-transition: all .1s linear;
    -webkit-transition: all .1s linear;
    -o-transition: all .1s linear;
}


/* --------------------- SEARCH ADS --------------------- */
.upload-form-left {
    float: left;
    width: 48%;
}
.upload-form-right {
    float: right;
    width: 48%;
}
.upload-form-right, .upload-form-left {
    font-weight: 300;
    font-size: 14px;
}
.upload-form-right input[type="file"], .upload-form-left input[type="file"] {
    width: 0.1px;
	height: 0.1px;
	opacity: 0;
	overflow: hidden;
	position: absolute;
	z-index: -1;
}
.searchad-file-upload + label {
    width: 100%;
    font-size: 18px;
    font-weight: 300;
    text-align: center;
    transition: all .1s linear;
    -moz-transition: all .1s linear;
    -webkit-transition: all .1s linear;
    -o-transition: all .1s linear;
    cursor: pointer;
}
.searchad-file-upload + label span:first-of-type {
    display: block;
    font-size: 60px;
}
.searchad-file-upload + label span:last-of-type {
    display: block;
}
.searchad-file-upload:focus + label,
.searchad-file-upload + label:hover {
    color: rgba(34,45,63,0.5);
    transition: all .1s linear;
    -moz-transition: all .1s linear;
    -webkit-transition: all .1s linear;
    -o-transition: all .1s linear;
}
.file-subtitle {
    margin-top: 10px;
    min-height: 15px;
}
.file-upload {
    display: block;
    margin: 20px auto;
    background: var(--main-blue);
    color: white;
    width: 100%;
    font-size: 14px;
    font-weight: 700;
    max-width: 150px;
    height: 35px;
    border: 0;
    transition: all .1s linear;
    -moz-transition: all .1s linear;
    -webkit-transition: all .1s linear;
    -o-transition: all .1s linear;
}
.file-upload:hover {

    transition: all .1s linear;
    -moz-transition: all .1s linear;
    -webkit-transition: all .1s linear;
    -o-transition: all .1s linear;
    -webkit-animation-name: heartbeat;
    -webkit-animation-duration: 200ms;
    -webkit-transform-origin: 50% 50%;
    -webkit-animation-iteration-count: 1;
    -webkit-animation-timing-function: linear;
    -moz-animation-name: heartbeat;
    -moz-animation-duration: 200ms;
    -moz-transform-origin: 50% 50%;
    -moz-animation-iteration-count: 1;
    -moz-animation-timing-function: linear;
    -o-animation-name: heartbeat;
    -o-animation-duration: 200ms;
    -o-transform-origin: 50% 50%;
    -o-animation-iteration-count: 1;
    -o-animation-timing-function: linear;
}
.file-subtitle {
    font-size: 14px;
    font-weight: 300;
    font-style: italic;
    width: 100%;
    text-align: center;
}
.file-drop {
    min-height: 250px;
    border: 1px dotted rgba(34,45,63,0.75);
    color: black;
    background: white;
    text-align: center;
    transition: all .1s linear;
    -moz-transition: all .1s linear;
    -webkit-transition: all .1s linear;
    -o-transition: all .1s linear;
    cursor: pointer;
}
.file-drop:hover {
    background: #FCFCFC;
    transition: all .1s linear;
    -moz-transition: all .1s linear;
    -webkit-transition: all .1s linear;
    -o-transition: all .1s linear;
    border: 1px solid rgba(34,45,63,1);
    -webkit-box-shadow: 0 0 8px 0px rgba(0,0,0,0.15);
    -moz-box-shadow: 0 0 8px 0px rgba(0,0,0,0.15);
    box-shadow: 0 0 8px 0px rgba(0,0,0,0.15);
}
.file-drop div {
    min-height: 250px;
    line-height: 250px;
}
.ads-page-badge {
    width: 90%;
    max-width: 180px;
    left: auto;
    right: 0;
    transition: all .1s linear;
    -moz-transition: all .1s linear;
    -webkit-transition: all .1s linear;
    -o-transition: all .1s linear;
}
.ads-page-badge:hover {
    opacity: 0.85;
    transition: all .1s linear;
    -moz-transition: all .1s linear;
    -webkit-transition: all .1s linear;
    -o-transition: all .1s linear;
    -webkit-animation-name: heartbeat;
    -webkit-animation-duration: 200ms;
    -webkit-transform-origin: 50% 50%;
    -webkit-animation-iteration-count: 1;
    -webkit-animation-timing-function: linear;
    -moz-animation-name: heartbeat;
    -moz-animation-duration: 200ms;
    -moz-transform-origin: 50% 50%;
    -moz-animation-iteration-count: 1;
    -moz-animation-timing-function: linear;
    -o-animation-name: heartbeat;
    -o-animation-duration: 200ms;
    -o-transform-origin: 50% 50%;
    -o-animation-iteration-count: 1;
    -o-animation-timing-function: linear;
}

/* --------------------- KEYWORD RESEARCH --------------------- */
.keyword-research-left {
    width: 50%;
    float: left;
    padding: 0 20px 0 0px;
}
.keyword-research-right {
    width: 50%;
    float: right;
    padding: 0 0 0 20px;
}
.keyword-research-search input {
    width: calc(100% - 40px);
    height: 40px;
    font-size: 12px;
    font-weight: 300;
    font-family: var(--font-secondary);
    vertical-align: middle;
    border-radius: 5px;
    background: white;
    border: 1px solid rgba(34,45,63,0.5);
    text-align: center;
    transition: all .1s linear;
    -moz-transition: all .1s linear;
    -webkit-transition: all .1s linear;
    -o-transition: all .1s linear;
}
.keyword-research-search input:focus, .keyword-research-search input:hover {
    border: 1px solid rgba(34,45,63,1);
    transition: all .1s linear;
    -moz-transition: all .1s linear;
    -webkit-transition: all .1s linear;
    -o-transition: all .1s linear;
    -webkit-box-shadow: 0 0 8px 0px rgba(0,0,0,0.1);
    -moz-box-shadow: 0 0 8px 0px rgba(0,0,0,0.1);
    box-shadow: 0 0 8px 0px rgba(0,0,0,0.1);
}
.keyword-research-search button {
    vertical-align: middle;
    height: 40px;
    font-size: 20px;
    border: none;
    background: none;
    color: var(--main-blue);
    width: 40px;
}
.keyword-research-search button:hover {
    -webkit-animation-name: heartbeat;
    -webkit-animation-duration: 200ms;
    -webkit-transform-origin: 50% 50%;
    -webkit-animation-iteration-count: 1;
    -webkit-animation-timing-function: linear;
    -moz-animation-name: heartbeat;
    -moz-animation-duration: 200ms;
    -moz-transform-origin: 50% 50%;
    -moz-animation-iteration-count: 1;
    -moz-animation-timing-function: linear;
    -o-animation-name: heartbeat;
    -o-animation-duration: 200ms;
    -o-transform-origin: 50% 50%;
    -o-animation-iteration-count: 1;
    -o-animation-timing-function: linear;
}
.keyword-research-meta {
    position: relative;
    margin-top: 40px;
    margin-bottom: 40px;
    min-height: 50px;
    font-family: var(--font-secondary);
    font-size: 14px;
}
.keyword-research-meta table {
    width: 100%;
}
.keyword-research-meta table tr:first-of-type {
    font-weight: 700;
}
.keyword-research-meta table tr:last-of-type {
    font-weight: 300;
}
.keyword-research-meta tr td {
    width: 20%;
    text-align: center;
}
.keyword-research-meta tr td:first-of-type {
    width: 40%;
    text-align: left;
}
.keyword-research-suggest {
    position: relative;
    min-height: 100px;
    margin-bottom: 40px;
    font-family: var(--font-secondary);
}
.keyword-research-suggest table {
    width: 100%;
}
.keyword-research-suggest table tr {
    height: 50px;
    font-size: 14px;
}
.keyword-research-suggest table tr:nth-of-type(even) {
    background: var(--background-light-twenty-five);
}
.keyword-research-suggest table tr td:first-of-type {
    padding-left: 10px;
}
.keyword-research-suggest table tr td:last-of-type {
    text-align: right;
    padding-right: 10px;
}
.keyword-research-suggest table tr td button {
    height: 30px;
    width: 30px;
    line-height: 26px;
    font-size: 14px;
    border: none;
    background: transparent;
    color: var(--main-blue);
}
.keyword-research-suggest table tr td button:hover {
    -webkit-animation-name: heartbeat;
    -webkit-animation-duration: 200ms;
    -webkit-transform-origin: 50% 50%;
    -webkit-animation-iteration-count: 1;
    -webkit-animation-timing-function: linear;
    -moz-animation-name: heartbeat;
    -moz-animation-duration: 200ms;
    -moz-transform-origin: 50% 50%;
    -moz-animation-iteration-count: 1;
    -moz-animation-timing-function: linear;
    -o-animation-name: heartbeat;
    -o-animation-duration: 200ms;
    -o-transform-origin: 50% 50%;
    -o-animation-iteration-count: 1;
    -o-animation-timing-function: linear;
}
button[data-top-keyword] {
    height: 30px;
    width: 30px;
    line-height: 26px;
    font-size: 14px;
    border: none;
    background: transparent;
    color: var(--main-blue);
}
button[data-top-keyword]:hover {
    -webkit-animation-name: heartbeat;
    -webkit-animation-duration: 200ms;
    -webkit-transform-origin: 50% 50%;
    -webkit-animation-iteration-count: 1;
    -webkit-animation-timing-function: linear;
    -moz-animation-name: heartbeat;
    -moz-animation-duration: 200ms;
    -moz-transform-origin: 50% 50%;
    -moz-animation-iteration-count: 1;
    -moz-animation-timing-function: linear;
    -o-animation-name: heartbeat;
    -o-animation-duration: 200ms;
    -o-transform-origin: 50% 50%;
    -o-animation-iteration-count: 1;
    -o-animation-timing-function: linear;
}
.keyword-research-platform {
    position: absolute;
    right: 205px;
    min-width: 100px;
    text-align: right;
    height: 40px;
    line-height: 40px;
}
.keyword-research-countries, .keyword-research-languages {
    position: absolute;
    right: 160px;
    height: 40px;
    width: 180px;
    line-height: 40px;
    font-size: 12px;
    z-index: 5;
    display: inline-block;
    cursor: pointer;
}
.keyword-research-languages {
    position: absolute;
    right: 0;
    height: 40px;
    width: 155px;
    line-height: 40px;
    z-index: 5;
    display: inline-block;
}
.keyword-research-countries-picked-option, .keyword-research-languages-picked-option {
    background: white;
    border: 1px solid black;
}
.keyword-research-countries-picked-option div, .keyword-research-languages-picked-option div {
    padding-left: 5px;
    z-index: 4;
}
.keyword-research-countries-options-list, .keyword-research-languages-options-list {
    background: white;
    z-index: 3;
    height: 260px;
    overflow-y: scroll;
    border: 1px solid black;
}
.keyword-research-countries-options-list div, .keyword-research-languages-options-list div {
    background: white;
    padding-left: 5px;
    cursor: pointer;
    transition: all .1s linear;
    -moz-transition: all .1s linear;
    -webkit-transition: all .1s linear;
    -o-transition: all .1s linear;
    border-bottom: 1px dotted black;
}
.keyword-research-countries-options-list div:hover, .keyword-research-languages-options-list div:hover {
    background: #eee;
    transition: all .1s linear;
    -moz-transition: all .1s linear;
    -webkit-transition: all .1s linear;
    -o-transition: all .1s linear;
}

/* --------------------- KEYWORD FILTERS --------------------- */
.keyword-filter-options {
    min-width: 130px;
    text-align: right;
    float: right;
    height: 40px;
    line-height: 39px;
}
.keyword-filter-options button {
    text-transform: uppercase;
    width: 70px;
    height: 40px;
    border: 0px;
    background: #eee;
    font-size: 10px;
    font-weight: 700;
    border: 1px solid #D1D1D1;
    transition: all .1s linear;
    -moz-transition: all .1s linear;
    -webkit-transition: all .1s linear;
    -o-transition: all .1s linear;
}
.keyword-filter-options button:nth-of-type(2) {
    border-left: 0;
    border-right: 0;
}
.keyword-filter-options button:first-of-type {
    border-top-left-radius: 5px;
    border-bottom-left-radius: 5px;
}
.keyword-filter-options button:last-of-type {
    border-top-right-radius: 5px;
    border-bottom-right-radius: 5px;
    border-right: 1px solid #d1d1d1;
}
.keyword-filter-options button:hover {
    background: #D1D1D1;
    transition: all .1s linear;
    -moz-transition: all .1s linear;
    -webkit-transition: all .1s linear;
    -o-transition: all .1s linear;
}
.keyword-filter-options button.picked-option {
    background: var(--main-blue);
    color: white;
    border: 1px solid var(--main-blue);
}

/* --------------------- GRANULARITY FILTERS --------------------- */
.granularity-filter-options {
    width: 100%;
    max-width: 400px;
    min-width: 130px;
    text-align: center;
    height: 40px;
    line-height: 39px;
    margin: 0 auto 20px auto;
}
.granularity-filter-options button {
    text-transform: uppercase;
    width: 32%;
    height: 40px;
    border: 0px;
    background: #eee;
    font-size: 10px;
    font-weight: 700;
    border: 1px solid #D1D1D1;
    transition: all .1s linear;
    -moz-transition: all .1s linear;
    -webkit-transition: all .1s linear;
    -o-transition: all .1s linear;
}
.granularity-filter-options button:nth-of-type(2) {
    border-left: 0;
    border-right: 0;
}
.granularity-filter-options button:first-of-type {
    border-top-left-radius: 5px;
    border-bottom-left-radius: 5px;
}
.granularity-filter-options button:last-of-type {
    border-top-right-radius: 5px;
    border-bottom-right-radius: 5px;
}
.granularity-filter-options button:hover {
    background: #D1D1D1;
    transition: all .1s linear;
    -moz-transition: all .1s linear;
    -webkit-transition: all .1s linear;
    -o-transition: all .1s linear;
}
.granularity-filter-options button.picked-option {
    background: var(--main-blue);
    color: white;
    border: 1px solid var(--main-blue);
}

/* --------------------- RATINGS TABLE TYPE --------------------- */
.ratings-type-options {
    min-width: 130px;
    text-align: right;
    float: right;
    height: 40px;
    line-height: 39px;
}
.ratings-type-options button {
    text-transform: uppercase;
    width: 75px;
    height: 40px;
    border: 0px;
    background: #eee;
    font-size: 10px;
    font-weight: 700;
    border: 1px solid #D1D1D1;
    transition: all .1s linear;
    -moz-transition: all .1s linear;
    -webkit-transition: all .1s linear;
    -o-transition: all .1s linear;
}
.ratings-type-options button:first-of-type {
    border-top-left-radius: 5px;
    border-bottom-left-radius: 5px;
}
.ratings-type-options button:last-of-type {
    border-top-right-radius: 5px;
    border-bottom-right-radius: 5px;
}
.ratings-type-options button:hover {
    background: #D1D1D1;
    transition: all .1s linear;
    -moz-transition: all .1s linear;
    -webkit-transition: all .1s linear;
    -o-transition: all .1s linear;
}
.ratings-type-options button.picked-option {
    background: var(--main-blue);
    color: white;
    border: 1px solid var(--main-blue);
}


/* --------------------- SCREENSHOTS SIZE PICK --------------------- */
.app-screenshots-type-wrapper {
    min-width: 130px;
    text-align: right;
    float: right;
    height: 40px;
    line-height: 39px;
}
.app-screenshots-type-wrapper button {
    width: 75px;
    height: 40px;
    border: 0px;
    background: #eee;
    font-size: 10px;
    font-weight: 700;
    border: 1px solid #D1D1D1;
    transition: all .1s linear;
    -moz-transition: all .1s linear;
    -webkit-transition: all .1s linear;
    -o-transition: all .1s linear;
}
.app-screenshots-type-wrapper button:first-of-type {
    border-top-left-radius: 5px;
    border-bottom-left-radius: 5px;
}
.app-screenshots-type-wrapper button:last-of-type {
    border-top-right-radius: 5px;
    border-bottom-right-radius: 5px;
}
.app-screenshots-type-wrapper button:hover {
    background: #D1D1D1;
    transition: all .1s linear;
    -moz-transition: all .1s linear;
    -webkit-transition: all .1s linear;
    -o-transition: all .1s linear;
}
.app-screenshots-type-wrapper button.picked-option {
    background: var(--main-blue);
    color: white;
    border: 1px solid var(--main-blue);
}


/* --------------------- APP SEARCH BAR / PLATFORM / COUNTRY PICKERS --------------------- */
.find-an-app-full {
    margin-bottom: 30px;
}
.find-an-app-platform {
    position: absolute;
    right: 345px;
    min-width: 130px;
    text-align: right;
    height: 42px;
    line-height: 42px;
}
.find-an-app-platform button {
    width: 60px;
    height: 42px;
    border: 0px;
    background: #eee;
    font-size: 22px;
    border: 1px solid #D1D1D1;
    transition: all .1s linear;
    -moz-transition: all .1s linear;
    -webkit-transition: all .1s linear;
    -o-transition: all .1s linear;
    line-height: 42px;
}
.find-an-app-platform button:first-of-type {
    border-top-left-radius: 5px;
    border-bottom-left-radius: 5px;
}
.find-an-app-platform button:last-of-type {
    border-top-right-radius: 5px;
    border-bottom-right-radius: 5px;
}
.find-an-app-platform button:hover {
    background: #D1D1D1;
    transition: all .1s linear;
    -moz-transition: all .1s linear;
    -webkit-transition: all .1s linear;
    -o-transition: all .1s linear;
}
.find-an-app-platform button.picked-platform {
    background: var(--main-blue);
    color: white;
    border: 1px solid var(--main-blue);
}
.find-an-app-search {
    position: relative;
}
.find-an-app-app-search {
    width: 100%;
    max-width: 700px;
    margin: 0 auto;
    position: relative;
}
.find-an-app-search input {
    width: 80%;
    max-width: 500px;
    height: 40px;
    font-size: 12px;
    font-weight: 300;
    vertical-align: middle;
    background: white;
    border: 1px solid rgba(34,45,63,0.5);
    text-align: left;
    padding-left: 10px;
    transition: all .1s linear;
    -moz-transition: all .1s linear;
    -webkit-transition: all .1s linear;
    -o-transition: all .1s linear;
    border-radius: 5px;
    font-family: var(--font-secondary);
}
.find-an-app-searched-app-list {
    z-index: 999;
    top: 39px;
    width: 80%;
    max-width: 500px;
    overflow-y: scroll;
    position: absolute;
    height: 275px;
    background: white;
    border: 1px solid black;
    border-bottom-left-radius: 5px;
    border-bottom-right-radius: 5px;
    -webkit-box-shadow: 0 0 8px 0px rgba(0,0,0,0.1);
    -moz-box-shadow: 0 0 8px 0px rgba(0,0,0,0.1);
    box-shadow: 0 0 8px 0px rgba(0,0,0,0.1);
}
.find-an-app-searched-app {
    margin-bottom: 0px;
    position: relative;
    padding: 10px;
    box-sizing: border-box;
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    border-bottom: 1px dotted rgba(0,0,0,0.25);
    height: 80px;
    transition: all .1s linear;
    -moz-transition: all .1s linear;
    -webkit-transition: all .1s linear;
    -o-transition: all .1s linear;
}
.find-an-app-searched-app:hover {
    background: #eee;
    transition: all .1s linear;
    -moz-transition: all .1s linear;
    -webkit-transition: all .1s linear;
    -o-transition: all .1s linear;
    cursor: pointer;
}
.find-an-app-searched-app-cover {
    position: absolute;
    top: 0;
    bottom: 0;
    left: 0;
    right: 0;
    margin: auto;
}
.find-an-app-searched-app img {
    height: 60px;
    float: left;
    background: transparent;
}
.find-an-app-searched-app span:first-of-type, .find-an-app-searched-app span:last-of-type {
    height: 25px;
    line-height: 25px;
    font-size: 14px;
    font-weight: 700;
    display: block;
    margin-left: 65px;
    padding-top: 5px;
    width: calc(100% - 70px);
    text-overflow: ellipsis;
    white-space: nowrap;
    overflow: hidden;
}
.find-an-app-searched-app span:last-of-type {
    height: 25px;
    line-height: 25px;
    padding-top: 0px;
    font-size: 14px;
    font-weight: 300;
    font-family: var(--font-secondary);
}
.find-an-app-search input:focus, .find-an-app-search input:hover {
    border: 1px solid rgba(34,45,63,1);
    transition: all .1s linear;
    -moz-transition: all .1s linear;
    -webkit-transition: all .1s linear;
    -o-transition: all .1s linear;
    -webkit-box-shadow: 0 0 8px 0px rgba(0,0,0,0.1);
    -moz-box-shadow: 0 0 8px 0px rgba(0,0,0,0.1);
    box-shadow: 0 0 8px 0px rgba(0,0,0,0.1);
}
.find-an-app-search button.find-an-app-search-button {
    vertical-align: middle;
    height: 40px;
    font-size: 20px;
    border: 1px solid var(--main-blue);
    background: var(--main-blue);
    color: white;
    width: 19%;
    margin-left: 1%;
    max-width: 150px;
    border-radius: 5px;
}
.find-an-app-search button.find-an-app-search-button:hover {
    -webkit-animation-name: heartbeat;
    -webkit-animation-duration: 200ms;
    -webkit-transform-origin: 50% 50%;
    -webkit-animation-iteration-count: 1;
    -webkit-animation-timing-function: linear;
    -moz-animation-name: heartbeat;
    -moz-animation-duration: 200ms;
    -moz-transform-origin: 50% 50%;
    -moz-animation-iteration-count: 1;
    -moz-animation-timing-function: linear;
    -o-animation-name: heartbeat;
    -o-animation-duration: 200ms;
    -o-transform-origin: 50% 50%;
    -o-animation-iteration-count: 1;
    -o-animation-timing-function: linear;
}
.find-an-app-countries, .find-an-app-languages {
    position: absolute;
    right: 160px;
    height: 40px;
    width: 180px;
    line-height: 40px;
    font-size: 12px;
    z-index: 5;
    display: inline-block;
    cursor: pointer;
}
.find-an-app-languages {
    position: absolute;
    right: 0;
    height: 40px;
    width: 155px;
    line-height: 40px;
    z-index: 5;
    display: inline-block;
}
.find-an-app-countries-picked-option, .find-an-app-languages-picked-option {
    background: white;
    border: 1px solid black;
    border-radius: 5px;
    position: relative;
    z-index: 6;
}
.find-an-app-countries-picked-option div, .find-an-app-languages-picked-option div {
    padding-left: 5px;
    z-index: 4;
}
.find-an-app-countries-options-list, .find-an-app-languages-options-list {
    background: white;
    height: 260px;
    padding-top: 15px;
    overflow-y: scroll;
    border: 1px solid black;
    margin-top: -17px;
    z-index: 2;
    position: relative;
    border-bottom-left-radius: 5px;
    border-bottom-right-radius: 5px;
}
.find-an-app-countries-options-list div, .find-an-app-languages-options-list div {
    background: white;
    padding-left: 5px;
    cursor: pointer;
    transition: all .1s linear;
    -moz-transition: all .1s linear;
    -webkit-transition: all .1s linear;
    -o-transition: all .1s linear;
    border-bottom: 1px dotted black;
}
.find-an-app-countries-options-list div:hover, .find-an-app-languages-options-list div:hover {
    background: #eee;
    transition: all .1s linear;
    -moz-transition: all .1s linear;
    -webkit-transition: all .1s linear;
    -o-transition: all .1s linear;
}


/* --------------------- TOP KEYWORDS --------------------- */
.top-keywords-full {
    width: 100%;
    margin-bottom: 30px;
    position: relative;
}


/* --------------------- OPTIMIZATION --------------------- */
.optimization-wrapper {
    width: 100%;
    max-width: 1000px;
}
.optimization-wrapper .optimization-float-wrapper:first-of-type {
    margin-right: 2%;
}
.optimization-header {
    font-family: var(--font-main);
    font-size: 12px;
    font-weight: 700;
    margin-bottom: 15px;
}
.optimization-element {
    font-family: var(--font-secondary);
    font-size: 14px;
    margin-bottom: 30px;
    min-height: 85px;
}
.optimization-element img {
    width: 20px;
    height: 20px;
    vertical-align: middle;
}
.optimization-element input, .optimization-element textarea {
    height: 40px;
    border: 1px solid rgba(34,45,63,0.5);
    width: 100%;
    padding: 10px;
    display: block;    
    background: white;
    border: 1px solid rgba(34,45,63,0.5);
    text-align: left;
    padding-left: 10px;
    transition: all .1s linear;
    -moz-transition: all .1s linear;
    -webkit-transition: all .1s linear;
    -o-transition: all .1s linear;
    border-radius: 5px;
    font-family: var(--font-secondary);
}
.optimization-element textarea {
    height: 300px;
    resize: vertical !important;
}
.optimization-float-wrapper {
    float: left;
    width: 49%;
    padding-right: 20px;
    box-sizing: border-box;
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    max-width: 1000px;
}
.optimization-element #optimization-element-keywords input {
    max-width: 600px;
}
.optimization-element input:first-of-type {
    margin-bottom: 5px;
}
.optimization-element input:focus, .optimization-element input:hover {
    border: 1px solid rgba(34,45,63,1);
    transition: all .1s linear;
    -moz-transition: all .1s linear;
    -webkit-transition: all .1s linear;
    -o-transition: all .1s linear;
    -webkit-box-shadow: 0 0 8px 0px rgba(0,0,0,0.1);
    -moz-box-shadow: 0 0 8px 0px rgba(0,0,0,0.1);
    box-shadow: 0 0 8px 0px rgba(0,0,0,0.1);
}


/* --------------------- KEYWORD DENSITY --------------------- */
.keyword-density-full {
    width: 100%;
    margin-bottom: 30px;
    position: relative;
}
.keyword-density-inner-full {
    width: 100%;
    margin-top: 20px;
}
.keyword-density-inner-right {
    float: right;
    width: 50%;
}
.keyword-density-inner-left {
    float: left;
    width: 50%;
}
.keyword-density-inner-right input, .keyword-density-inner-left input {
    width: 99%;
    margin: 0 auto;
    height: 40px;
    font-size: 12px;
    font-weight: 300;
    vertical-align: middle;
    background: white;
    border: 1px solid rgba(34,45,63,0.5);
    text-align: left;
    padding-left: 10px;
    transition: all .1s linear;
    -moz-transition: all .1s linear;
    -webkit-transition: all .1s linear;
    -o-transition: all .1s linear;
    border-radius: 5px;
    font-family: var(--font-secondary);
}
.keyword-density-inner-right input {
    margin-left: 1%;
}
.keyword-density-inner-right input:focus, .keyword-density-inner-right input:hover, .keyword-density-inner-left input:hover, .keyword-density-inner-left input:focus, .keyword-density-inner-full textarea:hover, .keyword-density-inner-full textarea:focus {
    border: 1px solid rgba(34,45,63,1);
    transition: all .1s linear;
    -moz-transition: all .1s linear;
    -webkit-transition: all .1s linear;
    -o-transition: all .1s linear;
    -webkit-box-shadow: 0 0 8px 0px rgba(0,0,0,0.1);
    -moz-box-shadow: 0 0 8px 0px rgba(0,0,0,0.1);
    box-shadow: 0 0 8px 0px rgba(0,0,0,0.1);
}
.keyword-density-inner-full textarea {
    width: 100%;
    height: 250px;
    font-size: 14px;
    font-weight: 300;
    padding: 10px;
    box-sizing: border-box;
    border-radius: 7.5px;
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    vertical-align: middle;
    background: white;
    border: 1px solid rgba(34,45,63,0.5);
    text-align: left;
    padding-left: 10px;
    transition: all .1s linear;
    -moz-transition: all .1s linear;
    -webkit-transition: all .1s linear;
    -o-transition: all .1s linear;
    font-family: var(--font-secondary);
}
.get-density-button {
    font-weight: 700;
    text-transform: uppercase;
    display: block;
    vertical-align: middle;
    height: 40px;
    font-size: 12px;
    border-radius: 5px;
    border: 1px solid var(--main-blue);
    background: var(--main-blue);
    color: white;
    width: 80%;
    max-width: 200px;
    margin: 20px auto;
}
.get-density-button:hover {
    -webkit-animation-name: heartbeat;
    -webkit-animation-duration: 200ms;
    -webkit-transform-origin: 50% 50%;
    -webkit-animation-iteration-count: 1;
    -webkit-animation-timing-function: linear;
    -moz-animation-name: heartbeat;
    -moz-animation-duration: 200ms;
    -moz-transform-origin: 50% 50%;
    -moz-animation-iteration-count: 1;
    -moz-animation-timing-function: linear;
    -o-animation-name: heartbeat;
    -o-animation-duration: 200ms;
    -o-transform-origin: 50% 50%;
    -o-animation-iteration-count: 1;
    -o-animation-timing-function: linear;
}
#density-results-wrap, #top-keywords-results-wrap {
    min-height: 200px;
}
.keyword-density-full table {
    width: 100%;
    margin: 0 auto;
}
.keyword-density-full table tr {
    font-weight: 300;
    height: 31px;
    line-height: 31px;
    font-size: 12px;
}
.keyword-density-full table tr:nth-child(even) {
    background: var(--background-light-twenty-five);
}
.keyword-density-full table tr:first-of-type {
    font-weight: 700;
}
.keyword-density-full tr td {
    width: 10%;
    text-align: center;
    font-family: var(--font-secondary);
    font-size: 14px;
}
.keyword-density-full tr td:first-of-type {
    width: 10%;
    text-align: center;
}
.keyword-density-full tr td:nth-of-type(2) {
    width: 30%;
    text-align: left;
}
.keyword-density-full table tr td button {
    height: 25px;
    width: 25px;
    line-height: 20px;
    font-size: 13px;
    border: none;
    background: none;
    color: var(--main-blue);
    margin-top: 6px;
    border-radius: 5px;
}
.keyword-density-full table tr td button:hover {
    -webkit-animation-name: heartbeat;
    -webkit-animation-duration: 200ms;
    -webkit-transform-origin: 50% 50%;
    -webkit-animation-iteration-count: 1;
    -webkit-animation-timing-function: linear;
    -moz-animation-name: heartbeat;
    -moz-animation-duration: 200ms;
    -moz-transform-origin: 50% 50%;
    -moz-animation-iteration-count: 1;
    -moz-animation-timing-function: linear;
    -o-animation-name: heartbeat;
    -o-animation-duration: 200ms;
    -o-transform-origin: 50% 50%;
    -o-animation-iteration-count: 1;
    -o-animation-timing-function: linear;
}
.red-circle, .green-circle {
    width: 15px;
    height: 15px;
    background: red;
    display: block;
    margin: 0 auto;
    border-radius: 50%;
    -webkit-border-radius: 50%;
    -moz-border-radius: 50%;
    color: transparent;
}
.green-circle {
    background: green;
}


/* --------------------- NATURAL LANGUAGE --------------------- */
.natural-language-full {
    width: 100%;
    margin-bottom: 75px;
    position: relative;
}
.natural-language-inner-full {
    width: 100%;
    margin-top: 20px;
}
.natural-language-inner-right input, .natural-language-inner-left input {
    width: 99%;
    margin: 0 auto;
    height: 40px;
    font-size: 12px;
    font-weight: 300;
    vertical-align: middle;
    background: white;
    border: 1px solid rgba(34,45,63,0.5);
    text-align: left;
    padding-left: 10px;
    transition: all .1s linear;
    -moz-transition: all .1s linear;
    -webkit-transition: all .1s linear;
    -o-transition: all .1s linear;
}
.natural-language-inner-left input:last-of-type {
    margin-top: 10px;
}
.natural-language-inner-right input {
    margin-left: 1%;
}
.natural-language-inner-full textarea {
    width: 100%;
    height: 250px;
    font-size: 14px;
    font-weight: 300;
    padding: 10px;
    border-radius: 5px;
    box-sizing: border-box;
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    vertical-align: middle;
    background: white;
    border: 1px solid rgba(34,45,63,0.5);
    text-align: left;
    padding-left: 10px;
    transition: all .1s linear;
    -moz-transition: all .1s linear;
    -webkit-transition: all .1s linear;
    -o-transition: all .1s linear;
    font-family: var(--font-secondary);
}
.get-natural-language-button {
    display: block;
    font-weight: 700;
    text-transform: uppercase;
    vertical-align: middle;
    height: 40px;
    font-size: 12px;
    border-radius: 5px;
    border: 1px solid var(--main-blue);
    background: var(--main-blue);
    color: white;
    width: 80%;
    max-width: 200px;
    margin: 20px auto;
}
.get-natural-language-button:hover {
    -webkit-animation-name: heartbeat;
    -webkit-animation-duration: 200ms;
    -webkit-transform-origin: 50% 50%;
    -webkit-animation-iteration-count: 1;
    -webkit-animation-timing-function: linear;
    -moz-animation-name: heartbeat;
    -moz-animation-duration: 200ms;
    -moz-transform-origin: 50% 50%;
    -moz-animation-iteration-count: 1;
    -moz-animation-timing-function: linear;
    -o-animation-name: heartbeat;
    -o-animation-duration: 200ms;
    -o-transform-origin: 50% 50%;
    -o-animation-iteration-count: 1;
    -o-animation-timing-function: linear;
}
#nl-categories-wrap, #nl-sentiment-wrap, #nl-entities-wrap {
    min-height: 200px;
}
.natural-language-category-card {
    padding: 20px;
    min-height: 100px;
    width: 100%;
    max-width: 500px;
    margin: 10px;
    border-radius: 5px;
    -webkit-box-shadow: 0 0 8px 0px rgba(0,0,0,0.1);
    -moz-box-shadow: 0 0 8px 0px rgba(0,0,0,0.1);
    box-shadow: 0 0 8px 0px rgba(0,0,0,0.1);
}
.natural-language-category-none {

}
.natural-language-category-card:hover {
    transition: all .1s linear;
    -moz-transition: all .1s linear;
    -webkit-transition: all .1s linear;
    -o-transition: all .1s linear;
    -webkit-box-shadow: 0 0 8px 0px rgba(0,0,0,0.25);
    -moz-box-shadow: 0 0 8px 0px rgba(0,0,0,0.25);
    box-shadow: 0 0 8px 0px rgba(0,0,0,0.25);
}
.natural-language-category-card span {
    display: block;
}
.natural-language-category-card span:first-of-type {
    font-weight: 600px;
    font-size: 16px;
    margin-top: 10px;
    font-family: var(--font-secondary);
}
.natural-language-category-card span:last-of-type {
    font-size: 14px;
    font-weight: 300;
    margin-top: 5px;
    font-family: var(--font-secondary);
}
.natural-language-full table {
    width: 100%;
    max-width: 1500px;
}
.natural-language-full table tr td {
    font-family: var(--font-secondary);
    width: 12.5%;
    padding: 20px 5px 20px 5px;
    font-weight: 300;
    font-size: 12px;
    text-align: center;
    border-top: 2px solid white;
}
.natural-language-full table tr:nth-child(even) {
    background: var(--background-light-twenty-five);
}
.natural-language-full table tr td:first-of-type {
    width: 75%;
    text-align: left;
}
.natural-language-full table:first-of-type tr td {
    font-weight: 600 !important;
    font-size: 14px !important;
}
.natural-language-full table tr td.red {
    background: #D3483F;
    color: white;
}
.natural-language-full table tr td.yellow {
    background: #FBE48D;
}
.natural-language-full table tr td.green {
    background: #508B46;
    color: white;
}

/* --------------------- KEYWORD UNIQUES --------------------- */
.developer-apps-list {
    width: 100%;
    min-height: 200px;
    position: relative;
}

/* --------------------- KEYWORD UNIQUES --------------------- */
.keyword-uniques-full {
    width: 100%;
    margin-bottom: 30px;
    position: relative;
}
.keyword-uniques-full input {
    width: 99%;
    margin: 5px auto;
    height: 40px;
    font-size: 12px;
    font-weight: 300;
    vertical-align: middle;
    background: white;
    border: 1px solid rgba(34,45,63,0.5);
    text-align: left;
    padding-left: 10px;
    transition: all .1s linear;
    -moz-transition: all .1s linear;
    -webkit-transition: all .1s linear;
    -o-transition: all .1s linear;
}
.keyword-uniques-full input:focus, .keyword-uniques-full input:hover {
    border: 1px solid rgba(34,45,63,1);
    transition: all .1s linear;
    -moz-transition: all .1s linear;
    -webkit-transition: all .1s linear;
    -o-transition: all .1s linear;
    -webkit-box-shadow: 0 0 8px 0px rgba(0,0,0,0.1);
    -moz-box-shadow: 0 0 8px 0px rgba(0,0,0,0.1);
    box-shadow: 0 0 8px 0px rgba(0,0,0,0.1);
}
.get-uniques-button {
    display: block;
    vertical-align: middle;
    height: 40px;
    font-size: 12px;
    border: 1px solid var(--main-blue);
    background: var(--main-blue);
    color: white;
    border-radius: 5px;
    width: 80%;
    max-width: 200px;
    margin: 20px auto;
}
.get-uniques-button:hover {
    -webkit-animation-name: heartbeat;
    -webkit-animation-duration: 200ms;
    -webkit-transform-origin: 50% 50%;
    -webkit-animation-iteration-count: 1;
    -webkit-animation-timing-function: linear;
    -moz-animation-name: heartbeat;
    -moz-animation-duration: 200ms;
    -moz-transform-origin: 50% 50%;
    -moz-animation-iteration-count: 1;
    -moz-animation-timing-function: linear;
    -o-animation-name: heartbeat;
    -o-animation-duration: 200ms;
    -o-transform-origin: 50% 50%;
    -o-animation-iteration-count: 1;
    -o-animation-timing-function: linear;
}
#uniques-results-wrap {
    min-height: 200px;
}
.keyword-uniques-full table {
    width: 100%;
    max-width: 1000px;
    margin: 0 auto;
}
.keyword-uniques-full table tr {
    font-weight: 300;
    height: 31px;
    line-height: 31px;
}
.keyword-uniques-full table tr:nth-child(even) {
    background: var(--background-light-twenty-five);
}
.keyword-uniques-full table tr:first-of-type {
    font-weight: 700;
    font-size: 14px;
}
.keyword-uniques-full tr td {
    width: 10%;
    text-align: center;
}
.keyword-uniques-full tr td:first-of-type {
    width: 10%;
    text-align: center;
}
.keyword-uniques-full tr td:nth-of-type(2) {
    width: 30%;
    text-align: left;
}
.keyword-uniques-full table tr td button {
    height: 25px;
    width: 25px;
    font-size: 18px;
    border: 1px solid var(--main-blue);
    background: var(--main-blue);
    color: white;
    margin-top: 6px;
}
.keyword-uniques-full table tr td button:hover {
    -webkit-animation-name: heartbeat;
    -webkit-animation-duration: 200ms;
    -webkit-transform-origin: 50% 50%;
    -webkit-animation-iteration-count: 1;
    -webkit-animation-timing-function: linear;
    -moz-animation-name: heartbeat;
    -moz-animation-duration: 200ms;
    -moz-transform-origin: 50% 50%;
    -moz-animation-iteration-count: 1;
    -moz-animation-timing-function: linear;
    -o-animation-name: heartbeat;
    -o-animation-duration: 200ms;
    -o-transform-origin: 50% 50%;
    -o-animation-iteration-count: 1;
    -o-animation-timing-function: linear;
}
.keyword-uniques-full table tr.dup {
    background: rgba(255,0,0,0.15);
}

/* --------------------- KEYWORD SCORES --------------------- */
.keyword-scores-full {
    width: 100%;
    margin-bottom: 30px;
    position: relative;
}
.keyword-scores-full table {
    width: 100%;
    max-width: 1000px;
    margin: 0 auto;
}
.keyword-scores-full table tr {
    font-weight: 300;
    height: 31px;
    line-height: 31px;
    font-size: 12px;
}
.keyword-scores-full table tr:nth-child(even) {
    background: var(--background-light-twenty-five);
}
.keyword-scores-full table tr:first-of-type {
    font-weight: 700;
}
.keyword-scores-full tr td {
    width: 10%;
    text-align: center;
}
.keyword-scores-full tr td:first-of-type {
    width: 30%;
    text-align: left;
    padding-left: 10px;
}

/* --------------------- KEYWORD SCORES --------------------- */
.keyword-volumes-full {
    width: 100%;
    margin-bottom: 30px;
    position: relative;
}
.keyword-volumes-full table {
    width: 100%;
    max-width: 1000px;
    margin: 0 auto;
}
.keyword-volumes-full table tr {
    font-weight: 300;
    height: 31px;
    line-height: 31px;
    font-size: 12px;
}
.keyword-volumes-full table tr:nth-child(even) {
    background: var(--background-light-twenty-five);
}
.keyword-volumes-full table tr:first-of-type {
    font-weight: 700;
}
.keyword-volumes-full tr td {
    width: 10%;
    text-align: center;
}
.keyword-volumes-full tr td:first-of-type {
    width: 30%;
    text-align: left;
    padding-left: 10px;
}

/* --------------------- LINKS COMPARE --------------------- */
.comparison-tables-wrapper {
    overflow-x: scroll;
}
.links-compare-table-header, .links-compare-table {
    width: 100%;
    min-width: 920px;
    table-layout: fixed;
}
.links-compare-table-header {
    margin-bottom: 20px;
}
.links-compare-table-header tr {
    font-weight: 700;
    font-size: 12px;
    text-align: center;
    height: 40px;
}
.links-compare-table tr {
    font-weight: 300;
    font-size: 16px;
    text-align: center;
    height: 60px;
    line-height: 60px;
}
.links-compare-table tr:nth-of-type(even) {
    background: var(--background-light-twenty-five);
}
.links-compare-table-header tr td, .links-compare-table tr td {
    width: 13%;
}
.links-compare-table-header tr td:first-of-type, .links-compare-table tr td:first-of-type {
    width: 5%;
}
.links-compare-table-header tr td:nth-of-type(2), .links-compare-table tr td:nth-of-type(2) {
    width: 25%;
    overflow: hidden;
}
.links-compare-table td {
    font-size: 14px;
    font-weight: 300;
    height: 60px;
    line-height: 60px;
    position: relative;
}
.links-compare-table td span {
    display: block;
    width: 100%;
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
}
.links-compare-table td span i, .links-compare-table td span ion-icon {
    margin-right: 4px;
    font-size: 16px;
}
.links-compare-table td img {
    height: 20px;
    width: 20px;
    position: absolute;
    top: 0;
    right: 0;
    bottom: 0;
    left: 0;
    margin: auto;
}
.links-compare-table td:first-of-type img {
    height: 40px;
    width: 40px;
}
.links-compare-table-header tr td:nth-of-type(2), .links-compare-table tr td:nth-of-type(2) {
    text-align: left;
}
.links-compare-table-header tr span {
    display: block;
    font-size: 10px;
    font-weight: 300;
}
.links-compare-table-header td:not(:first-child) {
    cursor: pointer;
}
.links-compare-table-header td i, .links-compare-table-header td ion-icon {
    color: var(--main-blue);
    padding-left: 3px;
}

/* --------------------- VISUALIZE --------------------- */
.visualize-full {
    width: 100%;
    background: white;
    z-index: 4;
}
.visualize-graph {
    padding: 10px;
    width: 100%;
    height: 600px;
    position: relative;
    background: url('/img/logo-only-trans.png');
    background-repeat: no-repeat;
    background-position: center;
}
.visualize-table-header {
    padding: 0 10px 10px 10px;
    width: 100%;
}
.visualize-table-header table {
    width: 100%;
    padding: 10px;
}
.visualize-table-header table td {
    text-align: center;
    font-weight: 500;
    font-size: 14px;
    width: 14%;
    cursor: pointer;
}
.visualize-table-header table td i, .visualize-table-header table td ion-icon {
    color: var(--main-blue);
}
.visualize-table-header table td:first-of-type {
    text-align: left;
    width: 44%;
}
.visualize-table {
    padding: 0 10px 10px 10px;
    width: 100%;
    position: relative;
    min-height: 250px;
}
.visualize-table table {
    width: 100%;
    position: relative;
    min-height: 250px;
}
.visualize-table table tr {
    height: 30px;
    line-height: 30px;
    transition: all .1s linear;
    -moz-transition: all .1s linear;
    -webkit-transition: all .1s linear;
    -o-transition: all .1s linear;
    cursor: pointer;
}
.visualize-table table tr:nth-of-type(even) {
    background: var(--background-light-twenty-five);
}
.visualize-table table tr:hover {
    transition: all .1s linear;
    -moz-transition: all .1s linear;
    -webkit-transition: all .1s linear;
    -o-transition: all .1s linear;
    background: #DFDFDF;
}
.visualize-table table td {
    text-align: center;
    font-weight: 300;
    font-size: 14px;
    width: 14%;
    padding: 5px;
    box-sizing: border-box;
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
}
.visualize-table table td.loss {
    color: #CB3F3F;
}
.visualize-table table td.gain {
    color: #3FCB6B;
}
.visualize-table table td:first-of-type {
    text-align: left;
    width: 44%;
}

/* --------------------- KEYWORD CHANGES --------------------- */
.keyword-changes-full {
    width: 100%;
    background: white;
    z-index: 4;
    box-shadow: 0px 15px 10px 3px rgba(255,255,255,0.85);
    -webkit-box-shadow: 0px 15px 10px 3px rgba(255,255,255,0.85);
    -moz-box-shadow: 0px 15px 10px 3px rgba(255,255,255,0.85);
}
.keyword-changes-graph {
    padding: 10px;
    width: 100%;
    height: 600px;
    position: relative;
    background: url('/img/logo-only-trans.png');
    background-repeat: no-repeat;
    background-position: center;
}
.keyword-changes-table-header {
    padding: 0 10px 10px 10px;
    width: 100%;
}
.keyword-changes-table-header table {
    width: 100%;
    padding: 10px;
}
.keyword-changes-table-header table td {
    text-align: center;
    font-weight: 700;
    font-size: 14px;
    width: 14%;
    cursor: pointer;
}
.keyword-changes-table-header table td i, .keyword-changes-table-header table td ion-icon {
    color: var(--main-blue);
}
.keyword-changes-table-header table td:first-of-type {
    text-align: left;
    width: 44%;
}

.keyword-changes-table-header-counts {
    padding: 0 10px 10px 10px;
    width: 100%;
}
.keyword-changes-table-header-counts table {
    width: 100%;
    padding: 10px;
}
.keyword-changes-table-header-counts table td {
    text-align: center;
    font-weight: 700;
    font-size: 12px;
    width: 12%;
    cursor: pointer;
}
.keyword-changes-table-header-counts table td i, .keyword-changes-table-header-counts table td ion-icon {
    color: var(--main-blue);
}
.keyword-changes-table-header-counts table td:first-of-type {
    text-align: left;
    width: 15%;
}
.keyword-changes-table-counts {
    width: 100%;
    position: relative;
    min-height: 100px;
    margin-bottom: 20px;
}
.keyword-changes-table-counts table {
    width: 100%;
    position: relative;
    min-height: 100px;
}
.keyword-changes-table-counts table tr {
    height: 30px;
    line-height: 30px;
    transition: all .1s linear;
    -moz-transition: all .1s linear;
    -webkit-transition: all .1s linear;
    -o-transition: all .1s linear;
    cursor: pointer;
}
.keyword-changes-table-counts table tr:nth-of-type(even) {
    background: var(--background-light-twenty-five);
}
.keyword-changes-table-counts table tr:hover {
    transition: all .1s linear;
    -moz-transition: all .1s linear;
    -webkit-transition: all .1s linear;
    -o-transition: all .1s linear;
    background: #DFDFDF;
}
.keyword-changes-table-counts table td {
    text-align: center;
    font-weight: 300;
    font-size: 14px;
    width: 12%;
    padding: 5px;
    box-sizing: border-box;
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
}
.keyword-changes-table-counts table td.loss {
    color: #CB3F3F;
}
.keyword-changes-table-counts table td.gain {
    color: #3FCB6B;
}
.keyword-changes-table-counts table td:first-of-type {
    text-align: left;
    width: 15%;
}


.keyword-changes-table {
    width: 100%;
    position: relative;
    min-height: 350px;
}
.keyword-changes-table table {
    width: 100%;
    position: relative;
    min-height: 250px;
}
.keyword-changes-table table tr {
    height: 30px;
    line-height: 30px;
    transition: all .1s linear;
    -moz-transition: all .1s linear;
    -webkit-transition: all .1s linear;
    -o-transition: all .1s linear;
    cursor: pointer;
}
.keyword-changes-table table tr:nth-of-type(even) {
    background: var(--background-light-twenty-five);
}
.keyword-changes-table table tr:hover {
    transition: all .1s linear;
    -moz-transition: all .1s linear;
    -webkit-transition: all .1s linear;
    -o-transition: all .1s linear;
    background: #DFDFDF;
}
.keyword-changes-table table td {
    text-align: center;
    font-weight: 300;
    font-size: 14px;
    width: 14%;
    padding: 5px;
    box-sizing: border-box;
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
}
.keyword-changes-table table td.loss {
    color: #CB3F3F;
}
.keyword-changes-table table td.gain {
    color: #3FCB6B;
}
.keyword-changes-table table td:first-of-type {
    text-align: left;
    width: 44%;
}
.keyword-changes-date {
    padding: 0 10px 10px 10px;
    margin-bottom: 20px;
    width: 100%;
    position: relative;
    max-width: 530px;
}
.keyword-changes-date input {
    width: 46% !important;
    max-width: 180px;
    font-family: var(--font-secondary);
    height: 40px;
    font-size: 14px;
    font-weight: 300;
    vertical-align: middle;
    background: white;
    border: 1px solid rgba(34,45,63,0.5);
    text-align: center;
    transition: all .1s linear;
    -moz-transition: all .1s linear;
    -webkit-transition: all .1s linear;
    -o-transition: all .1s linear;
    border-radius: 5px;
}
.keyword-changes-date input:focus, .keyword-changes-date input:hover {
    border: 1px solid rgba(34,45,63,1);
    transition: all .1s linear;
    -moz-transition: all .1s linear;
    -webkit-transition: all .1s linear;
    -o-transition: all .1s linear;
    -webkit-box-shadow: 0 0 8px 0px rgba(0,0,0,0.1);
    -moz-box-shadow: 0 0 8px 0px rgba(0,0,0,0.1);
    box-shadow: 0 0 8px 0px rgba(0,0,0,0.1);
}
.keyword-changes-date button {
    display: block;
    position: absolute;
    right: 0;
    top: 0;
    margin-left: auto;
    height: 40px;
    font-size: 12px;
    border: 1px solid var(--main-blue);
    background: var(--main-blue);
    color: white;
    width: 80%;
    max-width: 150px;
    border-radius: 5px;
}
.keyword-changes-date button:hover {
    -webkit-animation-name: heartbeat;
    -webkit-animation-duration: 200ms;
    -webkit-transform-origin: 50% 50%;
    -webkit-animation-iteration-count: 1;
    -webkit-animation-timing-function: linear;
    -moz-animation-name: heartbeat;
    -moz-animation-duration: 200ms;
    -moz-transform-origin: 50% 50%;
    -moz-animation-iteration-count: 1;
    -moz-animation-timing-function: linear;
    -o-animation-name: heartbeat;
    -o-animation-duration: 200ms;
    -o-transform-origin: 50% 50%;
    -o-animation-iteration-count: 1;
    -o-animation-timing-function: linear;
}

/* --------------------- KEYWORDS --------------------- */
.keywords-left {
    width: 70%;
    float: left;
    padding: 0 20px 0 0px;
}
.keywords-right {
    width: 30%;
    float: right;
    padding: 0 0 0 20px;
}
.keywords-full {
    /* position: fixed; */
    width: 100%;
    background: white;
    z-index: 4;
    padding-bottom: 20px;
    box-shadow: 0px 15px 10px 3px rgba(255,255,255,0.85);
    -webkit-box-shadow: 0px 15px 10px 3px rgba(255,255,255,0.85);
    -moz-box-shadow: 0px 15px 10px 3px rgba(255,255,255,0.85);
}
.picked-keyword-subtitle {
    padding: 5px 15px 5px 15px;
    background: var(--main-blue);
    color: white;
    border-radius: 5px;
    font-weight: 700;
    font-size: 14px;
}
.keywords-right, .keywords-left {

}
.keywords-graph {
    padding: 10px;
    width: 100%;
    height: 400px;
    position: relative;
    background: url('/img/logo-only-trans.png');
    background-repeat: no-repeat;
    background-position: center;
    margin-bottom: 15px;
}
.keywords-add-keywords {
    margin-bottom: 30px;
    position: relative;
}
.keywords-add-keywords input {
    width: calc(100% - 60px);
    height: 40px;
    font-size: 12px;
    font-weight: 300;
    vertical-align: middle;
    background: white;
    border: 1px solid rgba(34,45,63,0.5);
    text-align: left;
    padding-left: 10px;
    transition: all .1s linear;
    -moz-transition: all .1s linear;
    -webkit-transition: all .1s linear;
    -o-transition: all .1s linear;
    border-radius: 5px;
    font-family: var(--font-secondary);
}
.keywords-add-keywords input:focus, .keywords-add-keywords input:hover {
    border: 1px solid rgba(34,45,63,1);
    transition: all .1s linear;
    -moz-transition: all .1s linear;
    -webkit-transition: all .1s linear;
    -o-transition: all .1s linear;
    -webkit-box-shadow: 0 0 8px 0px rgba(0,0,0,0.1);
    -moz-box-shadow: 0 0 8px 0px rgba(0,0,0,0.1);
    box-shadow: 0 0 8px 0px rgba(0,0,0,0.1);
}
.keywords-add-keywords button {
    vertical-align: middle;
    height: 40px;
    font-size: 26px;
    line-height: 40px;
    border: none;
    background: none;
    color: var(--main-blue);
    width: 10%;
    border-radius: 5px;
    width: 60px;
}
.keywords-add-keywords button:hover {
    -webkit-animation-name: heartbeat;
    -webkit-animation-duration: 200ms;
    -webkit-transform-origin: 50% 50%;
    -webkit-animation-iteration-count: 1;
    -webkit-animation-timing-function: linear;
    -moz-animation-name: heartbeat;
    -moz-animation-duration: 200ms;
    -moz-transform-origin: 50% 50%;
    -moz-animation-iteration-count: 1;
    -moz-animation-timing-function: linear;
    -o-animation-name: heartbeat;
    -o-animation-duration: 200ms;
    -o-transform-origin: 50% 50%;
    -o-animation-iteration-count: 1;
    -o-animation-timing-function: linear;
}
.keywords-filter-keywords {
    margin-bottom: 15px;
    height: 45px;
    position: relative;
}
.keywords-filter-keywords input {
    width: 40%;
    float: right;
    height: 40px;
    font-size: 12px;
    font-weight: 300;
    vertical-align: middle;
    background: white;
    border: 1px solid rgba(34,45,63,0.5);
    text-align: left;
    padding-left: 10px;
    transition: all .1s linear;
    -moz-transition: all .1s linear;
    -webkit-transition: all .1s linear;
    -o-transition: all .1s linear;
    border-radius: 5px;
    font-family: var(--font-secondary);
}
.keywords-filter-keywords input:focus, .keywords-filter-keywords input:hover {
    border: 1px solid rgba(34,45,63,1);
    transition: all .1s linear;
    -moz-transition: all .1s linear;
    -webkit-transition: all .1s linear;
    -o-transition: all .1s linear;
    -webkit-box-shadow: 0 0 8px 0px rgba(0,0,0,0.1);
    -moz-box-shadow: 0 0 8px 0px rgba(0,0,0,0.1);
    box-shadow: 0 0 8px 0px rgba(0,0,0,0.1);
}
.keywords-filter-keywords button {
    vertical-align: middle;
    height: 30px;
    padding: 0 20px;
    font-size: 10px;
    font-weight: 700;
    border: 0;
    background: var(--main-blue);
    color: white;
    border-radius: 5px;
    margin-top: 5px;
}
.keywords-filter-keywords button:first-of-type {
    margin-left: 0;
}
.keywords-filter-keywords button:hover {
    -webkit-animation-name: heartbeat;
    -webkit-animation-duration: 200ms;
    -webkit-transform-origin: 50% 50%;
    -webkit-animation-iteration-count: 1;
    -webkit-animation-timing-function: linear;
    -moz-animation-name: heartbeat;
    -moz-animation-duration: 200ms;
    -moz-transform-origin: 50% 50%;
    -moz-animation-iteration-count: 1;
    -moz-animation-timing-function: linear;
    -o-animation-name: heartbeat;
    -o-animation-duration: 200ms;
    -o-transform-origin: 50% 50%;
    -o-animation-iteration-count: 1;
    -o-animation-timing-function: linear;
}
.keywords-table-header {
    padding-bottom: 10px;
    width: 100%;
}
.keywords-table-header table {
    width: 100%;
    padding: 10px;
}
.keywords-table-header table td {
    text-align: center;
    font-weight: 700;
    font-size: 12px;
    width: 14%;
    cursor: pointer;
}
.keywords-table-header table td i, .keywords-table-header table td ion-icon {
    color: var(--main-blue);
}
.keywords-table-header table td:first-of-type {
    text-align: left;
    width: 44%;
}
.keywords-table {
    /* padding: 0 10px 10px 10px; */
    width: 100%;
    position: relative;
    overflow-y: scroll;
    min-height: 200px;
    height: 734px;
    overflow: hidden;
}
.keywords-table table {
    width: 100%;
    position: relative;
    min-height: 250px;
}
.keywords-table table tr {
    height: 30px;
    line-height: 30px;
    transition: all .1s linear;
    -moz-transition: all .1s linear;
    -webkit-transition: all .1s linear;
    -o-transition: all .1s linear;
    cursor: pointer;
}
.keywords-table table tr:nth-of-type(even) {
    background: var(--background-light-twenty-five);
}
.keywords-table table tr:hover {
    transition: all .1s linear;
    -moz-transition: all .1s linear;
    -webkit-transition: all .1s linear;
    -o-transition: all .1s linear;
    background: #DFDFDF;
}
.keywords-table table td {
    text-align: center;
    font-weight: 300;
    font-size: 12px;
    width: 14%;
    padding: 5px;
    font-family: var(--font-secondary);
    box-sizing: border-box;
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
}
.keywords-table table td input[type="checkbox"] {
    width: 15px;
    height: 15px;
    margin: 0;
    margin-right: 5px;
    padding: 0;
    vertical-align: middle;
}
.keywords-table table td.loss {
    color: #CB3F3F;
}
.keywords-table table td.gain {
    color: #3FCB6B;
}
.keywords-table table td:first-of-type {
    text-align: left;
    width: 44%;
}
.keywords-date {
    padding: 0 10px 10px 10px;
    margin-bottom: 20px;
    width: 100%;
}
.keywords-date input {
    width: 46% !important;
    font-family: var(--font-secondary);
    height: 40px;
    font-size: 12px;
    font-weight: 300;
    vertical-align: middle;
    background: white;
    border: 1px solid rgba(34,45,63,0.5);
    text-align: center;
    transition: all .1s linear;
    -moz-transition: all .1s linear;
    -webkit-transition: all .1s linear;
    -o-transition: all .1s linear;
    border-radius: 5px;
}
.keywords-date input:last-of-type {
    float: right;
}
.keywords-date input:focus, .keywords-date input:hover {
    border: 1px solid rgba(34,45,63,1);
    transition: all .1s linear;
    -moz-transition: all .1s linear;
    -webkit-transition: all .1s linear;
    -o-transition: all .1s linear;
    -webkit-box-shadow: 0 0 8px 0px rgba(0,0,0,0.1);
    -moz-box-shadow: 0 0 8px 0px rgba(0,0,0,0.1);
    box-shadow: 0 0 8px 0px rgba(0,0,0,0.1);
}
.keywords-averages {
    padding: 0 10px 10px 10px;
    margin-bottom: 20px;
    width: 100%;
    position: relative;
    min-height: 75px;
}
.keyword-average-item {
    width: 48%;
    display: inline-block;
    position: relative;
    text-align: center;
}
.keyword-average-item div:first-of-type {
    position: relative;
    width: 100%;
    height: 50px;
    font-size: 24px;
    font-weight: 800;
    line-height: 50px;
}
.keyword-average-item div:first-of-type img {
    height: 40px !important;
    width: 40px !important;
}
.keyword-average-item div:last-of-type {
    width: 100%;
    height: 25px;
    font-size: 14px;
    font-weight: 500;
    font-family: var(--font-secondary);
}
.keyword-averages-graph-options {
    min-width: 130px;
    text-align: right;
    float: right;
    height: 40px;
    line-height: 39px;
}
.keyword-averages-graph-options button {
    width: 95px;
    font-family: var(--font-main);
    height: 40px;
    border: 0px;
    background: #eee;
    font-size: 10px;
    font-weight: 700;
    text-transform: uppercase;
    border: 1px solid #D1D1D1;
    transition: all .1s linear;
    -moz-transition: all .1s linear;
    -webkit-transition: all .1s linear;
    -o-transition: all .1s linear;
}
.keyword-averages-graph-options button:first-of-type {
    border-top-left-radius: 5px;
    border-bottom-left-radius: 5px;
}
.keyword-averages-graph-options button:last-of-type {
    border-top-right-radius: 5px;
    border-bottom-right-radius: 5px;
}
.keyword-averages-graph-options button:hover {
    background: #D1D1D1;
    transition: all .1s linear;
    -moz-transition: all .1s linear;
    -webkit-transition: all .1s linear;
    -o-transition: all .1s linear;
}
.keyword-averages-graph-options button.picked-option {
    background: var(--main-blue);
    color: white;
    border: 1px solid var(--main-blue);
}


.keywords-group {
    padding: 0 10px 10px 10px;
    margin-bottom: 20px;
    width: 100%;
    position: relative;
    min-height: 75px;
}
.keywords-group .no-groups {
    margin-top: 40px;
    font-size: 12px;
    color: var(--secondary-text);
    width: 100%;
    text-align: center;
}
.keywords-group span {
    font-family: var(--font-secondary);
    display: inline-block;
    padding: 5px 10px;
    background: var(--secondary-text);
    color: white;
    border-radius: 5px;
    margin-right: 5px;
    margin-bottom: 8px;
    cursor: pointer;
    font-size: 14px;
    font-weight: 500;
    transition: all .1s linear;
    -moz-transition: all .1s linear;
    -webkit-transition: all .1s linear;
    -o-transition: all .1s linear;
}
.keywords-group span a {
    color: white;
    text-decoration: none;
    display: block;
    font-family: var(--font-secondary);
}
.keywords-group span:hover {
    -webkit-animation-name: heartbeat;
    -webkit-animation-duration: 200ms;
    -webkit-transform-origin: 50% 50%;
    -webkit-animation-iteration-count: 1;
    -webkit-animation-timing-function: linear;
    -moz-animation-name: heartbeat;
    -moz-animation-duration: 200ms;
    -moz-transform-origin: 50% 50%;
    -moz-animation-iteration-count: 1;
    -moz-animation-timing-function: linear;
    -o-animation-name: heartbeat;
    -o-animation-duration: 200ms;
    -o-transform-origin: 50% 50%;
    -o-animation-iteration-count: 1;
    -o-animation-timing-function: linear;
    transition: all .1s linear;
    -moz-transition: all .1s linear;
    -webkit-transition: all .1s linear;
    -o-transition: all .1s linear;
}
.keywords-group span.active {
    background: var(--main-blue);
    font-weight: 700;
}
.keywords-apps, .keywords-reports-groups-list {
    padding: 0 10px 10px 10px;
    width: 100%;
    position: relative;
    min-height: 200px;
}
.keywords-reports-groups-list table {
    width: 100%;
}
.keywords-reports-groups-list table tr td {
    padding-top: 10px;
    padding-bottom: 10px;
    padding-left: 5px;
}
.keywords-reports-groups-list table tr:first-of-type td {
    padding-bottom: 10px;
}
.keywords-reports-groups-list table tr:nth-of-type(even) {
    background: var(--background-light-twenty-five);
}
.keywords-reports-groups-list table tr {
    transition: all .1s linear;
    -moz-transition: all .1s linear;
    -webkit-transition: all .1s linear;
    -o-transition: all .1s linear;
}
.keywords-reports-groups-list table tr:hover {
    cursor: pointer;
    transition: all .1s linear;
    -moz-transition: all .1s linear;
    -webkit-transition: all .1s linear;
    -o-transition: all .1s linear;
    background: #DFDFDF;
}
#show-more-keyword-results {
    display: block;
    margin: 20px auto;
    height: 35px;
    font-size: 11px;
    border: 1px solid var(--main-blue);
    background: var(--main-blue);
    color: white;
    width: 125px;
    border-radius: 5px;
}
#show-more-keyword-results button:hover {
    -webkit-animation-name: heartbeat;
    -webkit-animation-duration: 200ms;
    -webkit-transform-origin: 50% 50%;
    -webkit-animation-iteration-count: 1;
    -webkit-animation-timing-function: linear;
    -moz-animation-name: heartbeat;
    -moz-animation-duration: 200ms;
    -moz-transform-origin: 50% 50%;
    -moz-animation-iteration-count: 1;
    -moz-animation-timing-function: linear;
    -o-animation-name: heartbeat;
    -o-animation-duration: 200ms;
    -o-transform-origin: 50% 50%;
    -o-animation-iteration-count: 1;
    -o-animation-timing-function: linear;
}
.keywords-app {
    border-bottom: 1px dotted rgba(0,0,0,0.25);
    padding: 15px 5px 15px 5px;
    position: relative;
    overflow: hidden;
}
.developer-app {
    width: 49%;
    display: inline-block;
}
.keywords-app:nth-of-type(even) {
    background: var(--background-light-twenty-five);;
}
.developer-app:nth-of-type(even) {
    background: white;
    margin-left: 2%;
}
.keywords-app-current-app {
    background: rgba(63,203,107,0.15) !important;
}
.keywords-app:last-of-type {
    border: 0;
}
.developer-app:last-of-type {
    border-bottom: 1px dotted rgba(0,0,0,0.25);
}
.keywords-app:first-of-type {
    margin-top: 15px;
}
.keywords-app span:first-of-type {
    display: block;
    float: left;
    height: 60px;
    width: 15px;
    text-align: center;
    line-height: 60px;
    margin-right: 5px;
    font-size: 12px;
}
.keywords-app div {
    padding-left: 5px;
    font-weight: 600;
    font-size: 16px;
    font-family: var(--font-secondary);
    width: calc (100% - 85px);
    overflow: hidden;
    white-space: nowrap;
    text-overflow: ellipsis;
}
.keywords-app div:first-of-type {
    line-height: 30px;
    height: 30px;
}
.keywords-app div:last-of-type {
    font-weight: 300;
    font-size: 14px;
    line-height: 16px;
}
.keywords-app img {
    width: 55px;
    height: 55px;
    float: left;
    border: 0;
}
.keywords-app div a {
    color: black;
    text-decoration: none;
    width: 100%;
}
.keywords-app div a:hover {
    border-bottom: 1px dotted black;
}
.big-pad-keywords {
    padding-top: 430px;
}

/* --------------------- TOP CHARTS --------------------- */
.top-charts-wrapper {
    width: 100%;
    position: relative;
    margin-bottom: 40px;
}
.top-charts-column {
    width: 33%;
    box-sizing: border-box;
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    float: left;
}
.top-charts-column:nth-of-type(2) {
    width: 32%;
    margin-left: 1%;
}
.top-charts-column:nth-of-type(3) {
    float: right;
}
.top-charts-column-title {
    width: 100%;
    text-align: center;
    font-size: 20px;
    font-weight: 700;
    height: 60px;
    line-height: 60px;
    border-bottom: 1px dotted rgba(0,0,0,0.5);
    margin-bottom: 20px;
}
.top-charts-column-apps {
    min-height: 200px;
    position: relative;
}
.top-charts-column-app {
    border-bottom: 1px dotted rgba(0,0,0,0.25);
    padding: 15px 5px 15px 5px;
    position: relative;
    overflow: hidden;
}
.top-charts-column-app:nth-of-type(even) {
    background: var(--background-light-twenty-five);;
}
.top-charts-column-app-current-app {
    background: rgba(63,203,107,0.15) !important;
}
.top-charts-column-app:last-of-type {
    border: 0;
}
.top-charts-column-app:first-of-type {
    margin-top: 15px;
}
.top-charts-column-app span:first-of-type {
    display: block;
    float: left;
    height: 60px;
    width: 15px;
    text-align: center;
    line-height: 60px;
    margin-right: 5px;
    font-size: 12px;
}
.top-charts-column-app div {
    padding-left: 80px;
    font-weight: 500;
    font-size: 16px;
    width: 100%;
    white-space: nowrap;
    text-overflow: ellipsis;
}
.top-charts-column-app div:first-of-type {
    line-height: 30px;
    height: 30px;
}
.top-charts-column-app div:last-of-type {
    font-weight: 300;
    font-size: 14px;
    line-height: 14px;
}
.top-charts-column-app img {
    width: 55px;
    height: 55px;
    float: left;
    border: 0;
}
.top-charts-column-app div a {
    color: black;
    text-decoration: none;
    width: 100%;
}
.top-charts-column-app div a:hover {
    border-bottom: 1px dotted black;
}
.top-charts-filter-wrapper {
    width: 100%;
    max-width: 1000px;
    height: 42px;
    line-height: 42px;
    position: relative;
    margin: 0 auto 50px auto;
}
.top-charts-platform {
    position: absolute;
    left: 0;
    min-width: 100px;
    text-align: left;
    height: 42px;
    line-height: 42px;
}
.top-charts-refresh-button {
    display: block;
    position: absolute;
    right: 0;
    top: 0;
    margin-left: auto;
    height: 42px;
    font-size: 16px;
    font-weight: 700;
    border: 1px solid var(--main-blue);
    background: var(--main-blue);
    color: white;
    width: 80%;
    max-width: 175px;
}
.top-charts-refresh-button:hover {
    -webkit-animation-name: heartbeat;
    -webkit-animation-duration: 200ms;
    -webkit-transform-origin: 50% 50%;
    -webkit-animation-iteration-count: 1;
    -webkit-animation-timing-function: linear;
    -moz-animation-name: heartbeat;
    -moz-animation-duration: 200ms;
    -moz-transform-origin: 50% 50%;
    -moz-animation-iteration-count: 1;
    -moz-animation-timing-function: linear;
    -o-animation-name: heartbeat;
    -o-animation-duration: 200ms;
    -o-transform-origin: 50% 50%;
    -o-animation-iteration-count: 1;
    -o-animation-timing-function: linear;
}
.top-charts-platform button {
    width: 40px;
    height: 42px;
    border: 0px;
    background: #eee;
    font-size: 26px;
    border: 1px solid #D1D1D1;
    transition: all .1s linear;
    -moz-transition: all .1s linear;
    -webkit-transition: all .1s linear;
    -o-transition: all .1s linear;
}
.top-charts-platform button:hover {
    background: #D1D1D1;
    transition: all .1s linear;
    -moz-transition: all .1s linear;
    -webkit-transition: all .1s linear;
    -o-transition: all .1s linear;
}
.top-charts-platform button.picked-platform {
    background: var(--main-blue);
    color: white;
    border: 1px solid var(--main-blue);
}
.top-charts-countries, .top-charts-categories {
    position: absolute;
    left: 85px;
    height: 40px;
    width: 180px;
    line-height: 40px;
    font-size: 14px;
    z-index: 5;
    display: inline-block;
    cursor: pointer;
}
.top-charts-countries {
    left: 270px;
}
.top-charts-countries-picked-option, .top-charts-categories-picked-option {
    background: white;
    border: 1px solid black;
}
.top-charts-countries-picked-option div, .top-charts-categories-picked-option {
    padding-left: 5px;
    z-index: 4;
}
.top-charts-countries-options-list, .top-charts-categories-options-list {
    background: white;
    z-index: 3;
    height: 260px;
    overflow-y: scroll;
    border: 1px solid black;
}
.top-charts-countries-options-list div, .top-charts-categories-options-list div {
    background: white;
    padding-left: 5px;
    cursor: pointer;
    transition: all .1s linear;
    -moz-transition: all .1s linear;
    -webkit-transition: all .1s linear;
    -o-transition: all .1s linear;
    border-bottom: 1px dotted black;
}
.top-charts-countries-options-list div:hover, .top-charts-categories-options-list div:hover {
    background: #eee;
    transition: all .1s linear;
    -moz-transition: all .1s linear;
    -webkit-transition: all .1s linear;
    -o-transition: all .1s linear;
}

/* --------------------- APP UPDATES --------------------- */
.app-updates-full {
    width: 100%;
    margin-bottom: 30px;
    position: relative;
}
.app-updates-inner-full {
    width: 100%;
    margin-top: 20px;
}
.app-updates-inner-right {
    float: right;
    width: 50%;
}
.app-updates-inner-left {
    float: left;
    width: 50%;
}
.app-updates-inner-right input, .app-updates-inner-left input {
    width: 98%;
    margin: 0 auto;
    height: 40px;
    font-size: 12px;
    font-weight: 300;
    vertical-align: middle;
    background: white;
    border: 1px solid rgba(34,45,63,0.5);
    text-align: left;
    padding-left: 10px;
    transition: all .1s linear;
    -moz-transition: all .1s linear;
    -webkit-transition: all .1s linear;
    -o-transition: all .1s linear;
}
.app-updates-inner-right input {
    margin-left: 2%;
}
.app-updates-inner-right input:focus, .app-updates-inner-right input:hover, .app-updates-inner-left input:hover, .app-updates-inner-left input:focus, .app-updates-inner-full textarea:hover, .app-updates-inner-full textarea:focus {
    border: 1px solid rgba(34,45,63,1);
    transition: all .1s linear;
    -moz-transition: all .1s linear;
    -webkit-transition: all .1s linear;
    -o-transition: all .1s linear;
    -webkit-box-shadow: 0 0 8px 0px rgba(0,0,0,0.1);
    -moz-box-shadow: 0 0 8px 0px rgba(0,0,0,0.1);
    box-shadow: 0 0 8px 0px rgba(0,0,0,0.1);
}
.app-updates-inner-full textarea {
    width: 100%;
    height: 250px;
    font-size: 12px;
    font-weight: 300;
    padding: 10px;
    box-sizing: border-box;
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    vertical-align: middle;
    background: white;
    border: 1px solid rgba(34,45,63,0.5);
    text-align: left;
    padding-left: 10px;
    transition: all .1s linear;
    -moz-transition: all .1s linear;
    -webkit-transition: all .1s linear;
    -o-transition: all .1s linear;
}
.app-updates-timeline-list {
    position: relative;
    min-height: 200px;
    width: 100%;
}
.update-event {
    width: 100%;
    height: auto;
    clear: both;
}
.update-event-date {
    position: relative;
    width: 20%;
    height: auto;
    float: left;
    text-align: right;
    padding-right: 20px;
    font-family: var(--font-main);
    font-size: 24px;
    box-sizing: border-box;
    padding-top: 50px;
    padding-bottom: 50px;
}
.event-dot {
    background: black;
    position: absolute;
    right: -9px;
    top: 55px;
    width: 16px;
    height: 16px;
    border-radius: 50%;
    -webkit-border-radius: 50%;
    -moz-border-radius: 50%;
}
.event-date, .event-year {
    display: block;
}
.event-year {
    font-size: 34px;
    font-weight: bold;
    margin-top: -10px;
}
.update-event-details {
    width: 80%;
    min-height: 167px;
    float: right;
    text-align: left;
    padding-left: 20px;
    border-left: 2px solid black;
    box-sizing: border-box;
    padding-top: 50px;
    padding-bottom: 50px;
}
.update-event-details-title {
    font-size: 16px;
    font-weight: bold;
    font-family: var(--font-secondary);
}
.update-event-details-desc {
    font-size: 12px;
    margin-top: 10px;
    line-height: 35px;
    overflow-x: scroll;
}
.update-event-details-desc span {
    font-family: var(--font-secondary);
    box-sizing: border-box;
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    padding: 3px 7px 3px 7px;
    margin: 3px 5px 3px 0;
    background: white;
    border: 1px solid var(--main-blue);
    color: var(--main-blue);
    display: inline-block;
    border-radius: 5px;
}
.app-updates-app-info {
    width: 100%;
    text-align: center;
    overflow: hidden;
    margin-bottom: 50px;
}
.app-updates-app-info img {
    width: 90%;
    display: block;
    max-width: 100px;
    max-height: 100px;
    min-height: 100px;
    min-width: 100px;
    margin: 10px auto;
}
.app-updates-app-info div {
    font-size: 16px;
    font-weight: 700;
    width: 94%;
    margin: 0 auto;
    white-space: nowrap;
    text-overflow: ellipsis;
    overflow: hidden;
    position: relative;
}

/* --------------------- TOOLS --------------------- */
.tool-wrapper {
    width: 100%;
    margin-bottom: 40px;
}

/* --------------------- CHARACTER COUNT --------------------- */
.char-count-box {
    font-size: 14px;
    width: 100%;
    font-family: var(--font-secondary);
    max-width: 100%;
    min-height: 200px;
    font-weight: 300;
    padding: 15px;
    margin-bottom: 10px;
    box-sizing: border-box;
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    border-radius: 10px;
    -webkit-border-radius: 10px;
    -moz-border-radius: 10px;
    -moz-transition: all .1s linear;
    -webkit-transition: all .1s linear;
    -o-transition: all .1s linear;
}
.char-count-box:focus {
    -moz-transition: all .2s linear;
    -webkit-transition: all .2s linear;
    -o-transition: all .2s linear;
    box-shadow: 0 0 15px rgba(34,45,63,0.25);
    -webkit-box-shadow: 0 0 15px rgba(34,45,63,0.25);
    -moz-box-shadow: 0 0 15px rgba(34,45,63,0.25);
}
.span-holder-char-count {
    width: 100%;
    text-align: center;
    font-size: 16px;
    font-weight: 600;
}
.character-options-holder {
    width: 100%;
    max-width: 600px;
    margin: 0 auto;
    font-size: 16px;
}
.character-options {
    margin-top: 18px;
    margin-bottom: 5px;
    text-align: center;
}
.character-options img {
    max-width: 50px;
    display: inline-block;
    margin-right: 20px;
    opacity: 0.75;
    -moz-transition: all .1s linear;
    -webkit-transition: all .1s linear;
    -o-transition: all .1s linear;
}
.character-options img:last-of-type {
    margin-left: 20px;
    margin-right: 0;
}
.character-options img:hover {
    cursor: pointer;
    opacity: 1.0;
    -moz-transition: all .1s linear;
    -webkit-transition: all .1s linear;
    -o-transition: all .1s linear;
}
.char-not-picked {
    opacity: 0.25 !important;
    -moz-transition: all .1s linear;
    -webkit-transition: all .1s linear;
    -o-transition: all .1s linear;
}
.char-store-name {
    width: 100%;
    text-align: center;
    font-size: 28px;
    font-weight: 700;
    margin-top: 10px;
}
.character-options ul {
    list-style: none;
    margin: 0;
    padding: 0;
	overflow: auto;
}
.character-options ul.char-hide {
    display: none;
}
.character-options ul li {
    text-align: left;
    display: block;
    position: relative;
    float: left;
    width: 100%;
    height: 100px;
}
.character-options ul li input[type=radio] {
    position: absolute;
    visibility: hidden;
}
.character-options ul li label {
    display: block;
    position: relative;
    font-weight: 300;
    font-size: 16px;
    padding: 15px 15px 15px 80px;
    margin: 5px auto;
    height: 15px;
    z-index: 9;
    cursor: pointer;
    -moz-transition: all .1s linear;
    -webkit-transition: all .1s linear;
    -o-transition: all .1s linear;
}
.character-options ul li:hover label {
	color: black;
}
.character-options ul li .check {
    display: block;
    position: absolute;
    border: 5px solid black;
    border-radius: 100%;
    height: 25px;
    width: 25px;
    top: 20px;
    left: 20px;
    z-index: 5;
    transition: border .25s linear;
    -moz-transition: border .1s linear;
    -webkit-transition: border .1s linear;
    -o-transition: border .1s linear;
}
.character-options ul li:hover .check {
    border: 5px solid #54b847;
}
.character-options ul li .check::before {
    display: block;
    position: absolute;
    content: '';
    border-radius: 100%;
    height: 13px;
    width: 13px;
    top: 1px;
    left: 1px;
    margin: auto;
    transition: background 0.25s linear;
    -webkit-transition: background 0.25s linear;
    -moz-transition: background 0.25s linear;
    -o-transition: background 0.25s linear;
}
.character-options ul li input[type=radio]:checked ~ .check {
    border: 5px solid #54b847;
}
.character-options ul li input[type=radio]:checked ~ .check::before{
    background: #54b847;
}
.character-options ul li input[type=radio]:checked ~ label{
    color: black;
}

/* --------------------- COLUMN TO CSV --------------------- */
.column-csv-column-left {
    float: left;
    width: 50%;
    box-sizing: border-box;
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    font-size: 16px;
    font-weight: 600;
}
.column-csv-column-right {
    float: right;
    text-align: right;
    width: 50%;
    box-sizing: border-box;
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    font-size: 16px;
    font-weight: 600;
}
.column-convert-box {
    font-size: 14px;
    font-family: var(--font-secondary);
    width: 95%;
    height: 400px;
    font-weight: 300;
    padding: 15px;
    margin-bottom: 10px;
    box-sizing: border-box;
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    border-radius: 10px !important;
    -webkit-border-radius: 10px;
    -moz-border-radius: 10px;
    -moz-transition: all .1s linear;
    -webkit-transition: all .1s linear;
    -o-transition: all .1s linear;
    resize: none;
}
.column-convert-box:focus {
    -moz-transition: all .2s linear;
    -webkit-transition: all .2s linear;
    -o-transition: all .2s linear;
    box-shadow: 0 0 15px rgba(34,45,63,0.25);
    -webkit-box-shadow: 0 0 15px rgba(34,45,63,0.25);
    -moz-box-shadow: 0 0 15px rgba(34,45,63,0.25);
}

/* --------------------- REPORTS --------------------- */
.report-status-bar {
    width: 0px;
    top: 0;
    left: 85px;
    max-width: calc(100% - 85px);
    height: 5px;
    background: var(--main-blue);
    position: absolute;
    transition: width 0.1s ease-out;
}
.account-reports-list-wrapper {
    width: 100%;
    min-height: 200px;
    overflow: scroll;
    transition: all .1s linear;
    -moz-transition: all .1s linear;
    -webkit-transition: all .1s linear;
    -o-transition: all .1s linear;
}
.account-reports-list {
    width: 100%;
    position: relative;
}
.account-reports-list-item {
    position: relative;
    width: 100%;
    height: 40px;
    transition: all .1s linear;
    -moz-transition: all .1s linear;
    -webkit-transition: all .1s linear;
    -o-transition: all .1s linear;
}
.account-reports-list-item:nth-of-type(even) {
    background: var(--background-light-twenty-five);;
}
.account-reports-list-item:not(:first-of-type):hover {
    background: #E6E6E6;
    transition: all .1s linear;
    -moz-transition: all .1s linear;
    -webkit-transition: all .1s linear;
    -o-transition: all .1s linear;
}
.account-reports-list-item:first-of-type td {
    font-weight: 600;
}
.account-reports-list-item td {
    font-size: 12px;
    height: 60px;
    text-align: center;
}
.account-reports-list-item td:nth-of-type(3) {
    text-align: left;
}
.account-reports-list-item td:nth-of-type(1) {
    width: 30px;
}
.account-reports-list-item td:nth-of-type(2) {
    width: 100px;
}
.account-reports-list-item td i {
    font-size: 18px;
}
.account-reports-list-item td i.ion-social-android, .account-reports-list-item td ion-icon[name="logo-google-playstore"] {
    color: #62DF76;
}
.account-reports-list-item td i.ion-social-apple, .account-reports-list-item ion-icon[name="logo-apple-appstore"] {
    color: #49ACE9;
    font-size: 18px;
}
.account-reports-list-item td img {
    width: 30px;
    margin-top: 5px;
    margin-left: 5px;
}
.account-reports-list-item td span.flag-icon:not(:first-of-type) {
    margin-left: 2px;
}
.account-reports-list-item a {
    text-decoration: none;
}
.reports-action-button {
    background: var(--main-blue);
    color: white;
    border: 0;
    border-radius: 5px;
    padding: 8px 16px !important;
    font-size: 12px !important;
}
.account-reports-list-item button {
    display: block;
    margin: 0 auto;
    width: 50%;
    max-width: 120px;
    background: var(--main-blue);
    color: white;
    width: 100%;
    font-size: 11px;
    height: 30px;
    border: 0;
    transition: all .1s linear;
    -moz-transition: all .1s linear;
    -webkit-transition: all .1s linear;
    -o-transition: all .1s linear;
    border-radius: 5px;
}
.account-reports-list-item button:hover {
    transition: all .1s linear;
    -moz-transition: all .1s linear;
    -webkit-transition: all .1s linear;
    -o-transition: all .1s linear;
    -webkit-animation-name: heartbeat;
    -webkit-animation-duration: 200ms;
    -webkit-transform-origin: 50% 50%;
    -webkit-animation-iteration-count: 1;
    -webkit-animation-timing-function: linear;
    -moz-animation-name: heartbeat;
    -moz-animation-duration: 200ms;
    -moz-transform-origin: 50% 50%;
    -moz-animation-iteration-count: 1;
    -moz-animation-timing-function: linear;
    -o-animation-name: heartbeat;
    -o-animation-duration: 200ms;
    -o-transform-origin: 50% 50%;
    -o-animation-iteration-count: 1;
    -o-animation-timing-function: linear;
}

.report-list-wrapper {
    width: 100%;
    overflow: hidden;
    min-height: 200px;
    position: relative;
}
.report-item {
    width: 100%;
}
.report-item:not(:first-of-type) {
    padding-top: 20px;
}
.report-item:not(:last-of-type) {
    padding-bottom: 20px;
    border-bottom: 1px dotted rgba(0,0,0,0.1);
}
.report-item-app {
    width: 100%;
    height: 40px;
    position: relative;
}
.report-item-app i {
    font-size: 20px;
    margin-right: 10px;
}
.report-item-app i.ion-social-apple, .report-item-app ion-icon[name="logo-apple-appstore"] {
    color: #49ACE9;
}
.report-item-app i.ion-social-android, .report-item-app ion-icon[name="logo-google-playstore"] {
    color: #88BF01;
}
.report-item-app img {
    width: 40px;
    float: left;
}
.report-item-app span {
    display: block;
    margin-left: 50px;
    font-weight: 700;
    font-size: 20px;
    line-height: 40px;
    height: 40px;
}
.report-item-details {
    margin-top: 10px;
}
.report-item-detail span:first-of-type {
    font-weight: 700;
    font-size: 12px;
}
.report-item-detail span:last-of-type {
    font-weight: 400;
    font-size: 12px;
    margin-left: 5px;
    display: inline-block;
}
.report-item-detail span:last-of-type label {
    top: 4px;
    left: -10px;
}
.report-item-detail span:last-of-type .switch-light input ~ span {
    -webkit-transform: scale(0.7);
    -moz-transform: scale(0.7);
    -ms-transform: scale(0.7);
    -o-transform: scale(0.7);
    transform: scale(0.7);
}
.report-item-detail span:last-of-type button {
    border: 1px solid var(--main-blue);
    background: white;
    color: var(--main-blue);
    width: 65px;
    font-size: 10px;
}
.report-item-detail span:last-of-type button:last-of-type {
    border-left: 0;
}
.report-item-detail span:last-of-type button.selected {
    border: 1px solid var(--main-blue);
    background: var(--main-blue);
    color: white;
}
.report-actions {
    margin-top: 10px;
}
.report-actions button {
    font-size: 12px;
    color: white;
    border: 0;
    background: var(--main-blue);
    padding: 5px 10px 5px 10px;
}
.report-actions button[data-delete] {
    background: #BF0606;
}
.report-actions button:hover {
    transition: all .1s linear;
    -moz-transition: all .1s linear;
    -webkit-transition: all .1s linear;
    -o-transition: all .1s linear;
    -webkit-animation-name: heartbeat;
    -webkit-animation-duration: 200ms;
    -webkit-transform-origin: 50% 50%;
    -webkit-animation-iteration-count: 1;
    -webkit-animation-timing-function: linear;
    -moz-animation-name: heartbeat;
    -moz-animation-duration: 200ms;
    -moz-transform-origin: 50% 50%;
    -moz-animation-iteration-count: 1;
    -moz-animation-timing-function: linear;
    -o-animation-name: heartbeat;
    -o-animation-duration: 200ms;
    -o-transform-origin: 50% 50%;
    -o-animation-iteration-count: 1;
    -o-animation-timing-function: linear;
}

.no-reports {
    margin-top: 30px;
    font-size: 14px;
    width: 100%;
    text-align: center;
}

.create-report {
    position: relative;
    width: 100%;
    margin-bottom: 50px;
}
.report-section-title {
    font-size: 14px;
    font-weight: 700;
    margin-bottom: 5px;
}
.report-section-title:not(:first-of-type) {
    margin-top: 20px;
}

.create-report-tabbed-buttons button {
    border: none;
    background: var(--main-blue-thirty);
    color: white;
    border-radius: 15px;
    width: 100px;
    margin-bottom: 5px;
    height: 30px;
    transition: all .1s linear;
    -moz-transition: all .1s linear;
    -webkit-transition: all .1s linear;
    -o-transition: all .1s linear;
    font-size: 12px;
}
.create-report-tabbed-buttons button[data-create-data] {
    width: auto;
    padding: 0 20px;
}
.create-report-tabbed-buttons button:not(:last-of-type) {
    margin-right: 5px;
}
.create-report-tabbed-buttons button:hover {
    cursor: pointer;
    background: var(--main-blue-fifty);
    color: white;
    transition: all .1s linear;
    -moz-transition: all .1s linear;
    -webkit-transition: all .1s linear;
    -o-transition: all .1s linear;
}
.create-report-tabbed-buttons button:not(:first-of-type) {
    border-left: 0;
}
.create-report-tabbed-buttons button.selected {
    background: var(--main-blue);
    color: white;
}

.report-save {
    background: var(--main-blue);
    color: white;
    margin-top: 30px;
    font-size: 12px;
    border-radius: 5px;
    line-height: 14px;
    height: 40px;
    padding: 0 20px;
    font-weight: 500;
    border: 0;
    transition: all .1s linear;
    -moz-transition: all .1s linear;
    -webkit-transition: all .1s linear;
    -o-transition: all .1s linear;
}
.report-save:hover {

    transition: all .1s linear;
    -moz-transition: all .1s linear;
    -webkit-transition: all .1s linear;
    -o-transition: all .1s linear;
    -webkit-animation-name: heartbeat;
    -webkit-animation-duration: 200ms;
    -webkit-transform-origin: 50% 50%;
    -webkit-animation-iteration-count: 1;
    -webkit-animation-timing-function: linear;
    -moz-animation-name: heartbeat;
    -moz-animation-duration: 200ms;
    -moz-transform-origin: 50% 50%;
    -moz-animation-iteration-count: 1;
    -moz-animation-timing-function: linear;
    -o-animation-name: heartbeat;
    -o-animation-duration: 200ms;
    -o-transform-origin: 50% 50%;
    -o-animation-iteration-count: 1;
    -o-animation-timing-function: linear;
}

.report-meta-wrapper {
    width: 100%;
    position: relative;
    margin-bottom: 50px;
}
.report-meta {
    width: 33%;
    min-height: 40px;
    display: inline-block;
    text-align: center;
}
.report-meta span.report-meta-label:first-of-type {
    font-size: 14px;
    font-weight: 700;
    text-transform: uppercase;
    display: block;
    margin-bottom: 5px;
}
.report-meta span.report-meta-label:last-of-type {
    font-size: 12px;
    font-weight: 300;
    display: block;
}
.report-meta span.flag-icon {
    font-size: 16px;
}
.report-meta span.flag-icon:not(:first-of-type) {
    margin-left: 3px;
}
.reports-review-graphs-wrapper {
    width: 100%;
}
.reviews-report-left {
    width: 70%;
    float: left;
}
.reviews-report-right {
    width: 25%;
    float: right;
}
.reports-review-graphs-wrapper .reviews-graph-pie {
    min-height: 250px;
    max-width: 450px !important;
}
.reports-review-graphs-wrapper .reviews-graph-positive-negative {
    height: 565px;
    border-bottom: 0;
}
.reports-review-graphs-wrapper


.report-country-picker-holder {
    position: relative;
    margin-right: 0;
    margin-top: 5px;
    z-index: 10;
    float: right;
    width: 100%;
    min-width: 150px;
    max-width: 200px;
    height: 40px;
    line-height: 40px;
    box-sizing: border-box;
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    cursor: pointer;
    border: 1px solid rgba(34,45,63,0.25);
}
.report-country-picker-holder-options-list {
    overflow-y: scroll;
    width: 100%;
    max-height: 300px;
    background: white;
    border: 1px dotted rgba(34,45,63,0.25);
    border-top: 0;
    -webkit-box-shadow: 0 0 10px 0px rgba(0,0,0,0.25);
    -moz-box-shadow: 0 0 10px 0px rgba(0,0,0,0.25);
    box-shadow: 0 0 10px 0px rgba(0,0,0,0.25);
}
.report-country-picker-holder-picked-option, .report-country-picker-holder-option {
    width: 100%;
    height: 40px;
    text-align: left;
    border-bottom: 1px dotted rgba(255,255,255,0.25);
    transition: all .1s linear;
    -moz-transition: all .1s linear;
    -webkit-transition: all .1s linear;
    -o-transition: all .1s linear;
}
.report-country-picker-holder-option:hover {
    background: var(--background-light-fifty);
    transition: all .1s linear;
    -moz-transition: all .1s linear;
    -webkit-transition: all .1s linear;
    -o-transition: all .1s linear;
}
.report-country-picker-holder-picked-option span:first-of-type, .report-country-picker-holder-option span:first-of-type {
    height: 40px;
    line-height: 40px;
    margin-left: 5px;
    font-size: 12px;
}
.report-country-picker-holder-picked-option span:last-of-type, .report-country-picker-holder-option span:last-of-type {
    font-size: 12px;
    margin-left: 5px;
}
.report-country-picker-holder-picked-option {
    border: 1px solid white;
}
#report-content .dashboard-category-rankings {
    border-bottom: 0;
}
#report-content .keywords-table {
    overflow-y: scroll;
    margin-bottom: 20px;
}
#report-content .keywords-table table {
    min-height: 0;
}
#report-content .keywords-table table td {
    height: 40px;
}

/* --------------------- LINKS --------------------- */
.links-expand {
    background: transparent;
    font-size: 34px;
    border: 0;
    color: black;
    transition: all .1s linear;
    -moz-transition: all .1s linear;
    -webkit-transition: all .1s linear;
    -o-transition: all .1s linear;

}
.links-expand:hover {
    color: rgba(0,0,0,0.5);
    transition: all .1s linear;
    -moz-transition: all .1s linear;
    -webkit-transition: all .1s linear;
    -o-transition: all .1s linear;
}
.links-full-wrapper {
    width: 100%;
    margin-bottom: 30px;
}
.links-left-wrapper {
    float: left;
    width: 49%;
}
.links-right-wrapper {
    float: right;
    width: 49%;
}
.links-list-wrapper {
    position: relative;
    min-height: 250px;
    border-bottom: 1px dotted rgba(0,0,0,0.25);
    margin-bottom: 20px;
    overflow: hidden;
}
.links-list-item {
    width: 100%;
    margin-bottom: 10px;
    padding-bottom: 10px;
    border-bottom: 1px dotted rgba(34,45,63,0.1);
}
.links-list-item:last-of-type {
    border-bottom: 0;
}
.links-list-item span {
    display: block;
    margin-bottom: 4px;
}
.links-list-item span a {
    color: #2E9A89;
}
.links-list-item span:first-of-type {
    font-weight: 600;
    font-size: 14px;
}
.links-list-item span:nth-of-type(2) {
    font-weight: 300;
    font-size: 12px;
}
.links-list-item span:nth-of-type(3) {
    font-weight: 300;
    font-size: 12px;
    font-style: italic;
}

/* --------------------- APP METRICS --------------------- */
.page-switcher-tabs, .page-switcher-tabs-fixed {
    width: 100%;
    cursor: pointer;
    margin-bottom: 30px;
    font-size: 12px;
    font-weight: 300;
    border-bottom: 1px solid var(--secondary-text-ten);
    overflow-x: scroll;
    white-space: nowrap;
}
.page-switcher-tabs-fixed {
    position: fixed;
    top: 75px;
    z-index: 1000;
    background-color: var(--background-light);
    padding: 25px 0 20px 105px;
}
.page-switcher-tabs a, .page-switcher-tabs-fixed a {
    position: relative;
    display: inline-block;
    margin-right: 10px;
    padding: 0 20px 10px 20px;
    color: var(--secondary-text);
    border-bottom: 2px solid transparent;
    transition: all .1s linear;
    -moz-transition: all .1s linear;
    -webkit-transition: all .1s linear;
    -o-transition: all .1s linear;
    text-decoration: none;
}
.page-switcher-tabs a.active-tab, .page-switcher-tabs-fixed a.active-tab {
    font-weight: 600;
    color: var(--main-blue);
    border-bottom: 2px solid var(--main-blue);
}
.page-switcher-tabs a:hover, .page-switcher-tabs-fixed a:hover {
    color: var(--main-blue-fifty);
    border-bottom: 2px solid var(--main-blue-fifty);
    transition: all .1s linear;
    -moz-transition: all .1s linear;
    -webkit-transition: all .1s linear;
    -o-transition: all .1s linear;
}
.page-switcher-tabs a ion-icon, .page-switcher-tabs-fixed a ion-icon {
    position: relative;
    top: 2px;
}
.navigation-breadcrumbs {
    margin-bottom: 30px;
    font-size: 11px;
    font-weight: 300;
    overflow-x: scroll;
    white-space: nowrap;
}
.navigation-breadcrumbs a {
    color: var(--main-blue);
    transition: all .1s linear;
    -moz-transition: all .1s linear;
    -webkit-transition: all .1s linear;
    -o-transition: all .1s linear;
    text-decoration: none;
}
.navigation-breadcrumbs a:hover {
    color: var(--main-blue-fifty);
    transition: all .1s linear;
    -moz-transition: all .1s linear;
    -webkit-transition: all .1s linear;
    -o-transition: all .1s linear;
}
.navigation-breadcrumbs i {
    margin: 0 7px 0 7px;
    font-size: 10px;
    color: var(--secondary-text);
}


.metrics-parent-wrapper {
    position: relative;
}
.metrics-graph-totals-parent {
    width: 100%;
    height: 50px;
    white-space: nowrap;
    color: rgba(0,0,0,0.5);
    background: transparent;
    overflow-x: scroll;
    padding: 0 20px 0 20px;
    box-sizing: border-box;
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    border-radius: 8px;
    transition: all .1s linear;
    -moz-transition: all .1s linear;
    -webkit-transition: all .1s linear;
    -o-transition: all .1s linear;
}
.metrics-graph-totals-parent div {
    width: 25%;
    border-radius: 8px;
    max-width: 125px;
    padding: 15px 0 15px 0;
    box-sizing: border-box;
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    text-align: center;
    display: inline-block;
    transition: all .1s linear;
    -moz-transition: all .1s linear;
    -webkit-transition: all .1s linear;
    -o-transition: all .1s linear;
}
.metrics-graph-totals-parent div:hover {
    opacity: 0.5;
    cursor: pointer;
    color: white;
    background: var(--main-blue);
    transition: all .1s linear;
    -moz-transition: all .1s linear;
    -webkit-transition: all .1s linear;
    -o-transition: all .1s linear;
}
.metrics-graph-totals-parent-selected {
    background: var(--main-blue) !important;
    color: white !important;
    opacity: 1 !important;
}
.metrics-graph-totals-parent div span {
    display: block;
}
.metrics-graph-totals-parent div span img {
    width: 15px;
}
.metrics-graph-totals-parent div span:first-of-type {
    font-size: 10px;
    font-weight: 700;
    text-transform: uppercase;
}
.metrics-graph-totals {
    width: 100%;
    height: 75px;
    white-space: nowrap;
    overflow-x: scroll;
    padding: 0 20px 0 20px;
    box-sizing: border-box;
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
}
.metrics-graph-totals div {
    height: 75px;
    width: 16%;
    max-width: 175px;
    min-width: 110px;
    padding: 10px;
    box-sizing: border-box;
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    text-align: center;
    display: inline-block;
    transition: all .1s linear;
    -moz-transition: all .1s linear;
    -webkit-transition: all .1s linear;
    -o-transition: all .1s linear;
}
.metrics-graph-totals div:hover {
    cursor: pointer;
    -webkit-animation-name: heartbeat;
    -webkit-animation-duration: 200ms;
    -webkit-transform-origin: 50% 50%;
    -webkit-animation-iteration-count: 1;
    -webkit-animation-timing-function: linear;
    -moz-animation-name: heartbeat;
    -moz-animation-duration: 200ms;
    -moz-transform-origin: 50% 50%;
    -moz-animation-iteration-count: 1;
    -moz-animation-timing-function: linear;
    -o-animation-name: heartbeat;
    -o-animation-duration: 200ms;
    -o-transform-origin: 50% 50%;
    -o-animation-iteration-count: 1;
    -o-animation-timing-function: linear;
}
.metrics-graph-totals-selected {
    border-bottom: 4px solid var(--graph-orange) !important;
}
.metrics-graph-totals div span {
    display: block;
}
.metrics-graph-totals div span img {
    width: 15px;
}
.metrics-graph-totals div span:first-of-type {
    font-size: 16px;
    font-weight: 500;
    margin-top: 7px;
}
.metrics-graph-totals div span:last-of-type {
    font-size: 12px;
    font-weight: 300;
    display: inline;
    font-family: var(--font-secondary);
}
.metrics-graph-totals-compare {
    margin-left: 5px;
    font-size: 12px;
    display: inline !important;
}
.metrics-graph-totals-positive {
    color: var(--main-green) !important;
    font-weight: 600 !important;
}
.metrics-graph-totals-negative {
    color: var(--main-red) !important;
    font-weight: 600 !important;
}

.metrics-graph-holder {
    background: url('/img/logo-only-trans.png');
    background-repeat: no-repeat;
    background-position: center;
    width: 100%;
    height: 365px;
    padding: 15px;
    margin-top: 10px;
    box-sizing: border-box;
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    position: relative;
}

.metrics-wrapper {
    min-height: 150px;
    overflow-y: scroll;
    position: relative;
}
.metrics-table {
    width: 100%;
    margin-bottom: 30px;
}
.metrics-table th {
    padding: 10px;
    border-bottom: 1px dotted rgba(34,45,63,0.15);
    font-size: 12px;
    font-weight: 800;
}
.metrics-table th:first-of-type {
    text-align: left;
}
.metrics-table tbody tr:nth-of-type(even) {
    background: var(--background-light-twenty-five);
}
.metrics-table td {
    padding: 20px 10px 20px 10px;
    font-size: 14px;
    font-weight: 300;
    text-align: center;
    font-family: var(--font-secondary);
}
.metrics-table td:first-of-type {
    text-align: left;
}

/* --------------------- APP TESTING --------------------- */
.split-testing-graph-totals {
    position: relative;
}
.split-testing-top-results-item {
    position: relative;
    width: 150px;
    height: 80px;
    color: black;
    border-radius: 8px;
    display: inline-block;
    margin-right: 10px;
    padding: 10px;
    box-sizing: border-box;
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
}
.split-testing-top-results-item:last-of-type {
    margin-right: 0;
}

.split-testing-top-results-item-title {
    width: 100%;
    text-align: center;
    bottom: 10px;
    left: 10px;
    font-weight: 600;
    font-size: 12px;
    font-family: var(--font-secondary);
}
.split-testing-top-results-item-value {
    font-weight: 800;
    font-size: 28px;
    text-align: center;
    margin-top: 5px;
}

.split-testing-top-results-item .green {
    color: var(--main-green) !important;
}
.split-testing-top-results-item .red {
    color: var(--main-red) !important;
}

.split-testing-graph-holder {
    background: url('/img/logo-only-trans.png');
    background-repeat: no-repeat;
    background-position: center;
    width: 100%;
    height: 365px;
    padding: 15px;
    margin-top: 10px;
    box-sizing: border-box;
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    position: relative;
}

.split-testing-wrapper {
    min-height: 250px;
    overflow-y: scroll;
    position: relative;
}
.split-testing-table {
    width: 100%;
    margin-bottom: 30px;
}
.split-testing-table th {
    border-bottom: 1px dotted rgba(34,45,63,0.15);
    font-size: 14px;
    font-weight: 800;
}
.split-testing-table th {
    font-size: 12px;
    text-align: left;
}
.split-testing-table th:first-of-type {
    text-align: left;
}
.split-testing-table tr {
    height: 50px;
}
.split-testing-table td {
    font-size: 14px;
    font-weight: 300;
    text-align: center;
    width: 20%;
    text-align: left;
    font-family: var(--font-secondary);
}
.split-testing-table td ion-icon {
    font-size: 20px;
    color: var(--main-green);
}
.split-testing-table td:first-of-type {
    width: 40% !important;
}
.split-testing-table td:last-of-type {
    text-align: right;
}

.st-actions button {
    max-width: 140px;
    padding: 5px 25px;
    background: var(--main-blue);
    color: white;
    width: 100%;
    font-size: 11px;
    height: 30px;
    border: 0;
    transition: all .1s linear;
    -moz-transition: all .1s linear;
    -webkit-transition: all .1s linear;
    -o-transition: all .1s linear;
    border-radius: 5px;
}
.st-actions button:hover {
    transition: all .1s linear;
    -moz-transition: all .1s linear;
    -webkit-transition: all .1s linear;
    -o-transition: all .1s linear;
    -webkit-animation-name: heartbeat;
    -webkit-animation-duration: 200ms;
    -webkit-transform-origin: 50% 50%;
    -webkit-animation-iteration-count: 1;
    -webkit-animation-timing-function: linear;
    -moz-animation-name: heartbeat;
    -moz-animation-duration: 200ms;
    -moz-transform-origin: 50% 50%;
    -moz-animation-iteration-count: 1;
    -moz-animation-timing-function: linear;
    -o-animation-name: heartbeat;
    -o-animation-duration: 200ms;
    -o-transform-origin: 50% 50%;
    -o-animation-iteration-count: 1;
    -o-animation-timing-function: linear;
}


/* --------------------- SEARCH ADS --------------------- */
.searchads-summary-data {
    width: 100%;
    position: relative;
    overflow: hidden;
}
.searchads-summary-data-wrap-full {
    width: 100%;
}
.searchads-summary-data-wrap-full:nth-of-type(2) {
    margin-bottom: 50px;
}
.searchads-summary-data-wrap-right, .searchads-summary-data-wrap-left {
    padding: 10px;
    box-sizing: border-box;
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
}
.searchads-summary-data-wrap-left {
    width: 40%;
    float: left;
}
.searchads-summary-data-wrap-right {
    width: 60%;
    float: right;
}
.searchads-summary-data-wrap-right div, .searchads-summary-data-wrap-left div {
    height: 200px;
    border: 1px solid rgba(0,0,0,0.25);
    position: relative;
}
.searchads-summary-data-wrap-left div {
    border: 1px solid transparent;
    color: white;
    background: url('../img/background-gradient.png') no-repeat center center;
    -webkit-background-size: cover;
    -moz-background-size: cover;
    -o-background-size: cover;
    background-size: cover;
}
.searchads-summary-data-wrap-right div span, .searchads-summary-data-wrap-left div span {
    display: block;
    width: 100%;
    text-align: center;
    font-size: 18px;
    font-weight: 300;
    height: 30px;
    line-height: 30px;
}
.searchads-summary-data-wrap-right div span:first-of-type, .searchads-summary-data-wrap-left div span:first-of-type {
    font-size: 60px;
    font-weight: 700;
    height: 80px;
    line-height: 80px;
    margin-top: 45px;
}
.searchads-summary-data-wrap-right div span {
    display: block;
    width: 100%;
    text-align: center;
    font-size: 14px;
    font-weight: 300;
    height: 30px;
    line-height: 30px;
}
.searchads-summary-data-wrap-right div span:first-of-type {
    font-size: 40px;
    font-weight: 700;
    height: 60px;
    line-height: 60px;
    margin-top: 55px;
}
.searchads-summary-data-wrap-right div {
    width: 32%;
    float: left;
    background: #eee;
    color: black;
}
.searchads-summary-data-wrap-right div:last-of-type {
    float: right;
}
.searchads-summary-data-wrap-right div:nth-of-type(2) {
    margin-left: 2%;
}
.searchads-summary-expand {
    background: transparent;
    font-size: 34px;
    border: 0;
    color: black;
    transition: all .1s linear;
    -moz-transition: all .1s linear;
    -webkit-transition: all .1s linear;
    -o-transition: all .1s linear;

}
.searchads-summary-expand:hover {
    color: rgba(0,0,0,0.5);
    transition: all .1s linear;
    -moz-transition: all .1s linear;
    -webkit-transition: all .1s linear;
    -o-transition: all .1s linear;
}
.searchads-summary-country-breakdown, .searchads-summary-app-breakdown {
    margin: 50px auto 50px auto;
    position: relative;
    min-height: 150px;
    overflow-x: scroll;
}
.searchads-summary-country-breakdown table, .searchads-summary-app-breakdown table {
    white-space: nowrap;
    min-width: 1200px;
}
table.searchads-country-breakdown-top-row, table.searchads-country-breakdown-bottom-rows, table.searchads-app-breakdown-top-row, table.searchads-app-breakdown-bottom-rows {
    width: 100%;
}
table.searchads-country-breakdown-top-row tr, table.searchads-app-breakdown-top-row tr {
    border-bottom: 1px solid black;
    font-size: 14px;
    font-weight: 700;
}
table.searchads-country-breakdown-top-row tr td, table.searchads-app-breakdown-top-row tr td {
    padding-bottom: 10px;
}
table.searchads-country-breakdown-bottom-rows tr, table.searchads-app-breakdown-bottom-rows tr {
    font-weight: 300;
    font-size: 18px;
    border-bottom: 0;
    height: 50px;
    line-height: 50px;
}
table.searchads-country-breakdown-bottom-rows tr span, table.searchads-app-breakdown-bottom-rows tr span {
    font-size: 22px;
}
table.searchads-country-breakdown-bottom-rows tr:nth-child(even), table.searchads-app-breakdown-bottom-rows tr:nth-child(even) {
    background: var(--background-light-twenty-five);;
}
table.searchads-country-breakdown-top-row td, table.searchads-country-breakdown-bottom-rows td, table.searchads-app-breakdown-top-row td, table.searchads-app-breakdown-bottom-rows td {
    text-align: center;
    width: 11.5%;
}
table.searchads-country-breakdown-top-row td:first-of-type, table.searchads-country-breakdown-bottom-rows td:first-of-type, table.searchads-app-breakdown-bottom-rows td:first-of-type, table.searchads-app-breakdown-top-row td:first-of-type {
    width: 8%;
    position: relative;
    text-align: center;
}
table.searchads-app-breakdown-bottom-rows td:first-of-type img {
    height: 40px;
    width: 40px;
    position: absolute;
    top: 0;
    right: 0;
    bottom: 0;
    left: 0;
    margin: auto;
}
.searchads-filter-wrapper {
    border-bottom: 1px dotted rgba(34,45,63,0.15);
    padding-bottom: 10px;
    margin-bottom: 20px;
}
.searchads-filter-wrapper-left {
    float: left;
    width: 70%;
    text-align: left;
}
.searchads-filter-wrapper-right {
    float: right;
    width: 30%;
    text-align: right;
}
.searchads-filter-wrapper input, .searchads-filter-wrapper select {
    width: 32% !important;
    height: 40px;
    max-width: 175px;
    font-size: 12px;
    font-weight: 300;
    vertical-align: middle;
    background: white;
    border: 1px solid rgba(34,45,63,0.5);
    text-align: center;
    transition: all .1s linear;
    -moz-transition: all .1s linear;
    -webkit-transition: all .1s linear;
    -o-transition: all .1s linear;
}
.searchads-filter-wrapper .dk-select, .searchads-filter-wrapper .dk-select-multi {
    width: 32% !important;
    max-width: 175px !important;
    height: 40px !important;
    line-height: 40px !important;
    font-size: 16px !important;
    font-weight: 300 !important;
}
.searchads-filter-wrapper .dk-selected {
    height: 40px !important;
    line-height: 40px !important;
}
.searchads-filter-wrapper input:focus, .searchads-filter-wrapper select:focus, .searchads-filter-wrapper input:hover, .searchads-filter-wrapper select:hover {
    border: 1px solid rgba(34,45,63,1);
    transition: all .1s linear;
    -moz-transition: all .1s linear;
    -webkit-transition: all .1s linear;
    -o-transition: all .1s linear;
    -webkit-box-shadow: 0 0 8px 0px rgba(0,0,0,0.1);
    -moz-box-shadow: 0 0 8px 0px rgba(0,0,0,0.1);
    box-shadow: 0 0 8px 0px rgba(0,0,0,0.1);
}
.searchads-filter-wrapper-right button {
    background: var(--main-blue);
    color: white;
    width: 100%;
    font-size: 16px;
    font-weight: 700;
    max-width: 200px;
    height: 40px;
    border: 0;
    transition: all .1s linear;
    -moz-transition: all .1s linear;
    -webkit-transition: all .1s linear;
    -o-transition: all .1s linear;
}
.searchads-filter-wrapper-right button:hover {

    color: white;
    transition: all .1s linear;
    -moz-transition: all .1s linear;
    -webkit-transition: all .1s linear;
    -o-transition: all .1s linear;
    -webkit-animation-name: heartbeat;
    -webkit-animation-duration: 200ms;
    -webkit-transform-origin: 50% 50%;
    -webkit-animation-iteration-count: 1;
    -webkit-animation-timing-function: linear;
    -moz-animation-name: heartbeat;
    -moz-animation-duration: 200ms;
    -moz-transform-origin: 50% 50%;
    -moz-animation-iteration-count: 1;
    -moz-animation-timing-function: linear;
    -o-animation-name: heartbeat;
    -o-animation-duration: 200ms;
    -o-transform-origin: 50% 50%;
    -o-animation-iteration-count: 1;
    -o-animation-timing-function: linear;
}
.searchads-upload-wrapper {
    width: 100%;
    margin-bottom: 75px;
}
.searchads-top-note {
    margin-bottom: 75px;
    width: 100%;
}
.searchads-top-note-section {
    width: 50%;
    display: inline-block;
    margin-bottom: 40px;
}
.searchads-top-note-section div:first-of-type {
    text-align: center;
    max-width: 350px;
    font-size: 22px;
    font-weight: 700;
    margin: 20px auto 5px auto;
}
.searchads-top-note-section div:last-of-type {
    text-align: center;
    max-width: 350px;
    font-size: 18px;
    font-weight: 300;
    margin: 0 auto 5px auto;
}
.searchads-top-note-section img {
    width: 90%;
    max-width: 350px;
    max-height: 350px;
    display: block;
    margin: 0 auto;
    transition: all .1s linear;
    -moz-transition: all .1s linear;
    -webkit-transition: all .1s linear;
    -o-transition: all .1s linear;
    -webkit-box-shadow: 0 0 8px 0px rgba(0,0,0,0.5);
    -moz-box-shadow: 0 0 8px 0px rgba(0,0,0,0.5);
    box-shadow: 0 0 8px 0px rgba(0,0,0,0.5);
}
.searchads-top-note-section img:hover {
    cursor: pointer;
    transition: all .1s linear;
    -moz-transition: all .1s linear;
    -webkit-transition: all .1s linear;
    -o-transition: all .1s linear;
    -webkit-box-shadow: 0 0 10px 0px rgba(0,0,0,0.75);
    -moz-box-shadow: 0 0 10px 0px rgba(0,0,0,0.75);
    box-shadow: 0 0 10px 0px rgba(0,0,0,0.75);
}
.searchads-acl-load {
    position: relative;
    width: 100%;
    min-height: 400px;
}


/* --------------------- ACCOUNT --------------------- */
.integrations-wrapper {
    width: 100%;
    margin-bottom: 20px;
}
.integration-item {
    margin-bottom: 10px;
}
.integration-item p {
    font-family: var(--font-secondary);
    font-size: 15px;
    margin-bottom: 10px;
}
.integration-item label {
    display: block;
    font-size: 14px;
    font-weight: 600;
    margin-bottom: 3px;
    font-family: var(--font-secondary);
}
.integration-item input[type="text"] {
    font-family: var(--font-secondary);
    width: 100%;
    max-width: 300px;
    font-size: 15px;
    font-weight: 300;
    background: white;
    border: 1px solid rgba(34,45,63,0.5);
    border-radius: 5px;
    text-align: left;
    transition: all .1s linear;
    -moz-transition: all .1s linear;
    -webkit-transition: all .1s linear;
    -o-transition: all .1s linear;
    margin-bottom: 15px;
    padding: 8px;
}
.integration-item button.save-button {
    display: block;
    background: var(--main-blue);
    color: white;
    font-size: 12px;
    font-weight: 700;
    width: 150px;
    height: 40px;
    border: 0;
    transition: all .1s linear;
    -moz-transition: all .1s linear;
    -webkit-transition: all .1s linear;
    -o-transition: all .1s linear;
    border-radius: 5px;
}
.integration-item button.save-button:hover {
    transition: all .1s linear;
    -moz-transition: all .1s linear;
    -webkit-transition: all .1s linear;
    -o-transition: all .1s linear;
    -webkit-animation-name: heartbeat;
    -webkit-animation-duration: 200ms;
    -webkit-transform-origin: 50% 50%;
    -webkit-animation-iteration-count: 1;
    -webkit-animation-timing-function: linear;
    -moz-animation-name: heartbeat;
    -moz-animation-duration: 200ms;
    -moz-transform-origin: 50% 50%;
    -moz-animation-iteration-count: 1;
    -moz-animation-timing-function: linear;
    -o-animation-name: heartbeat;
    -o-animation-duration: 200ms;
    -o-transform-origin: 50% 50%;
    -o-animation-iteration-count: 1;
    -o-animation-timing-function: linear;
}
.integration-item button.small-save-button {
    display: block;
    background: var(--main-blue);
    color: white;
    font-size: 10px;
    font-weight: 700;
    padding: 8px 13px;
    border: 0;
    transition: all .1s linear;
    -moz-transition: all .1s linear;
    -webkit-transition: all .1s linear;
    -o-transition: all .1s linear;
    border-radius: 5px;
}
.integration-item button.small-save-button:hover {
    transition: all .1s linear;
    -moz-transition: all .1s linear;
    -webkit-transition: all .1s linear;
    -o-transition: all .1s linear;
    -webkit-animation-name: heartbeat;
    -webkit-animation-duration: 200ms;
    -webkit-transform-origin: 50% 50%;
    -webkit-animation-iteration-count: 1;
    -webkit-animation-timing-function: linear;
    -moz-animation-name: heartbeat;
    -moz-animation-duration: 200ms;
    -moz-transform-origin: 50% 50%;
    -moz-animation-iteration-count: 1;
    -moz-animation-timing-function: linear;
    -o-animation-name: heartbeat;
    -o-animation-duration: 200ms;
    -o-transform-origin: 50% 50%;
    -o-animation-iteration-count: 1;
    -o-animation-timing-function: linear;
}


.account-apps-list-wrapper {
    width: 100%;
    min-height: 100px;
    overflow: scroll;
    margin-bottom: 20px;
    transition: all .1s linear;
    -moz-transition: all .1s linear;
    -webkit-transition: all .1s linear;
    -o-transition: all .1s linear;
}

#uploadKeyForm {
    width: 100%;
    max-width: 700px;
    position: relative;
    margin: 20px 0;
    font-family: var(--font-secondary);
}
#uploadKeyForm .drop-zone {
    width: 100%;
    height: 150px;
    border: 1px dashed rgba(34,45,63,0.5);
    border-radius: 5px;
    text-align: center;
    line-height: 150px;
    font-size: 12px;
    font-weight: 300;
    color: rgba(34,45,63,0.5);
    transition: all .1s linear;
    -moz-transition: all .1s linear;
    -webkit-transition: all .1s linear;
    -o-transition: all .1s linear;
    margin-bottom: 30px;
    cursor: pointer;
}
#uploadKeyForm .drop-zone.dragging {
  border-color: #007bff;
  background-color: #f0f8ff;
}

#uploadKeyForm .drop-zone.dropped {
  border-color: #28a745;
  background-color: #e6ffed;
}
#uploadKeyForm .drop-zone:hover {
    border: 1px dashed rgba(34,45,63,1);
    color: rgba(34,45,63,1);
    transition: all .1s linear;
    -moz-transition: all .1s linear;
    -webkit-transition: all .1s linear;
    -o-transition: all .1s linear;
}
#uploadKeyForm .drop-zone input[type="file"] {
    width: 100%;
    height: 100%;
    position: absolute;
    top: 0;
    left: 0;
    opacity: 0;
    cursor: pointer;
}
.keys-table {
    width: 100%;
    margin-bottom: 30px;
}
.keys-table th {
    padding: 10px;
    border-bottom: 1px dotted rgba(34,45,63,0.15);
    font-size: 12px;
    font-weight: 800;
    text-align: left;
}
.keys-table th:nth-last-of-type(1) {
    text-align: center;
}
.keys-table tbody tr:nth-of-type(even) {
    background: var(--background-light-twenty-five);
}
.keys-table td {
    padding: 20px 10px 20px 10px;
    font-size: 14px;
    font-weight: 300;
    text-align: center;
    font-family: var(--font-secondary);
    text-align: left;
}
.keys-table td:nth-last-of-type(1) {
    text-align: center;
}
.keys-table td button {
    width: 50%;
    cursor: pointer;
    max-width: 100px;
    background: var(--secondary-text);
    color: white;
    width: 100%;
    font-size: 10px;
    font-weight: 700;
    height: 30px;
    border: 0;
    transition: all .1s linear;
    -moz-transition: all .1s linear;
    -webkit-transition: all .1s linear;
    -o-transition: all .1s linear;
    border-radius: 5px;
}
.keys-table td button:hover {
    background: var(--main-red-delete);
    transition: all .1s linear;
    -moz-transition: all .1s linear;
    -webkit-transition: all .1s linear;
    -o-transition: all .1s linear;
    -webkit-animation-name: heartbeat;
    -webkit-animation-duration: 200ms;
    -webkit-transform-origin: 50% 50%;
    -webkit-animation-iteration-count: 1;
    -webkit-animation-timing-function: linear;
    -moz-animation-name: heartbeat;
    -moz-animation-duration: 200ms;
    -moz-transform-origin: 50% 50%;
    -moz-animation-iteration-count: 1;
    -moz-animation-timing-function: linear;
    -o-animation-name: heartbeat;
    -o-animation-duration: 200ms;
    -o-transform-origin: 50% 50%;
    -o-animation-iteration-count: 1;
    -o-animation-timing-function: linear;
}

.slack-button {
    align-items: center;
    color: #000;
    background-color: #fff;
    border: 1px solid #ddd;
    border-radius: 4px;
    display: inline-flex;
    font-family: var(--font-secondary);
    font-size: 14px;
    font-weight: 600;
    height: 40px;
    justify-content: center;
    text-decoration: none;
    width: 200px;
    margin-bottom: 10px;
}
.slack-channel-name {
    align-items: center;
    display: inline-flex;
    font-family: var(--font-secondary);
    font-size: 14px;
    font-weight: 600;
    height: 40px;
    justify-content: center;
    text-decoration: none;
    margin-bottom: 10px;
}
.slack-channel-edit {
    margin-top: 20px;
}

.account-apps-list {
    width: 100%;
    position: relative;
}
.account-apps-list-item {
    position: relative;
    width: 100%;
    height: 40px;
    transition: all .1s linear;
    -moz-transition: all .1s linear;
    -webkit-transition: all .1s linear;
    -o-transition: all .1s linear;
}
.account-apps-list-item:nth-of-type(even) {
    background: var(--background-light-twenty-five);;
}
.account-apps-list-item:not(:first-of-type):hover {
    background: #E6E6E6;
    transition: all .1s linear;
    -moz-transition: all .1s linear;
    -webkit-transition: all .1s linear;
    -o-transition: all .1s linear;
}
.account-apps-list-item:first-of-type td {
    font-weight: 600;
}
.account-apps-list-item td {
    font-size: 12px;
    height: 40px;
    text-align: center;
}
.account-apps-list-item td:nth-of-type(3) {
    text-align: left;
    font-family: var(--font-secondary);
    font-size: 14px;
}
.account-apps-list-item td:nth-of-type(1) {
    width: 30px;
}
.account-apps-list-item td:nth-of-type(2) {
    width: 100px;
}
.account-apps-list-item td i {
    font-size: 18px;
}
.account-apps-list-item td i.ion-social-android, .account-apps-list-item td ion-icon[name="logo-google-playstore"] {
    color: #62DF76;
}
.account-apps-list-item td i.ion-social-apple, .account-apps-list-item td ion-icon[name="logo-apple-appstore"] {
    color: #49ACE9;
}
.account-apps-list-item td img {
    width: 30px;
    margin-top: 5px;
    margin-left: 5px;
}
.account-apps-list-item button {
    width: 50%;
    max-width: 100px;
    background: #BBBBBB;
    color: white;
    width: 100%;
    font-size: 10px;
    font-weight: 700;
    height: 30px;
    border: 0;
    transition: all .1s linear;
    -moz-transition: all .1s linear;
    -webkit-transition: all .1s linear;
    -o-transition: all .1s linear;
    border-radius: 5px;
}
.account-apps-list-item button:hover {
    background: #BF0606;
    transition: all .1s linear;
    -moz-transition: all .1s linear;
    -webkit-transition: all .1s linear;
    -o-transition: all .1s linear;
    -webkit-animation-name: heartbeat;
    -webkit-animation-duration: 200ms;
    -webkit-transform-origin: 50% 50%;
    -webkit-animation-iteration-count: 1;
    -webkit-animation-timing-function: linear;
    -moz-animation-name: heartbeat;
    -moz-animation-duration: 200ms;
    -moz-transform-origin: 50% 50%;
    -moz-animation-iteration-count: 1;
    -moz-animation-timing-function: linear;
    -o-animation-name: heartbeat;
    -o-animation-duration: 200ms;
    -o-transform-origin: 50% 50%;
    -o-animation-iteration-count: 1;
    -o-animation-timing-function: linear;
}
#expand-apps-list {
    display: block;
    margin: 20px auto 0 auto;
    background: var(--main-blue);
    color: white;
    font-size: 14px;
    font-weight: 700;
    width: 125px;
    height: 40px;
    border: 0;
    transition: all .1s linear;
    -moz-transition: all .1s linear;
    -webkit-transition: all .1s linear;
    -o-transition: all .1s linear;
    border-radius: 5px;
}
#expand-apps-list:hover {
    transition: all .1s linear;
    -moz-transition: all .1s linear;
    -webkit-transition: all .1s linear;
    -o-transition: all .1s linear;
    -webkit-animation-name: heartbeat;
    -webkit-animation-duration: 200ms;
    -webkit-transform-origin: 50% 50%;
    -webkit-animation-iteration-count: 1;
    -webkit-animation-timing-function: linear;
    -moz-animation-name: heartbeat;
    -moz-animation-duration: 200ms;
    -moz-transform-origin: 50% 50%;
    -moz-animation-iteration-count: 1;
    -moz-animation-timing-function: linear;
    -o-animation-name: heartbeat;
    -o-animation-duration: 200ms;
    -o-transform-origin: 50% 50%;
    -o-animation-iteration-count: 1;
    -o-animation-timing-function: linear;
}
.logout-link {
    text-decoration: none;
}
.logout-button {
    display: block;
    margin: 100px auto 0 auto;
    background: var(--main-blue);
    color: white;
    font-size: 10px;
    font-weight: 700;
    border: 0;
    padding: 10px 30px 10px 30px;
    transition: all .1s linear;
    -moz-transition: all .1s linear;
    -webkit-transition: all .1s linear;
    -o-transition: all .1s linear;
    border-radius: 5px;
}
.logout-button:hover {
    transition: all .1s linear;
    -moz-transition: all .1s linear;
    -webkit-transition: all .1s linear;
    -o-transition: all .1s linear;
    -webkit-animation-name: heartbeat;
    -webkit-animation-duration: 200ms;
    -webkit-transform-origin: 50% 50%;
    -webkit-animation-iteration-count: 1;
    -webkit-animation-timing-function: linear;
    -moz-animation-name: heartbeat;
    -moz-animation-duration: 200ms;
    -moz-transform-origin: 50% 50%;
    -moz-animation-iteration-count: 1;
    -moz-animation-timing-function: linear;
    -o-animation-name: heartbeat;
    -o-animation-duration: 200ms;
    -o-transform-origin: 50% 50%;
    -o-animation-iteration-count: 1;
    -o-animation-timing-function: linear;
}



/* --------------------- COMPETITOR REPORTS --------------------- */
.competitor-left {
    width: 60%;
    float: left;
    padding: 0 20px 0 0px;
}
.competitor-right {
    width: 40%;
    float: right;
    padding: 0 0 0 20px;
}
.competitor-platform {
    position: absolute;
    right: 0px;
    min-width: 130px;
    text-align: right;
    height: 42px;
    line-height: 42px;
}
.competitor-platform button {
    width: 60px;
    height: 42px;
    border: 0px;
    background: #eee;
    font-size: 22px;
    border: 1px solid #D1D1D1;
    transition: all .1s linear;
    -moz-transition: all .1s linear;
    -webkit-transition: all .1s linear;
    -o-transition: all .1s linear;
    line-height: 42px;
}
.competitor-platform button:first-of-type {
    border-top-left-radius: 5px;
    border-bottom-left-radius: 5px;
}
.competitor-platform button:last-of-type {
    border-top-right-radius: 5px;
    border-bottom-right-radius: 5px;
}
.competitor-platform button:hover {
    background: #D1D1D1;
    transition: all .1s linear;
    -moz-transition: all .1s linear;
    -webkit-transition: all .1s linear;
    -o-transition: all .1s linear;
}
.competitor-platform button.picked-platform {
    background: var(--main-blue);
    color: white;
    border: 1px solid var(--main-blue);
}
.competitor-apps-list {
    padding: 0 5px 15px 5px;
    position: relative;
    overflow: hidden;
}
.competitor-app {
    width: 100%;
    height: 55px;
    position: relative;
    overflow: hidden;
}
.competitor-app:last-of-type {
    border: 0;
}
.competitor-app span:first-of-type {
    display: block;
    float: left;
    height: 60px;
    width: 15px;
    text-align: center;
    line-height: 60px;
    margin-right: 5px;
    font-size: 12px;
}
.competitor-app div {
    padding-left: 10px;
    font-weight: 500;
    font-size: 16px;
    width: calc (100% - 85px);
    overflow: hidden;
    white-space: nowrap;
    text-overflow: ellipsis;
}
.competitor-app div:first-of-type {
    line-height: 30px;
    height: 30px;
}
.competitor-app div:last-of-type {
    font-family: var(--font-secondary);
    font-size: 14px;
    font-weight: bold;
    height: 55px;
    line-height: 55px;
}
.competitor-app img {
    width: 40px;
    height: 40px;
    float: left;
    margin-top: 7.5px;
    margin-left: 5px;
}
.competitor-app ion-icon {
    position: absolute;
    right: 10px;
    font-size: 20px;
    top: 50%;
    transform: translateY(-50%);
}
.competitor-app ion-icon[name="logo-apple-appstore"] {
    color: #49ACE9;
}
.competitor-app ion-icon[name="logo-google-playstore"] {
    color: #88BF01;
}
.competitor-app div a {
    color: black;
    text-decoration: none;
    width: 100%;
}
.competitor-app div a:hover {
    border-bottom: 1px dotted black;
}

.competitor-report-type-card {
    width: 100%;
    margin-bottom: 20px;
    position: relative;
    overflow: hidden;
    border: 1px solid rgba(0,0,0,0.1);
    border-radius: 10px;
    padding: 20px;
    box-sizing: border-box;
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    transition: all .1s linear;
    -moz-transition: all .1s linear;
    -webkit-transition: all .1s linear;
    -o-transition: all .1s linear;
    font-family: var(--font-secondary);
}
.competitor-report-type-card:nth-of-type(even) {
    float: right;
}

.competitor-report-type-card:hover {
    border: 1px solid rgba(0,0,0,0.15);
    transition: all .1s linear;
    -moz-transition: all .1s linear;
    -webkit-transition: all .1s linear;
    -o-transition: all .1s linear;
}
.competitor-report-type-card-title {
    font-size: 20px;
    font-weight: 700;
    margin-bottom: 10px;
    font-family: var(--font-main);
}
.competitor-report-type-card-title ion-icon {
    font-size: 36px;
    display: block;
    margin-bottom: 15px;
    color: var(--main-blue);
}
.competitor-report-type-card-description {
    font-size: 14px;
    font-weight: 300;
    margin-bottom: 10px;
}
.competitor-report-type-card button {
    background: var(--main-blue);
    color: white;
    font-size: 10px;
    font-weight: 700;
    margin-top: 10px;
    height: 40px;
    padding: 0 20px;
    border: 0;
    border-radius: 5px;
}
.competitor-report-type-card button:hover {
    transition: all .1s linear;
    -moz-transition: all .1s linear;
    -webkit-transition: all .1s linear;
    -o-transition: all .1s linear;
    -webkit-animation-name: heartbeat;
    -webkit-animation-duration: 200ms;
    -webkit-transform-origin: 50% 50%;
    -webkit-animation-iteration-count: 1;
    -webkit-animation-timing-function: linear;
    -moz-animation-name: heartbeat;
    -moz-animation-duration: 200ms;
    -moz-transform-origin: 50% 50%;
    -moz-animation-iteration-count: 1;
    -moz-animation-timing-function: linear;
    -o-animation-name: heartbeat;
    -o-animation-duration: 200ms;
    -o-transform-origin: 50% 50%;
    -o-animation-iteration-count: 1;
    -o-animation-timing-function: linear;
}



/* --------------------- ALERTS --------------------- */
.alerts-list-wrapper {
    width: 100%;
    overflow: hidden;
    min-height: 200px;
    position: relative;
}
.alerts-item {
    width: 100%;
}
.alerts-item:not(:first-of-type) {
    padding-top: 20px;
}
.alerts-item:not(:last-of-type) {
    padding-bottom: 20px;
    border-bottom: 1px dotted rgba(0,0,0,0.1);
}
.alerts-item-app {
    width: 100%;
    height: 30px;
    position: relative;
}
.alerts-grid-icon {
    display: flex;
    align-items: center;
    justify-content: center;
}
.alerts-grid-icon ion-icon {
    font-size: 20px;
}
.alerts-grid-icon ion-icon[name="logo-apple-appstore"] {
    color: #49ACE9;
}
.alerts-grid-icon ion-icon[name="logo-google-playstore"] {
    color: #88BF01;
}
.alerts-grid-icon ion-icon[name="logo-slack"] {

}
.alerts-grid-icon ion-icon[name="mail-unread"] {

}
.alerts-item-app img {
    width: 30px;
    float: left;
}
.alerts-item-app span {
    display: block;
    margin-left: 40px;
    font-weight: 700;
    font-size: 14px;
    line-height: 30px;
    height: 30px;
}
.alerts-item-details {
    margin-top: 15px;
    font-family: var(--font-secondary);
}
.alerts-item-detail {
    width: 100%;
    position: relative;
    overflow: hidden;
    margin-bottom: 2px;
}
.alerts-item-detail span:first-of-type {
    font-weight: 700;
    font-size: 12px;
}
.alerts-item-detail span:last-of-type {
    font-weight: 400;
    font-size: 12px;
    margin-left: 5px;
    display: inline-block;
}
.alerts-item-detail span:last-of-type label {
    top: 4px;
    left: -10px;
}
.alerts-item-detail span:last-of-type .switch-light input ~ span {
    -webkit-transform: scale(0.7);
    -moz-transform: scale(0.7);
    -ms-transform: scale(0.7);
    -o-transform: scale(0.7);
    transform: scale(0.7);
}
.grid-freq-wrapper button[data-frequency] {
    border: 1px solid black;
    background: transparent;
    width: 65px;
    font-size: 10px;
}
.grid-freq-wrapper button:last-of-type {
    border-left: 0;
    border-top-right-radius: 5px;
    border-bottom-right-radius: 5px;
}
.grid-freq-wrapper button:first-of-type {
    border-top-left-radius: 5px;
    border-bottom-left-radius: 5px;
}
.grid-freq-wrapper button.selected {
    border: 1px solid black;
    background: black;
    color: white;
}
.alerts-actions button {
    font-size: 12px;
    color: white;
    border: 0;
    background: var(--main-blue);
    padding: 5px 10px 5px 10px;
}
.alerts-actions button[data-delete] {
    background: #BF0606;
    font-size: 10px;
    border-radius: 5px;
}
.alerts-actions button:hover {
    transition: all .1s linear;
    -moz-transition: all .1s linear;
    -webkit-transition: all .1s linear;
    -o-transition: all .1s linear;
    -webkit-animation-name: heartbeat;
    -webkit-animation-duration: 200ms;
    -webkit-transform-origin: 50% 50%;
    -webkit-animation-iteration-count: 1;
    -webkit-animation-timing-function: linear;
    -moz-animation-name: heartbeat;
    -moz-animation-duration: 200ms;
    -moz-transform-origin: 50% 50%;
    -moz-animation-iteration-count: 1;
    -moz-animation-timing-function: linear;
    -o-animation-name: heartbeat;
    -o-animation-duration: 200ms;
    -o-transform-origin: 50% 50%;
    -o-animation-iteration-count: 1;
    -o-animation-timing-function: linear;
}

.no-alerts {
    margin-top: 30px;
    font-size: 14px;
    width: 100%;
    text-align: center;
    font-family: var(--font-secondary);
}

.create-alert {
    position: relative;
    width: 100%;
    margin-bottom: 50px;
    padding-bottom: 30px;
    border-bottom: 1px dotted rgba(0,0,0,0.15);
    font-family: var(--font-secondary);
}
.alert-section-title {
    font-size: 14px;
    font-weight: 700;
    margin-bottom: 5px;
}
.alert-section-title:not(:first-of-type) {
    margin-top: 20px;
}

.create-alert-tabbed-buttons button {
    border: 1px solid black;
    background: white;
    min-width: 100px;
    padding: 0 15px;
    font-weight: 700;
    height: 30px;
    font-size: 11px;
}
.create-alert-tabbed-buttons button ion-icon {
    position: relative;
    top: 2px;
    margin-right: 2px;
}
.create-alert-tabbed-buttons button:first-of-type {
    border-top-left-radius: 5px;
    border-bottom-left-radius: 5px;
}
.create-alert-tabbed-buttons button:last-of-type {
    border-top-right-radius: 5px;
    border-bottom-right-radius: 5px;
}
.create-alert-tabbed-buttons button:not(:first-of-type) {
    border-left: 0;
}
.create-alert-tabbed-buttons button.selected {
    border: 1px solid black;
    color: white;
    background: black;
}
.create-recipients-list {
    position: relative;
    padding-bottom: 30px;
}
.create-recipients-list button {
    position: absolute;
    bottom: 0;
    color: white;
    font-size: 10px;
    padding: 5px 10px 5px 10px;
    border: 0;
    border-radius: 5px;
}
.create-recipients-list button:first-of-type {
    left: 0;
    background: black;
}
.create-recipients-list button:last-of-type {
    display: none;
    left: 30px;
    background: #BF0606;
}

.create-recipient {
    width: 100%;
    margin-bottom: 5px;
}
.create-recipient:first-of-type {
    margin-top: 10px;
}
.create-recipient:not(:first-of-type) {
    margin-top: 10px;
}
.create-recipient input {
    display: block;
    font-family: var(--font-secondary);
    width: 100%;
    max-width: 350px;
    border: 1px solid black;
    color: black;
    height: 30px;
    padding: 0 5px 0 5px;
    font-size: 12px;
    border-radius: 5px;
}
.create-recipient input:first-of-type {
    margin-bottom: 5px;
}

.alert-save {
    background: var(--main-blue);
    color: white;
    margin-top: 10px;
    font-size: 10px;
    font-weight: 700;
    text-transform: uppercase;
    width: 150px;
    line-height: 14px;
    height: 40px;
    padding: 0 20px;
    border: 0;
    transition: all .1s linear;
    -moz-transition: all .1s linear;
    -webkit-transition: all .1s linear;
    -o-transition: all .1s linear;
    border-radius: 5px;
}
.alert-save:hover {

    transition: all .1s linear;
    -moz-transition: all .1s linear;
    -webkit-transition: all .1s linear;
    -o-transition: all .1s linear;
    -webkit-animation-name: heartbeat;
    -webkit-animation-duration: 200ms;
    -webkit-transform-origin: 50% 50%;
    -webkit-animation-iteration-count: 1;
    -webkit-animation-timing-function: linear;
    -moz-animation-name: heartbeat;
    -moz-animation-duration: 200ms;
    -moz-transform-origin: 50% 50%;
    -moz-animation-iteration-count: 1;
    -moz-animation-timing-function: linear;
    -o-animation-name: heartbeat;
    -o-animation-duration: 200ms;
    -o-transform-origin: 50% 50%;
    -o-animation-iteration-count: 1;
    -o-animation-timing-function: linear;
}

.app-picker-holder-alerts {
    position: relative;
    width: 100%;
    max-width: 450px;
    height: 50px;
    line-height: 50px;
    box-sizing: border-box;
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    cursor: pointer;
    margin-top: 5px;
    z-index: 25;
}
.app-picker-holder-options-list-alerts {
    overflow-y: scroll;
    position: relative;
    width: 100%;
    max-height: 300px;
    z-index: 18;
    margin-top: -10px;
    padding-top: 10px;
    background: white;
    border: 1px solid black;
    border-bottom-left-radius: 5px;
    border-bottom-right-radius: 5px;
    border-top: 0;
    -webkit-box-shadow: 0 0 10px 0px rgba(0,0,0,0.15);
    -moz-box-shadow: 0 0 10px 0px rgba(0,0,0,0.15);
    box-shadow: 0 0 10px 0px rgba(0,0,0,0.15);
}
.app-picker-holder-options-list-search-alerts {
    top: 0;
    width: 100%;
    line-height: 38px;
    height: 40px;
    text-align: center;
    border-bottom: 1px dotted rgba(0,0,0,0.25);
    box-sizing: border-box;
}
.app-picker-holder-options-list-search-alerts input {
    width: 96%;
    height: 30px;
    border: 0;
    border-bottom: 1px dotted black;
    display: block;
    margin: 10px auto;
    background: white;
    color: black;
    box-sizing: border-box;
    font-size: 12px;
    /* padding-left: 5px; */
}
.app-picker-holder-picked-option-alerts, .app-picker-holder-option-alerts {
    position: relative;
    width: 100%;
    border-radius: 5px;
    height: 50px;
    z-index: 20;
    text-align: left;
    transition: all .1s linear;
    -moz-transition: all .1s linear;
    -webkit-transition: all .1s linear;
    -o-transition: all .1s linear;
    overflow: hidden;
}
.app-picker-holder-option-alerts:hover {
    background: rgba(0,0,0,0.15);
    transition: all .1s linear;
    -moz-transition: all .1s linear;
    -webkit-transition: all .1s linear;
    -o-transition: all .1s linear;
}
.app-picker-holder-picked-option-alerts span:first-of-type, .app-picker-holder-option-alerts span:first-of-type {
    display: block;
    height: 50px;
    line-height: 50px;
    margin-left: 45px;
    font-size: 12px;
    font-weight: 500;
    width: calc(100% - 75px);
    white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis;
}
.app-picker-holder-picked-option-alerts span:last-of-type, .app-picker-holder-option-alerts span:last-of-type {
    position: absolute;
    right: 10px;
    top: 0;
    font-size: 22px;
    line-height: 55px;
}
.app-picker-holder-picked-option-alerts span:last-of-type .ion-social-apple, .app-picker-holder-option-alerts span:last-of-type .ion-social-apple {
    color: #49ACE9;
}
.app-picker-holder-picked-option-alerts span:last-of-type ion-icon[name="logo-apple-appstore"], .app-picker-holder-option-alerts span:last-of-type ion-icon[name="logo-apple-appstore"] {
    color: #49ACE9;
}
.app-picker-holder-picked-option-alerts span:last-of-type .ion-social-android, .app-picker-holder-option-alerts span:last-of-type .ion-social-android {
    color: #88BF01;
}
.app-picker-holder-picked-option-alerts span:last-of-type ion-icon[name="logo-google-playstore"], .app-picker-holder-option-alerts span:last-of-type ion-icon[name="logo-google-playstore"] {
    color: #88BF01;
}
.app-picker-holder-picked-option-alerts {
    border: 1px solid black;
    background: white;
    z-index: 22;
}
.app-picker-holder-picked-option-alerts img, .app-picker-holder-option-alerts img {
    position: absolute;
    height: 32px;
    width: 32px;
    float: left;
    top: 8px;
    left: 5px;
}
.country-picker-holder-alerts {
    position: relative;
    background: white;
    width: calc(50% - 12px);
    max-width: 200px;
    height: 40px;
    line-height: 40px;
    box-sizing: border-box;
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    cursor: pointer;
    margin-bottom: 10px;
}
.country-picker-holder-options-list-alerts {
    overflow-y: scroll;
    position: relative;
    width: 100%;
    max-height: 300px;
    z-index: 19;
    background: white;
    color: black;
    margin-top: -10px;
    padding-top: 10px;
    border: 1px solid black;
    border-bottom-left-radius: 5px;
    border-bottom-right-radius: 5px;
    border-top: 0;
    -webkit-box-shadow: 0 0 10px 0px rgba(0,0,0,0.5);
    -moz-box-shadow: 0 0 10px 0px rgba(0,0,0,0.5);
    box-shadow: 0 0 10px 0px rgba(0,0,0,0.5);
}
.country-picker-holder-picked-option-alerts, .country-picker-holder-option-alerts {
    position: relative;
    width: 100%;
    height: 50px;
    text-align: left;
    transition: all .1s linear;
    -moz-transition: all .1s linear;
    -webkit-transition: all .1s linear;
    -o-transition: all .1s linear;
}
.country-picker-holder-option-alerts:hover {
    background: var(--background-light-fifty);
    transition: all .1s linear;
    -moz-transition: all .1s linear;
    -webkit-transition: all .1s linear;
    -o-transition: all .1s linear;
}
.country-picker-holder-picked-option-alerts span:first-of-type, .country-picker-holder-option-alerts span:first-of-type {
    height: 50px;
    line-height: 50px;
    margin-left: 5px;
    font-size: 12px;
}
.country-picker-holder-picked-option-alerts span:last-of-type, .country-picker-holder-option-alerts span:last-of-type {
    font-size: 12px;
    font-weight: 500;
    margin-left: 5px;
}
.country-picker-holder-picked-option-alerts {
    border: 1px solid black;
    border-radius: 5px;
    z-index: 20;
    background: white;
}
.country-picker-holder-options-list-search-alerts {
    top: 0;
    width: 100%;
    line-height: 38px;
    height: 40px;
    text-align: center;
    border-bottom: 1px dotted rgba(255,255,255,0.25);
    box-sizing: border-box;
}
.app-picker-holder-options-list-search-alerts input, .country-picker-holder-options-list-search-alerts input {
    width: 96%;
    height: 30px;
    border: 0;
    border-bottom: 1px dotted black;
    display: block;
    margin: 10px auto;
    background: white;
    color: black;
    box-sizing: border-box;
    font-size: 12px;
    /* padding-left: 5px; */
}
.picker-section-label, .competitors-section-label {
    width: 100%;
    text-align: left;
    font-weight: 600;
    font-size: 10px;
    color: var(--secondary-text);
    padding-left: 5px;
    height: 30px;
    line-height: 30px;
}
.competitors-section-label {
    margin-top: 15px;
}


/* --------------------- SCREEN < 920px --------------------- */
@media screen and (max-width: 920px) {



}
/* --------------------- END SCREEN < 920px --------------------- */


/* --------------------- SCREEN < 1200px --------------------- */
@media screen and (max-width: 1200px) {

    /* --------------------- SEARCH ADS --------------------- */
    .searchads-summary-data-wrap-left, .searchads-summary-data-wrap-right {
        width: 100%;
        float: none;
    }
    .searchads-summary-data-wrap-right {
        margin-bottom: 20px !important;
    }
    .searchads-summary-data-wrap-right div {
        height: 150px;
    }
    .searchads-summary-data-wrap-left div span {
        display: block;
        width: 100%;
        text-align: center;
        font-size: 16px;
        font-weight: 300;
        height: 30px;
        line-height: 30px;
    }
    .searchads-summary-data-wrap-left div span:first-of-type {
        font-size: 50px;
        font-weight: 700;
        height: 80px;
        line-height: 80px;
        margin-top: 45px;
    }
    .searchads-summary-data-wrap-right div span {
        font-size: 14px;
    }
    .searchads-summary-data-wrap-right div span:first-of-type {
        font-size: 34px;
        margin-top: 35px;
    }

}
/* --------------------- END SCREEN < 1200px --------------------- */


/* --------------------- SCREEN < 1000px --------------------- */
@media screen and (max-width: 1000px) {

    /* --------------------- SIDEBAR --------------------- */
    .sidebar {
        left: -230px;
        padding: 0;
    }
    #toggle-side-menu {
        display: block;
    }
    .small_head {
        padding-left: 60px;
    }
    .logo {
        float: left;
        text-align: left;
        width: 100px;
        height: 60px;
        text-align: right;
        line-height: 80px;
        font-size: 20px;
        font-weight: 400;
        font-family: var(--font-main);
    }

    /* --------------------- TOP BAR --------------------- */
    .platform-pickers {
        width: calc(100% - 120px);
    }


    /* --------------------- MAIN CONTENT --------------------- */
    .wrapper {
    	padding: 90px 2% 20px 2%;
    }

    /* --------------------- DASHBOARD --------------------- */
    .dashboard-app-meta span:first-of-type {
        font-size: 18px;
    }

    /* --------------------- REVIEWS --------------------- */
    .dashboard-keyword-highlights-left, .dashboard-keyword-highlights-right {
        width: 100%;
        float: none;
    }

    /* --------------------- REVIEWS --------------------- */
    /* . {
        float: none;
        width: 100%;
        text-align: center;
    } */
    .reviews-filter-wrapper-right {
        float: none;
        width: 100%;
        text-align: center;
    }
    .reviews-filter-wrapper button {
        display: block;
        margin: 10px auto;
    }
    .reviews-left {
        float: none;
        width: 100%;
    }
    .reviews-right {
        float: none;
        width: 100%;
    }

    /* --------------------- SEARCH ADS --------------------- */
    .searchads-filter-wrapper-left, .searchads-filter-wrapper-right  {
        float: none;
        width: 100%;
        text-align: center;
    }
    .searchads-filter-wrapper-right {
        margin-top: 10px;
    }
    .searchads-top-note-section {
        width: 100%;
        display: block;
    }

    /* --------------------- APP UPDATES --------------------- */
    .update-event-date {
        width: 30%;
    }
    .update-event-details {
        width: 70%;
    }

    /* --------------------- KEYWORDS --------------------- */
    .keywords-right, .keywords-left {
        float: none;
        width: 100%;
        padding: 0;
        padding-top: 20px;
    }
    .keywords-apps {
        height: auto;
    }
    .keywords-full {
        position: relative;
    }
    .big-pad-keywords {
        padding-top: 0px;
    }

    /* --------------------- KEYWORD RESEARCH --------------------- */
    .keyword-research-left, .keyword-research-right {
        width: 100%;
        float: none;
        padding: 0;
    }

    /* --------------------- KEYWORD DENSITY --------------------- */
    .keyword-density-inner-right, .keyword-density-inner-left {
        width: 100%;
        float: none;
        margin-top: 20px;
    }
    .keyword-density-inner-left input:last-of-type {
        margin-top: 20px;
    }
    .keyword-density-inner-right input, .keyword-density-inner-left input {
        width: 100%;
        margin: 0px;
    }

    /* --------------------- LINKS --------------------- */
    .links-left-wrapper, .links-right-wrapper {
        float: none;
        width: 100%;
    }

    /* --------------------- LINKS COMPARE --------------------- */
    .links-compare-table-header tr td, .links-compare-table tr td {
        width: 14%;
    }
    .links-compare-table-header tr td:first-of-type, .links-compare-table tr td:first-of-type {
        width: 5%;
    }
    .links-compare-table-header tr td:nth-of-type(2), .links-compare-table tr td:nth-of-type(2) {
        width: 20%;
        overflow: hidden;
    }

    /* --------------------- APP DETAILS --------------------- */
    .dashboard-app-meta-about {
        width: 49%;
        margin-bottom: 30px;
    }

    /* --------------------- TOP CHARTS --------------------- */
    .top-charts-column, .top-charts-column:nth-of-type(2), .top-charts-column:nth-of-type(3) {
        width: 100%;
        float: none;
        margin: 0;
        margin-bottom: 30px;
    }

    /* --------------------- REPORTS --------------------- */
    .report-meta {
        width: 100%;
        display: block;
        margin-bottom: 20px;
    }

}
/* --------------------- END SCREEN < 800px --------------------- */


/* --------------------- ANIMATIONS --------------------- */
@-o-keyframes heartbeat {
    0% {
        -o-transform: scale(1);
    }
    50% {
        -o-transform: scale(0.9);
    }
    100% {
        -o-transform: scale(1);
    }
}
@-moz-keyframes heartbeat {
    0% {
        -moz-transform: scale(1);
    }
    50% {
        -moz-transform: scale(0.9);
    }
    100% {
        -moz-transform: scale(1);
    }
}
@-webkit-keyframes heartbeat {
    0% {
        -webkit-transform: scale(1);
    }
    50% {
        -webkit-transform: scale(0.9);
    }
    100% {
        -webkit-transform: scale(1);
    }
}
@keyframes heartbeat {
    0% {
        transform: scale(1);
    }
    50% {
        transform: scale(0.9);
    }
    100% {
        transform: scale(1);
    }
}

@-o-keyframes heartbeat-big {
    0% {
        -o-transform: scale(1);
    }
    50% {
        -o-transform: scale(1.5);
    }
    100% {
        -o-transform: scale(1);
    }
}
@-moz-keyframes heartbeat-big {
    0% {
        -moz-transform: scale(1);
    }
    50% {
        -moz-transform: scale(1.5);
    }
    100% {
        -moz-transform: scale(1);
    }
}
@-webkit-keyframes heartbeat-big {
    0% {
        -webkit-transform: scale(1);
    }
    50% {
        -webkit-transform: scale(1.5);
    }
    100% {
        -webkit-transform: scale(1);
    }
}
@keyframes heartbeat-big {
    0% {
        transform: scale(1);
    }
    50% {
        transform: scale(1.5);
    }
    100% {
        transform: scale(1);
    }
}


@keyframes shake {
  10%, 90% {
    transform: translate3d(-1px, 0, 0);
  }

  20%, 80% {
    transform: translate3d(2px, 0, 0);
  }

  30%, 50%, 70% {
    transform: translate3d(-4px, 0, 0);
  }

  40%, 60% {
    transform: translate3d(4px, 0, 0);
  }
}
@-webkit-keyframes shake {
  10%, 90% {
    -webkit-transform: translate3d(-1px, 0, 0);
  }

  20%, 80% {
    -webkit-transform: translate3d(2px, 0, 0);
  }

  30%, 50%, 70% {
    -webkit-transform: translate3d(-4px, 0, 0);
  }

  40%, 60% {
    -webkit-transform: translate3d(4px, 0, 0);
  }
}
@-moz-keyframes shake {
  10%, 90% {
    -moz-transform: translate3d(-1px, 0, 0);
  }

  20%, 80% {
    -moz-transform: translate3d(2px, 0, 0);
  }

  30%, 50%, 70% {
    -moz-transform: translate3d(-4px, 0, 0);
  }

  40%, 60% {
    -moz-transform: translate3d(4px, 0, 0);
  }
}
@-o-keyframes shake {
  10%, 90% {
    -o-transform: translate3d(-1px, 0, 0);
  }

  20%, 80% {
    -o-transform: translate3d(2px, 0, 0);
  }

  30%, 50%, 70% {
    -o-transform: translate3d(-4px, 0, 0);
  }

  40%, 60% {
    -o-transform: translate3d(4px, 0, 0);
  }
}