body {
    font-family: 'Open Sans', sans-serif;
    background-color: #f7f9fa;
}

nav.navbar {
    background-color: rgb(255, 255, 255);
    box-shadow: 1px 1.732px 4px 0px rgba(0, 0, 0, 0.039);
}

.panel {
    border-radius: 0;
}

.main-widget {
    min-height: 200px;
}

.main-widget:hover {
    cursor: pointer;
    opacity: 0.8;
}

.xe-widget.xe-vertical-counter .xe-label span {
    font-size: 16px;
}

.icon-image {
    max-width: 50%;
    max-height: 100px;
}

.cbp_tmtimeline > li .cbp_tmlabel {
    margin-left: 11%;
}

.cbp_tmtimeline > li .cbp_tmicon, .cbp_tmtimeline:before {
    left: 7%;
}

.cbp_tmtimeline > li .cbp_tmtime {
    width: 10%;
}

.main-news {
    margin-top: 50px;
}

/*.cbp_tmlabel:hover {*/
    /*cursor: pointer;*/
    /*opacity: 0.8;*/
/*}*/

.show-news-btn {
    width: 100%;
    background-color: #ffffff;
    color: #646565;
    font-size: 12px;
    text-transform: uppercase;
}

.show-news-btn:hover {
    cursor: pointer;
    opacity: 0.8;
}

#icon-arrow {
    background-color: white;
    color: black;
}

#xe-arrow {
    background-color: white;
    color: black;
}

.service-widget-header {
    text-decoration: underline;
}

.widget-link:hover {
    cursor: pointer;
    opacity: 0.8;
}

.input-help {
    margin-top: 5px;
    font-size: 11px;
    font-style: italic;
}

.service-comment {
    padding: 0 !important;
}

.service-panel-body {
    padding-top: 10px !important;
}

.service-wait-time {
    font-size: 14px;
}

.loading-task {
    height: 100px;
}

.loading-img {
    width: 200px;
    height: 200px;
    margin: auto;
}

.loading-text, .loading-text p {
    margin-top: 10px;
    font-size: 14px;
}

.progress {
    height: 30px !important;
}

.progress-text {
    margin-top: 6px;
    margin-right: 10px;
    font-weight: bold;
}

/* Different color for some fields */

.form-control::-webkit-input-placeholder,
.form-control::-webkit-input-placeholder {
    color: #b9b9b9;
}

.positive_true {
    color: #ffffff;
    background-color: #8dc63f;
    border-color: #80b636;
    border: 1px solid white;
}

.line-1-7 {
    line-height: 1.7;
}

.line-2 {
    line-height: 2;
}

.radio:hover {
    cursor: pointer;
}

.form-valid-false {
    border-color: #cc3f44;
    color: #cc3f44;
}

#task_name::first-letter {
    text-transform: capitalize;
}

.main-footer {
    margin-top: 10px !important;
}

.page-container .main-content {
    min-height: 1000px;
}

#myModal {
    top: 30%;
}

@media screen and (max-width: 1200px) {
    .cbp_tmtimeline:before, .cbp_tmtime, .cbp_tmicon {
        display: none !important;
    }

    .cbp_tmtimeline > li .cbp_tmlabel {
        margin-left: 2%;
    }
}

@media screen and (max-width: 1600px) {
    .cbp_tmtime {
        display: none !important;
    }
}

.link:hover {
    cursor: pointer;
    background-color: #cdcdcd;
    color: #fefefe;
}

.float_left {
    float: left;
}

.add_new_task {
    position: absolute;
    right: 30px;
    line-height: 2;
    opacity: 0.8;
}

.add_new_task:hover {
    opacity: 1;
}

.add_new_task i {
    position: absolute;
    left: -15px;
    top: 7px;
}

div[class^=status_] {
    width: 20px;
    height: 20px;
    margin-top: 5px;
    margin-left: 20px;
}

.status_done {
    background: url('/static/img/task-done.png');
}

.status_waiting {
    background: url('/static/img/task-waiting.png');
}

.status_loading {
    background: url('/static/img/task-waiting.png');
}

.status_error {
    background: url('/static/img/task-error.png');
}

.task_link {
    text-decoration: underline;
}

.task_read_false, .is_read_False {
    background-color: #F7F7F7;
}

#service_price {
    position: absolute;
    top: -1px;
    right: -1px;
    font-size: 11px;
    padding: 5px;
    background-color: gray;
}

#analyze_button {
    position: relative;
    padding-right: 65px;
    padding-left: 65px;
}

.user_balance {
    right: 4px;
    background-color: rgb(64, 187, 234);
    padding: 5px;
    color: white;
    font-weight: bold;
    font-size: 12px;
    margin-left: 5px;
}

.domain_error {
    background-color: #ff0000;
}

#loading {
    position: absolute;
    width: 100%;
    height: 100%;
    color: #000000;
    display: none;
}

.nav-tabs > li.active > a {
    border: 1px solid #dddddd !important;
    border-bottom: none !important;
}

.nav-tabs > li.active:first-child > a {
    border-left: none !important;
}

.fill_demo {
    font-size: 12px;
    font-style: italic;
    text-decoration: underline;
    margin-top: 5px;
}

.fill_demo:hover {
    cursor: pointer;
    opacity: 0.7;
}

.valid_groups {
    position: absolute;
    top: 0;
    right: 15px !important;
}

.group_limit {
    text-align: right;
    margin-top: 5px;
    font-size: 12px;
    font-style: italic;
}

.clean_group {
    position: absolute;
    top: 32px;
    right: 28px
}

.clean_group:hover, .clean_selected i:hover {
    cursor: pointer;
    opacity: 0.7;
}

#tz_clean{
    top: 5px;
}

.keyword {
    /*color: #373e4a;*/
}

.tasks_list {
    max-height: 550px;
    overflow: scroll;
    overflow-x: hidden;
}

