/* Start:/local/templates/avaclinic/components/bitrix/system.pagenavigation/general/style.css?17766719771014*/
.generalPagination {
    display: flex;
    justify-content: center;
    align-items: center;
}

.generalPagination_page.previous {
    margin-left: 0;
}

.generalPagination_page.next {
    margin-right: 0;
}

.generalPagination_page.previous svg,
.generalPagination_page.next svg {
    cursor: default;
    fill: #7D8694;
    opacity: 1;
}

a.generalPagination_page.previous svg,
a.generalPagination_page.next svg {
    cursor: pointer;
    fill: #5EB92D;
}

.generalPagination_page {
    display: flex;
    justify-content: center;
    align-items: center;
    width: 32px;
    height: 32px;
    border-radius: 24px;
    margin: 0 4px;
}

a.generalPagination_page:hover {
    border: 1px solid rgba(130, 200, 49, 0.5);
    background: #EFF9E3;
    text-decoration: unset;
    box-sizing: border-box;
}

.generalPagination_page.current {
    flex-shrink: 0;
    margin: 0;
    width: 48px;
    height: 48px;
    background: #FFFFFF;
    border-radius: 24px;
    box-shadow: 0 4px 15px rgba(120, 160, 190, 0.3);
}

/* End */


/* Start:/local/templates/avaclinic/components/bitrix/news/doctors/custom/news.list/.default/style.css?177667197715122*/
/*region Doctor List - General layout*/
.doctorsList_innerWrapper {
    display: flex;
    flex-flow: row wrap;
    margin-top: 32px;
}

.doctorsList_nothing {
    display: flex;
    flex-flow: column nowrap;
    align-items: center;
    flex: 1;
    margin: 80px auto 0;
}

.doctorsList_nothingIcon {
    height: 64px;
}

.doctorsList_nothingMessage {
    text-align: center;
    margin: 16px 0;
    font-weight: 500;
    font-size: 18px;
    line-height: 28px;
}

.doctorsList_nameSearch .doctorsList_nameSearchClean.svgCleaner {
    height: 48px;
}

.doctorsList_paginationContainer {
    display: flex;
    justify-content: center;
}

.doctorsList_pagination {
    flex: 1 0 100%;
    margin-top: 24px;
    position: relative;
}

.doctorsList_form {
    position: relative;
}

/*endregion*/

/*region Doctor List - Item cards -- General layout*/
.doctorsList_items {
    flex: 1;
    width: 100%;
}

.doctorsList_grid {
    display: flex;
    flex-flow: row wrap;
    margin: 0 -12px;
    align-content: flex-start;
}

.doctorsList_item {
    position: relative;
    width: calc((100% / 4) - 24px);
    min-height: 408px;
    border-radius: 10px;
    background: #FFFFFF;
    box-shadow: 0 2px 8px rgba(120, 160, 190, 0.3);
    display: flex;
    flex-flow: column nowrap;
    margin: 0 12px 24px;
    opacity: 1;
    transition: opacity .3s ease-in, box-shadow .3s ease-in;
    cursor: pointer;
}

.doctorsList_item:hover {
    box-shadow: 0 2px 20px rgba(120, 160, 190, 0.3);
    transition: box-shadow .3s ease-out;
}

.doctorsList_itemPhoto {
    width: 100%;
    height: 220px;
    border-radius: 10px 10px 0 0;
    overflow: hidden;
}

.doctorsList_itemInfo {
    flex: 1;
    display: flex;
    flex-flow: column nowrap;
    padding: 24px 24px 16px 16px;
}

.doctorsList_itemPhoto img {
    width: 100%;
    height: 100%;
    object-fit: cover;
    object-position: top;
}

.doctorsList_itemName {
    display: inline-flex;
    justify-content: space-between;
    margin-bottom: 4px;
    font-weight: 500;
    font-size: 18px;
    line-height: 25px;
    color: #1D2F3C;
    transition: color 0.3s;
}

.doctorsList_item:hover {
    text-decoration: none;
}

.doctorsList_item:hover .doctorsList_itemName {
    color: #5EB92D;
}

.doctorsList_itemAvailable {
    display: inline-flex;
    margin: auto 0 0;
}

.doctorsList_itemAvailable + .doctorsList_itemYears {
    margin-top: 12px;
}

.doctorsList_itemAvailableDate {
    font-weight: 400;
    font-size: 13px;
    line-height: 20px;
    background: #EFF9E3;
    border-radius: 8px;
    padding: 4px 8px;
    color: #5EB92D;
}

.doctorsList_itemRank {
    flex: 1;
    margin-bottom: 4px;
    font-size: 14px;
    line-height: 19px;
    letter-spacing: 0.02em;
    color: #7D8694;
}

