* {
    margin: 0;
    padding: 0;
    outline: 0;
    font-size: calc(12px + 0.5vw);
}
@font-face {
    font-family: 'Golos';
    font-style: normal;
    font-weight: normal;
    src: local('Golos'),
        url('https://rocket-tools.pro/font/Golos-Text_Regular.woff2') format('woff2'), 
        url('https://rocket-tools.pro/font/Golos-Text_Regular.woff') format('woff'),
        url('https://rocket-tools.pro/font/Golos-Text_Regular.web.ttf') format('ttf'),
        url('https://rocket-tools.pro/font/Golos-Text_Regular.eot') format('eot');
}
@font-face {
    font-family: 'Golos Medium';
    font-style: normal;
    font-weight: normal;
    src: local('Golos Medium'),
        url('https://rocket-tools.pro/font/Golos-Text_Medium.woff2') format('woff2'), 
        url('https://rocket-tools.pro/font/Golos-Text_Medium.woff') format('woff'),
        url('https://rocket-tools.pro/font/Golos-Text_Medium.web.ttf') format('ttf'),
        url('https://rocket-tools.pro/font/Golos-Text_Medium.eot') format('eot');
}
@font-face {
    font-family: 'Nunito Bold';
    font-style: normal;
    font-weight: normal;
    src: local('Nunito Bold'),
        url('https://rocket-tools.pro/font/Nunito-Bold.woff2') format('woff2'),
        url('https://rocket-tools.pro/font/Nunito-Bold.ttf') format('ttf');
}
header {
    font-family: 'Golos';
    width: 100%;
    position: fixed;
    top: 0;
    left: 0;
    height: 3.3em;
    box-shadow: 0 0 12px -1px rgba(29,29,38,.08);
    background: white;
    z-index: 5;
}
header a.logo {
    float: left;
    min-width: 15%;
    box-sizing: border-box;
    padding: .5em 1em .5em 1.5em;
    text-decoration: none;
}
header a.logo img, .no-navigation a.logo img {
    height: 1.2em;
    float: left;
    margin: .5em .5em .5em 0;
    outline-color: transparent;
    outline-style: solid;
    border-radius: 5px;
    outline-width: 2px;
}
header a.logo span {
    line-height: 2em;
    font-size: 1.1em;
    font-family: 'Nunito Bold';
    color: #0F1C2D;
}
.no-navigation .logo span {
    line-height: 2em;
    font-size: 1.1em;
    font-family: 'Nunito Bold';
    color: #fff;
}
header .nav {
    float: left;
    padding: .5em;
    box-sizing: border-box;
}
header .nav a {
    display: none;   
}
header .nav .big {
    text-decoration: none;
    font-size: .8em;
    padding: .85em 1.2em;
    float: left;
    border-radius: 5px;
    background: #0f1c2d;
    color: transparent;
    position: relative;
    width: .5em;
}
header .nav .big:before {
    content: '';
    position: absolute;
    width: 1.2em;
    height: 1.2em;
    background-image: url('/img/menu.svg');
    background-size: 1em;
    background-repeat: no-repeat;
    background-position: 50%;
    left: .8em;
}
.reg-btn, .auth-btn, header .user-name {
    float: right;
    text-decoration: none;
    border: 2px solid #8556fc;
    font-size: .8em;
    padding: calc(0.725em - 2px) 1.2em;
    margin: 0.75em 1em 0.75em 0;
    border-radius: 5px;
    text-overflow: ellipsis;
    white-space: nowrap;
    overflow: hidden;
}
.reg-btn {
    background: #8556fc; 
    color: #fff;   
}
.auth-btn, header .user-name {
    color: transparent;
    background: #fff;
}
.auth-btn, .reg-btn {
    color: transparent;
    width: 0;
    background-size: 1.1em;
    background-position: 50%;
    background-repeat: no-repeat;
}
.auth-btn {
    background-image: url(https://rocket-tools.pro/img/icon/rt-auth.svg);   
}
.reg-btn {
    background-image: url(https://rocket-tools.pro/img/icon/rt-newuser.svg);    
}
header .user-name {
    background-image: url(https://rocket-tools.pro/img/icon/rt-user.svg);
    background-size: 1.1em;
    background-position: 50%;
    background-repeat: no-repeat;
    width: 1.2em;
    padding: .6em .8em;
}
nav, .user-input-wrp .data-search, .user-input-wrp .data-results, .user-input-wrp .data-labels, .qa-block .answer, .user-input-wrp.show .data-labels, .show-menu, .ranking-report:not(.showall) .ranking-left .show-menu .text, .input-block .data-search, .input-block .data-results, .input-selector .data-labels, .calendar-container, .no_more, .no-project-data .input-selector:not(#project):not(#key_project):not(#vol_project):not(#trck_project), .no-project-data #export, .no-project-data .competitors-tabs, .no-project-data .statistic-tabs, .no-project-data .data-table, .ranking-report.showall .positions-filter:nth-child(2), .data-results .data.hidden, .no-project-data #key_export, .no-project-data .data-keyword, .no-project-data #chart-container-1, .no-project-data #chart-container-2, .no-project-data h2, .step-container:not(.actual), .tracking-report:not(.showall) .tracking-left .show-menu .text, .tracking-tab:not(.show), .hidden-uiw {
    display: none;
}
nav.show {
    display: block;
    background: #ffffff;
    float: left;
    font-family: 'Golos';
    width: 100%;
    position: fixed;
    top: 3.3em;
    left: 0;
    z-index: 5;
    max-height: calc(100vh - 3.3em);
}
.banner {
    margin-top: 3.3em;
    width: 100%;
    float: left;
    position: relative;
    background: white;
    padding: 2em 1.5em 6em 1.5em;
    box-sizing: border-box;
}
.banner:before {
    content: '';
    position: absolute;
    height: 9em;
    width: 9em;
    bottom: 0;
    right: calc(25% - 4.5em);
    background-image: url(/img/ufo.svg);
    background-size: 9em;
    background-repeat: no-repeat;
}
.banner h1 {
    font-family: 'Nunito Bold';
    color: #0f1c2d;
    font-size: 2em;
    line-height: 1.2em;
    margin-bottom: .75em;
}
.banner p {
    font-family: 'Golos';
    width: 100%;
    float: left;
    margin-bottom: 1.5em;
    line-height: 1.4em;
    font-size: 1.2em;
}
.banner-btn {
    float: left;
    text-decoration: none;
    background: #8556fc;
    border: 2px solid #8556fc;
    font-size: 1.2em;
    box-sizing: border-box;
    width: 100%;
    padding: calc(0.725em - 2px) 1.2em;
    margin: 0.75em 0;
    border-radius: 5px;
    color: white;
    font-family: 'Golos Medium';
    text-align: center;
}
.plan-card .btn {
    float: left;
    text-decoration: none;
    background: #8556fc;
    border: 2px solid #8556fc;
    font-size: .9em;
    padding: calc(0.725em - 2px) 1.2em;
    margin: 0.75em 1em 0.75em 0;
    border-radius: 5px;
    color: white;
    font-family: 'Golos Medium';
}
.banner-users {
    font-family: 'Golos';
    padding: 0.725em 1.2em 0.725em 3.3em;
    float: left;
    position: relative;
    font-size: 1.1em;
    color: #6e788d;
}
.banner-users span {
    color: #0f1c2d;
    font-size: 1em;
}
.banner-users:before {
    content: '';
    position: absolute;
    left: 0;
    width: 2.4em;
    height: 2.4em;
    background-image: url(/img/love-users.svg);
    background-size: 2.4em;
    background-repeat: no-repeat;
    transform: scaleX(-1);
}
.brands {
    width: 100%;
    float: left;
    background: #f3f3f7;
    height: 3.5em;
    padding: 1em;
    box-sizing: border-box;
    white-space: nowrap;
    overflow: hidden;
}
.brands p {
    font-family: 'Golos';
    color: #6e788d;
    margin-bottom: 1em;
    width: 100%;
}
@keyframes brands-scroll {
    0% {
        transform: translateX(0);
    }
    100% {
        transform: translateX(calc(100vw - 40em)); 
    }
}
.brand-list {
    float: left;
    width: 100%;
    animation: brands-scroll 5s linear infinite alternate;
}
.brand-list img {
    height: 1.5em;
}
.brand-list img:not(:last-child) {
    margin-right: 2em;
}
.possibilities {
    width: 100%;
    float: left;
    padding: 3em 1.5em;
    box-sizing: border-box;
    background: linear-gradient(45deg, #8556fc, #5f1cc8);
}
.possibilities h2 {
    font-family: 'Nunito Bold';
    color: white;
    font-size: 1.6em;
    text-align: center;
    margin-bottom: 1em;
}
.poss-left {
    float: left;
    width: 100%;
}
.poss-right {
    display: none;
}
.poss-list .poss-card {
    width: 100%;
    float: left;
    margin: .75em 0;
    position: relative;
}
.poss-list .poss-card.selected img {
    height: 4em;
    position: absolute;
    top: 50%;
    left: 0;
    transform: translateY(-50%);
}
.poss-list .poss-card:not(.selected) img {
    height: 2em;
    width: auto;
    float: left;
    margin-right: 1em;
    margin-left: 1em;
    position: absolute;
}
.poss-list .poss-card:not(.selected) p {
    display: none;
}
.poss-list .poss-card:not(.selected) h3 {
    font-family: 'Golos Medium';
    color: white;
    font-size: 1em;
    line-height: 2em;
    margin-left: 4em;
}
.poss-card.selected div {
    background: rgba(0,0,0,0.1);
    margin-left: 2em;
    padding: 1em 1.25em 1em 3.5em;
    border-radius: 5px;
}
.poss-card.selected div h3 {
    font-family: 'Golos Medium';
    color: white;
    font-size: 1.1em;
    margin-bottom: 1em;
}
.poss-card.selected div p {
    font-family: 'Golos';
    font-size: .9em;
    line-height: 1.4em;
    color: white;
}
.language-selector .data-results {
    display: none;
}
.alltools, .allplan {
    width: 100%;
    float: left;
    padding: 3em 1.5em;
    box-sizing: border-box;
}
.alltools h2, .allplan h2 {
    font-family: 'Nunito Bold';
    font-size: 1.6em;
    text-align: center;
    margin-bottom: 1em;
    color: #0f1c2d;
}
.tools-list {
    display: block;
    width: 100%;
    float: left;
}
.re-tools-list {
    display: block;
    width: 100%;
    float: left;
    margin-top: 1em;
}
.tools-list .tools-card {
    width: 100%;
    margin-bottom: 1.5em;
    background: #f3f3f7;
    padding: 1em;
    box-sizing: border-box;
    border-radius: 5px;
    float: left;
}
.re-tools-card {
    display: block;
    width: 100%;
    float: left;
    margin-bottom: 1.5em;
    background: rgba(255,255,255,0.75);
    padding: 1em;
    box-sizing: border-box;
    border-radius: 5px;
    text-decoration: none;
}
.tools-card div {
    font-family: 'Golos Medium';
    margin-bottom: .5em;
    width: calc(100% - 2em);
    color: #0f1c2d;
}
.re-tools-card .name {
    font-family: 'Golos Medium';
    margin-bottom: .5em;
    width: 100%;
    color: #0f1c2d;
}
.tools-card a, .re-tools-card .description {
    display: block;
    width: 100%;
    float: left;
    margin-top: .5em;
    text-decoration: none;
    font-family: 'Golos';
    font-size: .9em;
    line-height: 1.4em;
    color: #6e788d;
}
.tools-card img {
    width: 1em;
    margin-left: .5em;
    float: right;
    background: #8556fc;
    border-radius: 5px;
    padding: .25em;
}
.plan-list {
    float: left;
    width: 100%;
    margin: 1em auto;
}
.plan-card {
    width: 100%;
    float: left;
    color: #0F1C2D;
    font-size: .9em;
    font-family: 'Golos';
    border-radius: 5px;
    position: relative;
    box-sizing: border-box;
    overflow: hidden;
    padding: 1em;
    margin: 1em auto;
}
.plan-card.selected {
    background: #e8dfff;
}
.plan-card:not(.selected) {
    background: #f3f3f7;
}
.plan-card .name {
    font-family: 'Golos Medium';
    font-size: 1.2em;
    margin-bottom: .5em;
}
.price {
    position: relative;
    margin-left: 1em;
}
.price span.ruble:before {
    background-image: url('/img/icon/ruble.svg');
}
.price span.dollar:before {
    background-image: url('/img/icon/dollar.svg');
}
.price > span:before {
    content: '';
    width: 0.8em;
    height: 0.8em;
    left: -1em;
    top: 0.25em;
    position: absolute;
    background-size: 0.8em;
    background-repeat: no-repeat;
}
.price > span {
    font-family: 'Golos Medium';
}
.price > span  > span {
    font-family: 'Golos';
    font-size: .9em;
}
.plan-card .advant {
    background: rgba(255,255,255,0.75);
    border-radius: 5px;
    margin: 1em 0;
    padding: .5em 1em;
    box-sizing: border-box;
}
.plan-card .advant p {
    font-size: .9em;
    margin-bottom: .5em;
}
.plan-card .advant ul li {
    list-style: none;
    font-size: .9em;
    line-height: 1.5em;
    position: relative;
    padding-left: 1.5em;
}
.plan-card .advant ul li:before {
    content: "";
    position: absolute;
    left: 0;
    top: .25em;
    width: 1em;
    height: 1em;
    background-image: url('/img/icon/check-plan.svg');
    background-size: .7em;
    background-position: 50%;
    background-repeat: no-repeat;
}
.free-plan {
    font-family: 'Golos';
    font-size: .9em;
    line-height: 1.4em;
    margin-bottom: 2em;
    color: #6e788d;
}
.service-text {
    font-family: 'Golos';
    font-size: .9em;
    line-height: 1.4em;
    margin-bottom: 2em;
    color: #6e788d;
    text-align: center;
}
.contact-list {
    display: flex;
    flex-direction: column;
    width: 100%;
    margin: 1em auto;
}
.contact-list .contact-card {
    width: 100%;
    float: left;
    margin: 1em auto;
    color: #0F1C2D;
    font-size: .9em;
    background: #f3f3f7;
    font-family: 'Golos';
    border-radius: 5px;
    position: relative;
    box-sizing: border-box;
    overflow: hidden;
    padding: 1.5em;
}
.contact-card img {
    width: 15vw;
    padding: .75em;
    background: linear-gradient(to bottom, #f0fef4, #c4ffe8);
    box-sizing: border-box;
    border-radius: 5px;
    float: left;
    margin-right: 3vw;
}
.contact-card p {
    font-size: 1em;
    text-align: left;
    line-height: 2em;
    color: #6e788d;
    float: left;
    width: calc(100% - 18vw);
}
.contact-card .link a {
    color: #8556fc;
    font-size: 1.1em;
    text-decoration: none;
    line-height: 2.4em;
}
.contact-card:nth-child(2) {
    margin: 1em 0;
}
footer {
    background: #000;
    float: left;
    width: 100%;
    padding: 1.5em;
    box-sizing: border-box;
    min-height: 20em;
}
.footer-list {
    width: 100%;
    float: left;
}
.footer-card {
    width: 100%;
    float: left;
    margin-bottom: 2em;
}
.footer-card .name {
    color: #ffffff;
    font-family: 'Golos Medium';
    font-size: .8em;
    width: 100%;
    float: left;
    margin-bottom: 1em;
}
.footer-card .name.not-fist {
    margin-top: 2em;
}
.footer-card a {
    color: #858585;
    font-family: 'Golos';
    text-decoration: none;
    width: 100%;
    float: left;
    margin-bottom: .75em;
    font-size: .9em;
}
footer .copyright {
    color: #858585;
    font-family: 'Golos';
    font-size: .9em;
    margin-top: 1em;
}
.language-selector {
    width: auto;
    border: 2px solid #858585;
    height: 2.4em;
    float: left;
    border-radius: 5px;
    box-sizing: border-box;
}
.language-selector .selected {
    width: 100%;
    position: relative;
    box-sizing: border-box;
    padding: 0.75em 2.2em 0.75em 1.2em;
    font-size: .8em;
    color: #fff;
    font-family: 'Golos';
}
.language-selector .selected:after {
    content: '';
    position: absolute;
    top: .7em;
    right: 0.5em;
    width: 1.5em;
    height: 1.5em;
    background-image: url(/img/icon/white-chevdown.svg);
    background-size: 0.8em;
    background-repeat: no-repeat;
    background-position: 50%;
}
.tool-int {
    width: 100%;
    float: left;
    padding: 1.5em;
    box-sizing: border-box;
    margin-top: 3.3em;
}
.service-page {
    margin-top: 3.3em;
}
.about-int {
    background: #f3f3f7;
    width: 100%;
    float: left;
    padding: 1.5em;
    box-sizing: border-box;
}
.bread {
    float: left;
    font-family: 'Golos';
    width: 60%;
    font-size: 1em;
    margin-bottom: 1em;
    padding: 0.5em 0;
}
.bread span:not(.parent), .bread .icon {
    display: none;
}
.bread span.parent:before {
    content: '';
    width: 1.2em;
    height: 1.2em;
    background-image: url(/img/icon/bread-chevron.svg);
    background-size: .8em;
    background-position: 100% 50%;
    background-repeat: no-repeat;
    float: left;
    transform: scaleX(-1);
}
.bread span, .bread a {
    font-size: 1em;
    color: #6e788d;
    float: left;
    text-decoration: none;
}
.balance {
    float: left;
    font-family: 'Golos';
    font-size: .8em;
    width: 100%;
    text-align: left;
}
.balance .block {
    font-size: 1em;
    background: rgb(233 255 243);
    float: left;
    padding: .5em 1em .5em 2.5em;
    border-radius: 5px;
    position: relative;
    width: fit-content;
    margin-bottom: 2em;
    box-sizing: border-box;
}
.balance .block:before {
    content: '';
    position: absolute;
    width: 1.2em;
    height: 1.2em;
    left: .6em;
    background-image: url(/img/icon/limits.svg);
    background-size: 1.2em;
    background-position: 50%;
    background-repeat: no-repeat;
}
.balance .block .back {
    content: '';
    position: absolute;
    left: 0;
    top: 0;
    height: 1.75em;
    border-radius: 5px;
    z-index: 1;
    background: rgb(77 254 174 / 20%);
}
.balance .block span {
    font-size: 1em;
    font-family: 'Golos Medium';
}
.tool-int h1 {
    font-family: 'Nunito Bold';
    color: #0f1c2d;
    font-size: 1.4em;
    line-height: 1.2em;
    margin-bottom: .75em;
    width: 100%;
    float: left;
}
.tool-desc {
    font-family: 'Golos';
    font-size: 1em;
    line-height: 1.4em;
    margin-bottom: 2em;
    color: #6e788d;
    width: 100%;
    float: left;
}
.interface, .send-rating, .user-information, .project-information, .crawl-pack .pack {
    background: #fff;
    margin-right: 1em;
    font-family: 'Golos';
    border-radius: 5px;
    border: 1px solid #e5e5e5;
    width: 100%;
    float: left;
    margin-bottom: 2em;
    position: relative;
    box-sizing: border-box;
}
.input-els {
    font-size: .8em;
    padding: .5em 1.5em;
    border-bottom: 1px solid #e6e6e6;
    float: left;
    width: 100%;
    box-sizing: border-box;
}
.crawl-pack .pack {
    padding: 1em 1.5em;
}
.user-input-wrp:not(.b-rel) {
    position: relative;
    width: 100%;
    margin: 1em 0;
    float: left;
}
.user-input-wrp .inputText {
    padding: .5em 1.2em;
}
.user-input-wrp .inputText, .user-input-wrp textarea {
    width: 100%;
    outline: none;
    border: 1px solid #e6e6e6;
    min-height: 3em;
    height: 3em;
    font-size: .8em;
    border-radius: 5px;
    box-sizing: border-box;
}
.user-input-wrp .floating-label {
    position: absolute;
    pointer-events: none;
    top: .75em;
    left: 1em;
    font-size: .8em;
    transition: 0.2s ease all;
}
.user-input-wrp .input-selector, .user-input-wrp .time-selector  {
    width: 100%;
    border: 1px solid #e6e6e6;
    height: 2.4em;
    background: #fff;
    border-radius: 5px;
    box-sizing: border-box;
}
.time-selector input[type="time"] {
    width: 100%;
    box-sizing: border-box;
    height: 100%;
    border: 1px solid #fff;
    border-radius: 4px;
    font-family: 'Golos';
    padding: 0.75em 1.2em;
    font-size: .8em;
}
.input-selector.label .selected span {
    font-size: 1em;
}
.user-input-wrp .selector-name, .user-input-wrp .textarea-name, .grid-selector-name {
    position: absolute;
    pointer-events: none;
    top: -.75em;
    left: 1em;
    background: white;
    font-size: .7em;
    border-radius: 5px;
    padding: 0 .5em;
    transition: 0.2s ease all;
}
.user-input-wrp:not(.b-rel) .input-selector .selected {
    width: 100%;
    padding-right: 1.25em;
    box-sizing: border-box;
    padding: 0.75em 1.2em;
    font-size: .8em;
}
.action-els {
    padding: .8em 1.2em;
    float: left;
    width: 100%;
    box-sizing: border-box;
}
.interface .btn, .review-btn, .user-information .inform-btn, .user-information .pass-btn, .newchat-btn, .action-els .pay-btn, .promocode-btn, .project-information .project-btn, .next-step, .operation-popup .check-btn, .user-information .notif-btn, .crawl-pack .pack .btn {
    float: left;
    text-decoration: none;
    background: #8556fc;
    border: 2px solid #8556fc;
    font-size: .8em;
    padding: calc(0.725em - 2px) 1.2em;
    border-radius: 5px;
    color: white;
    font-family: 'Golos Medium';
    margin: 0.25em 0;
}
.operation-limits {
    float: left;
    font-size: .7em;
    padding: 0.9em 1.2em;
    background: rgb(206 255 228);
    margin: 0.25em 0 0.25em 1.5em;
    border-radius: 5px;
    position: relative;
    color: #6e788d;
}
.operation-limits:before, .pack .limits:before {
    content: '';
    position: absolute;
    left: -1.475em;
    top: .75em;
    border-top: .75em solid transparent;
    border-left: .75em solid transparent;
    border-bottom: .75em solid transparent;
    border-right: .75em solid rgb(206 255 228);
}
.about-int .block {
    margin: 2em 0;
    width: 100%;
    float: left;
}
.block.video-text, .block.image-text {
    display: flex;
    flex-direction: column;
}
.block.video-text .b-text {
    width: 100%;
    order: 1;
    float: left;
    box-sizing: border-box;
}
.block.video-text .b-video {
    width: 100%;
    order: 2;
    float: left;
}
.b-image {
    width: 100%;
    order: 2;
    float: left;
}
.block.image-text .b-text {
    width: 100%;
}
.b-image img {
    width: 100%;
    height: auto;
    border-radius: 5px;
}
.block h2, .history h2, .operations h2, .result-container h2, .crawl-pack h2 {
    font-family: 'Nunito Bold';
    color: #0f1c2d;
    font-size: 1.1em;
    line-height: 1.2em;
    margin-bottom: .75em;
    width: 100%;
    float: left;
}
.result-container h3 {
    font-family: 'Nunito Bold';
    color: #6e788c;
    font-size: 1.15em;
    line-height: 1.2em;
    margin-bottom: .75em;
    width: 100%;
    float: left;
}
.block p {
    font-family: 'Golos';
    font-size: .9em;
    line-height: 1.4em;
    margin-bottom: 1.5em;
}
.block.checklist ul li {
    list-style: none;
    position: relative;
    font-family: 'Golos';
    font-size: .9em;
    line-height: 2em;
    width: 100%;
    float: left;
    padding-left: 1.2em;
    box-sizing: border-box;
}
.block.checklist ul li:before {
    content: "";
    position: absolute;
    font-size: .9em;
    left: 0;
    top: .25em;
    width: 1.2em;
    height: 2em;
    background-image: url('/img/icon/check-plan.svg');
    background-size: .8em;
    background-position: 0% 50%;
    background-repeat: no-repeat;
}
.about-int table, .history table, .result table, .check-table table {
    border-collapse: collapse;
    border-radius: 5px 5px 0 0;
    overflow: hidden;
    background: #fcfcfd;
    width: 100%;
    font-family: 'Golos'
}
.about-int table tr:nth-child(2n+1), .history table tr:nth-child(2n+1), .result table tr:nth-child(2n+1), .check-table table tr:nth-child(2n+1) {
    background: #f3f3f7;
}
.about-int table th, .history table th, .result table th, .check-table table th {
    background: #6e788d;
    border: 1px solid #6e788d;
    color: white;
    white-space: nowrap;
    text-align: center;
    padding: 0.5em 1em;
    font-size: .8em;
}
.about-int table td, .history table td, .result table td, .check-table table td {
    padding: 0.5em 1em;
    text-align: center;
    border: 1px solid #e6e6e6;
    font-size: .7em;
}
.about-int table tr:last-child, .history table tr:last-child, .result table tr:last-child, .check-table table tr:last-child {
    border-bottom: 2px solid #6e788d;
}
.check-table {
    float: left;
    width: 100%;
    margin-bottom: 2em;
    overflow: scroll;
}
.b-video iframe {
    width: 100%;
    border-radius: 5px;
}
.qa-block:not(:last-child) {
    float: left;
    width: 100%;
    border-bottom: 1px solid #d2d2d2;
    margin-bottom: 1em;
    padding-bottom: 1em;
}
.block.faq h2 {
    margin-bottom: 2em;
}
.qa-block .question {
    font-family: 'Golos Medium';
    padding: 1em 2em 1.2em 0;
    cursor: pointer;
    position: relative;
    float: left;
    width: 100%;
    box-sizing: border-box;
}
.qa-block .question:after {
    content: '';
    position: absolute;
    right: 0;
    top: .5em;
    width: 1em;
    height: 1em;
    background-size: 1em;
    background-image: url(/img/icon/plus.svg);
    transform: rotate(0deg);
}
.qa-block .answer p {
    float: left;
    width: 100%;
    margin-bottom: .8em;
    color: #6e788d;
}
.rating-block {
    float: left;
    width: 100%;
}
.rating-block .value {
    width: auto;
    padding: 1em 0;
    border-radius: .5em;
    box-sizing: border-box;
}
.rating .stars div, .stars-input div {
    height: 2em;
    width: 1.8em;
    font-size: 1em;
    background-size: 1.4em;
    background-position: 50%;
    background-repeat: no-repeat;
    float: left;
}
.rating .stars div.star, .stars-input div.user-star.selected, .stars-input div.user-star.setted {background-image: url(/img/icon/star.svg);}
.rating .stars div.no-star, .stars-input div.user-star {background-image: url(/img/icon/nostar.svg);}
.rating .stars div.half-star {background-image: url(/img/icon/halfstar.svg);}
.rating .text {
    line-height: 2em;
    font-size: 1em;
    font-family: 'Golos';
}
.rating .stars {
    float: left;
    margin-right: .25em;
}
.rating .text span {
    font-size: 1em;
}
.block.experts {
    background: #e8dfff;
    border-radius: 5px;
    padding: 1em;
    width: 100%;
    box-sizing: border-box;
}
.block.experts img {
    display: none;
}
.expert .review {
    background: rgba(255,255,255,0.75);
    width: 100%;
    border-radius: 5px;
    padding: .5em 1em;
    box-sizing: border-box;
    margin-bottom: 1em;
    font-family: 'Nunito Bold';
    float: left;
}
.expert .name {
    font-family: 'Nunito Bold';
    float: left;
    margin-top: 1em;
    color: #6e788d;
    font-size: .9em;
}
.social-links {
    float: left;
    width: 100%;
}
.social-links div {
    background-color: white;
    width: 2.2em;
    height: 2.2em;
    float: left;
    margin-right: 1em;
    border-radius: 5px;
    background-size: 2.2em;
    background-repeat: no-repeat;
    background-position: 50%;
    cursor: pointer;
}
.exp-telegram {
    background-image: url(/img/social/telegram.svg);
}
.exp-vk {
    background-image: url(/img/social/vk.svg);
}
.exp-youtube {
    background-image: url(/img/social/youtube.svg);
}
.exp-tenchat {
    background-image: url(/img/social/tenchat.svg);
}
.exp-linkedin {
    background-image: url(/img/social/linkedin.svg);
}
.exp-max {
    background-image: url(/img/social/max.svg);
}
.review q {
    float: left;
    width: 100%;
}
.user-input-wrp textarea {
    max-width: 100%;
    min-width: 100%;
    font-family: 'Golos';
    padding: 1em 1.2em .5em 1.2em;
}
.history a {
    font-size: 1em;
    color: #1175e6;
    text-decoration: none;
}
.history a:visited {
    color: #8556fc;
}
.user-input-wrp .input-selector .selected:after, .result-filters .f-name:after {
    content: '';
    position: absolute;
    top: 0.75em;
    right: 0.5em;
    width: 1.5em;
    height: 1.5em;
    background-image: url(/img/icon/chevron-down.svg);
    background-size: 0.8em;
    background-repeat: no-repeat;
    background-position: 50%;
}
header .logout {
    float: right;
    text-decoration: none;
    color: #f7fbff;
    height: 1.2em;
    width: 1.2em;
    border: 2px solid #0f1c2d;
    font-size: .8em;
    padding: .6em .8em;
    margin: 0.75em 1.5em 0.75em 0;
    border-radius: 5px;
    background-image: url(https://rocket-tools.pro/img/icon/exit.svg);
    background-size: 1.1em;
    background-position: 50%;
    background-repeat: no-repeat;
}
.history tr td:first-child {
    max-width: 35vw;
    white-space: nowrap;
    text-align: left;
    overflow: hidden;
    text-overflow: ellipsis;
}
.export-btns {
    width: 100%;
    margin: .75em 0;
    float: left;
}
.block.table-text {
    overflow: scroll;
}
.export_clipboard, .export_csv {
    float: left;
    text-decoration: none;
    background: #6e788d;
    border: 2px solid #6e788d;
    font-size: .8em;
    padding: calc(0.725em - 2px) 1.2em;
    border-radius: 5px;
    color: white;
    font-family: 'Golos Medium';
    margin: 0.25em 1em 0.25em 0;
}
.progress, .result-container, .operations, .history {
    width: 100%;
    float: left;
    padding: 0em 1.5em;
    box-sizing: border-box;
    margin-bottom: 4em;
    background: #fff;
    overflow: scroll;
}
.send-rating {
    font-family: 'Golos';
}
.name-els {
    padding: 1.2em 1.33em .5em 1.33em;
    font-size: 1em;
}
.stars-input {
    float: left;
    width: calc(50% - 0.9em);
    padding: 0.25em 1em;
    margin: 1em 0;
    box-sizing: border-box;
    height: 2.6em;
}
.stars-input div {
    cursor: pointer;
}
.personal-account, .ranking-report, .tracking-report {
    background: #f3f3f7;
    width: 100%;
    float: left;
    padding: 3.3em 0 1.5em 0;
    box-sizing: border-box;
}
.account-left, .ranking-left, .tracking-left {
    width: 100%;
    background: #f3f3f7;
    padding: .5em 0;
    box-sizing: border-box;
    float: left;
}
.account-right, .ranking-right, .tracking-right {
    margin: 0;
    padding: 1em 1.5em;
    width: 100%;
    box-sizing: border-box;
    background: #fff;
    float: right;
    border-radius: 5px;
}
.account-left a, .ranking-left a, .tracking-left a {
    float: left;
    font-family: 'Golos Medium';
    font-size: .9em;
    width: 100%;
    padding: .8em 10% .8em 8%;
    box-sizing: border-box;
    cursor: pointer;
    text-decoration: none;
    color: #0f1c2d;
}
.account-left a img, .ranking-left a img, .tracking-left a img {
    float: left;
    height: 1.2em;
    margin-right: .75em;
}
.account-left a span, .ranking-left a span, .tracking-left a span, .result table sup {
    font-size: 1em;
}
.result table sup small {
    font-size: .8em;
}
.account-right h1 {
    font-family: 'Nunito Bold';
    font-size: 1.2em;
    margin-bottom: 1em;
    width: 100%;
}
.data-volatility h2 {
    font-family: 'Nunito Bold';
    font-size: 1.2em;
    margin-top: 1em;
    margin-bottom: 2em;
    width: 100%;
    float: left;
    text-align: center;
}
.ranking-right h2, .tracking-right h2 {
    font-family: 'Nunito Bold';
    font-size: 1.2em;
    margin-top: 1em;
    margin-bottom: 1em;
    width: 100%;
    float: left;
}
.account-left a.selected, .ranking-left a.selected, .tracking-left a.selected {
    background: white;
}
.account-right h2 {
    font-family: 'Nunito Bold';
    font-size: 1.1em;
    margin-bottom: 1em;
    margin-top: 2em;
    width: 100%;
}
.newchat-btn {
    margin-top: 2em;
}
.result table td a {
    color: #8556fc;
    text-decoration: none;
    font-size: 1em;
}
.content.flex .chat {
    flex-grow: 3;
    margin: 0;
    position: relative;
    padding: 0;
}
.chat .tape {
    overflow: scroll;
    margin-bottom: 4em;
}
.dialog-user {
    float: right;
    max-width: 90%;
    clear: both;
    margin-bottom: 1em;
}
.dialog-user img {
    width: 1em;
    height: 1em;
    background: #45536b;
    padding: .5em;
    border-radius: 5px;
    margin-left: 1em;
}
.dialog-user .text-snippet {
    float: left;
    font-family: 'Golos';
    max-width: calc(100% - 3em);
}
.dialog-user .text {
    background: #f3f3f7;
    font-size: .9em;
    padding: 0.5em 1em;
    border-radius: 5px 0 5px 5px;
    border: 1px solid #f3f3f7;
}
.dialog-user .date {
    font-size: .7em;
    margin-right: 1.2em;
    margin-top: 0.8em;
    color: #45536c;
    float: right;
}
.dialog-support {
    float: left;
    max-width: 90%;
    clear: both;
    margin-bottom: 1em;
}
.dialog-support img {
    width: 1em;
    height: 1em;
    background: #45536b;
    padding: .5em;
    border-radius: 5px;
    margin-right: 1em;
}
.dialog-support .text-snippet {
    float: right;
    font-family: 'Golos';
}
.dialog-support .text {
    background: white;
    font-size: .9em;
    padding: .5em 1em;
    border-radius: 0 5px 5px 5px;
    border: 1px solid #e6e6e6;
}
.dialog-support .date {
    font-size: .7em;
    margin-left: 1.2em;
    margin-top: .8em;
    color: #45536c;
}
.chat .message {
    background: #fff;
    margin-right: 1em;
    font-family: 'Golos';
    border-radius: 5px;
    border: 1px solid #e5e5e5;
    width: 100%;
    float: left;
    margin-bottom: 2em;
    position: relative;
    box-sizing: border-box;
    padding: 1em 1.5em;
}
.chat .message .user-input-wrp {
    width: calc(100% - 3em);
    margin: .5em 0;
    float: left;
}
.message .send-message-btn {
    position: absolute;
    width: 2em;
    height: 2em;
    background-color: #8556fc;
    background-image: url(/img/icon/send-message.svg);
    background-size: 1.2em;
    background-position: 50%;
    background-repeat: no-repeat;
    right: 1.5em;
    top: 1.5em;
    border-radius: 5px;
}
.no-navigation {
    position: fixed;
    width: 100%;
    top: 0;
    height: 100vh;
    box-sizing: border-box;
    overflow-y: scroll;
    overflow-x: hidden;
    background: linear-gradient(45deg, #0f0c29, #302b63, #24243e);
    z-index: 999;
}
.no-navigation .logo {
    text-align: center;
    color: #0F1C2D;
    margin: 1.5em auto;
    width: fit-content;
    display: block;
    text-decoration: none;
}
.no-navigation .content {
    margin-bottom: 4em;
    padding: 0;
    position: relative;
}
.content .form-left, .content .form-right {
    width: 50%;
    height: 100%;
    position: absolute;
    overflow: visible;
    z-index: 1;
    opacity: .25;
}
.form-left {
    top: 0;
    left: 0;
}
.form-right {
    right: 0;
    top: 0;
}
.content .form-center {
    width: 90vw;
    margin: 0 calc(50% - 45vw);
    background: #fff;
    font-family: 'Golos';
    border-radius: 5px;
    flex-grow: 1;
    margin-bottom: 2em;
    position: relative;
    z-index: 2;
    box-sizing: border-box;
    overflow: hidden;
}
.form-center h1 {
    padding: 1em 1.4em;
    color: #0F1C2D;
    font-size: .9em;
    width: 100%;
    font-family: 'Golos';
    text-align: center;
    float: left;
    box-sizing: border-box;
}
.form-center .form {
    position: relative;
    float: left;
    width: 100%;
    font-size: 1em;
    padding: 1em 1.5em;
    border-top: 1px solid #e6e6e6;
    border-bottom: 1px solid #e6e6e6;
    box-sizing: border-box;
}
.form .user-input-wrp {
    width: 100%;
    position: relative;
    margin: 1em 0 2em 0;
}
.form-center p {
    font-size: .8em;
    text-align: center;
}
.form-center p a {
    font-size: 1em;
    text-decoration: none;
    color: #8556fc;
    cursor: pointer;
}
.form-center .btn {
    width: 100%;
    font-size: .9em;
    color: #fff;
    background: #8556fc;
    padding: 1em 1.2em;
    margin: 0.25em 0;
    border-radius: 3px;
    cursor: pointer;
    text-align: center;
    box-sizing: border-box;
    clear: both;
    margin-bottom: 2em;
}
@-moz-keyframes spin { 
    100% { -moz-transform: rotate(360deg); } 
}
@-webkit-keyframes spin { 
    100% { -webkit-transform: rotate(360deg); } 
}
@keyframes spin { 
    100% { 
        -webkit-transform: rotate(360deg); 
        transform:rotate(360deg); 
    } 
}
.content .form-left:after {
    content: '';
    width: 50em;
    height: 50em;
    position: absolute;
    bottom: -15em;
    left: -15em;
    background-image: url(/img/icon/space-ufo.svg);
    background-size: 50%;
    background-position: 50%;
    background-repeat: no-repeat;
    -webkit-animation:spin 20s linear infinite;
    -moz-animation:spin 20s linear infinite;
    animation:spin 20s linear infinite;
    z-index: 0;
}
@-moz-keyframes backspin { 
    100% { -moz-transform: rotate(-235deg); } 
}
@-webkit-keyframes backspin { 
    100% { -webkit-transform: rotate(-235deg); } 
}
@keyframes backspin { 
    100% { 
        -webkit-transform: rotate(-235deg); 
        transform:rotate(-235deg); 
    } 
}
.content .form-right:after {
    content: '';
    width: 50em;
    height: 50em;
    position: absolute;
    top: -15em;
    right: -15em;
    transform: rotate(125deg);
    background-image: url(/img/icon/space-planet.svg);
    background-size: 50%;
    background-position: 50%;
    background-repeat: no-repeat;
    -webkit-animation:backspin 25s linear infinite;
    -moz-animation:backspin 25s linear infinite;
    animation:backspin 25s linear infinite;
    z-index: 0;
}
.input-block .input-btn, .input-btn.refresh-dashboard {
    background-size: 1em;
    background-repeat: no-repeat;
    background-position: 50%;
    height: 2.5em;
    width: 2.5em;
    font-size: .8em;
    padding: 0.6em .8em;
    border-radius: 5px;
    box-sizing: border-box;
}
.input-block .input-btn#refresh, .input-btn.refresh-dashboard {
    background-color: #8556fd;
    position: relative;
    margin-right: 1em;
}
.ranking-filters {
    width: 100%;
    float: left;
    margin: 1em 0;
}
.ranking-project, .competitors-tabs, .statistic-tabs {
    float: left;
    width: 100%;
}
.competitors-tabs, .statistic-tabs {
    margin-bottom: 1em;    
}
.competitors-tabs div {
    float: left;
    font-size: .8em;
    margin-right: .8em;
    background: #e6e6e6;
    padding: .25em .8em;
    border-radius: 5px;
    font-family: 'Golos';
    margin-bottom: .8em;
}
.competitors-tabs div.selected, .competitors-tabs div.selected.no_more {
    background: #0e1c2d;
    color: white;
    display: block;
}
.competitors-tabs div span {
    font-size: 1em;
    margin-left: .5em;
    padding-left: .5em;
    color: #bebdbd;
    border-left: 2px solid #bebdbd;
    font-family: 'Golos Medium';
}
.competitors-tabs div.selected span {
    color: white;
}
.competitors-tabs div.more {
    color: #aca8a8;
    font-family: 'Golos Medium';
}
.input-block {
    position: relative;
    margin: 0;
    float: left;
    font-family: 'Golos';
    z-index: 3;
}
.input-block .input-selector {
    width: 100%;
    border: 2px solid #e6e6e6;
    height: 2em;
    background: #fff;
    border-radius: 5px;
    box-sizing: border-box;
}
.input-block .input-selector .selected {
    width: 100%;
    box-sizing: border-box;
    padding: 0.5em 2em;
    font-size: .8em;
    position: relative;
    max-width: 15em;
    min-width: 8em;
    text-overflow: ellipsis;
    overflow: hidden;
    white-space: nowrap;
}
.input-block .input-btn#refresh:before, .input-btn.refresh-dashboard:before {
    content: '';
    position: absolute;
    left: 0;
    top: 0;
    background-image: url(/img/icon/refresh.svg);
    background-size: 1em;
    background-repeat: no-repeat;
    background-position: 50%;
    height: 2.5em;
    width: 2.5em;
}
.input-block .input-selector .selected:before {
    content: '';
    width: 1em;
    height: 1em;
    position: absolute;
    left: .5em;
    top: .625em;
    background-size: 1em;
    background-repeat: no-repeat;
    background-position: 50%;
}
.input-selector#project .selected:before, .input-selector#key_project .selected:before, .input-selector#vol_project .selected:before, .input-selector#set_project .selected:before, .input-selector#trck_project .selected:before {
    background-image: url(/img/icon/filter-website.svg);
}
.input-selector#engine .selected:before, .input-selector#key_engine .selected:before, .input-selector#vol_engine .selected:before {
    background-image: url(/img/icon/filter-search.svg);
}
.input-selector#region .selected:before, .input-selector#key_region .selected:before, .input-selector#vol_region .selected:before {
    background-image: url(/img/icon/filter-region.svg);
}
.input-selector#dates .selected:before, .input-selector#key_dates .selected:before, .input-selector#vol_dates .selected:before {
    background-image: url(/img/icon/filter-date.svg);
}
.input-selector#keyword .selected:before {
    background-image: url(/img/icon/filter-keyword.svg);
}
.input-selector#vol_depth .selected:before {
    background-image: url(/img/icon/filter-depth.svg);
}
.input-block .input-btn#export, .input-block .input-btn#key_export {
    background-color: #e6e6e6;
    border: 1px solid #e6e6e6;
    background-image: url(/img/icon/export.svg);
}
.ranking-filters .input-block:not(:last-child) {
    margin-right: 1em;
}
.ranking-filters .input-block {
    margin-bottom: 1em;
}
.input-block .input-selector .selected:after {
    content: '';
    position: absolute;
    top: 0.4em;
    right: 0.25em;
    width: 1.5em;
    height: 1.5em;
    background-image: url(/img/icon/chevron-down.svg);
    background-size: 0.8em;
    background-repeat: no-repeat;
    background-position: 50%;
}
.pf-data {
    border: 2px solid #e6e6e6;
    border-radius: 5px;
    margin-right: .5em;
    margin-bottom: .5em;
    background: #fff;
    float: left;
}
.pf-data .name {
    font-size: .8em;
    font-family: 'Golos Medium';
    float: left;
    padding: .4em .8em;
}
.pf-data .number {
    font-size: .8em;
    font-family: 'Golos';
    text-align: center;
    float: right;
    background: rgb(249 249 249);
    position: relative;
}
.pf-data:first-child .number {
    padding: .4em .8em;
}
.pf-data .number .dynamic {
    font-size: .7em;
    float: right;
    transform: translate(1em, -.25em);
}
.pf-data:not(:first-child) .number {
    padding: .4em 1.2em .4em .8em;
}
.dynamic.win {
    color: #25e6a4;
}
.dynamic.lose {
    color: #e62567;
}
.dynamic {
    color: #e4e4e4;
}
.pf-data .name img {
    width: .8em;
}
.positions-filter {
    width: 100%;
    box-sizing: border-box;
    position: relative;
    font-family: 'Golos Medium';
    float: left;
}
.positions-filter:nth-child(2) {
    float: left;
    margin-top: 1em;
}
.ranking-report .data-table, .ranking-report .data-keyword, .data-volatility .table-container {
    width: 100%;
    float: left;
    margin-top: 1em;
    margin-bottom: 2em;
    font-family: 'Golos';
    overflow: scroll;
}
.ranking-report .data-table table, .ranking-report .data-keyword table, .data-volatility .table-container table {
    border-collapse: collapse;
    border-radius: 5px;
}
.ranking-report .data-table table thead, .ranking-report .data-keyword thead, .data-volatility .table-container thead {
    z-index: 3;
    position: relative;
}
.ranking-report .data-table table tr:nth-child(2n+1), .ranking-report .data-keyword table tr:nth-child(2n+1) {
    background: #f7f7f7;
}
.ranking-report .data-table table tr:nth-child(2n), .ranking-report .data-keyword table tr:nth-child(2n) {
    background: #fff;
}
.data-volatility .table-container tr th:nth-child(1), .data-volatility .table-container tr td:nth-child(1) {
    text-align: left;
    padding: .5em 1.5em .5em 1em;
    border-left: 2px solid #fff;
}
.data-volatility .table-container tr td, .data-volatility .table-container tr th {
    font-size: .8em;
    border: 0;
    text-align: center;
    padding: 2px;
    background: #fff;
    position: relative;
}
.data-volatility .table-container tr td div {
    font-size: 1em;
    border-radius: 5px;
    padding: 0.75em 1.5em;
    display: block;
    border: 2px solid #f1f1f1;
    text-decoration: none;
    color: #0f1c2d;
    background: #f1f1f1;
    text-align: center;
    position: relative;
}
.data-volatility .table-container tr th div {
    font-size: 1em;
    border-radius: 5px;
    padding: 0.5em 1em;
    display: block;
    text-decoration: none;
    color: #fff;
    background: #6e788c;
    text-align: center;
}
.ranking-report .data-table table thead th, .ranking-report .data-keyword table thead th {
    background: #6e788c;
    border: 2px solid #6e788c;
    color: #fff;
    white-space: nowrap;
    padding: 0.5em 1em;
    font-family: 'Golos MEdium';
    font-size: .75em;
    position: sticky;
    top: 0;
    text-align: center;
}
.ranking-report .data-table tbody tr th, .ranking-report .data-keyword table th {
    font-size: .75em;
    padding: 2px;
    border: 2px solid #e6e6e7;
    position: sticky;
    text-align: left;
    z-index: 2;
    background: inherit;
}
.ranking-report .data-table table tr td {
    font-size: .75em;
    border: 2px solid #e6e6e7;
    text-align: center;
    padding: 2px;
    background: #fff;
}
.ranking-report .data-keyword table tr td {
    font-size: .75em;
    border: 2px solid #e6e6e7;
    text-align: left;
    padding: 2px;
    background: #fff;
    position: relative;
    padding-left: 1.5em;
}
.ranking-report .data-table table tr td div, .ranking-report .data-table table tr th div, .ranking-report .data-table table tr td a, .ranking-report .data-keyword table tr td a {
    font-size: 1em;
    border-radius: 5px;
    padding: 0.5em 1em;
    display: block;
    text-decoration: none;
    color: #0f1c2d;
}
.data-table table .clr-3 {
    background-color: #25e6a4;
}
.data-table table .clr-5 {
    background-color: #72ecba;
}
.data-table table .clr-10 {
    background-color: #a5f2d0;
}
.data-table table .clr-50 {
    background-color: #d3f8e8;
}
.data-table table .clr-100 {
    background-color: #edfcf6;
}
.data-table table .clr-none {
    background-color: #fff;
}
.input-block .input-selector#dates, .input-block .input-selector#key_dates, .input-block .input-selector#vol_dates {
    position: relative;
}
.data-keyword tbody {
    counter-reset: my-counter;
    list-style-type: none;
}
.data-keyword tbody tr {
    counter-increment: my-counter;
}
.data-keyword tbody tr td:before {
    content: counter(my-counter);
    position: absolute;
    left: 0;
    top: 0;
    width: 2em;
    height: 1.5em;
    font-size: .8em;
    line-height: 1.5em;
    background: #e5e5e6;
    text-align: center;
}
.delete-check {
    color: #6e788d;
    cursor: pointer;
}

