

/* Start:/bitrix/templates/mastersluh_new/css/oms-insurers.css?17882644949182*/
.oms-insurers-page {
    padding: 80px 0;
    color: var(--Color-Dark-Primary-dark, #1C294A);
}

.oms-insurers-page__container {
    width: min(calc(100% - 80px), 1130px);
    margin-inline: auto;
}

.oms-insurers-page__heading {
    display: flex;
    margin: 0 0 40px;
    flex-direction: column;
    align-items: flex-start;
    gap: 40px;
}

.oms-insurers-page__back {
    display: inline-flex;
    max-width: 100%;
    align-items: center;
    gap: 8px;
    color: var(--Color-Dark-Tertiary-dark, #697486);
    text-decoration: none;
}

.oms-insurers-page__back:hover {
    color: var(--Color-Blue-Hover, #0065C7);
}

.oms-insurers-page__back:focus-visible {
    border-radius: 4px;
    outline: 2px solid var(--Color-Blue-Accent, #035CB2);
    outline-offset: 4px;
}

.oms-insurers-page__back-icon {
    display: block;
    width: 26px;
    height: 26px;
    flex: 0 0 26px;
}

.oms-insurers-page__title {
    width: 100%;
    max-width: 100%;
    margin: 0;
    color: var(--Color-Dark-Primary-dark, #1C294A);
    text-align: center;
    overflow-wrap: anywhere;
}

.oms-insurers-page__content {
    min-width: 0;
    overflow-x: auto;
    overscroll-behavior-inline: contain;
    scrollbar-color: var(--Color-Blue-Accent, #035CB2) var(--Color-Light-Pale, #E8EEF3);
    scrollbar-width: thin;
}

/*
 * Таблицы приходят готовым HTML из DETAIL_TEXT. В разных городах их структура
 * отличается: Москва использует двухколоночный реестр, а, например, Брянск —
 * широкую таблицу из 14 колонок. Стили остаются внутри scope страницы и не
 * требуют служебных классов от визуального редактора.
 */
.oms-insurers-page .oms-insurers-page__content .table-responsive {
    box-sizing: border-box;
    width: 100%;
    min-width: 0;
    margin: 0;
    overflow-x: auto;
    overflow-y: hidden;
    border: 1px solid var(--Color-Dark-Neutral, #D9E1E9);
    border-radius: 20px;
    background: var(--Color-Light-White, #FFF);
    box-shadow: none;
    overscroll-behavior-inline: contain;
    scrollbar-color: var(--Color-Blue-Accent, #035CB2) var(--Color-Light-Pale, #E8EEF3);
    scrollbar-width: thin;
}

.oms-insurers-page .oms-insurers-page__content table {
    width: 100%;
    max-width: none;
    margin: 0;
    border: 0;
    border-collapse: separate;
    border-spacing: 0;
    border-radius: 0;
    background: var(--Color-Light-White, #FFF);
    color: var(--Color-Dark-Primary-dark, #1C294A);
    table-layout: auto;
}

/*
 * Если в любой строке есть третья ячейка, это многоколоночная таблица.
 * Минимальная ширина формируется числом реальных колонок, поэтому scroll
 * появляется только тогда, когда данные перестают помещаться в контейнер.
 */
.oms-insurers-page .oms-insurers-page__content table:has(> :is(thead, tbody, tfoot) > tr > :nth-child(3))
    > :is(thead, tbody, tfoot) > tr > :not([colspan]) {
    min-width: 160px;
    font-size: 14px;
    line-height: 20px;
}

/* Fallback: даже без :has() третья и следующие колонки не схлопываются в ноль. */
.oms-insurers-page .oms-insurers-page__content table
    > :is(thead, tbody, tfoot) > tr > :nth-child(n + 3):not([colspan]) {
    min-width: 160px;
}

/* Двухколоночный реестр из макета сохраняет равные fluid-колонки на Mobile. */
.oms-insurers-page .oms-insurers-page__content table:not(:has(> :is(thead, tbody, tfoot) > tr > :nth-child(3))) {
    table-layout: fixed;
}

.oms-insurers-page .oms-insurers-page__content table:not(:has(> :is(thead, tbody, tfoot) > tr > :nth-child(3)))
    > :is(thead, tbody, tfoot) > tr > :not([colspan]) {
    width: 50%;
}

.oms-insurers-page .oms-insurers-page__container .oms-insurers-page__content th,
.oms-insurers-page .oms-insurers-page__container .oms-insurers-page__content td {
    padding: 16px 20px;
    border: 0;
    border-right: 1px solid var(--Color-Dark-Neutral, #D9E1E9);
    border-bottom: 1px solid var(--Color-Dark-Neutral, #D9E1E9);
    background: var(--Color-Light-White, #FFF);
    color: var(--Color-Dark-Primary-dark, #1C294A);
    font-family: var(--font-open-sans);
    font-size: var(--b3-fs);
    font-weight: 400;
    line-height: var(--b3-lh);
    letter-spacing: var(--b3-ls);
    text-align: left;
    vertical-align: top;
    white-space: normal;
    overflow-wrap: anywhere;
    transition: background-color 200ms ease;
}

.oms-insurers-page .oms-insurers-page__content tr > :last-child {
    border-right: 0;
}

.oms-insurers-page .oms-insurers-page__content table > tbody:last-of-type > tr:last-child > *,
.oms-insurers-page .oms-insurers-page__content table > tfoot:last-child > tr:last-child > * {
    border-bottom: 0;
}

.oms-insurers-page .oms-insurers-page__content tbody > tr:nth-child(even) > * {
    background: var(--Color-Light-Substrate, #F1F4F9);
}

/* Label-ячейка двухколоночного реестра и первая колонка legacy-таблиц. */
.oms-insurers-page .oms-insurers-page__content tbody > tr > :first-child:not(:only-child) {
    font-weight: 600;
}

/* В Брянске и похожих legacy-таблицах заголовки находятся в первом tr как td. */
.oms-insurers-page .oms-insurers-page__content table:has(> :is(thead, tbody, tfoot) > tr > :nth-child(3))
    > tbody:first-of-type > tr:first-child > *,
.oms-insurers-page .oms-insurers-page__content thead > tr > * {
    font-weight: 600;
    vertical-align: middle;
}

/* Название страховой организации: единственная объединённая ячейка строки. */
.oms-insurers-page .oms-insurers-page__content tr > :only-child[colspan] {
    padding: 28px 20px;
    color: var(--Color-Dark-Secondary-dark, #515E7E);
    font-family: var(--font-roboto);
    font-size: var(--t2-fs);
    font-weight: 600;
    line-height: var(--t2-lh);
    letter-spacing: var(--t2-ls);
    text-align: center;
    vertical-align: middle;
}

.oms-insurers-page .oms-insurers-page__content tr > :only-child[colspan] > * {
    margin: 0;
    color: inherit;
    font: inherit;
    text-align: inherit;
}

.oms-insurers-page .oms-insurers-page__content th p,
.oms-insurers-page .oms-insurers-page__content td p {
    margin: 0;
    color: inherit;
    font: inherit;
}

.oms-insurers-page .oms-insurers-page__content th p + p,
.oms-insurers-page .oms-insurers-page__content td p + p {
    margin-top: 8px;
}

.oms-insurers-page .oms-insurers-page__content a {
    color: var(--Color-Blue-Accent, #035CB2);
    font-family: var(--font-open-sans);
    font-size: var(--b3-fs);
    font-weight: 600;
    line-height: var(--b3-lh);
    letter-spacing: var(--b3-ls);
    text-decoration: underline;
    text-decoration-thickness: 0.07em;
    text-underline-offset: 0.14em;
    overflow-wrap: anywhere;
}

.oms-insurers-page .oms-insurers-page__content a:hover {
    color: var(--Color-Blue-Hover, #0065C7);
}

.oms-insurers-page .oms-insurers-page__content a:focus-visible {
    border-radius: 2px;
    outline: 2px solid var(--Color-Blue-Accent, #035CB2);
    outline-offset: 2px;
}

.oms-insurers-page .oms-insurers-page__content table:has(> :is(thead, tbody, tfoot) > tr > :nth-child(3)) a {
    font-size: inherit;
    line-height: inherit;
}

@media (hover: hover) {
    .oms-insurers-page .oms-insurers-page__content .table-hover > tbody > tr:hover > * {
        background: var(--Color-Light-Secondary-light, #CCDDFF);
    }
}

@media (prefers-reduced-motion: reduce) {
    .oms-insurers-page .oms-insurers-page__container .oms-insurers-page__content th,
    .oms-insurers-page .oms-insurers-page__container .oms-insurers-page__content td {
        transition: none;
    }
}

@media (max-width: 1023px) {
    .oms-insurers-page {
        padding-block: 60px;
    }

    .oms-insurers-page__container {
        max-width: 687px;
    }

    .oms-insurers-page .oms-insurers-page__container .oms-insurers-page__content th,
    .oms-insurers-page .oms-insurers-page__container .oms-insurers-page__content td {
        padding: 16px;
    }

    .oms-insurers-page .oms-insurers-page__content tr > :only-child[colspan] {
        padding: 24px 16px;
    }
}

@media (max-width: 766px) {
    .oms-insurers-page {
        padding-block: 40px;
    }

    .oms-insurers-page__container {
        width: calc(100% - 40px);
    }

    .oms-insurers-page .oms-insurers-page__container .oms-insurers-page__content th,
    .oms-insurers-page .oms-insurers-page__container .oms-insurers-page__content td {
        padding: 12px;
    }

    .oms-insurers-page .oms-insurers-page__content tr > :only-child[colspan] {
        padding: 16px 12px;
    }
}

@media (width: 767px) {
    .oms-insurers-page__title {
        font-size: 32px;
        line-height: 40px;
        letter-spacing: -0.3px;
    }
}

/* End */


/* Start:/bitrix/components/bitrix/news.detail/templates/.default/style.css?1586508746155*/
div.news-detail
{
	word-wrap: break-word;
}
div.news-detail img.detail_picture
{
	float:left;
	margin:0 8px 6px 1px;
}
.news-date-time
{
	color:#486DAA;
}

/* End */
/* /bitrix/templates/mastersluh_new/css/oms-insurers.css?17882644949182 */
/* /bitrix/components/bitrix/news.detail/templates/.default/style.css?1586508746155 */