.all_read {
    position: absolute;
    right: 30px;
    top: 15px;
    font-size: 11px;
    opacity: 0.5;
    z-index: 50;
}

.all_read:hover {
    cursor: pointer;
    opacity: 1;
}

#add_idea {
    position: absolute;
    right: 10px;
}

#add_idea a {
    background-color: #8dc63f;
    border-color: #8dc63f;
    color: #ffffff;
}

#add_idea a:hover {
    opacity: 0.8;
}

#add_idea.active a, #add_idea.active a:hover {
    background-color: #fff;
    border: 1px solid #dddddd !important;
    border-bottom: none !important;
    color: #555555;
    opacity: 1;
    border-right: none !important;
}

.date_icon {
    width: 16px;
    height: 16px;
    background: url("/static/img/date-icon.png");
    display: block;
    float: left;
    margin-right: 5px;
    margin-top: 2px;
}

.done_idea_date {
    font-size: 13px;
    color: #9a9fa7;
}

.idea_in_process {
    font-size: 13px;
    color: #9a9fa7;
}

.left_idea_days {
    font-weight: bold;
    color: #6a6d73;
}

#user_ideas_list {
    /*background-color: #f7f9fa;*/
}

#user_ideas_list .panel {
    background-color: white;
    border: solid 1px #e9eaeb;
    padding: 15px;
}

#user_ideas_list .panel-body {
    color: #252d3a;
}

#user_ideas_list .panel-title, #user_ideas_list .panel-heading {
    font-size: 16px;
    padding-top: 1px;
}

#user_ideas_list .panel-title:hover {
    opacity: 0.7;
}

#user_ideas_list .panel-title a[data-toggle="collapse"]:before {
    content: "" !important;
}

.voted_true {
    opacity: 0.3;
    cursor: default;
}

.voted_false:hover {
    cursor: pointer;
    opacity: 1;
}

#idea_page .panel .panel-body {
    /*padding-top: 0;*/
}

.idea_info_block {
    margin-left: 10px;
    margin-top: 3px;
}

.idea_list_wrapper {
    padding: 8px;
    box-shadow: 1px 1.732px 4px 0px rgba(0, 0, 0, 0.039);
    margin-bottom: 10px;
    background-color: white;
}

.vote_for_idea {
    opacity: 0.8;

}

.vote_for_idea:hover {
    opacity: 1;
}

.vote_for_idea:hover .vote_text {
    opacity: 1;
}

.vote_text {
    display: block;
    float: left;
    margin-right: 10px;
    font-size: 13px;
    color: #666666;
    opacity: 0;
}

.idea_vote {
    width: 20px;
    height: 18px;
    background: url("/static/img/idea-vote.png");
    display: block;
    float: left;
}

.votes_num {
    font-size: 13px;
    font-weight: bold;
    color: #666666;
    width: 20px;
    display: block;
    float: right;
    margin-left: 7px;
    opacity: 0.7;
}

.left_idea_days {
    font-size: 14px;
}

#page_idea_votes_num {
    position: absolute;
    top: 0;
    right: -35px;
    font-size: 12px;
    padding: 5px;
    min-width: 25px;
}

.title-env {
    position: relative;
}

.update_option {
    margin-right: 10px;
}

.update_option {
    float: right;
}

#range-1-selected {
    font-size: 14px;
    opacity: 0.5;
}

.dynamic {
    position: absolute;
    top: 0;
    font-size: 12px;
}

.dynamic_true {
    color: rgb(141, 198, 63);;
}

.dynamic_false {
    color: #d5080f;
}

.updates_dynamic tr td {
    position: relative;
    line-height: 2 !important;
}

#select_theme {
    font-weight: bold;
    margin-bottom: 5px;
}

a:hover {
    cursor: pointer;
}

.service_widget {
    height: 400px !important;
    /*background-color: #3F3F3F !important;*/
    background-color: white !important;
    color: #000000 !important;
}

.service_widget .xe-prev, .service_widget .xe-next {
    color: #000000 !important;
}

.xe-widget.xe-status-update {
    padding-top: 15px;
}

.service_widget .xe-header {
    font-size: 20px;
    height: 350px;
}

.xe-widget.xe-status-update .xe-body li p {
    position: absolute;
    color: white !important;
    margin-left: 80px;
    top: 170px;
    width: 70%;
    text-align: center;
    background-color: black;
    border: solid 1px rgb(229, 229, 229);
    z-index: 1000;
    font-size: 24px;
    padding: 10px;
    opacity: 0.88;
}

.xe-widget.xe-status-update .xe-body li p:hover {
    cursor: pointer;
    opacity: 1;
}

.service_widget_img {
    height: 290px;
    width: 92%;
    position: absolute;
    top: 60px;
    border: solid 1px rgb(238, 238, 238);
    opacity: 0.5;
}

.tariffs {
    text-align: center;
}

.tariffs h3.panel-title {
    text-align: center !important;
}

#page_info {
    position: fixed;
    bottom: 0;
    right: 0;
    width: 700px;
    height: 340px;
    z-index: 0;
    /*padding: 20px;*/
    background: white;
    border: solid 1px rgb(225, 225, 225);
    opacity: 0;
}

.page_info_header {
    color: #252d3a;
    font-size: 24px;
    margin-bottom: 20px;
}

.btn_form_send {
    color: white;
    font-size: 13px;
    background-color: #8dc63f;
    margin-top: 15px;
    text-transform: uppercase;
    padding-left: 20px;
    padding-right: 20px;
    border-radius: 2px;
}

.btn_form_send:hover {
    cursor: pointer;
    color: white;
    opacity: 0.9;
}

#page_score {
    font-size: 24px;
    margin-top: 60px;
    text-align: center;
}

#page_score .fa:hover {
    cursor: pointer;
    opacity: 0.8;
}

#page_info_icon {
    position: fixed;
    bottom: 10px;
    right: 5px;
    width: 50px;
    height: 50px;
    z-index: 500;
    opacity: 0.8;
    background: white;
    border: solid 1px rgb(239, 239, 239);
    background: url("/static/img/popup-icon.jpg");
}