.doctorsList_itemYears {
    margin: auto 0 0;
    font-weight: 500;
    font-size: 12px;
    line-height: 16px;
    letter-spacing: 0.06em;
    text-transform: uppercase;
    color: #7D8694;
}

.doctorsList_btn{
    background: #ECFBDA;
    font-size: 16px;
    font-weight: 500;
    line-height: 24px;
    text-align: center;
    padding: 12px 0;
    border-radius: 0 0 10px 10px;
    width: 100%;
    color: #5EB92D;
    max-height: 48px;
    margin-top: auto;
}

.doctorsList_btn:hover{
    background: #79CE4B;
    color: #FFFFFF;

}

.js_hiddenSection {
    opacity: 0;
    transition: opacity .3s ease-out;
}

.doctorsList_itemTooltip {
    position: absolute;
    top: 16px;
    right: 16px;
    z-index: 9;
}

.doctorsList_itemTooltipIcon {
    display: flex;
    align-items: center;
    justify-content: center;
    width: 28px;
    height: 28px;
    border-radius: 40px;
    background: #FFFFFF;
    box-shadow: 0 2px 8px 0 rgba(120, 160, 190, .3);
}

.doctorsList_itemTooltipIcon svg {
    width: 20px;
    height: 20px;
}

.doctorsList_itemTooltipIcon:hover ~ .doctorsList_itemTooltipText {
    visibility: visible;
    opacity: 1;
}

.doctorsList_itemTooltipText.flipped {
    left: unset;
    right: 0;
}

.doctorsList_itemTooltipText {
    position: absolute;
    background: #FFFFFF;
    border-radius: 10px;
    padding: 16px;
    font-size: 16px;
    font-style: normal;
    font-weight: 400;
    line-height: 24px;
    color: #1D2F3C;
    max-height: 48px;
    width: 300px;
    top: 32px;
    left: 0;
    box-shadow: 0 2px 8px 0 rgba(120, 160, 190, .3);
    visibility: hidden;
    opacity: 0;
    transition: opacity .1s ease, visibility .1s ease;
}

/*endregion*/

/*region Doctor List - Item cards -- Responsive layout*/
@media (max-width: 1279px) {
    .doctorsList_grid {
        margin-top: -8px;
    }

    .doctorsList_item {
        width: calc((100% / 3) - 16px);
        margin: 8px;
    }

    .doctorsList_item:nth-of-type(4n) {
        margin-right: 0;
    }

    .doctorsList_itemAvailable + .doctorsList_itemYears {
        margin-top: 10px;
    }
}


@media (max-width: 767px) {
    .doctorsList_item {
        width: 100%;
        min-height: 144px;
        flex-flow: row nowrap;
        margin: 8px 0;
        display: flex !important;
        flex-flow: wrap;
    }

    .doctorsList_itemPhoto {
        border-radius: 8px;
        margin: 16px 0 16px 16px;
        width: 52px;
        height: 80px;
        overflow: hidden;
    }

    .doctorsList_grid {
        margin: -8px 0 0;
    }

    .doctorsList_itemInfo {
        padding: 16px;
    }

    .doctorsList_itemAvailable + .doctorsList_itemYears {
        margin-top: 8px;
    }
}

/*endregion*/

/* region Doctor List - Filters -- General layout */
.doctorsList_filters {
    display: grid;
    grid-template-columns: repeat(4, minmax(0, 1fr));
    column-gap: 24px;
}

@media (max-width: 1280px) {
    .doctorsList_filters {
        grid-template-columns: repeat(3, minmax(0, 1fr));
        margin-bottom: 16px;
    }

    .doctorsList_filter .doctorsList_gender {
        width: 315px;
    }
}

@media (max-width: 767px) {
    .doctorsList_filters {
        grid-template-columns: minmax(0, 1fr);
    }

    .doctorsList_filter .doctorsList_gender {
        width: 100%;
    }
}

.doctorsList_filter .doctorsList_searchIcon {
    height: 48px;
}

.doctorsList_filter .doctorsList_nameSearch .doctorsList_nameSearchInput {
    border: 1px solid #CFD3DA;
    border-radius: 8px;
    padding: 0 48px;
    height: 48px;
    line-height: 24px;
}

.doctorsList_filter .js_select_selectedItem,
.doctorsList_filter .formCell_placeholder,
.doctorsList_filter .doctorsList_specsSearchInput,
.doctorsList_filter label.formCell_placeholder,
.doctorsList_filter .multiSelect .current_value,
.doctorsList_filter .doctorsList_nameSearchInput {
    font-size: 16px;
}

.doctorsList_filter .multiSelect {
    max-width: 100%;
    width: 100%;
}

.doctorsList_mores {
    display: flex;
    justify-content: space-between;
    align-items: center;
}

.doctorsList_col {
    display: inherit;
}

.doctorsList_more {
    margin-right: 8px;
}

