:root {
    --bs-accordion-color: var(--bs-body-color);
    --bs-accordion-bg: var(--bs-body-bg);
    --bs-accordion-transition: color 0.15s ease-in-out,background-color 0.15s ease-in-out,border-color 0.15s ease-in-out,box-shadow 0.15s ease-in-out,border-radius 0.15s ease;
    --bs-accordion-border-color: var(--bs-border-color);
    --bs-accordion-border-width: var(--bs-border-width);
    --bs-accordion-border-radius: var(--bs-border-radius);
    --bs-accordion-inner-border-radius: calc(var(--bs-border-radius) - (var(--bs-border-width)));
    --bs-accordion-btn-padding-x: 1.25rem;
    --bs-accordion-btn-padding-y: 1rem;
    --bs-accordion-btn-color: var(--bs-body-color);
    --bs-accordion-btn-bg: var(--bs-accordion-bg);
    --bs-accordion-btn-icon: url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 16 16' fill='%23212529'%3e%3cpath fill-rule='evenodd' d='M1.646 4.646a.5.5 0 0 1 .708 0L8 10.293l5.646-5.647a.5.5 0 0 1 .708.708l-6 6a.5.5 0 0 1-.708 0l-6-6a.5.5 0 0 1 0-.708z'/%3e%3c/svg%3e");
    --bs-accordion-btn-icon-width: 1.25rem;
    --bs-accordion-btn-icon-transform: rotate(-180deg);
    --bs-accordion-btn-icon-transition: transform 0.2s ease-in-out;
    --bs-accordion-btn-active-icon: url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 16 16' fill='%23052c65'%3e%3cpath fill-rule='evenodd' d='M1.646 4.646a.5.5 0 0 1 .708 0L8 10.293l5.646-5.647a.5.5 0 0 1 .708.708l-6 6a.5.5 0 0 1-.708 0l-6-6a.5.5 0 0 1 0-.708z'/%3e%3c/svg%3e");
    --bs-accordion-btn-focus-border-color: #86b7fe;
    --bs-accordion-btn-focus-box-shadow: 0 0 0 0.25rem rgba(13, 110, 253, 0.25);
    --bs-accordion-body-padding-x: 1.25rem;
    --bs-accordion-body-padding-y: 1rem;
    --bs-accordion-active-color: var(--bs-primary-text-emphasis);
    /*--bs-accordion-active-bg: transparen;*/
    --bs-nav-pills-link-active-bg: #008CF2;
    --bs-nav-link-color:  #008CF2;
}