#info_close_icon {
    position: absolute;
    bottom: 25px;
    right: 13px;
    background: url("/static/img/popup-glass.png");
    width: 31px;
    height: 15px;
}

#info_close_icon:hover {
    cursor: pointer;
}

#page_info_icon .fa {
    margin-left: 19px;
    margin-top: 12px;
    font-size: 24px;
    text-align: center;
    color: rgb(98, 98, 98);
}

#page_info_icon:hover {
    cursor: pointer;
    opacity: 1;
}

#page_info_body ul li a {
    border: none !important;
    margin-right: 0;
    padding-right: 0;
}

#page_info_body ul li {
    width: 347px;
    text-align: center;
    color: #252d3a;
    font-size: 13px;
    font-weight: bold;
    text-transform: uppercase;
}

#page_info_body .nav.nav-tabs > li > a {
    background-color: #f2f3f7;
    line-height: 2.5;
}

#page_info_body .nav.nav-tabs > li.active > a {
    background-color: white;
}

.logo-expanded {
    margin-left: 40px;
}

.sidebar-menu .main-menu li > a {
    font-size: 13px;
    color: #9199a4;
    text-transform: uppercase;
    /*padding-top: 8px;*/
}

.sidebar-menu .main-menu li > .cat_link {
    padding-top: 0;
    margin-top: 8px;
    margin-bottom: 8px;
    position: relative;
}

.sidebar-menu .main-menu li > .cat_link:hover{
    cursor: pointer !important;
}

.sidebar-menu.collapsed .main-menu li > .cat_link {
    padding-top: 15px;
    margin-top: inherit;
    margin-bottom: inherit;
}

.sidebar-menu.collapsed .main-menu li a:hover {
    border-left: solid 4px #43c5ed;
}

.sidebar-menu .main-menu li > .cat_link .title {
    padding-top: 10px;
    margin-left: 10px;
}

.sidebar-menu .main-menu li a:hover {
    color: #43c5ed;
    /*border-left: solid 4px #43c5ed;*/
}

.sidebar-menu {
    background: #252d3a;
}

.sidebar-menu .title {
    margin-left: 15px;
}

.sidebar-menu .main-menu li.has-sub > a:before {
    margin-top: 10px;
}

.sidebar-menu .main-menu li.has-sub:hover {
    color: #43c5ed;
}

.sidebar-menu-inner, {
    position: fixed;

}

.sidebar-menu .sidebar-menu-inner {
    position: fixed;
}

.sidebar-menu.collapsed .sidebar-menu-inner {
    width: 80px;
    position: fixed;
}

.sidebar-menu-inner, .sidebar-menu.collapsed .menu_icon {
    float: none;
    margin: auto;
}

.border_left {
    position: absolute;
    left: -40px;
    top: 0;
    height: 100%;
    width: 4px;
    background-color: #43c5ed;
    opacity: 0;
}

.sidebar-menu .main-menu li a:hover .border_left {
    opacity: 1;
}

.menu_icon {
    width: 35px;
    height: 35px;
    float: left;
    margin-top: 2px;
}

.sidebar-menu.collapsed {
    margin-top: 0;
}

.sidebar-menu.collapsed #not_read_num, .sidebar-menu.collapsed #not_read_num_copywriter {
    margin-top: 0;
}

#text_not_read_block, #copywriter_not_read_block, #idea_not_read_block, #text_not_read_alpha_block {
    margin-top: 11px;
    margin-left: 10px;
}


.user-tasks-icon {
    background: url("/static/img/user-tasks-icon.png");
}

#main-menu a:hover .user-tasks-icon {
    background: url("/static/img/user-tasks-icon-hover.png");
}

.analyze-top-icon {
    background: url("/static/img/analyze-top-icon.png");
}

.monitoring-icon {
    background: url("/static/img/monitoring-icon.png");
}

.faq-icon {
    background: url("/static/img/faq-icon.png");
}

.idea-icon {
    background: url("/static/img/idea-icon.png");
}

.copywriter_icon {
    background: url("/static/img/copywriter_icon.png");
}

h2, h3 {
    font-weight: bold;
    margin-bottom: 15px;
}

h2 {
    font-size: 48px;
    margin-top: 0;
}

h3 {
    font-size: 32px;
}

.service_preview {
    height: 335px;
    color: #252d3a;
    text-align: center;
    padding: 0;
    margin-bottom: 30px;
}

@media screen and (min-width: 992px) {
    .service_preview:nth-child(odd) {
        padding-right: 15px;
    }
}

.service_block {
    background-color: white;
    padding: 15px;
    position: relative;
}

.service_preview_wrapper {
    height: 305px;
    width: 100%;
    border: solid 1px #dcdee0;
    padding-top: 50px;
}

.service_preview_wrapper:hover {
    border: solid 1px #a8acb2;
    padding-top: 54px;
}

.service_icon {

}

.service_separator {
    width: 75px;
    height: 3px;
    background-color: #43c5ed;
    margin: auto;
    margin-top: 20px;
}

.service_header {
    font-size: 30px;
    font-weight: bold;
    text-transform: uppercase;
    margin-top: 10px;
}

.service_description {
    width: 350px;
    margin: auto;
    line-height: 1.2;
    opacity: 0;
}

.service_description_text {
    text-align: center;
    font-size: 22px;
    margin-top: 15px;
    cursor: default;
}

.info_btn {
    color: white;
    text-transform: uppercase;
    background-color: #43c5ed;
    padding: 10px 20px;
    border-radius: 3px;
    font-size: 12px;
}

.info_btn:hover {
    cursor: pointer;
    background-color: #44b7e0;
    color: white;
}

.service_description .info_btn {
    width: 300px;
    margin: auto;
    margin-top: 15px;
    padding: 15px;
    font-size: 18px;
}