.doctorsList_moreLabel {
    background: #F6F9FB;
    border-radius: 8px;
    padding: 6px 8px;
    font-weight: 400;
    font-size: 16px;
    line-height: 24px;
    cursor: pointer;
}

.doctorsList_moresGroup {
    display: inherit;
    flex-wrap: wrap;
}

.doctorsList_filter .formCell {
    margin-bottom: 8px;
}

.checkboxStyle input {
    display: none;
}

.checkboxStyle input[type="radio"]:checked + .doctorsList_moreLabel,
.checkboxStyle input[type="checkbox"]:checked + .doctorsList_moreLabel {
    background: #79CE4B;
    color: #fff;
}

.formCell.filled .filter_arrow {
    display: none;
}

.doctorsList_filters label.formCell_placeholder {
    left: 47px;
}

.doctorsList_specsSearchArrow {
    width: 24px;
    height: 48px;
    vertical-align: middle;
    fill: #5EB92D;
    position: absolute;
    top: 0;
    right: 16px;
}

.doctorsList_specsSearchArrow {
    cursor: pointer;
}

.doctorsList_filters .doctorsList_filter .doctorsList_nameSearchClean {
    height: 48px;
    margin-right: 0;
}

.doctorsList_prefIcon {
    left: 16px;
    width: 24px;
    height: 48px;
    position: absolute;
    top: 0;
    fill: #7D8694;
}

.doctorsList_filter .current_select .filter_arrow,
.doctorsList_filter .arrow_bot {
    fill: #323232;
    padding: 0 16px;
    right: 0;
}

.doctorsList_locationIcon {
    width: 15px;
}

.doctorsList_filter button.current_value {
    padding-left: 44px;
}

.formCell .doctorsList_specsSearchInput {
    height: 48px;
    padding-left: 47px;
    padding-right: 32px;
}

.doctorsList_filters .doctorsList_filter svg.filter_cleaner,
.doctorsList_filters .doctorsList_filter svg.svgCleaner {
    fill: #7D8694;
    opacity: 1;
}

.doctorsList_filters .doctorsList_filter svg.filter_cleaner {
    right: 10px;
}

.filterSpec_options .selected {
    background: #eee;
}

.doctorsList_nameSearch .doctorsList_nameSearchInput {
    border: 1px solid #CFD3DA;
    border-radius: 100px;
    padding: 0 54px;
    height: 56px;
    font-size: 16px;
    line-height: 24px;
}

.doctorsList_nameSearchInput::placeholder {
    color: #7D8694;
}

.doctorsList_searchIcon {
    position: absolute;
    top: 0;
    left: 16px;
    height: 56px;
    width: 24px;
    fill: #7D8694;
}

/* endregion */

/* region Doctor List - Filters -- Preloader */
.doctorsList_preload {
    width: 100%;
    height: 100%;
    position: absolute;
    z-index: 9;
    align-items: center;
    justify-content: center;
    background: #ffffffab;
    display: none;
    box-shadow: 0 0 16px 4px #fff;
}

.doctorsList_preload.showPreloader {
    display: flex;
}

/* endregion */

/* region Doctor List - Filters -- Clear button */
.doctorsList_filterResetIcon {
    width: 24px;
    height: 24px;
    fill: #5EB92D;
    margin-right: 4px;
}

.doctorsList_filterReset {
    font-weight: 500;
    font-size: 16px;
    line-height: 24px;
    text-transform: capitalize;
    display: flex;
    align-items: center;
}

.doctorsList_clearBtn {
    display: none;
}

.doctorsList_clearBtn.showClear {
    display: flex;
}

.doctorsList_clearMob {
    display: none;
}

/* endregion */

/* region Doctor List - Filters -- Select with search */
.doctorsList_filter .doctorsList_specsFilter {
    border: unset;
    overflow: unset;
}

.doctorsList_filter .doctorsList_specsFilter .doctorsList_specsSearchInput {
    margin: unset;
    padding-right: 32px;
    height: 48px;
    vertical-align: top;
    width: 100%;
    background: #FFFFFF;
    border: 1px solid #D7DBDE;
    box-sizing: border-box;
    border-radius: 8px;
    display: block;
    box-shadow: unset;
}

.formCell.optionsInput .formCell_placeholder {
    display: block;
    z-index: 1;
}

.formCell.optionsInput .current_select {
    height: unset;
}

.formCell.optionsInput.filled .arrow_bot, .formCell.optionsInput .select.disabled .arrow_bot {
    display: none;
}

.selectSearch {
    position: relative;
}

.selectSearch_ul {
    position: absolute;
    background: #fff;
    border: 1px solid #F0F0F0;
    box-sizing: border-box;
    box-shadow: 0 4px 15px rgb(120 160 190 / 30%);
    border-radius: 3px !important;
}

