.body__lk {
    font-family: 'Arial', sans-serif;
    color: #0D4F67;
    width: 100%;
    font-size: 16px;
    line-height: 1;
}

h1.page-title, .content-wrapper h2.page-title {
    font-size: 1.75em;
    line-height: 0.71429rem;
    margin-top: 0;
    font-weight: 700;
}

p.page-subtitle {
    font-size: 22px;
    line-height: 25px;
    margin-bottom: 0;
}

.unviewable {
    cursor: default !important;
}

.fixed-body {
    position: fixed;
    max-height: 100vh;
    height: 100%;
}

.analyses-popup {
    width: 100%;
    height: 100%;
    position: absolute;
    display: none;
    top: 0;
    left: 0;
    background: rgba(243, 246, 247, 0.8);
}

.show {
    display: block;
}

.main-nav__list {
    position: fixed;
    max-width: 83px;
    width: 100%;
}

.main-nav {
    width: 83px;
}

.main-nav:hover {
    width: 332px;
}

.main-nav:hover .main-nav__list {
    max-width: 332px;
}

/* прелоадер при подборе анализов */

.preloader-popup {
    max-height: 100vh;
    overflow: hidden;
    display: none;
    position: absolute;
    width: 100%;
    height: 100%;
    top: 0;
    left: 0;
}

.preloader {
    background: #FFFFFF;
    box-shadow: 0px 0px 14.44px rgba(0, 0, 0, 0.1);
    border-radius: 8px;
    position: absolute;
    transform: translate(-50%, -50%);
    left: 50%;
    top: 50%;
    z-index: 2;
    max-width: 412px;
    width: 100%;
    text-align: center;
    margin: 0 auto;
    padding: 48px 0;
}

.preloader-circle {
    width: 40px;
    height: 40px;
    margin: 0 auto;
}

.preloader p {
    font-size: 18px;
    line-height: 21px;
    margin-top: 35px;
}

/* попап при входе после обновления */

.new-login-popup {
    background: rgba(0, 0, 0, 0.7);
    z-index: 10000;
}

.new-login-popup.show {
    padding-top: 88px;
    padding-right: 10%;
}