html {
    -webkit-font-smoothing: antialiased;
}
body {
    font-family: "IBM Plex Sans", sans-serif;
    font-optical-sizing: auto;
    color: #000000;
    line-height: 1.3;
    font-size: 16px;

    display: flex;
    flex-direction: column;
    align-items: stretch;
    min-height: 100vh;
    height: 1px;
}
body > .page-main {
    flex-grow: 2;
    background: #F6FBFF;
}
h1, .h1 {
    font-size: 24px;
    font-weight: 700;
    margin-bottom: 32px;
}
h2, .h2 {
    font-size: 32px;
    font-weight: 400;
    margin-bottom: 10px;
}
h3 {
    font-weight: 500;
    font-size: 24px;
    margin-bottom: 11px;
}
.content h3 {
    margin-top: 30px;
    margin-bottom: 20px;
}
h4 {
    font-size: 24px;
    line-height: 29px;
    margin-bottom: 5px;
}
h5, .h5 {
    font-weight: 600;
    font-size: 18px;
    margin-bottom: 16px;
}
a, a:hover, a:focus {
    color: inherit;
    text-decoration: none;
}
p a{color:#135A9E;}
*, *:hover, *:focus {
    outline: none !important;
}
blockquote {
    padding: 0 30px 0 70px;
    font-style: italic;
    margin: 0;
    line-height: 1.5em;
    border-left: 2px solid #000;
    padding-left: 18px;
    margin-top: 28px;
    margin-bottom: 28px;
}
.gray {
    opacity: 0.6;
}
.red {
    color: #FF4123;
}
.black {
    color: #000 !important;
}
.white {
    color: #fff;
}
.pink {
    color: #E9728A;
}
.lightgray {
    opacity: 0.32;
}
.green {
    color: #02B23E;
}
.blue {
    color: #07ACDC;
}
.font-10 {
    font-size: 10px;
}
.font-11 {
    font-size: 11px;
}
.font-12 {
    font-size: 12px !important;
}
.font-13 {
    font-size: 13px;
}
.font-14 {
    font-size: 14px;
}
.font-16 {
    font-size: 16px;
}
.font-18 {
    font-size: 18px;
}
.font-20 {
    font-size: 20px;
}
.font-24 {
    font-size: 24px;
}
.font-32 {
    font-size: 32px !important;
}
.font-48 {
    font-size: 48px !important;
}
.font-88 {
    font-size: 88px;
}
.strong,
.weight-700 {
    font-weight: 700;
}
.weight-600 {
    font-weight: 600;
}
.weight-500 {
    font-weight: 500;
}
.weight-400 {
    font-weight: 400;
}
.weight-100 {
    font-weight: 100;
}
.uppercase {
    text-transform: uppercase;
}
.inset {
    max-width: 100%;
    height: auto;
}
.text-balance {
    text-wrap: balance;
}
.socnet {
    align-items: center;
    flex-wrap: wrap;
    margin-left: -4px;
    margin-right: -4px;
}
.socnet > a {
    display: inline-block;
    background: rgba(255, 255, 255, 0.08);
    width: 32px;
    height: 32px;
    border-radius: 18px;
    color: #fff !important;
    text-align: center;
    line-height: 34px;
    margin: 4px;
    font-size: 16px;
    color: #fff;
}

.socnet > a.m {
    background-color: #3b5998;
}
.socnet > a.f {
    background-color: #3b5998;
}
.socnet > a.v {
    background-color: #4c6c91;
}
.socnet > a.o {
    background-color: #f68634;
}
.socnet > a.t {
    background-color: #55acee;
}
.socnet > a.i {
    background: #d6249f;
    background: radial-gradient(circle at 30% 107%, #fdf497 0%, #fdf497 5%, #fd5949 45%,#d6249f 60%,#285AEB 90%);
}
.socnet > a.tg {background-color: #0088cc;}
.socnet > a.y {background-color: #ff0000;}
.socnet > a.l {background-color: #0077b5;}
.socnet > a.p {background-color: #bd081c;}
.socnet > a.r {background-color: #ff4500;}
.socnet > a.wa {background-color: #25D366;}


.slider-arrow-outside .slick-next.slick-arrow {
    right: -60px;
}

[class*=border-] {
    border-color: rgba(0,0,0,0.16) !important;
}
.gray-bg {
    background: #f6f6f6;
}
.gray-area {
    border-radius: 16px;
    background: #f6f6f6;
}
.white-bg {
    background: #FFFFFF;
}
.bx-breadcrumb {
    /*display: flex;
    flex-wrap: nowrap;
    */
    padding: 23px 0 26px;
    font-size: 12px;
    font-weight: 500;
}
.bx-breadcrumb-item {
    margin-right: 5px;
    /*overflow: hidden;
    white-space: nowrap;
    text-overflow: ellipsis;*/
    display: inline;
}
.bx-breadcrumb-item > a,
.bx-breadcrumb-item > i {
    opacity: 0.5;
    white-space: nowrap;
}
/*.ymaps-layers-pane{
    filter: grayscale(100%);
    filter: url(/img/filters.svg#grayscale);
    -webkit-filter: grayscale(1);
}
.ymaps-point-overlay > ymaps > .ymaps-image-with-content {
    background-image: url(/images/ico-map-point.png) !important;
}*/

.btn-light {
    background-color: #fff;
    border-color: #EBEBEB;
}
.white .btn-light {
    background-color: transparent;
    border-color: rgba(255, 255, 255, 0.32);
    color: #fff;
}
.btn-lightgray {
    color: #2C69DE;
    background: #EBEBEB;
    border-color: #EBEBEB;
}
.nav-pills .nav-link {
    background: 0 0;
    border: 1px solid  #008CF2;
    color:  #008CF2;
    border-radius: 20px;
}
.nav-pills .nav-link.nav-link-sm {
    font-size: 14px;
    height: 25px;
    padding: 2px 13px;
}
.nav-pills .nav-link.active, .nav-pills .show>.nav-link {
    color: #ffffff;
    background-color: #008CF2;
}
.form-control {
    border-color: #EBEBEB;
}
.btn-collapse {
    background-image: url("data:image/svg+xml;charset=UTF-8,%3csvg width='24' height='24' viewBox='0 0 24 24' fill='none' xmlns='http://www.w3.org/2000/svg'%3e%3cpath d='M12 11.4L16.6 16L18 14.6L12 8.6L6 14.6L7.4 16L12 11.4Z' fill='%2301222F'/%3e%3c/svg%3e");
    background-repeat: no-repeat;
    background-position: right center;
    cursor: pointer;
}
.btn-collapse.collapsed {
    background-image: url("data:image/svg+xml;charset=UTF-8,%3csvg width='24' height='24' viewBox='0 0 24 24' fill='none' xmlns='http://www.w3.org/2000/svg'%3e%3cpath d='M12 12.6L16.6 8L18 9.4L12 15.4L6 9.4L7.4 8L12 12.6Z' fill='%2301222F'/%3e%3c/svg%3e");
    margin-bottom: 0;
}
.btn-collapse .badge {
    font-size: 10px;
    position: relative;
    top: -2px;
}
.select2-container {
    width: 100% !important;
    display: block;
}
.header-search-form {
    width: 32px;
    height: 32px;
    position: relative;
}
.header-search-text {
    height: 32px;
    position: absolute;
    left: 0;
    right: 0;
    top: 0;
    background: none !important;
    z-index: 1;
    background-clip: padding-box !important;
}
.header-search-submit {
    height: 100%;
    position: absolute;
    left: 0;
    right: 0;
    padding: 3px;
    border: none;
    background: none;
}
.header-search-text,
.header-search-submit {
    -webkit-transition: all 0.3s ease-out ;
    -moz-transition: all 0.3s ease-out ;
    -o-transition: all 0.3s ease-out ;
    transition: all 0.3s ease-out ;
}
.header-search-text:focus {
    left: -260px;
    width: 292px;
    background: #fff !important;
}
.header-search-text:focus + .header-search-submit,
.header-search-submit:focus {
    z-index: 2;
}

.btn-mmenu {
    display: block;
    position: relative;
    width: 50px;
    height: 50px;
}
.btn-mmenu:hover {
    cursor: pointer;
}
.btn-mmenu .icon {
    transition-duration: 0.2s;
    position: absolute;
    width: 30px;
    height: 2px;
    background-color: white;
    top: 25px;
    left: 10px;
}
.btn-mmenu .icon:before,
.btn-mmenu .icon:after {
    transition-duration: 0.5s;
    background-color: white;
    position: absolute;
    content: "";
    width: 30px;
    height: 2px;
    left: 0px;
}
.btn-mmenu .icon:before {
    top: -7px;
}
.btn-mmenu .icon:after {
    top: 7px;
}
body.open-menu .btn-mmenu {

}
body.open-menu .btn-mmenu .icon {
    background-color: transparent;
}
body.open-menu .btn-mmenu .icon:before,
body.open-menu .btn-mmenu .icon:after {
    top: 0;
}
body.open-menu .btn-mmenu .icon:before {
    transform: rotate(-45deg);
    -webkit-transform: rotate(-45deg);
}
body.open-menu .btn-mmenu .icon:after {
    transform: rotate(45deg);
    -webkit-transform: rotate(45deg);
}
.btn-nextpage-ajax {
    display: block;
    width: 100%;
    text-align: center;
    margin-bottom: 48px;
}
.btn-nextpage-ajax > span {
    background: #FFFFFF;
    border: 1px solid #E5E7EB;
    box-shadow: 0px 12px 24px rgba(31, 41, 55, 0.04);
    border-radius: 12px;
    padding: 16px 92px;
    max-width: 90vw;
}

.btn-primary {
    --bs-btn-color: #fff;
    --bs-btn-bg: #08A9DF;
    --bs-btn-border-color: rgba(255,255,255,0);
    --bs-btn-hover-color: #fff;
    --bs-btn-hover-bg: #08A9DF;
    --bs-btn-hover-border-color: #08A9DF;
    --bs-btn-focus-shadow-rgb: 49,132,253;
    --bs-btn-active-color: #fff;
    --bs-btn-active-bg: #08A9DF;
    --bs-btn-active-border-color: #08A9DF;
    --bs-btn-active-shadow: inset 0 3px 5px rgba(0, 0, 0, 0.125);
    --bs-btn-disabled-color: #fff;
    --bs-btn-disabled-bg: #666;
    --bs-btn-disabled-border-color: #666;
    box-shadow: 0px 0px 6px 0px #0000000D;
    background: linear-gradient(180deg, #08A9DF 0%, #00B7CC 100%);
}
.btn-outline-primary {
    --bs-btn-color: #08A9DF;
    --bs-btn-border-color: #08A9DF;
    --bs-btn-hover-color: #fff;
    --bs-btn-hover-bg: #08A9DF;
    --bs-btn-hover-border-color: #08A9DF;
    --bs-btn-focus-shadow-rgb: 13,110,253;
    --bs-btn-active-color: #fff;
    --bs-btn-active-bg: #08A9DF;
    --bs-btn-active-border-color: #08A9DF;
    --bs-btn-active-shadow: inset 0 3px 5px rgba(0, 0, 0, 0.125);
    --bs-btn-disabled-color: #08A9DF;
    --bs-btn-disabled-bg: transparent;
    --bs-btn-disabled-border-color: #0099cF;
    --bs-gradient: none;
}
.slick-dots li {
    margin: 0;
}
.slick-dots li button:before {
    content: '';
    width: 6px;
    height: 6px;
    border-radius: 4px;
    border: 0.5px solid #08A9DF;
    background: transparent;
    opacity: 1;
    top: 7px;
    left: 7px;
}
.slick-dots li.slick-active button:before {
    opacity: 1;
    background: linear-gradient(180deg, #08A9DF 0%, #00B7CC 100%);
    border: none;
}
.p-20, .px-20 {
    padding-left: 20px;
    padding-right: 20px;
}
.p-20, .py-20 {
    padding-top: 20px;
    padding-bottom: 20px;
}
/***************************************************************************************************/
ul.menu {
    list-style: none;
    display: flex;
    padding: 0;
    margin: 0;
}

header {
    background: linear-gradient(90deg, #08A9DF 0%, #00B7CC 100%);
    box-shadow: 0px 4px 10px 0px #0098AA80;
    position: sticky;
    top: 0;
    padding-top: 12px;
    padding-bottom: 12px ;
    z-index: 980;
}
header .menu {
    display: flex;
    align-items: end;
    gap: 32px;
}
header a {
    color: #ffffff;
    font-size: 12px;
    display: flex;
    flex-direction: column;
    align-items: center;
    text-align: center;
}

footer {
    background: linear-gradient(90deg, #08A9DF 0%, #00B7CC 100%);
    color: #ffffff;
    padding-top: 20px;
    padding-bottom: 20px;
}
.social-block {
    display: flex;
    align-items: center;
    gap: 10px;
}
footer .menu {
    font-weight: 500;
    display: flex;
    gap: 16px;
    width: 100%;
    justify-content: space-between;
}

.white-card {
    box-shadow: 0px 0px 6px 0px #0000000D;
    background: #FFFFFF;
    border-radius: 8px;
    padding: 24px;
}
.patien-slider {
    display: flex;
}
.patien-slider.slick-initialized {
    display: block;
}
.patien-slider-item {
    position: relative;
}
.white-block {
    box-shadow: 0px 0px 6px 0px #0000000D;
    border-radius: 15px;
    background: #fff;
    border: 1px solid #DCDCDC80;
}
.chat-wrap {
    width: 100%;
    box-shadow: 0px 0px 6px 0px #0000000D;
    border-radius: 15px;
    background: #fff;
    display: flex;
    flex-direction: column;
    align-items: stretch;
    border: 1px solid #DCDCDC80;
    overflow: hidden;
}
.chat-wrap,
.last-chat-wrap {
    height: calc(100vh - 256px);
    min-height: 750px;
}
.last-chat-wrap {
    display: flex;
    flex-direction: column;
}
.chat-header {
    padding: 27px;
    border-bottom: 1px solid #DCDCDC80;
}
.chat-area {
    flex-grow: 2;
    padding: 16px;
    overflow: auto;
}
.chat-bottom {
    border-top: 1px solid #ADADAD33;
    background: #F8F8F8;
    padding: 15px 35px 19px;
}
.chat-form {
    border: 1px solid #ADADAD33;
    box-shadow: 0px 1px 2px 0px #1018280A;
    background: #fff;
    border-radius: 5px;
    display: flex;
    align-items: center;
    flex-wrap: wrap;
    padding: 11px 24px;
}
.chat-input {
    font-size: 16px;
    flex-grow: 2;
    border: none;

}
.chat-send {
    background: none;
    border: none;
    box-shadow: none;
    width: 36px;
    height: 24px;
    padding-left: 12px;
}
.chat-send[disabled] {
    opacity: 0.3;
}
.chat-file-expand {
    width: 36px;
    height: 24px;
    background: none;
    box-shadow: none;
    border: none;
    border-right: 1px solid #ADADAD;
}
.chat-file-expand::after {
    display: none !important;
}
.chat-error {
    font-size: 12px;
    color: red;
    margin: 8px 0;
}
.chat-row {
    display: flex;
    align-items: end;
    margin-bottom: 12px;
}
.chat-row-own {
    justify-content: end;
}
.chat-message-avatar {
    width: 40px;
    height: 40px;
    border-radius: 20px;
    flex-shrink: 0;
}
.chat-row-alien .chat-message-avatar {
    margin-right: 16px;
}
.chat-row-own .chat-message-avatar {
    margin-left: 16px;
}
.chat-message {
    flex-grow: 2;
    max-width: 450px;
    box-shadow: 0px 0px 6px 0px #0000000D;
    border-radius: 16px;
    padding: 12px 16px;
    overflow: hidden;
}
.chat-message.chat-message-alien {
    background: #F6FBFF;
}
.chat-message.chat-message-own {
    background: #DCF0FF;
}
.chat-message-header {
    font-size: 10px;
    font-weight: 600;
    color: #000000;
    opacity: 0.5;
    display: flex;
    align-items: center;
    justify-content: space-between;
    margin-bottom: 4px;
}
.chat-message-text {
    font-size: 14px;
}
.chat-message-datetime {
    margin-top: 4px;
    color: #ADADAD;
    font-size: 10px;
    font-weight: 300;
    display: flex;
    align-items: center;
}
.chat-message-datetime .btn-edit-message,
.chat-message-datetime .btn-del-message {
    cursor: pointer;
    font-size: 12px;
}
.form-control + img.calendar-icon {
    position: absolute;
    right: 20px;
    top: 50%;
    margin-top: -11px;
    width: auto;
    height: 22px;
}
.was-validated .form-control:invalid + img.calendar-icon,
.was-validated .form-control:valid   + img.calendar-icon {
    right: 30px;
}

.researche-item {
    box-shadow: 0px 0px 6px 0px #0000000D;
    background: #FFFFFF;
    border-radius: 8px;
    height: 100%;
    position: relative;
    padding: 24px;
}
.chat-file-wrap {
    /*width: 100%;
    padding-top: 12px;*/
    padding: 0 !important;
    width: 560px;
}
.chat-file-wrap .file-selectdialog {
    margin: 0;
}
.chat-message-file {
    font-size: 10px;
    font-weight: 700;
    color: #000;
}
.chat-message-timeslot {
    font-size: 14px;
    font-weight: 700;
    color: #000;
}
.label-status:not(.btn) {
    font-size: 9px;
    color: #ffffff;
    padding: 2px 10px;
    display: inline-block;
    border-radius: 10px;
    background: gray;
    margin-bottom: 6px;
    white-space: nowrap;
}
.label-status-timeset {
    /* Время назначено */
    background: #BBF1D7 !important;
    color: #000000 !important;
}
.label-status-comm_proposal {
    /* Выдано КП */
    background: #fff19A !important;
    color: #000000 !important;
}
.label-status-wait {
    background: #04b0d7 !important;
    color: #000000 !important;
}
.label-status-finish {
    /* Завершено */
    background: #D6E8FF !important;
    color: #000000 !important;
}
.label-status-without_timeset {
    /* Выбор времени */
    background: #FFDFDD !important;
    color: #000000 !important;
}
.label-status-assigned {
    /* Назначен */
    background: #FFDFDD !important;
    color: #000000 !important;
}
.label-status-delivery {
    /* Доставка */
    background: #BBF1D7 !important;
    color: #000000 !important;
}
.label-status-during {
    /* В процессе */
    background: #BBF1D7 !important;
    color: #000000 !important;
}
#feedback {
    /* width: 620px; */
}
.unread-label {
    position: absolute;
    background: #E34343;
    color: #fff;
    width: 32px;
    height: 32px;
    text-align: center;
    line-height: 32px;
    border-radius: 20px;
    font-size: 18px;
    font-weight: 700;
    top: -16px;
    right: -16px;
}
.last-chat-item {
    display: flex;
    width: 100%;
    padding: 16px;
    align-items: flex-start;
    font-size: 14px;
}
.last-chat-item:hover,
.last-chat-item.active {
    background: #F6FBFF;
}
.last-chat-item > .chat-message-avatar {
    margin-right: 12px;
}
.last-chat-item > div {
    flex-grow: 1;
}
.trisomy_text {
    width: 100%;
    position: absolute;
    top: 100%;
    padding-left: 25px;
    font-size: 12px;
    color: gray;
}
.embryo-item {
    border: 1px solid rgba(0,0,0,0.05);
    padding: 32px;
    border-radius: 8px;
    margin: 24px 0;
}
.embryo-item-empty {
    display: none;
}
.btn-addEmbryo {
    background: none;
    border: none;
    outline: none;
    font-size: 18px;
    font-weight: 500;
    display: flex;
    align-items: center;
}
.btn-addEmbryo > i {
    font-size: 36px;
    color: rgba(8, 169, 223, 0.7);
}
.embryo-item-empty + .btn-addEmbryo {
    display: none;
}
.fancybox__slide.has-iframe.is-selected {
    margin-top: 45px;
}
div#pdf‑viewer > canvas {
/*    max-width: 100%;*/
    /*margin: auto;*/
}
#user_div_personal .enumeration.field-wrap {
    display: flex;
    align-items: center;
    gap: 16px;
    flex-wrap: wrap;
}
.register-wrap {
    position: fixed;
    top: 0;
    left: 0;
    width: 100vw;
    height: 100vh;
    background: #fff;
    z-index: 990;
    display: flex;
    align-items: stretch;
}
.register-left {
    width: 50%;
    background: url(/images/register-left.jpg) left top / cover, linear-gradient(105.98deg, #32373B 67.84%, #3D4248 111.43%, #99A5B3 118.52%);
    padding: 21px;
}
.register-right {
    width: 50%;
    padding: 40px 44px 30px 36px;
    display: flex;
    flex-direction: column;
    align-items: stretch;
    justify-content: space-evenly;
    overflow: auto;
}
.radio-pills input {
    display: none;
}
.radio-pills label {
    font-weight: 400;
    font-size: 14px;
    line-height: 18px;
    color: #000000;
    padding: 3px 12px;
    display: flex;
    align-items: center;
    justify-content: center;
    height: 25px;
    border: 1px solid #008CF2;
    border-radius: 100px;
    cursor: pointer;
}
.radio-pills input:checked + label {
    background: #008CF2;
    color: #FFFFFF;
}
.page-doctor-top {
    text-align: center;
    padding-bottom: 16px;
    margin-bottom: 16px;
    border-bottom: 1px solid #D4D4D8;
}
.page-doctor-ava {
    display: block;
    width: 56px;
    border-radius: 50%;
    margin: 0 auto 25px;
}
.btn-pdoctor-action {
    min-height: 44px;
    margin-bottom: 16px;
    display: flex;
    color: #7D7987;
    align-items: center;
    border-radius: 8px;
    cursor: pointer;
    position: relative;
}
.btn-pdoctor-action:hover,
.btn-pdoctor-action.active {
    background: #F6FBFF;
    color: #008CF2;
}
.btn-pdoctor-action > svg {
    margin: 10px 12px 10px 8px;
    flex-shrink: 0;
}
.btn-pdoctor-action:hover > svg path,
.btn-pdoctor-action.active > svg path,
.btn-pdoctor-action:hover > svg circle,
.btn-pdoctor-action.active > svg circle {
    stroke: #008CF2;
}
.btn-pdoctor-action > .btn-pdoctor-action-text {
    font-weight: 500;
    flex-grow: 2;
}
.btn-pdoctor-action > .btn-pdoctor-action-add {
    height: 44px;
    width: 40px;
    flex-shrink: 0;
    background-repeat: no-repeat;
    background-position: 8px 10px;
    background-image: url("data:image/svg+xml;charset=UTF-8,%3csvg width='24' height='24' viewBox='0 0 24 24' fill='none' xmlns='http://www.w3.org/2000/svg'%3e%3crect width='24' height='24' rx='4' fill='white'/%3e%3crect width='24' height='24' rx='4' fill='%23008CF2'/%3e%3cg clip-path='url(%23clip0_8147_390)'%3e%3cpath d='M11 11V4H13V11H20V13H13V20H11V13H4V11H11Z' fill='white'/%3e%3c/g%3e%3cdefs%3e%3cclipPath id='clip0_8147_390'%3e%3crect width='24' height='24' fill='white'/%3e%3c/clipPath%3e%3c/defs%3e%3c/svg%3e");
    position: relative;
    z-index: 1;
}
.page-doctor-bottom {
    padding-top: 16px;
    margin-top: auto;
    border-top: 1px solid #D4D4D8;
}
.form-lightblue-block {
    padding: 12px 16px 14px;
    background: #F6FBFF;
    border-radius: 8px;
}
.form-lightblue-block .radio-pills label {
    color: #008CF2;
}
.corporate-service-doctors {
    margin-top: 18px;
}
.corporate-service-doctors-title {
    font-size: 20px;
    font-weight: 600;
    margin-bottom: 16px;
}
.corporate-service-doctor {
    background: #fff;
    border: 1px solid #DDE7F2;
    border-radius: 8px;
    padding: 18px;
    margin-bottom: 16px;
}
.corporate-service-doctor:last-child {
    margin-bottom: 0;
}
.corporate-service-doctor__head {
    display: grid;
    grid-template-columns: 76px 1fr;
    gap: 16px;
    align-items: center;
    margin-bottom: 18px;
}
.corporate-service-doctor__photo {
    width: 76px;
    height: 76px;
    border-radius: 50%;
    object-fit: cover;
}
.corporate-service-doctor__name {
    font-size: 20px;
    line-height: 1.25;
    font-weight: 600;
}
.corporate-service-doctor__text {
    color: #71717A;
    font-size: 14px;
    line-height: 1.45;
    margin-top: 6px;
}
.corporate-service-doctor__price {
    color: #008CF2;
    font-size: 14px;
    font-weight: 600;
    margin-top: 8px;
}
.corporate-service-doctor .font-20 {
    font-size: 18px;
    line-height: 1.25;
}
.corporate-service-doctor .wrap-appointment-day {
    display: flex;
    gap: 8px;
    flex-wrap: wrap;
    align-items: stretch;
    margin-bottom: 16px !important;
}
.corporate-service-doctor .wrap-appointment-day.slick-slider {
    display: block;
}
.corporate-service-doctor .appointment-day {
    width: 72px;
    min-height: 54px;
    border: 1px solid #08A9DF;
    border-radius: 6px;
    padding: 8px 10px;
    color: #000;
    font-size: 13px;
    line-height: 1.25;
    cursor: pointer;
    transition: all 0.2s ease-out;
}
.corporate-service-doctor .appointment-day.slick-slide {
    margin-right: 8px;
}
.corporate-service-doctor .appointment-day.active {
    background: #08A9DF;
    color: #fff;
}
.corporate-service-doctor .wrap-appointment-timeslot {
    display: none;
}
.corporate-service-doctor .wrap-appointment-timeslot > div {
    display: flex;
    gap: 8px;
    flex-wrap: wrap;
}
.corporate-service-doctor .appointment-timeslot {
    min-width: 64px;
    padding: 8px 12px;
    border: none;
    border-radius: 4px;
    background: linear-gradient(180deg, #08A9DF 0%, #00B7CC 100%);
    color: #fff;
    font-size: 14px;
    font-weight: 600;
    line-height: 1;
    text-align: center;
    cursor: pointer;
}
.corporate-service-doctor .appointment-timeslot.active,
.corporate-service-doctor .appointment-timeslot:hover {
    background: linear-gradient(180deg, #08A9DF 0%, #00B7CC 100%);
    color: #fff;
}
.corporate-service-doctor .appointment-withouttimeslot-wrap {
    display: flex;
    align-items: flex-start;
    gap: 10px;
    padding: 14px;
    border-radius: 8px;
    background: #F6FBFF;
    border: 1px solid #DDE7F2;
}
.corporate-service-doctor .jsAppointmentBtn {
    margin-top: 12px;
}
@media (max-width: 575px) {
    .corporate-service-doctor {
        padding: 14px;
    }
    .corporate-service-doctor__head {
        grid-template-columns: 56px 1fr;
        gap: 12px;
    }
    .corporate-service-doctor__photo {
        width: 56px;
        height: 56px;
    }
    .corporate-service-doctor__name {
        font-size: 17px;
    }
}
.btn-gradient-file-wrap .file-selectdialog-switcher {
    display: inline-block;
    width: 202px;
    height: 40px;
    background-image: url("data:image/svg+xml;charset=UTF-8,%3csvg width='202' height='40' viewBox='0 0 202 40' fill='none' xmlns='http://www.w3.org/2000/svg'%3e%3crect width='202' height='40' rx='4' fill='white'/%3e%3crect width='202' height='40' rx='4' fill='url(%23paint0_linear_8130_4850)'/%3e%3cg clip-path='url(%23clip0_8130_4850)'%3e%3cpath d='M35 19V12H37V19H44V21H37V28H35V21H28V19H35Z' fill='white'/%3e%3c/g%3e%3cpath d='M58.24 24.128H59.44C59.6427 23.904 59.824 23.632 59.984 23.312C60.1547 22.992 60.2987 22.6027 60.416 22.144C60.5333 21.6747 60.624 21.1253 60.688 20.496C60.7627 19.8667 60.8 19.136 60.8 18.304V14.832H68.432V24.128H70.16V28.4H68.176V26H60.224V28.4H58.24V24.128ZM66.32 24.128V16.704H62.848V18.576C62.848 19.344 62.8213 20.0213 62.768 20.608C62.7253 21.184 62.6613 21.6907 62.576 22.128C62.4907 22.5653 62.384 22.944 62.256 23.264C62.1387 23.5733 62 23.84 61.84 24.064V24.128H66.32ZM75.1054 26.192C74.508 26.192 73.9694 26.0907 73.4894 25.888C73.02 25.6853 72.6147 25.392 72.2734 25.008C71.9427 24.624 71.6867 24.1653 71.5054 23.632C71.324 23.088 71.2334 22.48 71.2334 21.808C71.2334 21.136 71.324 20.5333 71.5054 20C71.6867 19.4667 71.9427 19.0133 72.2734 18.64C72.6147 18.256 73.02 17.9627 73.4894 17.76C73.9694 17.5573 74.508 17.456 75.1054 17.456C75.7027 17.456 76.2414 17.5573 76.7214 17.76C77.2014 17.9627 77.6067 18.256 77.9374 18.64C78.2787 19.0133 78.54 19.4667 78.7214 20C78.9027 20.5333 78.9934 21.136 78.9934 21.808C78.9934 22.48 78.9027 23.088 78.7214 23.632C78.54 24.1653 78.2787 24.624 77.9374 25.008C77.6067 25.392 77.2014 25.6853 76.7214 25.888C76.2414 26.0907 75.7027 26.192 75.1054 26.192ZM75.1054 24.544C75.6494 24.544 76.076 24.3787 76.3854 24.048C76.6947 23.7173 76.8494 23.232 76.8494 22.592V21.04C76.8494 20.4107 76.6947 19.9307 76.3854 19.6C76.076 19.2693 75.6494 19.104 75.1054 19.104C74.572 19.104 74.1507 19.2693 73.8414 19.6C73.532 19.9307 73.3774 20.4107 73.3774 21.04V22.592C73.3774 23.232 73.532 23.7173 73.8414 24.048C74.1507 24.3787 74.572 24.544 75.1054 24.544ZM84.2006 26.192C83.5926 26.192 83.0486 26.0907 82.5686 25.888C82.0993 25.6853 81.694 25.3707 81.3526 24.944C81.022 24.5067 80.766 23.952 80.5846 23.28C80.414 22.608 80.3286 21.808 80.3286 20.88C80.3286 19.7813 80.414 18.832 80.5846 18.032C80.7553 17.232 81.022 16.5653 81.3846 16.032C81.7473 15.488 82.2113 15.072 82.7766 14.784C83.342 14.496 84.014 14.3147 84.7926 14.24L87.4806 13.984V15.968L84.7446 16.224C84.3286 16.2667 83.982 16.352 83.7046 16.48C83.4273 16.5973 83.198 16.7787 83.0166 17.024C82.846 17.2693 82.718 17.5947 82.6326 18C82.558 18.3947 82.5046 18.8853 82.4726 19.472H82.5366C82.7393 18.9173 83.0166 18.5013 83.3686 18.224C83.7313 17.9467 84.2166 17.808 84.8246 17.808C85.2833 17.808 85.71 17.8987 86.1046 18.08C86.51 18.2613 86.8566 18.528 87.1446 18.88C87.4326 19.2213 87.6566 19.6427 87.8166 20.144C87.9873 20.6453 88.0726 21.216 88.0726 21.856C88.0726 22.5173 87.982 23.1147 87.8006 23.648C87.63 24.1813 87.374 24.64 87.0326 25.024C86.702 25.3973 86.2966 25.6853 85.8166 25.888C85.3366 26.0907 84.798 26.192 84.2006 26.192ZM84.2326 24.544C84.7553 24.544 85.1713 24.3787 85.4806 24.048C85.79 23.7173 85.9446 23.2427 85.9446 22.624V21.424C85.9446 20.784 85.7846 20.2987 85.4646 19.968C85.1553 19.6373 84.7286 19.472 84.1846 19.472C83.63 19.472 83.2033 19.632 82.9046 19.952C82.6166 20.2613 82.4726 20.6933 82.4726 21.248V22.576C82.4726 23.216 82.6273 23.7067 82.9366 24.048C83.2566 24.3787 83.6886 24.544 84.2326 24.544ZM96.0311 26C95.5831 26 95.2258 25.872 94.9591 25.616C94.7031 25.3493 94.5431 24.9973 94.4791 24.56H94.3831C94.2445 25.104 93.9618 25.5147 93.5351 25.792C93.1085 26.0587 92.5805 26.192 91.9511 26.192C91.0978 26.192 90.4418 25.968 89.9831 25.52C89.5245 25.072 89.2951 24.4747 89.2951 23.728C89.2951 22.864 89.6045 22.224 90.2231 21.808C90.8418 21.3813 91.7218 21.168 92.8631 21.168H94.2871V20.56C94.2871 20.0907 94.1645 19.728 93.9191 19.472C93.6738 19.216 93.2791 19.088 92.7351 19.088C92.2551 19.088 91.8658 19.1947 91.5671 19.408C91.2791 19.6107 91.0338 19.856 90.8311 20.144L89.6151 19.056C89.9245 18.576 90.3351 18.192 90.8471 17.904C91.3591 17.6053 92.0365 17.456 92.8791 17.456C94.0098 17.456 94.8685 17.712 95.4551 18.224C96.0418 18.736 96.3351 19.472 96.3351 20.432V24.368H97.1671V26H96.0311ZM92.6391 24.704C93.0978 24.704 93.4871 24.6027 93.8071 24.4C94.1271 24.1973 94.2871 23.8987 94.2871 23.504V22.4H92.9751C91.9085 22.4 91.3751 22.7413 91.3751 23.424V23.696C91.3751 24.0373 91.4818 24.2933 91.6951 24.464C91.9191 24.624 92.2338 24.704 92.6391 24.704ZM98.8246 17.648H103.417C104.163 17.648 104.734 17.84 105.129 18.224C105.523 18.5973 105.721 19.104 105.721 19.744C105.721 20.8 105.145 21.408 103.993 21.568V21.632C104.675 21.696 105.187 21.8933 105.529 22.224C105.87 22.5547 106.041 22.9973 106.041 23.552C106.041 24.2773 105.817 24.8693 105.369 25.328C104.921 25.776 104.297 26 103.497 26H98.8246V17.648ZM103.081 24.512C103.358 24.512 103.571 24.4427 103.721 24.304C103.87 24.1547 103.945 23.9467 103.945 23.68V23.232C103.945 22.9653 103.87 22.7627 103.721 22.624C103.571 22.4747 103.358 22.4 103.081 22.4H100.825V24.512H103.081ZM102.841 21.104C103.086 21.104 103.278 21.0347 103.417 20.896C103.566 20.7573 103.641 20.5653 103.641 20.32V19.92C103.641 19.6747 103.566 19.4827 103.417 19.344C103.278 19.2053 103.086 19.136 102.841 19.136H100.825V21.104H102.841ZM107.965 17.648H109.965V21.376L109.789 23.328H109.853L110.829 21.552L113.437 17.648H115.277V26H113.277V22.272L113.453 20.304H113.389L112.413 22.096L109.805 26H107.965V17.648ZM119.333 19.28H116.789V17.648H123.925V19.28H121.381V26H119.333V19.28ZM125.434 17.648H127.482V20.288H129.722C130.138 20.288 130.517 20.352 130.858 20.48C131.21 20.608 131.509 20.7947 131.754 21.04C132.01 21.2747 132.207 21.568 132.346 21.92C132.495 22.272 132.57 22.6773 132.57 23.136C132.57 23.5947 132.495 24.0053 132.346 24.368C132.207 24.72 132.01 25.0187 131.754 25.264C131.509 25.4987 131.21 25.68 130.858 25.808C130.517 25.936 130.143 26 129.738 26H125.434V17.648ZM129.322 24.48C129.685 24.48 129.967 24.3947 130.17 24.224C130.383 24.0533 130.49 23.7973 130.49 23.456V22.832C130.49 22.4907 130.383 22.2347 130.17 22.064C129.967 21.8933 129.685 21.808 129.322 21.808H127.482V24.48H129.322ZM142.093 25.12H142.029C141.623 25.8347 141.015 26.192 140.205 26.192C139.277 26.192 138.594 25.8507 138.157 25.168C137.719 24.4747 137.501 23.36 137.501 21.824C137.501 20.288 137.719 19.1787 138.157 18.496C138.594 17.8027 139.277 17.456 140.205 17.456C140.621 17.456 140.978 17.552 141.277 17.744C141.575 17.9253 141.826 18.192 142.029 18.544H142.093V14.64H144.141V18.544H144.205C144.407 18.192 144.658 17.9253 144.957 17.744C145.255 17.552 145.613 17.456 146.029 17.456C146.957 17.456 147.639 17.8027 148.077 18.496C148.514 19.1787 148.733 20.288 148.733 21.824C148.733 23.36 148.514 24.4747 148.077 25.168C147.639 25.8507 146.957 26.192 146.029 26.192C145.218 26.192 144.61 25.8347 144.205 25.12H144.141V29.2H142.093V25.12ZM140.973 24.656C141.378 24.656 141.666 24.5707 141.837 24.4C142.007 24.2293 142.093 23.9893 142.093 23.68V19.968C142.093 19.6587 142.007 19.4187 141.837 19.248C141.666 19.0667 141.378 18.976 140.973 18.976C140.493 18.976 140.146 19.1413 139.933 19.472C139.73 19.792 139.629 20.3147 139.629 21.04V22.608C139.629 23.3333 139.73 23.856 139.933 24.176C140.146 24.496 140.493 24.656 140.973 24.656ZM145.26 24.656C145.741 24.656 146.082 24.496 146.285 24.176C146.498 23.856 146.605 23.3333 146.605 22.608V21.04C146.605 20.3147 146.498 19.792 146.285 19.472C146.082 19.1413 145.741 18.976 145.26 18.976C144.855 18.976 144.567 19.0667 144.397 19.248C144.226 19.4187 144.141 19.6587 144.141 19.968V23.68C144.141 23.9893 144.226 24.2293 144.397 24.4C144.567 24.5707 144.855 24.656 145.26 24.656ZM156.75 26C156.302 26 155.945 25.872 155.678 25.616C155.422 25.3493 155.262 24.9973 155.198 24.56H155.102C154.963 25.104 154.681 25.5147 154.254 25.792C153.827 26.0587 153.299 26.192 152.67 26.192C151.817 26.192 151.161 25.968 150.702 25.52C150.243 25.072 150.014 24.4747 150.014 23.728C150.014 22.864 150.323 22.224 150.942 21.808C151.561 21.3813 152.441 21.168 153.582 21.168H155.006V20.56C155.006 20.0907 154.883 19.728 154.638 19.472C154.393 19.216 153.998 19.088 153.454 19.088C152.974 19.088 152.585 19.1947 152.286 19.408C151.998 19.6107 151.753 19.856 151.55 20.144L150.334 19.056C150.643 18.576 151.054 18.192 151.566 17.904C152.078 17.6053 152.755 17.456 153.598 17.456C154.729 17.456 155.587 17.712 156.174 18.224C156.761 18.736 157.054 19.472 157.054 20.432V24.368H157.886V26H156.75ZM153.358 24.704C153.817 24.704 154.206 24.6027 154.526 24.4C154.846 24.1973 155.006 23.8987 155.006 23.504V22.4H153.694C152.627 22.4 152.094 22.7413 152.094 23.424V23.696C152.094 24.0373 152.201 24.2933 152.414 24.464C152.638 24.624 152.953 24.704 153.358 24.704ZM159.543 17.648H161.543V21.376L161.367 23.328H161.431L162.407 21.552L165.015 17.648H166.855V26H164.855V22.272L165.031 20.304H164.967L163.991 22.096L161.383 26H159.543V17.648ZM163.207 16.656C162.535 16.656 161.997 16.5173 161.591 16.24C161.186 15.952 160.866 15.5467 160.631 15.024L160.295 14.272L161.927 13.632L162.455 15.168C162.541 15.2 162.653 15.2267 162.791 15.248C162.93 15.2587 163.069 15.264 163.207 15.264C163.346 15.264 163.485 15.2587 163.623 15.248C163.762 15.2267 163.874 15.2 163.959 15.168L164.487 13.632L166.119 14.272L165.783 15.024C165.549 15.5467 165.229 15.952 164.823 16.24C164.418 16.5173 163.879 16.656 163.207 16.656ZM168.255 24.368H169.343C169.45 24.208 169.546 24.016 169.631 23.792C169.727 23.568 169.807 23.296 169.871 22.976C169.935 22.6453 169.983 22.256 170.015 21.808C170.058 21.3493 170.079 20.816 170.079 20.208V17.648H176.431V26H174.383V19.28H172.031V20.304C172.031 21.0613 172.004 21.7227 171.951 22.288C171.898 22.8427 171.818 23.3227 171.711 23.728C171.615 24.1333 171.492 24.4747 171.343 24.752C171.204 25.0187 171.05 25.2373 170.879 25.408C170.634 25.6533 170.356 25.824 170.047 25.92C169.738 26.016 169.359 26.064 168.911 26.064H168.255V24.368Z' fill='white'/%3e%3cdefs%3e%3clinearGradient id='paint0_linear_8130_4850' x1='101' y1='0' x2='101' y2='40' gradientUnits='userSpaceOnUse'%3e%3cstop stop-color='%2308A9DF'/%3e%3cstop offset='1' stop-color='%2300B7CC'/%3e%3c/linearGradient%3e%3cclipPath id='clip0_8130_4850'%3e%3crect width='24' height='24' fill='white' transform='translate(24 8)'/%3e%3c/clipPath%3e%3c/defs%3e%3c/svg%3e");
    background-size: contain;
    text-indent: -9999px;
}
.btn-gradient-file-wrap .file-selectdialog .file-extended .file-selector {
    font-weight: 400;
}
.mh-100vh {
    max-height: 100vh;
}
.after-input-btn-area {
    position: absolute;
    right: 12px;
    top: 0;
}
.form-control + .after-input-btn-area {
    right: 13px;
    top: 1px;
}
.after-input-btn-area .btn-link {
    background: rgba(255, 255, 255, 0.0);
    background: linear-gradient(90deg, rgba(255, 255, 255, 0.0), rgba(255, 255, 255, 1.0) 40%);
    padding-left: 24px;
    border: none;
}
.table-list-research {
    font-size: 14px;
}
.table-list-research td {
    position: relative;
}
.table-list-research th,
.table-list-research td {
    padding: 10px 16px;
    background: #ffffff;
    vertical-align: middle;
}
.table-list-research th {
    color: #7D7987;
    font-size: 14px;
    font-weight: 500;
}
.table-list-research .label-status {
    margin: 0;
    font-size: 12px;
    padding: 4px 10px;
    border-radius: 15px;
}
.input-personal-photo-area {
    position: relative;
}
.input-personal-photo-area .webform-field-upload-icon {
    display: block;
    width: 56px;
    height: 56px;
}
.input-personal-photo-area .upload-file-name,
.input-personal-photo-area .upload-file-size {
    display: none;
}
.input-personal-photo-area .webform-field-upload-list li div.webform-field-item-wrap {
    display: flex;
    align-items: flex-end;
    justify-content: space-between;
}
.input-personal-photo-area .webform-field-upload-list del {
    width: auto;
    color: #7D7987;
    font-size: 14px;
    font-weight: 500;
    position: absolute;
    bottom: 12px;
    right: 0;
}
.input-personal-photo-area .webform-field-upload-list del:before {
    content: 'Удалить фото';
    text-decoration: underline;
    margin-right: 8px;
}
.input-personal-photo-area .webform-field-upload-list del:hover {
    background: none;
    color: #000000;
}
.input-personal-photo-area input[type="file"] {
    position: relative;
    z-index: 1;
    opacity: 0;
    cursor: pointer;
}
.input-personal-photo-area .webform-field-upload .webform-small-button {
    text-align: left;
    color: #008CF2;
    text-decoration: underline;
    font-size: 14px;
    font-weight: 500;
}
.input-personal-photo-area .webform-field-upload-list.webform-field-upload-list-single {
    margin: 0;
}
.select2-container--default .select2-selection--single {
    background-color: #fff;
    border: 1px solid rgb(222, 226, 230);
    border-radius: 6px;
    height: 38px;
}
.select2-container--default .select2-selection--single .select2-selection__rendered {
    color: #444;
    line-height: 36px;
}
.select2-container--default .select2-selection--single .select2-selection__arrow {
    height: 36px;
}
.view-passwd {
    position: absolute;
    right: 0;
    top: 0;
    bottom: 0;
    opacity: 0.5;
    cursor: pointer;
    display: flex;
    align-items: center;
    justify-content: center;
    width: 32px;
}
.bx-authform {
    position: fixed;
    background: #ffffff;
    top: 0;
    bottom: 0;
    margin: 0;
    z-index: 990;
    left: 0;
    right: 0;
    max-width: none;
    padding-left: calc(75vw - 250px);
    padding-right: calc(25vw - 250px);
    display: flex;
    flex-direction: column;
    align-items: stretch;
    justify-content: center;
}
.bx-authform:before {
    content: "";
    width: 50%;
    background: url(/images/register-left.jpg) left bottom / cover, linear-gradient(105.98deg, #32373B 67.84%, #3D4248 111.43%, #99A5B3 118.52%);
    position: absolute;
    left: 0;
    top: 0;
    bottom: 0;
}
/*.bx-authform:after {
    content: "";
    display: block;
    width: 281px;
    height: 53px;
    background: url(/images/logo-registration.svg);
    position: absolute;
    top: 47px;
    left: 40px;
}*/
.logo-authform {
    position: absolute;
    top: 47px;
    left: 40px;
}
.bx-authform h3 {
    font-weight: 500;
    font-size: 20px;
    line-height: 42px;
    color: #01222F;
    text-align: center;
    margin-bottom: 16px;
}
.bx-authform-formgroup-container {
    margin-bottom: 16px;
}
.bx-authform-label-container {
    font-weight: 500;
    font-size: 14px;
    line-height: 20px;
    color: #7D7987;
    margin-bottom: 8px;
    padding: 0;
}
.bx-authform-input-container input[type="text"],
.bx-authform-input-container input[type="password"] {
    height: 42px;
    font-weight: 400;
    font-size: 14px;
    line-height: 18px;
    color: #252525;
    padding: 4px 16px;
    background: #FFFFFF;
    border: 1px solid #D4D4D8;
    border-radius: 4px;
}
.bx-authform-content-container {
    font-weight: 400;
    font-size: 14px;
    line-height: 20px;
    text-align: center;
    color: #7D7987;
}
.logo__text {
    padding-left: 10px;
    color: #fff;
    font-size: 22px;
    font-weight: 600;
    line-height: 120%;
    border-left: 1px solid rgba(255, 255, 255, 0.5);
    margin-left: 10px;
    min-height: 24px;
}
.btn-up {
    position: fixed;
    background: linear-gradient(90deg, #08a9df 0.08%, #00b7cc 99.89%);
    left: 20px;
    bottom: 30px;
    border-radius: 25px;
    cursor: pointer;
    display: flex;
    align-items: center;
    justify-content: center;
    transition: opacity 0.15s ease-in-out, transform 0.3s ease-in-out;
    color: #fff;
    width: 50px;
    height: 50px;
    opacity: 1;
    transform: translateY(0);
    z-index: 9;
}
.btn-up_hide {
    display: none;
}
.btn-up_hiding {
    opacity: 0;
    transform: translateY(100px);
}
.btn-up-icon {
    width: 40px;
    height: 40px;
    fill: currentcolor;
}
@media (hover: hover) and (pointer: fine) {
    .btn-up:hover {
        background: linear-gradient(180deg, #08a9df 0.08%, #00b7cc 99.89%);
    }
}