.bottom_line {
    position: absolute;
    width: 100%;
    height: 15px;
    background-color: white;
    z-index: 200;
    left: 0;
}

.user-info-menu {
    text-transform: uppercase;
}

.user-info-navbar .user-info-menu > li > a {
    color: #252d3a;
}

.user-info-navbar .user-info-menu > li .dropdown-menu.user-profile-menu li a {
    line-height: 1.7;
    color: #5e6775;
    font-size: 13px;
}

.user-info-navbar .user-info-menu > li .dropdown-menu.user-profile-menu li a:hover {
    opacity: 0.8;
}

.user-profile-menu {
    border-top: solid 2px #ed4242;
}

.user_menu_icon {
    width: 24px;
    height: 24px;
    display: block;
    float: left;
    margin-right: 7px;
}

.balance_sum {
    font-weight: bold;
}

#menu_tariff_icon {
    background: url("/static/img/menu-tariff-icon.png");
}

#menu_balance_icon {
    background: url("/static/img/menu-balance-icon.png");
}

#menu_user_profile_icon {
    background: url("/static/img/menu-user-icon.png");
}

#menu_partner_icon {
    background: url("/static/img/menu-partner-icon.png");
}

#menu_exit_icon {
    background: url("/static/img/menu-exit-icon.png");
}

.panel .panel-body {
    /*color: #545454;*/
    color: #252d3a;
    font-size: 13px;
}

.login_page {
    height: 100%;
    min-height: 900px;
}

.login_left, .login_right {
    height: 100%;
}

.login_left {
    background-color: #252d3a;
}

.login_right {
    background-color: #ffffff;
    color: #252d3a;
    font-size: 15px;
}

.login_block {
    width: 400px;
    margin: auto;
    margin-top: 35%;
}

.login_logo {
    margin-bottom: 15px;
    height: 85px;
}

.login_header {
    color: #9199a4;
    font-size: 15px;
    margin-bottom: 15px;
}

.login_btn {
    width: 345px;
    height: 47px;
    margin-bottom: 10px;
    display: block;
}

.login_btn:hover {
    cursor: pointer;
    opacity: 0.9;
}

.facebook_login {
    background: url("/static/img/facebook-login.jpg");
}

.google_login {
    background: url("/static/img/google-login.jpg");
}

.vk_login {
    background: url("/static/img/vk-login.jpg");
}

.login_info {
    width: 640px;
    margin: auto;
    margin-top: 10%;
}

.login_info_title {
    font-size: 24px;
    font-weight: bold;
    text-align: center;
    margin-bottom: 30px;
}

.login_info ul.ask_user {
    margin-bottom: 50px;
}

.ask_user {
    width: 420px;
    margin: auto;
}

.login_info ul.ask_user li {
    margin-bottom: 15px;
}

.todo_service {
    margin-bottom: 35px;
}

.todo_info {
    width: 180px;
    margin: auto;
    text-align: center;
    margin-bottom: 40px;
}

.info_logo {
    margin-bottom: 20px;
}

.login_beta {
    background-color: #ed4242;
    color: white;
    padding: 10px;
    padding-top: 0;
    padding-bottom: 5px;
}

#login_dropdown {
    background: transparent;
    border: none;
    box-shadow: none;
    margin-left: 15px;
}

#login_dropdown .login_btn {
    width: 130px;
    margin-bottom: 0;
}

#login_dropdown li {
    float: left;
}

.user-info-menu .btn {
    border-radius: 3px;
}

#main_login {
    color: #363f50;
    border: solid 1px #363f50;
    width: 80px;
}

#main_reg {
    background-color: #8dc63f;
}

@media (max-width: 768px) {
    .login_left {
        height: 500px;
        padding-top: 5px;
    }

    .login_block {
        margin-top: 100px;
    }

    .login_info {
    }
}

.password_recovery_link{
    text-align: right;
    text-transform: UPPERCASE;
}

.table > thead > tr > td, .table > thead > tr > th {
    color: #252d3a;
    font-size: 13px;
    font-weight: bold;
    line-height: 2.7;
    text-transform: uppercase;
}

.table > thead input {
    border: solid 1px #d3d5d8;
    font-weight: normal;
}

.table > tbody > tr > td {
    line-height: 2.2;
}

#tasks_num {
    padding: 5px;
    border-radius: 2px;
}

.tariff_col {
    text-align: center;
    color: #9199a4;
    text-transform: uppercase;
}

.tariff_col:hover {
    cursor: default;
}

.tariff_col .panel {
    padding: 0;
}

.tariff_header {
    font-size: 18px;
    font-weight: bold;
    color: white;
    position: relative;
    padding: 0;
    margin: 0;
    background: none;
    line-height: 3.4;
}

.tariff_info {
    height: 150px;
    padding: 15px;
}

.tariff_info_block {
    height: 120px;
}

.tariff_price_block {
    color: white;
    width: 50%;
    float: left;
    padding-top: 30px;
    padding-left: 20px;
    line-height: 1.1;
    text-align: left;
}

.tariff_price {
    font-size: 36px;
    font-weight: bold;
}

.tariff_price_currency {
    font-size: 18px;
    font-weight: bold;
}

.tariff_month {
    font-size: 15px;
    /*margin-left: 8px;*/
}

.tariff_logo {
    width: 50%;
    float: left;
}

.tariff_logo_img {
    width: 100px;
    float: right;
    padding-top: 9px;
    margin-right: 15px;
}

.tariff_selected {
    -webkit-box-shadow: 0px 0px 20px 0px rgba(18, 22, 29, 1);
    -moz-box-shadow: 0px 0px 20px 0px rgba(18, 22, 29, 1);
    box-shadow: 0px 0px 20px 0px rgba(18, 22, 29, 1);
    /*z-index: 50;*/
    border-left: solid 1px rgb(64, 73, 85);
}

.tariff_fields {
    font-size: 17px;
    font-weight: bold;
    border-right: solid 1px #404955;
}