.step-list {
    width: 100%;
    display: flex;
    justify-content: space-between;
    flex-direction: row;
    position: relative;
    margin-bottom: 1em;
}
.step-list div {
    border: 2px solid #8556fc;
    background: white;
    width: 1.75em;
    height: 1.75em;
    text-align: center;
    line-height: 1.75em;
    border-radius: .5em;
    margin: 0 auto;
    font-size: .9em;
    font-family: 'Nunito Bold';
    z-index: 2;
}
.step-list:before {
    content: '';
    position: absolute;
    height: 2px;
    background: #e5e5e5;
    width: 100%;
    margin-top: 0.875em;
    z-index: 1;
}
.step-list .step-1 {
    margin-left: 1em;
}
.step-list .step-3 {
    margin-right: 1em;
}
.create-new-project {
    border: 2px solid #6e788c;
    background: #6e788c;
    color: white;
    height: 2.5em;
    border-radius: 5px;
    float: left;
    padding: 0.5em 1em;
    font-size: .8em;
    box-sizing: border-box;
    font-family: 'Golos';
}
.create-new-project:not(.from-dash) {
    margin: 0 1em;   
}
.create-new-project.from-dash {
    margin: 1em 0;    
}
.project-list {
    float: left;
    width: 100%;
    display: block;
    overflow: hidden;
}
.project-list .project-card {
    width: 100%;
    float: left;
    width: 100%;
    display: flex;
}
.project-list .project-card:not(:last-child) {
    margin-bottom: 1em;
}
.project-list .project-card > div:first-child {
    width: 50%;
}
.project-list .project-card > div {
    font-size: 1em;
    word-break: break-word;
    white-space: normal;
    padding: 0.5em 1em;
    text-align: center;
    float: left;
    box-sizing: border-box;
    width: 25%;
}
.project-list:not(.tracking) .project-card > div:nth-child(3), .project-list:not(.tracking) .project-card > div:nth-child(4), .project-list.tracking .project-card > div:nth-child(2), .project-list.tracking .project-card > div:nth-child(3), .project-list.tracking .project-card > div:nth-child(4), .project-list.tracking .project-card > div:nth-child(5), .project-list.tracking .project-card > div:nth-child(6), .project-list.tracking .project-card > div:nth-child(8), .pack .pages-list {
    display: none;
}
.project-list .project-card.heading {
    font-family: 'Golos Medium';
    font-size: .7em;
    color: #6e788d;
    white-space: nowrap;
}
.project-list .project-card:not(.heading) {
    font-family: 'Golos';
    font-size: .9em;
    border: 1px solid #e6e6e6;
    width: 100%;
    float: left;
    box-sizing: border-box;
    border-radius: 5px;
}
.project-card div .name {
    text-align: left;
    width: 100%;
    float: left;
    margin-bottom: .25em;
}
.project-card div .link {
    font-size: .9em;
    text-align: left;
    width: 100%;
    float: left;
}
.project-card div .link a {
    color: #6e788d;
    font-size: 1em;
    text-decoration: none;
    opacity: .5;
}
.project-card .icons {
    float: left;
    width: 100%;
    margin-top: .75em;
}
.project-card .icons a {
    width: 1em;
    height: 1em;
    display: block;
    background-size: .9em;
    background-position: 50%;
    background-repeat: no-repeat;
    float: left;
    margin-right: .5em;
}
.project-card .icons a.r-table {
    background-image: url('/img/icon/rank-pos.svg');
}
.project-card .icons a.r-keyword {
    background-image: url('/img/icon/rank-key.svg');
}
.project-card .icons a.r-volatility {
    background-image: url('/img/icon/rank-vol.svg');
}
.project-card .icons a.r-settings {
    background-image: url('/img/icon/rank-set.svg');
}
.project-card .icons a.r-site {
    background-image: url('/img/icon/track-site.svg');
}
.project-card .icons a.r-pages {
    background-image: url('/img/icon/track-page.svg');
}
.project-card > div:nth-child(2), .project-card > div:nth-child(3), .project-card > div:nth-child(4), .project-card > div:nth-child(5), .project-card > div:nth-child(7), .project-card > div:nth-child(9) {
    display: flex;
    align-items: center;
    justify-content: center;
}
.tracking-filters {
    border: 2px solid #e6e6e6;
    background: #fff;
    border-radius: 5px 5px 0 0;
    box-sizing: border-box;
    position: relative;
    flex-direction: row;
    font-family: 'Golos Medium';
    float: left;
    width: 100%;
    clear: both;
    margin-top: 1em;
}
.tracking-filters div {
    padding: .75em 1.5em .75em 2.75em;
    font-size: .8em;
    position: relative;
}
.tracking-filters div.track-uptime:before {
    background-image: url(/img/icon/track-filter-site.svg);
}
.tracking-filters div.track-robots:before {
    background-image: url(/img/icon/track-filter-robots.svg);
}
.tracking-filters div.track-sitemap:before {
    background-image: url(/img/icon/track-filter-sitemap.svg);
}
.tracking-filters div.track-ssl:before {
    background-image: url(/img/icon/track-filter-ssl.svg);
}
.tracking-filters div.track-safety:before {
    background-image: url(/img/icon/track-filter-safety.svg);
}
.tracking-filters div.track-pages:before {
    background-image: url(/img/icon/track-filter-page.svg);
}
.tracking-filters div.track-canonical:before {
    background-image: url(/img/icon/track-filter-canonical.svg);
}
.tracking-filters div.track-canonical:before {
    background-image: url(/img/icon/track-filter-canonical.svg);
}
.tracking-filters div.track-directive:before {
    background-image: url(/img/icon/track-filter-directives.svg);
}
.tracking-filters div.track-title:before {
    background-image: url(/img/icon/track-filter-title.svg);
}
.tracking-filters div.track-description:before {
    background-image: url(/img/icon/track-filter-description.svg);
}
.tracking-filters div.track-heading:before {
    background-image: url(/img/icon/track-filter-heading.svg);
}
.tracking-filters div.track-hreflang:before {
    background-image: url(/img/icon/track-filter-hreflang.svg);
}
.tracking-filters div:before {
    content: '';
    width: 1.5em;
    height: 1.5em;
    position: absolute;
    left: .75em;
    top: .625em;
    background-size: 1.5em;
    background-repeat: no-repeat;
    background-position: 50%;
}
.tracking-filters div.show {
    background: #e6e6e6;
    color: #6e788c;
}
.tracking-data {
    float: left;
    width: 100%;
    overflow: scroll;
}
.tracking-tab {
    float: left;
    width: 100%;
    border-color: #e6e6e6;
    border-style: solid;
    border-width: 0 2px 2px 2px;
    box-sizing: border-box;
    border-radius: 0 0 5px 5px;
    border-collapse: collapse;
}
.tracking-tab tr td {
    font-family: 'Golos';
    padding: .75em 1em;
    font-size: .8em;
    border: 2px solid #e4e4e4;
    text-align: center;
}
.tracking-tab tr th {
    font-family: 'Golos Medium';
    padding: .75em 1em;
    font-size: .8em;
    border-color: #e6e6e6;
    border-style: solid;
    border-width: 0 2px 2px 2px;
}
.tracking-tab span.time {
    font-size: 1em;
    margin-left: .5em;
    color: #6e788c;
}
.tracking-filters div:not(.show) {
    opacity: .5;
}
.project-list.tracking .status-code {
    transform: none;
    margin-left: unset;
    display: block;
    text-decoration: none;
}
.status-code {
    float: left;
    padding: .25em .75em;
    color: white;
    font-size: 1em;
    border-radius: .5em;
    margin-left: 50%;
    transform: translateX(-50%);
}
.tracking-tab th.left, .tracking-tab td.left {
    text-align: left;
}
.tracking-tab td a {
    font-size: 1em;
    color: #000;
    text-decoration: none;
}
.tracking-tab code span {
    font-size: 1em;
    white-space: pre-wrap;
}
code span.del-fragment {
    color: #e62525;
    text-decoration: line-through;
    background: #fed7d4;
}
code span.new-fragment {
    color: #27e5a3;
    background: #d4f9e7;
}
.tracking-filters .alert-track {
    font-size: .8em;
    background: #e72425;
    color: white;
    display: inline-block;
    padding: .25em .5em;
    line-height: 1em;
    text-align: center;
    border-radius: 5px;
    margin-left: .125em;
}
.input-btn.refresh-dashboard .alert-check {
    position: absolute;
    font-size: .8em;
    background: #e72425;
    color: white;
    display: inline-block;
    padding: .25em .5em;
    line-height: 1em;
    text-align: center;
    border-radius: 5px;
    margin-left: .125em;
    position: absolute;
    right: -.5em;
    top: -.5em;
}
.tracking-tab .show-history {
    font-size: 1em;
    background: #f2f2f2;
    width: fit-content;
    margin: 0 auto;
    padding: .25em .5em;
    border-radius: .5em;
    cursor: pointer;
}
.alerts-table {
    float: left;
    width: 100%;
    display: grid;
    grid-template-columns: auto auto auto auto;
    border-collapse: collapse;
    overflow: hidden;
    border-bottom: 1px solid #e4e4e4;
    padding: 1em 1.25em .5em 1.25em;
    box-sizing: border-box;
}
.alerts-row {
    width: 100%;
    display: contents;
}
.alerts-row.heading {
    font-family: 'Golos Medium';
    font-size: .8em;
    color: #6e788d;
    white-space: nowrap;
}
.alerts-row.heading div {
    font-size: 1em;
    padding-bottom: 1em;
}
.alerts-row:not(.heading) {
    font-size: .8em;
}
.alerts-row:not(.heading) div {
    padding: .75em 0;
    font-size: 1em;
    border-top: 1px solid #e3e3e3;
}
.alerts-row div:not(:first-child) {
    text-align: center;
}
.alerts-row input[type="checkbox"] {
    position: relative;
    width: .8em;
    height: .8em;
    outline: none;
}
.alerts-row input[type="checkbox"]:before {
    content: '';
    border: 2px solid #e6e6e6;
    position: absolute;
    width: 1em;
    height: 1em;
    left: -.1em;
    top: -.1em;
    background-color: white;
    border-radius: 5px;
    box-sizing: border-box;
    background-size: .6em;
    background-position: 50%;
    background-repeat: no-repeat;
}
.alerts-row input[type="checkbox"]:checked:before {
    background-image: url(https://rocket-tools.pro/img/icon/check.svg);
}
.alerts-row input[type="checkbox"]:disabled {
    opacity: .25;
}
.delete-project {
    width: 100%;
    float: left;
}
.delete-project .btn-delete, .pt-delete-btn, .pr-delete-btn {
    text-decoration: none;
    background: #e62525;
    border: 2px solid #e62525;
    font-size: .8em;
    padding: calc(0.725em - 2px) 1.2em;
    border-radius: 5px;
    color: white;
    font-family: 'Golos Medium';
    margin: 0.25em 0;
}
.delete-project .btn-delete {
    float: right;  
}
.pt-delete-btn, .pr-delete-btn {
    float: left;
}
.toggle {
    float: right;
    width: 4em;
    border-width: 3px;
    border-style: solid;
    height: 2em;
    border-radius: 1em;
    box-sizing: border-box;
    position: relative;
    cursor: pointer;
    margin-left: 1em;
}
.toggle div {
    width: calc(2em - 6px);
    height: calc(2em - 6px);
    position: absolute;
    background-color: white;
    border-radius: calc(1em - 3px);
}
.toggle[data-status="0"] {
    border-color: #e5e5e5;
    background: #e5e5e5;
}
.toggle[data-status="0"] div {
    left: 0;
}
.toggle[data-status="1"] {
    border-color: #25e6a4;
    background: #25e6a4;
}
.toggle[data-status="1"] div {
    left: 2em;
}
.table-container .vol-card.perc-10 {
    background-color: #EAEAEA;
    border-color: #EAEAEA;
}
.table-container .vol-card.perc-20 {
    background-color: #E4E4E4;
    border-color: #E4E4E4;
}
.table-container .vol-card.perc-40 {
    background-color: #DDDDDD;
    border-color: #DDDDDD;
}
.table-container .vol-card.perc-60 {
    background-color: #D7D7D7;
    border-color: #D7D7D7;
}
.table-container .vol-card.perc-80 {
    background-color: #D0D0D0;
    border-color: #D0D0D0;
}
.table-container .vol-card.perc-90 {
    background-color: #C9C9C9;
    border-color: #C9C9C9;
}
.table-container .vol-card.perc-95 {
    background-color: #C3C3C3;
    border-color: #C3C3C3;
}
.table-container .vol-card.perc-100 {
    background-color: #BCBCBC;
    border-color: #BCBCBC;
}
.grid-selector {
    grid-template-columns: repeat(7, 1fr);
    display: grid;
    width: 100%;
    border: 1px solid #e6e6e6;
    background: #fff;
    border-radius: 5px;
    box-sizing: border-box;
    padding: .5em 0;
}
.grid-selector div {
    background: #e5e5e5;
    margin: .75em auto;
    text-align: center;
    border-radius: 5px;
    font-size: .8em;
    line-height: 1em;
    padding: .75em 0;
    cursor: pointer;
    width: 2.75em;
}
.grid-selector div.selected {
    background: #c2aaff
}
.crawl-pack .pack .name {
    font-family: 'Nunito Bold';
    color: #6e788c;
    font-size: 1.15em;
    line-height: 2em;
    float: left;
    width: 100%;
    margin-bottom: 1em;
}
.pack .show-pages {
    background: #f3f3f7;
    position: relative;
    width: 2em;
    height: 2.5em;
    float: left;
    border-radius: 5px;
    position: relative;
}
.pack .show-pages:after {
    content: '';
    background-size: 1em;
    background-image: url(/img/icon/plus.svg);
    transform: rotate(0deg);
    background-position: 50%;
    background-repeat: no-repeat;
    position: absolute;
    left: 0;
    top: 0;
    height: 2.5em;
    width: 2em;
}