.new-login-popup .button-wrap .compare-button {
    opacity: 1;
    -webkit-filter: drop-shadow(0px 0px 20px #FFFFFF);
            filter: drop-shadow(0px 0px 20px #FFFFFF);
    display: block;
    margin-top: 83px;
    padding: 16px 30px;
    max-width: 232px;
    height: 50px;
    text-align: center;
}

.new-login-popup .button-wrap {
    margin: 0;
}

.hide-button {
    display: none;
}

.new-login-popup .tooltip-wrap.show .tooltip {
    background: #fff;
    border-radius: 8px;
    padding: 23px 52px 22px 31px;
    top: -76px;
}

.new-login-popup .tooltip-wrap.show .tooltip::after {
    content: '';
    display: block;
    background: url('/img/htdev/compare_analyses/triangle.svg') no-repeat;
    width: 25px;
    height: 30px;
    background-size: 100%;
    right: -24px;
    position: absolute;
    top: 50%; 
    -webkit-transform: translateY(-50%); 
        -ms-transform: translateY(-50%); 
            transform: translateY(-50%);
}

.new-login-popup .tooltip-title {
    font-weight: 700;
    font-size: 18px;
    line-height: 21px;
    margin-bottom: 10px;
}

.new-login-popup button.tooltip-button {
    display: block;
    font-size: 18px;
    line-height: 18px;
    background: #fff;
    border: 1px solid #0D4F67;
    border-radius: 100px;
    text-align: center;
    margin-top: 5px;
    padding: 13px 15px 16px;
    width: 144px;
}

.new-login-popup button.tooltip-button:hover {
    color: #fff;
    background: #0D4F67;
}

/* попап с ошибкой */

.no-result-popup {
    position: fixed;
}

.no-result-popup.show {
    z-index: 1000;
}

.no-result-error-block {
    margin: 0 auto;
    padding: 40px 52px 35px;
    background: #FFFFFF;
    -webkit-box-shadow: 0px 0px 14.44px rgba(0, 0, 0, 0.1);
            box-shadow: 0px 0px 14.44px rgba(0, 0, 0, 0.1);
    border-radius: 8px;
    max-width: 412px;
    width: 100%;
    position: relative;
    top: 50%; 
    -webkit-transform: translateY(-50%); 
        -ms-transform: translateY(-50%); 
            transform: translateY(-50%);
    text-align: center;
}

.no-result-error-block p {
    font-size: 18px;
    line-height: 21px;
    margin-bottom: 22px;
}

.no-result-error-block .error-button {
    max-width: 191px;
    width: 100%;
    margin: 0 auto;
    background: #0D4F67;
    border-radius: 100px;
    color: #fff;
    border: none;
    outline: none;
    padding: 14px 0 16px;
    font-size: 18px;
    line-height: 18px;
}

.no-result-error-block .error-button:hover {
    background: #E84038;
}

.no-results {
    font-size: 18px;
    line-height: 21px;
    color: #E84038;
    margin-top: 50px;
}

.calendar-note {
    font-size: 16px;
    line-height: 18px;
    color: #7DC7CC;
    padding-bottom: 16px;
    border-bottom: 1px solid rgba(13, 79, 103, 0.5);
    margin-bottom: 20px;
}

.filter-popup {
   z-index: 1;
}

.hide-calendar {
    opacity: 0;
    visibility: hidden;
    position: absolute;
}

input.period-item-input {
    position: absolute;
    visibility: hidden;
}

.subtitle {
    font-size: 14px;
    line-height: 12px;
    margin-top: 29px;
    margin-bottom: 14px;
}

.filter-popup-close {
    display: none;
}

.filter-popup-calendar {
    position: absolute;
    background: #fff;
    z-index: 2;
    width: 100%;
    max-width: 374px;
    padding: 18px 36px 18px 18px;
    -webkit-box-shadow: 0px 0px 14.399999618530273px 0px #0000001A;
            box-shadow: 0px 0px 14.399999618530273px 0px #0000001A;
    border-radius: 8px;
    left: 100.2%;
    top: 0;
    opacity: 0;
    visibility: hidden;
    -webkit-transition: opacity 0.3s ease-out;
    -o-transition: opacity 0.3s ease-out;
    transition: opacity 0.3s ease-out;
}

.calendar-visible {
    -webkit-transition: opacity 0.3s ease-in-out;
    -o-transition: opacity 0.3s ease-in-out;
    transition: opacity 0.3s ease-in-out;
    opacity: 1;
    visibility: visible;
}

.period-label {
    font-size: 14px;
    line-height: 14px;
    background: #E7EDF0;
    border-radius: 42px;
    padding: 5px 12px;
    cursor: pointer;
    font-weight: 400;
    margin-right: 10px;
    height: 24px;
}

.period-input {
    visibility: hidden;
    display: none;
}

.period-input:checked + label {
    background: #0D4F67;
    color: #fff;
}

.period-label:hover {
    background: #0D4F67;
    color: #fff;
}

/* календарь */

.filter-popup-calendar th.next,
.filter-popup-calendar th.prev {
    font-size: 0;
}

.filter-popup-calendar th.next {
    background: url('../../img/htdev/compare_analyses/next.svg') no-repeat, #fff;
    background-position: center;
}

.filter-popup-calendar th.next:hover {
    background: url('../../img/htdev/compare_analyses/next_hover.svg') no-repeat, #fff;
    background-position: center;
}

.filter-popup-calendar th.prev {
    background: url('../../img/htdev/compare_analyses/prev.svg') no-repeat, #fff;
    background-position: center;
}

.filter-popup-calendar th.prev:hover {
    background: url('../../img/htdev/compare_analyses/prev_hover.svg') no-repeat, #fff;
    background-position: center;
}

.filter-popup-calendar .datepicker-inline {
    width: 100%;
}

.filter-popup-calendar .datepicker-inline table {
    width: 100%;
    display: block;
}

.filter-popup-calendar tr {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: justify;
        -ms-flex-pack: justify;
            justify-content: space-between;
    width: 100%;
}

.filter-popup-calendar thead tr:nth-child(2) {
    padding: 0 0 17px 0;
}

.filter-popup-calendar thead tr:last-child {
    border: 1px solid rgba(125, 199, 204, 0.5);
    border-right: none;
    border-left: none;
    padding: 8px 5px;
    margin-bottom: 12px;
}

.filter-popup-calendar .datepicker-switch {
    font-weight: 400;
    font-size: 16px;
    line-height: 22px;
}

.filter-popup-calendar th.dow {
    font-weight: 400;
    font-size: 16px;
    line-height: 22px;
    color: #7DC7CC;
}

.filter-popup-calendar thead,
.filter-popup-calendar tbody {
    width: 100%;
    display: block;
}

.filter-popup-calendar tbody tr:not(:last-child) {
    margin-bottom: 12px;
}

.filter-popup-calendar td.active {
    background: #7DC7CC !important;
    color: #fff !important;
    border: none !important;
}

.filter-popup-calendar td.old {
    opacity: 0.25;
    -webkit-user-select: none;
       -moz-user-select: none;
        -ms-user-select: none;
            user-select: none;
    pointer-events: none;
}

.filter-popup-calendar td.new {
    opacity: 0.25;
    -webkit-user-select: none;
       -moz-user-select: none;
        -ms-user-select: none;
            user-select: none;
    pointer-events: none;
}

.filter-popup-calendar .datepicker tbody tr td, 
.datepicker tbody tr th {
    width: 32px;
    height: 32px;
    border-radius: 100%;
    border: 1px solid #7DC7CC;
    font-size: 14px;
    line-height: 14px;
    color: #0D4F67;
    padding: 9px 4px 5px;
    text-shadow: none !important;
}

.filter-popup-calendar .datepicker tbody tr td:hover {
    color: #fff;
    background: #7DC7CC !important;
}

.filter-popup-calendar .datepicker-months tbody tr td:hover,
.filter-popup-calendar .datepicker-years tbody tr td:hover,
.filter-popup-calendar .datepicker-decades tbody tr td:hover,
.filter-popup-calendar .datepicker-centuries tbody tr td:hover {
    background: none !important;
}

.filter-popup-calendar .datepicker-months td span:hover,
.filter-popup-calendar .datepicker-years td span:hover,
.filter-popup-calendar .datepicker-decades td span:hover,
.filter-popup-calendar .datepicker-centuries td span:hover {
    background: #7DC7CC !important;
    color: #fff;
}

.filter-popup-calendar_second .form-control {
    display: none;
}

.filter-popup-calendar .datepicker-months tbody td,
.filter-popup-calendar .datepicker-years  tbody td,
.filter-popup-calendar .datepicker-decades  tbody td,
.filter-popup-calendar .datepicker-centuries  tbody td {
    width: auto !important;
    border: none !important;
    height: auto !important;
}

.filter-popup-calendar .datepicker-months tbody td span,
.filter-popup-calendar .datepicker-years tbody td span, 
.filter-popup-calendar .datepicker-decades tbody td span, 
.filter-popup-calendar .datepicker-centuries tbody td span {
    border-radius: 14px;
    border: 1px solid #7DC7CC;
    color: #0D4F67;
}

.filter-popup-calendar .datepicker-months tbody td span:hover,
.filter-popup-calendar .datepicker-years tbody td span:hover,
.filter-popup-calendar .datepicker-decades tbody td span:hover,
.filter-popup-calendar .datepicker-centuries tbody td span:hover {
    background: #7DC7CC;
    color: #fff;
}

.datepicker-months .datepicker table tr td span:hover, 
.datepicker table tr td span.focused {
    background: #7DC7CC !important;
    color: #fff;
}

.datepicker-years .datepicker table tr td span:hover, 
.datepicker table tr td span.focused {
    background: #7DC7CC !important;
    color: #fff;
}

.filter-popup-calendar .datepicker-months tbody td span.active,
.filter-popup-calendar .datepicker-years tbody td span.active {
    background: #7DC7CC !important;
    border: none !important;
    text-shadow: none !important;
}

.filter-popup-calendar .datepicker-months thead tr th {
    color: #0D4F67;
}

.filter-popup-calendar .datepicker .datepicker-switch:hover {
    background: none !important;
    color: #7DC7CC;
}

.filter-popup-calendar thead th.next:hover svg path,
.filter-popup-calendar thead th.prev:hover svg path {
    fill: #7DC7CC;
}

.filter-popup-calendar_first input {
    display: none;
}

.filter-popup-content {
    background: #fff;
    max-width: 521px;
    padding: 32px 32px 28px;
    margin-top: 255px;
    margin-left: 132px;
    -webkit-box-shadow: 0px 0px 14.44px rgba(0, 0, 0, 0.1);
            box-shadow: 0px 0px 14.44px rgba(0, 0, 0, 0.1);
    border-radius: 8px;
    position: relative;
}

.filter-popup-title {
    font-weight: 400;
    font-size: 22px;
    line-height: 14px;
}

.filter-popup-period {
    margin-top: 30px;
}

.filter-popup-periods {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -ms-flex-wrap: wrap;
        flex-wrap: wrap;
    margin-top: 14px;
}

.period-icon {
    max-width: 22px;
    margin-right: 10px;
    -ms-flex-negative: 0;
        flex-shrink: 0;
    cursor: pointer;
}

.period-item {
    background: #E7EDF0;
    border-radius: 42px;
    padding: 5px 12px;
    text-align: center;
    font-size: 12px;
    line-height: 12px;
    color: #0D4F67;
    margin-right: 10px;
    -ms-flex-negative: 0;
        flex-shrink: 0;
    cursor: pointer;
}

.filter-popup-buttons {
    margin-top: 40px;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: justify;
        -ms-flex-pack: justify;
            justify-content: space-between;
}

.filter-popup-button {
    background: #E7EDF0;
    border-radius: 100px;
    color: #0D4F67;
    text-align: center;
    padding: 14px 21px;
    max-width: 215px;
    width: 100%;
    display: block;
    text-decoration: none;
    outline: none;
    border: none;
}

.filter-popup-button:hover {
    background: #0D4F67;
    color: #fff;
}

/* селект */

.select-input {
    position: relative;
}

input.selection-input {
    background: #FFFFFF;
    border: 1px solid #C4C4C4;
    border-radius: 4px;
    color: #C4C4C4;
}

.select-input input.selection-input:focus {
    border: 1px solid #0d4f67 !important;
    outline: none !important;
    color: #0d4f67;
}

.select-search-button {
    position: absolute;
    max-width: 24px;
    top: 8px;
    right: 10px;
    z-index: 2;
}

.select-wrap {
    position: relative;
}

.select-options {
    display: none;
    position: absolute;
    background: #fff;
    z-index: 10;
    width: 100%;
    border: 1px solid #0d4f67;
    border-top: 0;
    border-radius: 0 0 8px 8px;
    margin-top: -5px;
    overflow-x: hidden;
    overflow-y: scroll;
    max-height: 150px;
    height: 150px;
    margin-bottom: 0;
}

.select-option__item {
    padding: 12px 20px;
    cursor: pointer;
}

.select-option__item.selected {
    background: #0d4f67;
    color: #fff;
}

.select-option__item.selected:hover {
    background: #0d4f67;
}

.select-option__item:hover {
    color: #fff;
    background: #7DC7CC;
}

.select-options--show {
    display: block; 
}

.selections {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -ms-flex-wrap: wrap;
        flex-wrap: wrap;
    margin-top: 20px;
}

.selected-option {
    font-size: 12px;
    line-height: 12px;
    margin-right: 10px;
    margin-bottom: 14px;
    padding: 5px 12px;
    background: #E7EDF0;
    border-radius: 42px;
}

.analyses-results {
    margin-top: 35px;
    max-width: 89.21%;
    width: 100%;
}

.analyses-top {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
        -ms-flex-align: center;
            align-items: center;
    padding-left: 1px;
}

.analyses-top span {
    font-size: 14px;
    line-height: 14px;
    -ms-flex-negative: 0;
        flex-shrink: 0;
    padding-right: 8px;
}

.show-count {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
        -ms-flex-align: center;
            align-items: center;
    -ms-flex-negative: 0;
        flex-shrink: 0;
}

select.show-count-list {
    border-radius: 4px;
    width: 100%;
    padding: 7px 12px !important;
    font-size: 14px;
    line-height: 14px;
    -ms-flex-negative: 0;
        flex-shrink: 0;
    color: #0D4F67;
    border: 1px solid #0D4F67;
    background: #fff;
}

select.show-count-list:focus {
    color: #000;
}

.analyses-results .select-wrapper {
    margin-left: 5px;
    -ms-flex-negative: 0;
        flex-shrink: 0;
    max-width: 71px;
    width: 100%;
}

.analyses-results .select-wrapper::after {
    right: 12px;
    border-right: 2px solid #0D4F67;
    border-bottom: 2px solid #0D4F67;
}

.analyses-filter {
    margin-left: 44px;
    position: relative;
    cursor: pointer;
    z-index: 2;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
        -ms-flex-align: center;
            align-items: center;
}

.analyses-filter:hover {
    color: #E84038;
}

.analyses-filter:hover svg path {
    fill: #E84038;
}

.analyses-filter.reset {
    color: #E84038;
    margin-left: 0;
    cursor: pointer;
    margin-bottom: 9px;
    z-index: 1;
}

.analyses-filter-icon {
    width: 40px;
    height: 40px;
    margin-right: 5px;
}

.compare-button {
    margin-left: auto;
    padding: 14px 0 16px;
    text-align: center;
    background: #0D4F67;
    border-radius: 100px;
    color: #fff;
    max-width: 225px;
    width: 100%;
    font-size: 18px;
    line-height: 18px;
    text-decoration: none;
}

.compare-button:hover {
    background: #E84038;
    -webkit-transition: 0.3s;
    -o-transition: 0.3s;
    transition: 0.3s;
    color: #fff;
    text-decoration: none;
}

.analyses-wrap {
    margin-top: 24px;
}

.analyse-item {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
        -ms-flex-align: center;
            align-items: center;
    background: #FFFFFF;
    -webkit-box-shadow: 0px 0px 14.4444px rgba(0, 0, 0, 0.1);
            box-shadow: 0px 0px 14.4444px rgba(0, 0, 0, 0.1);
    border-radius: 8px;
    padding: 13px 20px 14px;
    position: relative;
    color: #0D4F67;
    cursor: pointer;
}

.analyse-item:hover .item__watch--eye svg path {
    fill: #E84038;
    transition: 0.3s;
}

.analyse-item p {
    margin-bottom: 0;
}

.analyse-item:not(:last-child) {
    margin-bottom: 20px;
}

.analyse-item--added .analyse-item-buttons .button:first-child svg path {
    fill: #F2412F;
}

.analyse-item__date {
    font-size: 14px;
    line-height: 12px;
    margin-right: 24px;
    align-self: flex-start;
    margin-top: 15px;
}

.analyse-item__name {
    font-size: 18px;
    line-height: 21px;
    max-width: 64.7%;
    width: 100%;
}

.analyse-item-buttons {
    margin-left: auto;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
}

.analyses-wrap .item__watch {
    text-decoration: none;
    display: block;
    width: 40px;
    height: 40px;
}

.item__watch:hover svg path {
    -webkit-transition: 0.3s;
    -o-transition: 0.3s;
    transition: 0.3s;
    text-decoration: none;
    fill: #E84038;
}

.item__watch_unhover svg path {
    fill: #0D4F67 !important;
}

.item__watch:last-child {
    margin-right: 0;
}

.warning-tooltip {
    display: none;
}

.analyse-item--warning .warning-tooltip {
    display: block;
    position: relative;
    align-self: flex-start;
    top: 8px;
}

.warning-tooltip:hover .warning-tooltip__text {
    display: block;
    position: absolute;
    padding: 12px;
    background: #FFFFFF;
    -webkit-box-shadow: 0px 0px 14.44px rgba(0, 0, 0, 0.1);
            box-shadow: 0px 0px 14.44px rgba(0, 0, 0, 0.1);
    color: #E84038;
    font-size: 12px;
    line-height: 14px;
    text-align: center;
    z-index: 2;
    width: auto;
    left: 100%;
    top: -8px;
    -webkit-transition: 0.5s;
    -o-transition: 0.5s;
    transition: 0.5s;
    white-space: nowrap;
}

.warning-tooltip__icon {
    max-width: 23px;
    margin-right: 12px;
    cursor: pointer;
}

.warning-tooltip__text {
    display: none;
}

.page-content {
    margin-top: 46px;
}

.analyse-title--error::after {
    content: '';
    display: inline-block;
    margin-left: 4px;
    width: 23px;
    height: 23px;
    background: url('/img/htdev/compare_analyses/warning.png') no-repeat;
    background-size: 100%;
}

.analyses-top-info {
    max-width: 575px;
    width: 100%;
}

.analyses-top-buttons {
    margin-left: auto;
    align-self: flex-start;
}

.analyses-top-buttons .compare-button {
    max-width: 208px;
    background: #0D4F67;
    color: #fff;
    padding: 4px 35px 4px 24px;
    font-size: 18px;
    line-height: 18px;
    text-align: center;
    opacity: 1;
    pointer-events: all;
}

.analyses-top-buttons .compare-button svg path {
    fill: #fff;
    width: 40px;
    height: 40px;
}

.analyses-top-buttons .compare-button:first-child {
    margin-left: 0;
}

.analyses-top-buttons .compare-button:hover {
    background: #E84038;
    color: #fff;
}

.analyses-direction {
    margin-bottom: 8px;
}

.text--bigger {
    font-size: 18px;
    line-height: 21px;
    margin-bottom: 10px;
}

.text--bigger span {
    font-size: inherit;
    line-height: inherit;
}

.analyses-direction-text {
    font-size: 16px;
    line-height: 20px;
}

.single-analyse-wrap {
    margin-top: 16px;
}

/** таблица одного анализа **/

table.analyses-table {
    border: 1px solid #E7EDF0;
    text-align: left;
    font-size: 16px;
    line-height: 18px;
    padding: 20px 20px 10px; 
    table-layout: fixed;
    width: 100%;
    border-collapse: separate;
    border-radius: 8px;
}

thead th {
    padding-bottom: 8px;
    border-bottom: 1px solid #86A7B3;
}

.analyses-results tr td:first-child,
.analyses-results tr th:first-child {
    width: 47.1%;
}

.analyses-results td.analyses-table-cell,
.analyses-results th.analyses-table-cell {
    width: 19.2%;
    word-break: break-word;
    position: relative;
}

td.analyses-table-cell {
    font-weight: 400;
    border-bottom: 1px solid #86A7B3;
    padding: 10px 20px 10px 0;
    vertical-align: baseline;
    position: relative;
}

td.analyses-table-cell--error {
    color: #E84038;
}

tr:last-child td {
    border-bottom: none;
}

.analyse-comment {
    margin-top: 20px;
    max-width: 83%;
    width: 100%;
    font-size: 16px;
    line-height: 20px;
}

.analyse-comment b {
    display: block;
    margin-bottom: 6px;
}

.table-td-mobile {
    display: none;
}

/* Сравнение анализов доп элементы */

.compare-analyses {
    margin-top: 47px;
}

.filters {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
        -ms-flex-align: center;
            align-items: center;
    margin-left: 20px;
    -ms-flex-wrap: wrap;
        flex-wrap: wrap;
}

.filter-item__name {
    font-size: 12px;
    line-height: 12px;
    padding: 5px 12px;
    background: #0D4F67;
    border: 1px solid #B6CAD1;
    border-radius: 100px;
    margin-right: 4px;
    color: #fff;
}

.filter-item {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
        -ms-flex-align: center;
            align-items: center;
    margin-right: 10px;
    -ms-flex-negative: 0;
        flex-shrink: 0;
    margin-bottom: 9px;
}

.filter-item__button {
    cursor: pointer;
    position: relative;
    z-index: 2;
}

.filter-item__button:hover svg path {
    fill: #F2412F;
    -webkit-transition: 0.3;
    -o-transition: 0.3;
    transition: 0.3;
}

.analyses-top-results {
    position: relative;
    -ms-flex-wrap: wrap;
        flex-wrap: wrap;
}

.analyses-top-results .analyses-filter {
    margin-right: 20px;
}

.button-wrap {
    margin-left: auto;
    position: relative;
    display: flex;
    align-items: center;
}

.button-wrap .tooltip-icon {
    position: static;
    left: unset;
    margin-right: 14px;
}

.compare-analyses-section {
    margin-top: -30px;
}

.button-top  {
    position: absolute;
    right: 0;
    top: 0;
    margin-top: 0;
}

.button-wrap .compare-button:hover {
    background: #E84038;
}

.compare-button {
    position: relative;
    padding: 14px 35px 16px; 
    pointer-events: none;
    opacity: 0.5;
    display: flex;
    align-items: center;
    justify-content: center;
    max-width: 246px;
} 

.compare-button span {
    font-size: 18px;
    line-height: 18px;
    margin-top: 5px;
}

.button-wrap .compare-button svg {
    width: 40px;
    height: 40px;
}

.button-wrap .compare-button {
    padding: 1px 31px 7px;
    max-width: 182px;
}

.compare-button.ready-to-compare {
    pointer-events: all;
    opacity: 1;
    text-decoration: none;
}

.compare-button:visited {
    color: #fff;
}

.tooltip-wrap.show .tooltip {
    opacity: 1;
    width: 427px;
    right: 230px;
    top: -31px;
    padding: 22px 50px 22px 31px;
    z-index: 5 !important;
    font-size: 14px;
    line-height: 18px;
    font-family: 'Arial', sans-serif;
}

.tooltip {
    opacity: 0;
    position: absolute;
    background-size: auto 100%;
    z-index: -1 !important;
    background: url('/img/htdev/compare_analyses/tooltip_bg.svg') no-repeat, #fff;
}

.tooltip-icon {
    max-width: 23px;
    height: 23px;
    position: absolute;
    left: -35px;
    cursor: pointer;
} 

input.selection-input {
    font-size: 14px;
    line-height: 14px;
}

/* Ошибка отклонения от нормы в таблице анализа */

.analyses-table-error.show .analyses-table-cell__comment  {
    display: block;
    opacity: 1;
}   

.analyses-table-error {
    position: absolute;
    top: 7px;
    right: 16px;
    width: 100%;
}

.analyses-table-cell__icon {
    width: 100%;
    max-width: 23px;
    cursor: pointer;
    margin-left: auto;
}

.analyses-table-cell__comment {
    display: none;
    opacity: 0;
    position: absolute;
    background: #fff;
    z-index: 10;
    max-width: 461px;
    right: -20px;
    padding: 22px 31px;
    border: 1px solid #0D4F67;
    border-radius: 8px;
    color: #0D4F67;
    font-size: 14px;
    line-height: 18px;
    margin-top: 20px;
    width: 226%;
}

.analyses-table-cell__comment::after {
    content: '';
    display: block;
    position: absolute;
    width: 25px;
    height: 18px;
    background: url('/img/htdev/compare_analyses/comment_arrow.svg') no-repeat;
    background-size: 100%;
    top: -18px;
    z-index: 2;
    right: 18px;
}

/* Сравнение 2 анализов */

table.compare-two-table {
    padding: 0 30px;
}

.compare-two-table th.analyses-table-cell {
    padding: 30px 15px 16px;
    vertical-align: top;
}

.compare-two-table th:first-child {
    padding: 30px 15px 16px 0;
}

.compare-two-table td:not(:first-child) {
    padding: 12px 15px;
}

.compare-two-table td.analyses-table-cell:nth-child(2), 
.compare-two-table th.analyses-table-cell:nth-child(2) {
    background: #F3F6F7;
}

.compare-two-table tr td:first-child, 
.compare-two-table tr th:first-child {
    width: 44.8%;
}

.compare-two-table td.analyses-table-cell, 
.compare-two-table th.analyses-table-cell {
    width: 14.6%;
}

/* Сравнение 3 анализов */

table.compare-three-table {
    padding: 0 30px;
}

.compare-three-table tr:last-child td {
    padding-bottom: 30px;
}

.compare-three-table tr td:first-child, 
.compare-three-table tr th:first-child {
    width: 40.4%;
}

.compare-three-table td.analyses-table-cell:nth-child(2), 
.compare-three-table th.analyses-table-cell:nth-child(2) {
    background: #F3F6F7;
}

.compare-three-table td.analyses-table-cell:not(:first-child), 
.compare-three-table th.analyses-table-cell:not(:first-child) {
    width: 14.7%;
}

.compare-three-table th.analyses-table-cell {
    padding: 30px 15px 16px;
    vertical-align: top;
}

.compare-three-table th:first-child {
    padding: 30px 15px 16px 0;
}

.compare-three-table td:not(:first-child) {
    padding: 12px 15px;
}

.analyse-table-title td {
    text-align: center;
    background: #E7EDF0;
    font-weight: 700;
}

.new-login-popup-mobile {
    display: none;
}

.analyses-direction-link {
    height: auto;
    width: 100%;
    display: block;
    background: #E7EDF0;
    border-radius: 100px;
    padding: 7px 20px;
    max-width: 235px;
    font-size: 14px;
    line-height: 16px;
}

.analyses-direction-link:hover {
    transition: 0.3s;
    background: #0D4F67;
    color: #fff;
}

span.underline  {
    text-decoration: underline;
    cursor: pointer;
}

.analyses-table-cell.visible .analyses-table-cell--more {
    display: block;
}

.analyses-table-cell--more {
    width: 400px;
    position: absolute;
    top: 45px;
    padding: 20px;
    z-index: 2;
    font-weight: 400;
    background: #FFFFFF;
    border: 1px solid #0D4F67;
    border-radius: 8px;
    display: none;
}

.analyses-table-cell--more::before {
    content: '';
    display: block;
    position: absolute;
    width: 25px;
    height: 17px;
    background: url('../../img/htdev/compare_analyses/tri.svg') no-repeat;
    background-size: 100% auto;
    top: -17px;
}

button.compare-button {
    outline: none;
    border: none;
}


/* Медиа */

@media (min-width: 1650px) and (max-width: 1920px) {
    .content-wrapper {
        margin-left: 416px;
    }

    .main-nav {
        width: 332px;
        max-width: 332px;
    }

    .main-nav__list .item__text {
        opacity: 1;
    }

    .main-nav__list {
        max-width: 332px;
    }

    .filter-popup-content {
        margin-left: 420px;
    }


}

@media screen and (max-width: 1920px) {
    .analyses-results {
        max-width: 92.21%;
    }

    .compare-three-table tr td:first-child, 
    .compare-three-table tr th:first-child {
        width: 35.9%;
    }

    .compare-two-table td.analyses-table-cell, 
    .compare-two-table th.analyses-table-cell {
        width: 30.2%;
    }

    .compare-two-table td.analyses-table-cell, 
    .compare-two-table th.analyses-table-cell {
        width: 21.8%;
    }

    .compare-two-table tr:last-child td.analyses-table-cell:not(:first-child) {
        padding: 10px 20px 30px 15px;
    }
}

@media screen and (max-width: 1250px) {
    .compare-two-table tr td:first-child, 
    .compare-two-table tr th:first-child {
        width: 38.8%;
    }

    .compare-two-table td.analyses-table-cell, 
    .compare-two-table th.analyses-table-cell {
        width: 14.6%;
    }

    .analyse-item__name {
        max-width: 53.7%;
    }
}

@media screen and (max-width: 1140px) {
    .analyses-results {
        max-width: 98%;
    }

    .new-login-popup.show {
        padding-right: 2%;
    }

    .filter-popup-calendar {
        z-index: 5;
        left: 30%;
        top: 80px;
    }
}

@media screen and (max-width: 1050px) {
    .analyse-item__name {
        max-width: 55.7%;
    }

    .single-analyse-result .analyses-top {
        -ms-flex-wrap: wrap;
            flex-wrap: wrap;
    }

    .analyses-table-cell--more {
        right: 59%;
        left: 50%;
        transform: translateX(-59%);
    }

    .analyses-table-cell--more::before {
        right: 50%;
        left: 50%;
        transform: translateX(-50%);
    }

    .analyses-results tr td:first-child,
    .analyses-results tr th:first-child {
        width: 45.1%;
    }

    .analyses-results td.analyses-table-cell,
    .analyses-results th.analyses-table-cell {
        width: 14.2%;
        padding-right: 25px;
    }

    .analyse-comment {
        max-width: 95%;
    }

    .compare-three-table td.analyses-table-cell, 
    .compare-three-table th.analyses-table-cell {
        word-break: keep-all;
    }
}

@media screen and (max-width: 1000px) {
    .analyses-table-error {
        top: unset;
        bottom: 10px;
    }

    .analyse-item__name {
        max-width: 48.7%;
    }

    .compare-two-table th.analyses-table-cell {
        word-break: initial;
    }
}

@media screen and (max-width: 900px) {
    .analyse-added:hover {
        padding: 27px 20px 15px;
    }

    .analyses-top-info {
        max-width: 50%;
    }
}

@media screen and (max-width: 880px) {
    .analyse-item {
        -ms-flex-wrap: wrap;
            flex-wrap: wrap;
        align-items: flex-start;
    }

    .analyse-item__date {
        margin-right: 0;
        width: 30%;
        margin-bottom: 20px;
        order: 1;
        position: relative;
    }

    .analyse-item__name {
        max-width: unset;
        order: 4;
    }

    .analyse-item--warning .warning-tooltip {
        position: absolute;
        left: 100px;
        top: 16px;
    }

    .analyse-item-buttons {
        order: 3;
        margin-bottom: 10px;
    }

    .warning-tooltip:hover .warning-tooltip__text {
        left: 32px;
    }

    p.analyse-item__date {
        margin: 10px 0;
    }

    .compare-three-table tr td:first-child, 
    .compare-three-table tr th:first-child {
        width: 36.4%;
    }

    .compare-three-table td.analyses-table-cell, 
    .compare-three-table th.analyses-table-cell {
        width: 16.7%;
    }
}

@media screen and (max-width: 850px) {

    .analyses-table-cell__comment {
        padding: 18px 15px;
    }

    .new-login-popup {
        background: #F3F6F7;
        height: 100vh;
    }

    .new-login-popup.show {
        padding: 20px 20px;
    }

    .new-login-popup-mobile .close-button {
        display: block;
        width: 16px;
        height: 16px;
    }

    .new-login-popup .tooltip-wrap.show {
        display: none !important;
        visibility: hidden;
    }

    .analyses-top {
        -ms-flex-wrap: wrap;
            flex-wrap: wrap;
    }

    .new-login-popup.show .new-login-popup-mobile {
        display: block;
    }

    .new-login-popup .button-wrap .compare-button {
        display: none;
    }

    .new-login-popup .tooltip-title {
        margin-top: 50px;
    }

    .new-login-popup button.tooltip-button {
        height: auto;
        margin-left: auto;
        margin-right: 30px;
        background: #0D4F67;
        border: none;
        color: #fff;
        margin-top: 15px;
    }

    .tooltip-wrap.show .tooltip {
        right: 167px;
        top: 45px;
        padding: 73px 38px 78px 32px;
        width: 387px;
    }
    
    .tooltip {
        background: url('../../img/htdev/compare_analyses/tooltip_bg_320.svg') no-repeat;
        background-size: 100% 87%;  
        transform: scaleX(-1);
    }

    .tooltip span {
        transform: scaleX(-1);
        display: block;
        line-height: 16px;
    }
}
 
@media screen and (max-width: 840px) {
    .analyse-title--error {
        max-width: 80%;
        line-height: 32px;
    }

    .analyses-results tr td:first-child,
    .analyses-results tr th:first-child {
        width: 40%;
    }

    .analyses-results td.analyses-table-cell,
    .analyses-results th.analyses-table-cell {
        padding-right: 20px;
        width: 15.2%;
    }
}

@media screen and (max-width: 750px) {
    table.analyses-table {
        font-size: 14px;
        line-height: 16px;
    }

    .analyses-top-results .analyses-filter {
        width: 100%;
        margin-bottom: 30px;
    }

    .button-wrap {
        top: 5px;
    }

    td.analyses-table-cell, 
    th.analyses-table-cell {
        word-break: keep-all;
    }
}

@media screen and (max-width: 700px) {
    .body__lk {
        font-size: 10px;
        padding: 0;
    }

    .main-nav__list .item:first-child {
        margin-bottom: 9px;
    }

    .analyses-results {
        max-width: unset;
    }

    .compare-button {
        padding: 12px 0 14px;
        font-size: 16px;
        line-height: 16px;
        max-width: 200px;
    }

    h1.page-title, 
    .content-wrapper h2.page-title {
        font-size: 18px;
        line-height: 1;
    }

    p.page-subtitle {
        font-size: 16px;
        line-height: 20px;
    }

    .analyses-direction-text {
        font-size: 14px;
        line-height: 18px;
    }

    .text {
        font-size: 16px;
        line-height: 20px;
    }

    .page-title {
        padding-left: 0;
        font-size: 18px;
    }

    .analyse-item {
        padding: 13px 20px 20px;
    }

    .analyse-item__name {
        font-size: 16px;
        line-height: 18px;
    }

    .show-count {
        display: none;
    }

    .analyses-filter {
        margin-left: 0;
    }

    .analyse-title--error::after {
        position: relative;
        top: 4px;
    }

    .filter-popup-content {
        margin-left: 11px;
        margin-top: 195px;
    }

    .filter-popup-calendar {
        max-width: 415px;
        margin-top: -65px;
    }

    .analyses-filter {
        z-index: 0;
    }

    .filter-popup-close {
        display: block;
        top: 20px;
        left: 20px;
        position: absolute;
        width: 24px;
        height: 24px;
    }

    .filter-popup {
        background: #F3F6F7;
        z-index: 100;
        height: 100vh;
        overflow-y: scroll;
        overflow-x: hidden;
    }

    .filter-popup-content {
        background: none;
        -webkit-box-shadow: none;
                box-shadow: none;
        margin-left: 0;
        margin-top: 70px;
        max-width: unset;
    }

    .filter-popup-button {
        max-width: 45%;
    }

    .filter-popup-calendar {
        max-width: unset;
    }

    .calendar-visible {
        position: static;
        margin-top: 20px;
        background: transparent;
        -webkit-box-shadow: none;
                box-shadow: none;
        padding: 18px 0 0 0;
    }

    .filter-popup-calendar th.next {
        background: url("../../img/htdev/compare_analyses/next.svg") no-repeat, #F3F6F7;
        background-position: center;
    }

    .filter-popup-calendar th.next:hover {
        background: url("../../img/htdev/compare_analyses/next_hover.svg") no-repeat, #F3F6F7;
        background-position: center;
    }

    .filter-popup-calendar th.prev {
        background: url("../../img/htdev/compare_analyses/prev.svg") no-repeat, #F3F6F7;
        background-position: center;
    }

    .filter-popup-calendar th.prev:hover {
        background: url("../../img/htdev/compare_analyses/prev_hover.svg") no-repeat, #F3F6F7;
        background-position: center;
    }

    .filter-popup-calendar .datepicker tbody tr td, 
    .datepicker tbody tr th {
        background: #fff;
    }

    .filter-popup-calendar .datepicker-months tbody tr td,
    .filter-popup-calendar .datepicker-years tbody tr td,
    .filter-popup-calendar .datepicker-decades tbody tr td,
    .filter-popup-calendar .datepicker-centuries tbody tr td {
        background: none;
    }

    .filter-popup-calendar .datepicker-months tbody td span,
    .filter-popup-calendar .datepicker-years tbody td span,
    .filter-popup-calendar .datepicker-decades tbody td span,
    .filter-popup-calendar .datepicker-centuries tbody td span {
        background: #fff;
    }

    .main-nav__list .item__text {
        font-size: 14px;
        line-height: 1;
    }

    .no-result-error-block {
        max-width: 360px;
    }

    .compare-two-table tr td:first-child, 
    .compare-two-table tr th:first-child {
        width: 33.8%;
    }

    .compare-two-table td.analyses-table-cell, 
    .compare-two-table th.analyses-table-cell {
        width: 16.6%;
    }

    .analyses-table-error {
        bottom: 7px;
        right: 0;
    }

    .breadcrumb-item:not(:last-child)::after {
        top: 0;
    }

    .main-nav__list {
        position: absolute;
    }

    .main-nav:hover {
        width: 100%;
    }

    .main-nav:hover .main-nav__list {
        max-width: unset;
    }
}

@media screen and (max-width: 650px) {
    .analyse-title--error {
        max-width: unset;
    }

    .analyses-direction {
        -ms-flex-wrap: wrap;
            flex-wrap: wrap;
        margin-bottom: 20px;
    }

    .text--bigger {
        margin-right: 0;
        width: 100%;
        margin-bottom: 14px;
    }

    .analyses-table-cell__icon {
        max-width: 19px;
    }

    .analyses-table-cell__comment::after {
        right: 16px;
    }

    .compare-three-table tr td:first-child, 
    .compare-three-table tr th:first-child {
        width: 34.4%;
    }

    .compare-three-table td.analyses-table-cell, 
    .compare-three-table th.analyses-table-cell {
        width: 17.7%;
    }
}

@media screen and (max-width: 600px) {
    table.compare-three-table {
        padding: 0 15px;
    }

    table.compare-two-table {
        padding: 0 15px;
    }

    .button-wrap {
        margin-left: 0;
    }

    .button-wrap .tooltip-wrap {
        order: 2;
    }

    .button-wrap .tooltip-icon {
        margin-right: 0;
        margin-left: 14px;
    }

    .compare-analyses-section {
        margin-top: 35px;
    }

    .tooltip-wrap.show .tooltip {
        transform: none;
        right: unset;
        padding: 64px 20px;
        margin-left: -3px;
        width: 319px;
        top: 37px;
    }

    .tooltip span {
        transform: none;
    }
}

@media screen and (max-width: 500px) {
    h1.page-title, .content-wrapper h2.page-title {
        font-size: 18px;
        line-height: 20px;
    }

    .analyses-results {
        margin-top: 18px;
    }

    .page-content {
        margin-top: 23px;
    }

    .compare-button {
        padding: 14px 20px;
        max-width: 163px;
        font-size: 14px;
        line-height: 14px;
    }

    .analyses-filter-icon {
        width: 42px;
        height: 42px;
    }

    .analyse-item {
        padding: 12px 12px 20px;
    }

    p.analyse-item__date {
        font-size: 14px;
        line-height: 16px;
        margin-bottom: 12px;
        margin-top: 0;
    }

    .analyse-item--warning .warning-tooltip {
        left: 90px;
        top: 7px;
    }

    .analyse-item-buttons {
        margin-top: -5px;
        margin-bottom: 8px;
    }

    .analyses-wrap .item__watch {
        width: 32px;
        height: 32px;
    }

    .analyses-wrap .item__watch svg {
        width: 32px;
        height: 32px;
    }

    .analyses-top {
        border-top: 1px solid rgba(125, 199, 204, 0.3);
        margin: 0 -16px;
        width: auto;
        padding: 20px 16px 0;
    }

    .analyse-title--error {
        line-height: 20px;
        position: relative;
        padding-left: 39px;
    }

    .analyse-title--error.page-title--inner::before {
        position: absolute;
        left: 0;
        margin-top: 4px;
    }

    .analyse-title--error::after {
        margin-left: 0;
        margin-top: 1px;
    }

    .analyses-top-buttons {
        max-width: unset;
        margin-bottom: 20px;
        order: 1;
        margin-top: 0;
        width: 100%;
    }

    .analyses-top-info {
        margin-top: 0;
        order: 2;
        max-width: unset;
    }

    .compare-button__icon svg {
        width: 32px;
        height: 32px;
    }

    .analyses-top-buttons .compare-button {
        font-size: 14px;
        line-height: 14px;
        padding: 5px 26px 5px 19px;
        max-width: unset;
        display: flex;
        justify-content: center;
    }

    .text--bigger {
        font-size: 16px;
        line-height: 18px;
        margin-bottom: 12px;
    }

    .analyses-top-info .analyses-wrap .item__watch {
        font-size: 12px;
        line-height: 12px;
    }

    .analyses-direction {
        margin-bottom: 30px;
    }

    .single-analyse-wrap {
        margin-top: 10px;
    }

    .analyses-results tr td:first-child,
    .analyses-results tr th:first-child {
        width: 100%;
    }

    td.analyses-table-cell,
    th.analyses-table-cell {
        width: 100%;
        display: block;
    }

    thead {
        display: none;
    }

    td.analyses-table-cell {
        border: none;
        padding: 0;
        padding-bottom: 10px;
    }

    tr {
        display: block;
        padding-bottom: 12px;
    }

    td:last-child {
        border-bottom: 1px solid #86A7B3;
    }

    table.analyses-table {
        padding: 12px 12px 2px;
    }

    .table-td-mobile {
        display: block;
        font-size: 12px;
        line-height: 12px;
        margin-bottom: 4px;
        color: #86A7B3;
    }

    .analyses-direction-text {
        font-size: 12px;
        line-height: 14px;
    }

    .analyse-comment {
        margin-top: 16px;
        max-width: unset;
    }

    .analyse-comment b {
        font-size: 12px;
        line-height: 16px;
        color: #86A7B3;
        font-weight: 400;
        margin-bottom: 5px;
    }

    .analyse-comment .text {
        font-size: 14px;
        line-height: 18px;
    }

    .analyses-top-results .analyses-filter {
        margin-bottom: 9px;
    }

    .button-wrap .compare-button {
        padding: 14px 20px;
    }

    .page-content.analyses-results-wrap {
        margin-top: 17px;
    }

    .button-wrap {
        right: 0;
        left: unset;
        top: 2px;
    }

    .button-wrap-top {
        top: 31px;
        right: 16px;
        z-index: 5;
    }

    .compare-analyses .analyses-top {
        padding-top: 20px;
    }

    .analyses-table-cell__icon {
        max-width: 23px;
    }

    .analyses-table-cell__comment::after {
        right: 10px;
    }

    .analyses-table-error {
        width: 100%;
    }

    .analyses-table-cell__comment {
        max-width: unset;
        padding: 12px;
        right: -12px;
    }

    .filter-popup {
        z-index: 1000;
    }

    .filter-popup-close {
        width: 16px;
        height: 16px;
        top: 16px;
        left: 16px;
    }

    .filter-popup-content {
        background: transparent;
        margin-top: 72px;
        padding: 0 16px;
    }

    .filter-popup-search {
        margin-top: 25px;
    }

    .filter-popup-buttons {
        margin-top: 30px;
    }

    .filter-popup-button {
        font-size: 14px;
        line-height: 14px;
    }

    .no-result-error-block {
        max-width: 90%;
        padding: 20px 26px;
    }

    .no-result-error-block p {
        font-size: 16px;
        line-height: 18px;
        margin-bottom: 12px;
    }

    .no-result-error-block .error-button {
        padding: 12px 16px;
        max-width: 104px;
        font-size: 14px;
        line-height: 14px;
    }

    .compare-two-table tr td:first-child, 
    .compare-two-table tr th:first-child {
        width: 100%;
    }

    .compare-two-table td.analyses-table-cell, 
    .compare-two-table th.analyses-table-cell {
        width: 100%;
    }

    .compare-three-table tr td:first-child, 
    .compare-three-table tr th:first-child {
        width: 100%;
    }

    .compare-three-table td.analyses-table-cell, 
    .compare-three-table th.analyses-table-cell {
        width: 100%;
    }

    td.analyses-table-cell br,
    th.analyses-table-cell br {
        display: none;
    }

    tr.analyse-table-title {
        margin: -13px -13px 0;
        width: auto;
        position: relative;
        z-index: 2;
    }

    tr.analyse-table-title td {
        padding: 12px 0;
        border: none;
    }

    tr.analyse-table-title:first-of-type td {
        border-radius: 8px 8px 0 0;
    }

    .no-results {
        font-size: 16px;
        line-height: 18px;
        margin-top: 20px;
    }

    .analyses-popup {
        margin: 0 -16px;
        width: 100%;
        left: 16px;
    }

    .filter-item {
        -ms-flex-negative: 1;
            flex-shrink: 1;
    }

    .new-login-popup.show {
        padding: 16px;
    }

    .new-login-popup .tooltip-title {
        margin-top: 40px;
        margin-bottom: 30px;
    }

    .new-login-popup button.tooltip-button {
        margin-right: 0;
        margin-top: 20px;
        font-size: 14px;
        line-height: 14px;
    }

    .analyses-direction-link {
        font-size: 12px;
        line-height: 12px;
        padding: 8px 20px;
        max-width: 260px;
        height: auto;
        width: 100%;
    }

    .analyse-comment b {
        color: #86A7B3;
        font-size: 12px;
        line-height: 14px;
    }

    .compare-two-table td.analyses-table-cell:nth-child(2), 
    .compare-two-table th.analyses-table-cell:nth-child(2) {
        background: #fff;
    }

    .compare-three-table td.analyses-table-cell:nth-child(2), 
    .compare-three-table th.analyses-table-cell:nth-child(2) {
        background: #fff;
    }

    .compare-two-table td:not(:first-child) {
        padding: 0 0 10px 0;
    }

    .compare-two-table tr:last-child td.analyses-table-cell:not(:first-child) {
        padding: 0 0 10px 0;
    }

    .compare-three-table td:not(:first-child) {
        padding: 0 0 10px 0;
    }

    .compare-three-table tr:last-child td.analyses-table-cell:not(:first-child) {
        padding: 0 0 10px 0;
    }

    .compare-three-table td.analyses-table-cell:not(:first-child), 
    .compare-three-table th.analyses-table-cell:not(:first-child) {
        width: 100%;
    }

    .compare-three-table tr:last-child td {
        padding-bottom: 15px;
    }

    .button-wrap {
        width: 100%;
    }

    .button-wrap .compare-button {
        padding: 5px 20px 10px;
        max-width: unset;
        margin-left: 0;
        justify-content: center;
        order: 2;
    }

    .button-wrap .compare-button svg {
        width: 32px;
        height: 32px;
    }

    .button-wrap .tooltip-wrap {
        order: 1;
        margin-left: 0;
        margin-right: 12px;
    }

    .tooltip-icon {
        width: 100%;
    }

    .tooltip-wrap.show .tooltip {
        width: 276px;
        padding: 30px 12px;
        margin-left: -12px;
        top: 42px;
        background-size: 100%;
    }

    .button-wrap .tooltip-icon {
        margin-left: 0;
    }

    .tooltip span {
        line-height: 18px;
    }

    .button-wrap .compare-button span {
        font-size: 14px;
        line-height: 14px;
    }

    .preloader {
        max-width: 90%;
    }

    .preloader p {
        font-size: 16px;
        line-height: 18px;
    }

    .analyses-table-cell--more {
        top: 50px;
        width: 100%;
        margin-left: 4%;
    }

    .analyses-table-cell--more br {
        display: initial !important;
    }

    .analyses-table-cell--more::before {
        transform: none;
        right: unset;
        left: 32px;
    }

    .button-top {
        right: 16px;
        top: 20px;
    }

    .analyses-results tr td:first-child,
    .analyses-results tr th:first-child {
        width: 100%;
    }

    .analyses-results td.analyses-table-cell,
    .analyses-results th.analyses-table-cell {
        padding-right: 20px;
        width: 100%;
    }
}


.breadcrumbAnalyseCompare {
    display: none;
}