.tariff_field, #tariff_fields .tariff_field {
    border-bottom: solid 1px #373e4a;
    padding-top: 23px;
    height: 70px;
}

.tariff_fields .tariff_field:nth-child(odd) {
    background-color: #252d3a;
}

.tariff_fields .tariff_field:nth-child(even) {
    background-color: #2a3442;
}

.tariff_fields .last_field {
    font-size: 14px;
    padding-top: 26px;
}

.bad_tariff_rating {
    color: #43c5ed;
    font-weight: normal;
}

#tariff_hit {
    width: 88px;
    height: 85px;
    background: url("/static/img/tariff-hit.png");
    position: absolute;
    z-index: 50;
    left: -5px;
    top: -5px;
}

#tariff_fields {
    text-align: left;
    font-size: 15px;
    margin-top: 211px;
    width: 20%;
    /*min-width: 280px;*/
}

#tariff_fields .tariff_fields {
    font-size: 13px;
}

#tariff_fields .tariff_field {
    padding-left: 30px;
}

#tariff_pro .tariff_header {
    background-color: #3bb0d4;
}

#tariff_pro .tariff_info {
    background-color: #43c5ed;
}

#tariff_pro .tariff_info_block {
    border: solid 1px #77cee8;
}

#tariff_pro .tariff_selected {
    border-left: none;
    z-index: 50;
}

#tariff_pro .tariff_selected .tariff_fields {
    border-left: solid 1px rgb(64, 73, 85);
}

#tariff_start .tariff_header {
    background-color: #7fb533;
}

#tariff_start .tariff_info {
    background-color: #8bc738;
}

#tariff_start .tariff_info_block {
    border: solid 1px #aed874;
}

#tariff_start .tariff_selected {
    border-left: none;
    z-index: 50;
}

#tariff_trial .tariff_header {
    background-color: #e6bc40;
}

#tariff_trial .tariff_info {
    background-color: #ffd147;
}

#tariff_trial .tariff_info_block {
    border: solid 1px #ffdf7f;
}

#tariff_trial .tariff_price_block {
    padding-top: 25px;
}

#tariff_trial .tariff_price {
    font-size: 60px;
}

#tariff_trial .tariff_price_currency {
    font-size: 30px;
}

.tariff_change {
    padding-top: 20px !important;
}

.tariff_change_btn {
    color: white;
    font-weight: normal;
    background-color: #8bc738;
    border-radius: 2px;
    width: 250px;
    padding: 5px;
    margin: auto;
}

.tariff_change_btn:hover {
    cursor: pointer;
    background-color: #9bdd3d;
}

@media (min-width: 768px) {
    .tariff_col {
        padding: 0;
    }
}

@media (max-width: 992px) {

    .tariff_selected {
        border-left: none;
    }
}

@media (min-width: 992px) {
    #tariff_pro, #tariff_start, #tariff_trial {
        width: 26.66%;
    }

}

@media (max-width: 992px) {
    #tariff_fields {
        display: none;
    }
}

.bounties_block {
    padding-right: 15px;
    margin-bottom: 40px;
}

.user_bounty {
    text-align: center;
    background-color: #252d3a;
    border-radius: 3px;
    cursor: default;
    position: relative;
}

.bounty_black {
    /*z-index: 200;*/
    width: 100%;
    position: absolute;
    top: 0;
    right: 0;
    background-color: rgb(68, 68, 68);
    opacity: 0.5;
    display: none;
}

.user_bounty, .bounty_black {
    height: 475px;
}

.user_bounty.bounty_payed, .user_bounty.bounty_payed .bounty_black {
    height: 410px;
}

.bounty_was_done .bounty_black, .bounty_not_available .bounty_black, .bounty_payed .bounty_black {
    display: block;
}

.bounty_reward {
    font-size: 60px;
    padding-top: 30px;
}

.bounty_reward_circle {
    background-color: #ed4242;
    border-radius: 50%;
    width: 235px;
    height: 235px;
    margin: auto;
}

.bounty_reward_text {
    padding-top: 70px;
}

.bounty_payed .bounty_reward {
    font-size: 55px;
}

.bounty_payed .bounty_reward_text {
    padding-top: 80px;
}

.bounty_name {
    font-size: 24px;
    font-weight: bold;
    padding-top: 20px;
}

.bounty_reward, .bounty_name {
    color: white;
}

.bounty_name, .bounty_status {
    text-transform: uppercase;
}

.bounty_info {
    padding-top: 10px;
    height: 40px;
}

.bounty_info .icon_wrapper {
    width: 25px;
    margin: auto;
    position: relative;
}

.bounty_info .info_icon {
    background: url("/static/img/info-icon.png");
    width: 25px;
    height: 25px;
    position: absolute;
    z-index: 500;
    left: 0;
    cursor: default;
}

.bounty_info .tooltips {
    display: inline;
}

.bounty_info .info_icon:hover {
    cursor: default;
    background-position: 0 25px;
}

.bounty_text {
    color: #9199a4;
    font-size: 13px;
    padding-top: 5px;
    width: 240px;
}

.bounty_status {
    font-size: 13px;
    font-weight: bold;
    color: white;
    padding-top: 17px;
    width: 150px;
}

.bounty_status_text {
    background-color: #9199a4;
    border-radius: 3px;
    padding: 7px;
}

.bounty_text, .bounty_status {
    margin: auto;
}

.bounty_can_be_completed .bounty_status_text, .bounty_payed .bounty_status_text {
    background-color: #99cc33;
}

.bounty_can_be_completed .bounty_status_text:hover, .bounty_payed .bounty_status_text:hover {
    cursor: pointer;
    background-color: #93c331;;
}

.bounty_not_available .bounty_status_text {
    background-color: #ed4242;
}

.tooltips {
    position: relative;
    /*display: inherit;*/
}

.tooltips_text {
    border-bottom: dashed 1px rgba(169, 181, 211, 0.6);
}