.selectSearch_ul.select_open {
    display: block;
}

.selectSearch label.formCell_placeholder {
    position: absolute;
    pointer-events: none;
    left: 40px;
    top: 15px;
    -webkit-transition: .2s ease all;
    -o-transition: .2s ease all;
    transition: .2s ease all;
    background-color: #fff;
    padding: 0 5px;
    line-height: 19px;
    font-size: 14px;
    letter-spacing: 0.02em;
    color: #6A747B;
    z-index: 1;
}

.select_search.open_select div.current_select {
    display: inherit;
}

/* endregion Spec */

/* region Doctor List - Filters -- Multiple select layout */
.multiSelect_options .multiSelect_li {
    background: #fff;
}

/* endregion */

/* region Doctor List - Filters -- Responsive layout */
@media (max-width: 1279px) {
    .doctorsList_itemTooltipIcon:hover ~ .doctorsList_itemTooltipText {
        visibility: hidden;
        opacity: 0;
    }

    .doctorsList_itemName .doctorsList_itemTooltip {
        display: none;
    }
}

@media (max-width: 767px) {
    .doctorsList_filters .doctorsList_filter {
        width: 100%;
        margin-right: 0px;
    }

    .doctorsList_filters:not(:last-child) .formCell {
        margin-bottom: 20px;
        height: auto;
    }

    .doctorsList_items .doctorsList_buttons {
        display: none;
    }

    .doctorsList_mores {
        flex-direction: column;
        align-items: flex-start;
        margin-top: 4px;
    }

    .doctorsList_col {
        flex-wrap: wrap;
    }

    .doctorsList_more {
        margin-bottom: 8px;
    }

    .doctorsList_clearMob {
        display: block;
    }

    .doctorsList_clearDesc {
        display: none;
    }

    .doctorsList_clearBtn {
        margin-top: 28px;
        justify-content: center;
        width: 100%;
    }

    div.doctorsList_innerWrapper {
        margin-top: 24px;
    }

    .doctorsList_filter div.filterSpec.formCell {
        margin-bottom: 4px;
    }

    .doctorsList_itemTooltip {
        top: 16px;
        right: 16px;
    }

    .doctorsList_itemTooltipIcon {
        width: 28px;
        height: 28px;
    }

    .doctorsList_itemTooltipIcon svg {
        width: 20px;
        height: 20px;
    }

    .doctorsList_itemPhoto .doctorsList_itemTooltip {
        display: none;
    }

    .doctorsList_itemName .doctorsList_itemTooltip {
        display: flex;
        position: initial;
    }

    .doctorsList_itemNameLabel {
        margin-right: 8px;
    }

    .doctorsList_filters .formCell .select_search {
        height: 48px;
    }
}

/*endregion*/

/*region Doctor List - Tooltip reveal layout*/
.reveal.revealTooltip {
    overflow: initial;
}

.reveal.revealTooltip .reveal_icon {
    width: 32px;
    height: 32px;
}

.reveal.revealTooltip .reveal_container {
    justify-items: stretch;
    align-items: flex-end;
}

.reveal.revealTooltip .reveal_block {
    width: 100%;
    max-width: unset;
    border-radius: 10px 10px 0 0;
    align-items: center;
}

.reveal.revealTooltip .reveal_text {
    margin: 16px 0 0;
    font-size: 16px;
    font-style: normal;
    font-weight: 400;
    line-height: 24px;
}

@media (max-width: 767px) {
    .reveal.revealTooltip .reveal_container {
        margin: initial;
        height: initial;
    }
}
/*endregion*/

.doctorsList_gender {
    border: 1px solid #82C83180;
    border-radius: 8px;
    display: inline-flex;
    height: 46px;
    width: 100%;
    overflow: hidden;
}

.doctorsList_gender input {
    display: none;
}

.doctorsList_gender-delimeter {
    height: auto;
    width: 1px;
    background-color: #82C83180;
}

.doctorsList_gender-item {
    display: flex;
    align-items: center;
    justify-content: center;
    color: #5EB92D;
    transition: .3s;
    cursor: pointer;
    text-transform: uppercase;
    font-size: 13px;
    font-weight: 500;
    flex: 1;
}

.doctorsList_gender-item:hover,
.doctorsList_gender input:checked + .doctorsList_gender-item {
    background-color: #ECFBDA;
}

@media (max-width: 1024px) {
    .doctorsList_gender {
        display: inline-flex;
        width: auto;
    }

    .doctorsList_gender-item {
        padding: 0 18px;
    }
}

.doctorsList_filter {
    max-width: 100%;
}
/* End */
/* /local/templates/avaclinic/components/bitrix/system.pagenavigation/general/style.css?17766719771014 */
/* /local/templates/avaclinic/components/bitrix/news/doctors/custom/news.list/.default/style.css?177667197715122 */