.tooltips_text:hover {
    border-bottom: none;
}

.tooltips span {
    position: absolute;
    min-width: 200px;
    color: #252d3a;
    font-size: 11px;
    text-transform: none;
    font-weight: normal;
    line-height: 1.5;
    background: #FFFFFF;
    min-height: 30px;
    padding: 10px;
    text-align: center;
    visibility: hidden;
    border-radius: 2px;
    border: solid 1px #d7d7d7;
    display: none;
}

.tooltips span:before {
    content: '';
    position: absolute;
    top: 100%;
    left: 50%;
    margin-left: -12px;
    width: 0;
    height: 0;
    border-top: 1px solid #6D6D6D;
    border-right: 1px solid transparent;
    border-left: 1px solid transparent;
}

.tooltips span:after {
    content: '';
    position: absolute;
    top: 100%;
    left: 50%;
    margin-left: -8px;
    width: 0;
    height: 0;
    border-top: 8px solid #d7d7d7;
    border-right: 8px solid transparent;
    border-left: 8px solid transparent;
}

.tooltips:hover span {
    visibility: visible;
    display: block;
    opacity: 1;
    bottom: 25px;
    left: -40%;
    /*margin-left: -100px;*/
    z-index: 999;
}

.tooltips span a {
    text-decoration: underline;
}

.tooltip.top .tooltip-arrow {
    bottom: 0;
    left: 50%;
    margin-left: -5px;
    border-top-color: #fff;
    border-width: 5px 5px 0;
}

.tooltip-inner {
    color: #000;
    background: #fff;
    border: solid 1px #fff;
}

.tooltip.left .tooltip-arrow {
    top: 50%;
    right: 0;
    margin-top: -5px;
    border-left-color: #000000;
    border-width: 5px 0 5px 5px;
}

.with_tooltip {
    position: relative;
}

.with_tooltip:hover, .tooltip_block {
    cursor: default;
}

.tooltip_block {
    display: none;
    position: absolute;
    bottom: 100%;
    /*left: -40%;*/
    padding: 8px;
    /*border: solid 1px #efefef;*/
    /*border-radius: 2px;*/
    background: #fdfdfd;
    min-width: 200px;
    max-width: 350px;
    z-index: 900;
    color: #252d3a;
    font-size: 11px;
    /*text-align: left;*/
    text-transform: none;
    font-weight: normal;
    line-height: 1.5;
}

.with_tooltip:hover .tooltip_block {
    display: block;
}

.tooltip_block a {
    color: rgb(51, 51, 51);
    text-decoration: underline;
}

.tooltip_block a:hover {
    cursor: pointer;
    opacity: 0.8;
}

/*.my_tooltip:after{*/
/*display: block;*/
/*position: absolute;*/
/*border-left: 8px solid transparent;*/
/*border-right: 8px solid transparent;*/
/*content: "";*/
/*border-top: 8px solid white;*/
/*bottom: -8px;*/
/*left: 15px;*/
/*}*/

/*.tooltip-triangle {*/
/*display: block;*/
/*position: absolute;*/
/*border-left: 5px solid transparent;*/
/*border-right: 5px solid transparent;*/
/*content: "";*/
/*}*/

/*.tooltip-triangle {*/
/*border-top: 5px solid #ebebeb;*/
/*bottom: -5px;*/
/*left: 15px;*/
/*}*/

.points_num {
    background-color: #ed4242;
    color: white;
    padding: 1px 5px 3px;
    border-radius: 100%;
    text-transform: lowercase !important;
}

.points_num:before {
    content: "e";
}

.green_btn {
    background-color: #8dc63f;
    color: white !important;
    text-transform: uppercase;
    padding: 7px 14px;
    text-align: center;
    border-radius: 2px;
    text-decoration: none !important;
    display: inline-block;
    border: none !important;
    font-size: 13px;
}

.green_btn:hover {
    background-color: #a4e649;
    cursor: pointer;
}

.green_btn:active {
    background-color: #77a635;
}

.green_btn:focus {
    text-decoration: none;
}

#analyze_btn {
    min-width: 160px;
}

#analyze_btn #analyze_default_text {
    display: block;
}

#analyze_btn:hover #analyze_default_text {
    display: none;
}

#analyze_btn #analyze_hover_text {
    display: none;
    text-transform: lowercase;
}

#analyze_btn:hover #analyze_hover_text {
    display: block;
}

#tz_btn {
    width: 140px;
}

/*
new service
*/

.plus_keyword {
    padding: 8px;
    background-color: rgb(250, 250, 250);
    border: solid 1px rgb(242, 236, 236)
}

.plus_keyword:hover, .remove_keyword:hover {
    cursor: pointer;
    opacity: 0.8;
}

.added_keyword {
    line-height: 2;
    margin-right: 20px;
}

.remove_keyword {
    padding: 1px;
}

.added_keywords_info, .added_url_info {
    line-height: 2.5;
    color: grey;
    font-size: 13px;
    font-style: italic;
}

.promo_text {
    font-size: 24px;
    margin-top: 20px;
    margin-bottom: 20px;
    color: rgba(37, 45, 58, 0.91);
}

.promo_text .glyphicon-arrow-down {
    font-size: 64px;
    margin-top: 25px;
    margin-bottom: 25px;
}

.promo_list {
    text-align: left;
    width: 610px;
    margin: auto;
}

.fast_form input, .fast_form select, .fast_form .green_btn {
    font-size: 16px;
    height: 50px;
}

.fast_form .green_btn {
    padding-left: 50px;
    padding-right: 50px;
    width: 100%;
}

.href {
    text-decoration: underline;
    color: #000000;
}

.href:hover {
    opacity: 0.7;
    cursor: pointer;
}

.text, .panel-body p, .tutorial_text, .tutorial_text p {
    color: #494949 !important;
}

.tutorial_text .panel-heading > a {
    text-decoration: underline;
}

.help_block {
    opacity: 0.8;
    padding-left: 40px;
}

.help_block:hover {
    opacity: 1;
}

.params_block {
    border-right: solid 1px rgb(229, 229, 229);
    padding-right: 40px;
}

.small_href {
    font-size: 12px;
    font-style: italic;
}

.header_group_text {
    position: absolute;
    left: 50px;
    font-size: 14px;
    top: 2px;
}

.params_select_header {
    padding-top: 7px;
    margin-right: 10px;
    opacity: 0.5;
}


.params_select_second {
    margin-left: 10px;
}


.chart_with_params{
    position: relative;
    margin-top: 20px;
}

.chart_params, .chart_checkbox{
    position: absolute;
    top: -35px;
}

.chart_params{
    right: 0;
}

.chart_checkbox{
    left: 30px;
    opacity: 0.8;
}


.review_more_href, .graph_href{
    opacity: 0.8;
    cursor: pointer;
}


.review_to_do{
    background-color: rgb(247, 249, 250);
}

.export_xls{
    position: absolute;
    right: 15px;
}


.group_checkbox_text{
    height: 34px;
    display: block;
    float: right;
    margin-top: 2px;
    margin-left: 5px;
}


.group_active, .bad_balance{
    display: none;
}


.demo_tab{
    float: right !important;
    background-color: rgb(247, 249, 250);
}

.nav.nav-tabs > li.demo_tab > a{
  background-color: inherit;
  text-decoration: underline;
}

/*.nav.nav-tabs > li.demo_tab > a:hover{*/
    /*opacity: 0.7;*/
/*}*/


.timeline_step{
    padding-top: 7px;
}

.tutorial_round{
    border-radius: 50%;
    color: #000000;
    font-weight: bold;
    width: 25px;
    height: 25px;
    display: inline-block;
    text-align: center;
    border: solid 3px rgb(109, 199, 42);
}


.main_demo_text{
    text-align: center;
    font-style: italic;
}


.nav.nav-tabs > li > a{
    font-size: 13px;
    font-weight: bold;
    color: #96989b;
    text-transform: uppercase;
}

.nav.nav-tabs > li > a:hover, .nav.nav-tabs > li.active > a{
    color: #363f50;
}

.nav.nav-tabs > li > a{
    background-color: #F7F9FA;
}

.cbr-inline:hover{
    cursor: pointer;
}


.how_to_item{
    margin-bottom: 30px;
}


.how_to_item_header{
    color: rgb(37, 45, 58);
    font-size: 17px;
    border-bottom: 2px solid #f5f5f5;
    margin-bottom: 15px;
    padding-bottom: 5px;
}


.how_to_item_body{
    color: rgb(73, 73, 73);
    font-size: 13px;
    margin-left: 15px;
}

.how_to_item_body img{
    margin-top: 15px;
    margin-bottom: 15px;
}

.loading-window{
    text-align: center;
    text-transform: uppercase;
    font-size: 14px;
}

.loading-window img{
    width: 200px;
    display: block;
    margin: auto;
    padding-bottom: 10px;
}

.loading-window span{
    font-weight: bold;
}

.promo_input, .promo_next_btn{
    font-size: 16px;
    height: 50px;
    width: 100%;
}

.promo_input{
    border-radius: 0 !important;
}

.promo_separator{
    width: 100%;
    height: 30px;
}

.promo_img{
    margin: auto;
}

.promo_switcher_text{
    font-size: 14px;
    padding-top: 8px;
}

#top_link{
    opacity: 0.75;
    font-size: 12px;
    text-transform: none;
    margin-top: 3px;
}

#top_link:hover{
    opacity: 1;
}

#stat_links{
    margin-bottom: 30px;
}

#stat_links a{
    margin-right: 20px;
}


.iswitch-help-text{
    position: absolute;
    top: 12px;
    left: 100px;
    text-transform: lowercase;
    font-size: 12px;
    opacity: 0.7;
    font-style: italic;
}


.iswitch-help-text:hover{
    opacity: 1;
}


.title-alpha{
    font-weight: bold;
    font-style: italic;
}


.heat_map{
    text-align: center;
}

.heat_map_block, .heat_map_block_to_do{
    padding: 20px;
    /*border-bottom: solid 1px white;*/
    text-align: center;
}

.heat_map_block_to_do{
    background-color: rgb(247, 249, 250);
}

.heat_map_scale_1{
    background-color: #f6fcf5;
}

.heat_map_scale_2{
    background-color: #e0f5d7;
}

.heat_map_scale_3{
    background-color: #bee5b6;
}

.heat_map_scale_4{
    background-color: #92d388;
}

.heat_map_scale_5{
    background-color: #66bb63;
}

.heat_map_scale_6{
    background-color: #369e4b;
}

.heat_map_scale_7{
    background-color: #217a33;
}

.heat_map_scale_8{
    background-color: #094a24;
}

.heat_map_scale_9{
    background-color: #073118;
}

.heat_map_scale_10{
    background-color: #052110;
}

.legend_block{
    width: 70px;
    float: left;
    margin-right: 20px;
}

.legend_color{
    width: 70px;
    height: 30px;
    display: block;
    border: solid 1px rgb(238, 238, 238);
}

.legend_range{
    text-align: center;
}

.current_tariff{
    background-color: #fafafa;
}


#login-block{
    width: 550px;
    margin: auto;
    margin-bottom: 30px;
}


.pay_currency{
    text-align: center;
    padding: 15px;
    height: 150px;
    border-right: solid 1px #F3F3F3;
    margin-right: 20px;
    margin-bottom: 20px;
}


.pay_currency_block:hover{
    cursor: pointer;
    opacity: 0.8;
}


.pay_currency_name{
    font-size: 18px;
    font-weight: bold;
    margin-top: 15px;
}


.pay_points{
    padding: 5px;
    background-color: #8DC63F;
    color: white;
}


#extra_config .panel{
    background-color: rgba(249, 249, 249, 0.48);
    margin-top: 5px;
}

#extra_config .panel-title a.collapsed{
    text-decoration: underline;
}

#extra_config .panel-title a{
    text-decoration: none;
    font-size: 15px;
}

.config_presets{
    position: absolute;
    top: 10px;
    right: 15px;
}

.config_presets select{
    width: 250px;
}

#results_project{
    width: 200px;
    display: block;
    float: left;
    margin-left: 50px;
}

#last_update{
    text-align: center;
    opacity: 0.7;
}

.info_url{
    color: white;
    text-decoration: underline;
    font-weight: bold;
}




/*

    QA

*/

.comments_num_block{
    height: 25px;
}

.comments_num{
    border-bottom: dotted 1px grey;
    text-decoration: none;
    font-weight: normal;
    opacity: 0.7;
}

.responce_comments{
    margin-top: 10px;
    margin-left: 10px;
}

.responce_comment{
    background-color: rgba(247, 249, 250, 0.58);
    padding: 20px;
    margin-bottom: 10px;
}

.responce_comments .responce_comment:nth-child(even){
    background-color: inherit;
}

.comment_header{
    font-weight: bold;
    margin-bottom: 5px;
}

.i_icon{
    opacity: 0.2;
    margin-left: 7px;
}

.i_icon:hover{
    opacity: 1;
    cursor: pointer;
}

.editable_value span[class^=col-]{
    padding: 0 5px 0 0;
}

.config_window{
    position: absolute;
    right: 0;
    background-color: white;
    border: solid 1px #DDDDDD;
    padding: 20px;
    z-index: 1;
    font-size: 13px;
    color: #252d3a;
    min-width: 150px;
}

#tz_config{
    width: 300px;
}

.config_window .form-group:last-child{
    margin-bottom: 5px;
}

.config_window label:hover{
    opacity: 0.9;
}

.close_config{
    position: absolute !important;
    right: 10px;
    top: 10px;
}


.vk_block{
    height: 47px;
    position: relative;
}

.vk_error{
    position: absolute;
    left: 360px;
    top: 15px;
    opacity: 0.5;
    text-decoration: underline;
    cursor: default;
}

.vk_error:hover{
    opacity: 1;
}

.new_idea{
    position: absolute;
    top: -5px;
    right: -40px;
    font-size: 10px;
}

.clr {
    clear: both;
    height: 0;
    margin: 0;
    padding: 0;
}

#tz_button_text{
    opacity: 0.6;
    margin-left: 20px;
    font-size: 12px;
    font-style: italic;
}

.tz_param{
    position: relative;
}

/*.tz_param:hover .calcultations_window, .tz_param:hover .correlation_window{*/
    /*display: block;*/
/*}*/

.close_window_icon{
    position: absolute;
    top: 10px;
    right: 10px;
    font-size: 16px;
}

.close_window_icon:hover{
    cursor: pointer;
    opacity: 0.8;
}

.tz_param .param_name{
    border-bottom: dashed 1px rgba(169, 181, 211, 0.6);
}

.positive_true .param_name{
    border-bottom-color: white !important;
}

.tz_param .param_name:hover{
    cursor: pointer;
    border-bottom: none;
}

.calcultations_window, .correlation_window{
    position: absolute;
    top: -150px;
    left: 10%;
    background-color: white;
    z-index: 1;
    border: solid 1px rgba(37, 45, 58, 0.24);
    padding: 20px;
    display: none;
    width: 800px;
    max-height: 700px;
    overflow-x: hidden;
    overflow-y: scroll;
}

#opened_window{
    display: block;
}

.correlation_window{
    right: 15%;
    left: inherit;
    color: #252d3a;
}

.calc_header{
    font-size: 17px;
    color: #333333;
    font-weight: bold;
}

.table > tbody > tr > td.calc_result{
    border: solid 2px rgba(37, 45, 58, 0.61)
}

.calc_info{
    font-size: 10px;
    opacity: 0.8;
    /* width: 50%; */
    margin-bottom: 20px;
    text-align: right;
}

.i_icon{
    position: relative;
}

.i_icon .icon_help, .i_icon .icon_help_left{
    position: absolute;
    /* background-color: white; */
    z-index: 1;
    /* border: solid 1px rgba(37, 45, 58, 0.24); */
    /* padding: 20px; */
    display: none;
    top: -10px;
    width: 150px;
    left: 15px;
    opacity: 0.95;
    font-size: 12px;
    text-transform: lowercase;
}

.i_icon .icon_help_big{
    top: -15px;
}

.i_icon .icon_help_left{
    top: -20px;
    left: -60px;
}

.i_icon:hover .icon_help, .i_icon:hover .icon_help_left{
    display: block;
}

.editable_to_do{
    opacity: 0.6;
}

.editable_to_do:hover{
    opacity: 1;
}

#edit_actions_window{
    position: fixed;
    left: 50%;
    bottom: 10px;
    z-index: 10;
    background-color: white;
    border: solid 1px rgba(0, 0, 0, 0.10);
    padding: 12px 15px 10px;
    opacity: 0.9;
    font-size: 24px;
}

#edit_actions_window .i_icon{
    opacity: 0.6;
}

#edit_actions_window .i_icon:hover, #edit_actions_window #close_edit_actions:hover{
    opacity: 1;
}

#edit_actions_window .icon_help:hover{
    opacity: 1;
}

#close_edit_actions{
    position: absolute;
    top: 2px;
    right: 2px;
    font-size: 14px;
}

#edit_actions_window #close_edit_actions{
    opacity: 0.3;
}

.hidden_true{
    display: none;
}

input[type="checkbox"].iswitch-lg.iswitch-secondary.disabled_true:checked{
    box-shadow: inset 0 0 0 16px #e4e4e4 !important;
}


.set_all_params{
    position: absolute;
    right: -5px;
    top: 12px;
}

.set_all_params .i_icon{
    opacity: 0.1;
}

.set_all_params .i_icon:hover{
    opacity: 1;
}