#filter {
    position: relative;
    max-width: 100vw;
}

#filter .title {
    padding-left: 25px;
}
.btn-hide-filter {
    position: absolute;
    right: 20px;
    top: 21px;
    height: 42px;
    width: 42px;
    border-radius: 2px;
    display: flex;
    justify-content: center;
    align-items: center;
    cursor: pointer;
    background-color: transparent;
    border: 1px solid transparent;
    pointer-events: auto;
}
.btn-hide-filter:hover {
    border-color: #0085ff;
}
.btn-hide-filter svg {
    transform: rotate(180deg);
    height: 18px;
    width: 12px;
    transition: all .3s ease;
}
.btn-hide-filter:hover svg {
    fill: #0085ff;
}
.search-criteria {
    width: 100%;
    max-width: 890px;
}
.search-criteria .select-wrapper {
    z-index: 5;
}
.search-criteria__row {
    display: flex;
}
.search-criteria__row {
    /*margin-top: 13px;*/
    flex-wrap: wrap;
}
.search-criteria__row > * {
    pointer-events: auto;
    margin-bottom: 13px;
}
.search-criteria__btn {
    flex-shrink:0;
    width:42px;
    height:42px;
    padding-left:10px;
    border-radius:2px;
    display:flex;
    flex-direction:column;
    justify-content:center;
    cursor:pointer;
    background-color:#fff;
    box-shadow:0 10px 20px rgba(17,17,22,.1);
    border: 1px solid var(--input-border-color);
    transition:all .3s ease;
    margin-right: 19px;
}
.search-criteria__btn:hover {
    border-color:#0085ff
}
.search-criteria__btn span {
    margin-top:2px;
    width:18px;
    height:2px;
    border-radius:6px;
    background-color:var(--input-border-color);
}
.search-criteria__btn span:nth-child(1) {
    margin-top:0
}
.search-criteria__btn span:nth-child(2) {
    width:14px
}
.search-criteria__btn span:nth-child(3) {
    width:10px
}
.search-criteria__btn span:nth-child(4) {
    width:6px
}
.full-filter .search-criteria__btn span {
    background-color:#0085ff;
}
.search-criteria__dates {
    margin-right: 19px;
    flex-shrink: 0;
    display: flex;
}
.search-criteria__dates-wrap {
    position: relative;
    max-width: 128px;
}
.search-criteria__dates-icon {
    fill: var(--input-border-color);
    position: absolute;
    top: 50%;
    right: 12px;
    transform: translateY(-50%);
    transition: all .3s ease;
    pointer-events: none;
}
.search-criteria__date {
    max-width: 128px;
    padding: 13px 15px;
    height: 42px;
    border-radius: 2px;
    border: 1px solid var(--input-border-color);
    background-color: #fff;
    color: #1f2840;
    transition: all .3s ease;
}
.search-criteria__date:hover {
    border-color: #0085ff;
}
.search-criteria__date:hover~.search-criteria__dates-icon {
    fill:#0085ff
}
.search-criteria__date:focus {
    border-color:#0085ff
}
.search-criteria__select {
    flex-grow: 1;
    flex-shrink: 1;
    position: relative;
    width: 250px;
    /*max-width: 550px;*/
}
.search-criteria__select.searching {
    cursor: progress;
}
.search-criteria__select-wrap {
    position: relative;
    padding-bottom: 3px;
    margin-bottom: -3px;
}
.search-criteria__select-input {
    width: 100%;
    height: 42px;
    padding: 13px 65px 13px 20px;
    border-radius: 2px;
    border: 1px solid var(--input-border-color);
    background-color: #fff;
    color: #676a73;
    line-height: 16px;
}
.search-criteria__select-input:hover {
    border-color: #0085ff;
}
.search-criteria__select-input:hover~.search-criteria__select-icon {
    fill:#0085ff
}
.search-criteria__select-input:hover~.search-criteria__select-hamburger span {
    background-color:#0085ff
}
.search-criteria__select-input:focus {
    border-color:#0085ff
}
.search-criteria__select.searching .search-criteria__select-input {
    background-color: #f8f8f8;
    cursor: progress;
}
.search-criteria__select-icon {
    fill: var(--input-border-color);
    position: absolute;
    top: calc(50% - 1.5px);
    right: 16px;
    transform: translateY(-50%);
}
.search-criteria__select-hamburger {
    position: absolute;
    top: calc(50% - 1.5px);
    right: 49px;
    transform: translateY(-50%);
    text-decoration: none;
}
.search-criteria__select-hamburger span {
    margin-top: 2px;
    display: block;
    width: 17px;
    height: 2px;
    border-radius: 2px;
    background-color: var(--input-border-color);
}
.search-criteria__select-hamburger span:first-child {
    margin-top: 0;
}
.search-criteria__select-list {
    width: 100%;
    z-index: 65;
    padding: 7px 7px 7px 0;
    display: none;
    position: absolute;
    top: 45px;
    border-radius: 2px;
    border: 1px solid #d8e2e5;
    background-color: #fff;
}
.search-criteria__select.active .search-criteria__select-list,
.search-criteria__select:hover .search-criteria__select-list {
    display: block;
}
.search-criteria__select-list-wrap {
    max-height: 600px;
    overflow-y: auto;
    padding: 12px 20px;
}
.search-criteria__select-list-title {
    margin-top: 27px;
    line-height: 16px;
    font-weight: 700;
    color: #687a8e;
}
.search-criteria__select-list-title:first-child {
    margin-top: 0;
}
.search-criteria__select-list-item {
    margin-top: 13px;
    line-height: 16px;
    color: #1f2840;
    cursor: pointer;
}
.search-criteria__select-list-item.selected {
    background-color: var(--selected-row-back-color);
    padding: 5px;
    margin-top: 8px;
}
.search-criteria__budge {
    display: flex;
    margin-right: 3px;
    margin-bottom: 3px;
    padding: 5px 10px;
    border-radius: 2px;
    font-size: 12px;
    font-weight: 500;
    color: #44537a;
    background-color: #d6ebff;
}
.search-criteria__budge:hover {
    background-color: #ebf5ff;
}
.search-criteria__budge > span {
    font-size: inherit;
}
.search-criteria__budge-remove {
    margin-left: 8px;
    cursor: pointer;
    fill: #49535c;
    transition: all .3s ease;
    width: 15px;
    height: 15px;
}
.search-criteria__budge-remove:hover {
    fill: red;
}
.search-criteria__delete {
    border: none;
    background: 0 0;
    font-size: 12px;
    font-weight: 500;
    text-decoration: underline;
    color: #4a545d;
    cursor: pointer;
    transition: all .3s ease;
    margin-bottom: 3px;
    padding: 5px 10px;
}
.search-criteria__delete:hover {
    color: red;
}
#filter {
    width: 100%;
    background-color: #fff;
    height: 100%;
    border-right: 1px solid #d8e2e5;
}
#filter .params {
    margin-right: 6px;
    height: calc(100% - 90px);
    overflow-x: hidden;
    overflow-y: auto;
    position: relative
}
#filter .params__content {
    padding: 0 20px 0 25px;
}
#filter .params__box {
    padding-bottom: 25px;
}
.params__box {
    padding-top: 25px;
}
.params__box:first-child {
    padding-top: 15px;
}
.params__box:not(:last-child) {
    border-bottom: 1px solid #b0bec2;
}
#filter .params__box-head {
    display:flex;
    justify-content:space-between;
    align-items:center;
    cursor: pointer;
}
#filter .params__box-right {
    display:flex
}
#filter .params__box-title {
    color:#1f2840;
    font-size:16px;
    font-weight:500
}
#filter .params__box-head-icon {
    margin-left: 14px;
    fill: #4a545d;
}
#filter .params__box_collapsed .params__box-head-icon {
    transform: rotate(180deg);
}
#filter .params__radio-buttons-list {
    margin-top:25px;
    padding-bottom:2px
}
#filter .params__radio-buttons-item {
    margin-top:10px
}
#filter .params__radio-buttons-item:first-child {
    margin-top:0
}
#filter .params__btns {
    width: 100%;
    position: -webkit-sticky;
    position: sticky;
    bottom: 0;
    z-index: 50;
    /*box-shadow: 0 3px 6px rgba(18,22,31,.12);*/
    background-color: #fff;
    padding: 20px 20px 0;
    display: flex;
    justify-content: space-between;
    align-items: center;
}
#filter .params__btns_ok {
    padding: 17px 63px;
    border-radius: 4px;
    line-height: 16px;
    font-weight: 500;
    border: none;
    cursor: pointer;
    color: #fff;
    background-color: #0085ff;
}
#filter .params__btns_ok.disabled {
    cursor: not-allowed;
}
#filter .params__btns_delete {
    background: 0 0;
    font-size: 12px;
    line-height: 14px;
    font-weight: 500;
    text-decoration: underline;
    border: none;
    cursor: pointer;
    color: #4a545d;
}
#filter .filter-period-month,
#filter .filter-period-date,
#filter .filter-text {
    margin-top: 18px;
}
#filter .filter-range2 {
    margin-top: 15px;
}
#filter .filter-period-month {
    display: flex;
    width: max-content;
    margin-right: 20px;
}
#filter .filter-period-month .dates-wrap {
    position: relative;
    width: 50%;
}
#filter .filter-period-month .dates-wrap .dates-icon {
    fill: var(--input-border-color);
    position: absolute;
    top: 50%;
    right: 12px;
    transform: translateY(-50%);
    transition: all .3s ease;
    pointer-events: none;
}
#filter .filter-period-month input {
    max-width: 128px;
    padding: 13px 15px;
    height: 42px;
    border-radius: 2px;
    border: 1px solid var(--input-border-color);
    color: #1f2840;
    transition: all .3s ease;
}
#filter .filter-period-date {
    display: flex;
}
#filter .filter-period-date .dates-wrap {
    position: relative;
    width: 50%;
}
#filter .filter-period-date .dates-wrap .dates-icon {
    fill: var(--input-border-color);
    position: absolute;
    top: 50%;
    right: 12px;
    transform: translateY(-50%);
    transition: all .3s ease;
    pointer-events: none;
}
#filter .filter-period-date input {
    width: 100%;
    padding: 13px 15px;
    height: 42px;
    border-radius: 2px;
    border: 1px solid var(--input-border-color);
    color: #1f2840;
    transition: all .3s ease;
}
#filter .filter-text input {
    width: 100%;
    height: 42px;
    padding: 13px 65px 13px 20px;
    border-radius: 2px;
    border: 1px solid var(--input-border-color);
    background-color: #fff;
    color: #676a73;
    line-height: 16px;
}
#filter .filter-period-month input:hover,
#filter .filter-period-date input:hover,
#filter .filter-text input:hover,
#filter .filter-text input:focus {
    border-color: #0085ff;
}
#filter .params__toggles-list {
    font-size:16px;
    font-weight:500;
    margin: 8.75px 0;
}
#filter .params__toggles-item:first-child {
    margin-top: 0;
}
#filter .params__toggles-item {
    margin-top: 13px;
    display: flex;
    align-items: center;
}
#filter .params__toggles-text {
    margin-left: 16px;
    color: #1f2840;
    cursor: pointer;
}
#filter .params__box-period .params__box-content {
    display: flex;
    justify-content: space-between
}
#filter .params__box-period .params__toggles-list {
    display: flex;
}
#filter .params__box-period .params__toggles-list .params__toggles-text {
    font-size: 12px;
    margin-left: 10px;
    width: min-content;
}
#filter .params__selector-grid {
    margin-top: 18px;
    padding: 2px;
    display: grid;
    grid-template-columns: repeat(2,195px);
    grid-column-gap: 20px;
    grid-row-gap: 10px;
    overflow: auto;
}
#filter .checkbox {
    align-items: center;
}
#filter .checkbox__label {
    max-width: 195px;
}
#filter .checkbox__text {
    min-width: 85px;
    /*max-width: fit-content;*/
    overflow-wrap: break-word;
}
#filter .checkbox__text font {
    color: #3071a9;
}

#filter .params__more {
    margin-top: 12px;
    display: flex;
    justify-content: space-between;
    align-items: center;
}
#filter .params__more-line {
    width: 100%;
    max-width: 126px;
    height: 1px;
    background-color: #e5e5e5;
}
#filter .params__more-text {
    border: none;
    background-color: transparent;
    cursor: pointer;
    color: #b5b5b5;
    font-size: 11px;
    line-height: 13px;
}
#filter input[type=checkbox].switcher {
    opacity: 0;
    width: 0;
}
#filter input[type=checkbox].switcher + label {
    background: #d8e2e5;
    box-sizing: border-box;
    border: 1px solid #d8e2e5;
    height: 13px;
    width: 25px;
    border-radius: 100px;
    position: relative;
    cursor: pointer;
    transition: background-color .3s ease, border-color .3s ease;
    margin: 0;
}
#filter input[type=checkbox].switcher:checked + label {
    background: #0085ff;
    border-color: #0085ff;
}
#filter input[type=checkbox].switcher:focus + label {
    outline-offset: 2px;
    outline-color: #0085ff;
    outline-style: auto;
}
#filter input[type=checkbox].switcher + label.big-switcher {
    height: 22px;
    width: 45px;
    border-radius: 11px;
}
#filter input[type=checkbox].switcher + label.small-switcher {
    height: 12px;
    width: 25px;
    border-radius: 6.5px;
}
#filter input[type=checkbox].switcher + label:before {
    content: '';
    transition: .3s ease;
    position: absolute;
    background: white;
    box-sizing: border-box;
    border: 1px solid #d8e2e5;
    color: black;
    height: 13px;
    width: 13px;
    border-radius: 100px;
    top: -1px;
    left: -1px;
}
#filter input[type=checkbox].switcher + label.big-switcher:before {
    height: 22px;
    width: 22px;
    border-radius: 11px;
}
#filter input[type=checkbox].switcher + label.small-switcher:before {
    height: 12px;
    width: 12px;
    border-radius: 6.5px;
}
#filter input[type=checkbox].switcher:checked + label:before {
    border-color: #0085ff;
    left: 11px;
}
#filter input[type=checkbox].switcher:checked + label.big-switcher:before {
    left: 22px;
}
#filter input[type=checkbox].switcher:checked + label.small-switcher:before {
    left: 12px;
}
.params__points-descr {
    margin-top: 8px;
    color: #676a73;
    font-size: 11px;
}
.params__points-add {
    margin-top: 15px;
    display: flex;
    justify-content: space-between;
    align-items: center;
}
.params__points-add_typical .params__points-btn::after, .params__points-add_typical .params__points-btn::before {
    background-color: #19b87e;
}
.params__points-destination {
    color: #676a73;
    font-family: Roboto;
    font-size: 12px;
    font-weight: 400;
    text-decoration: none;
}
.params__points-destination:hover {
    text-decoration: underline;
}
.params__points-destination span {
    font-weight:700
}
.params__points-add_typical .params__points-btn:hover {
    background-color:#d8f5e7
}
.params__points-add_typical .params__points-btn::after,
.params__points-add_typical .params__points-btn::before {
    background-color:#19b87e
}
.params__points-add_typical .params__points-destination span {
    color: #19b87e;
}
.params__points-add_self .params__points-btn::after,
.params__points-add_self .params__points-btn::before {
    background-color:#5263d0
}
.params__points-add_self .params__points-destination span {
    color:#4b19b8
}
.params__points-btn {
    padding: 6px 18px 6px 35px;
    border-radius: 2px;
    border: none;
    font-size: 12px;
    line-height: 15px;
    color: #3b5347;
    background-color: #f9f9f9;
    cursor: pointer;
    text-decoration: none;
    position: relative;
    transition: all .3s ease;
}
.params__points-btn:hover {
    background-color:#eff1fe
}
.params__points-btn::after, .params__points-btn::before {
    content: "";
    position: absolute;
    top: 50%;
    transform: translateY(-50%);
}
.params__points-btn::before {
    width: 9px;
    height: 3px;
    left: 17px;
}
.params__points-btn::after {
    width: 3px;
    height: 9px;
    left: 20px;
}
.params__points-btn_disable {
    display:none;
    color:#fff;
    background-color:#5263d0
}
.params__points-btn_disable:hover {
    background-color:#6571dd
}
.params__points-btn_disable:hover::after {
    background-color:#6571dd
}
.params__points-btn_disable::after,
.params__points-btn_disable::before {
    display:none;
    width:0;
    height:0
}
.params__points-btn_disable::after {
    display:block;
    content:"×";
    font-size:20px;
    line-height:22px;
    width:10px;
    height:25px;
    transition:all .3s ease
}
.edit-mode .params__points-btn_disable {
    display: block;
}
.edit-mode .params__points-btn_enable {
    display: none;
}
.add-typical-point,
.add-typical-point.fancybox-content {
    display:none;
    width:100%;
    max-width:610px;
    padding:30px 40px 34px 32px
}
.add-typical-point__wrap {
    display:flex;
    flex-direction:column
}
.add-typical-point__btn {
    margin-top:17px;
    align-self:flex-end;
    border:none;
    padding:14px 38px;
    border-radius:4px;
    line-height:16px;
    font-weight:500;
    color:#fff;
    background-color:#0085ff;
    cursor:pointer;
    transition:all .3s ease
}
.add-typical-point__btn:hover {
    background-color:#37abff
}
.pill-select {
    display:flex;
    flex-wrap:wrap
}
.pill-option {
    margin:0 7px 10px 0;
    padding:6px 10px;
    border-radius:2px;
    -webkit-appearance:none;
    -moz-appearance:none;
    appearance:none;
    outline:0;
    cursor:pointer;
    font-size:11px;
    line-height:13px;
    color:#3b5347;
    background:#f9f9f9;
    transition:all .3s ease
}
.pill-option:before {
    content:attr(data-label)
}
.pill-option:checked {
    color:#3b5347;
    background:#d8f5e7
}
.params__points-list {
    margin-top: 15px;
    display: flex;
    flex-wrap: wrap;
    overflow-y: hidden;
}
.params__points-budge {
    margin-right:7px;
    margin-bottom:7px;
    padding:6px 17px;
    border-radius:2px;
    font-size:11px;
    line-height:13px
}
.params__points-budge_typical {
    color:#3b5347;
    background-color:#d8f5e7
}
.params__points-budge_self {
    color:#555866;
    background-color:#eff1fe;
    display: flex;
    cursor: pointer;
}
.params__points-budge-remove {
    margin-left: 8px;
    cursor: pointer;
    fill: #49535c;
    transition: all .3s ease;
    width: 15px;
    height: 15px;
    margin-top: -1px;
}
.params__points-budge-remove:hover {
    fill: red;
}
.params__points-budge input {
    border: 0;
    font-size: 11px;
    position: absolute;
    z-index: 10;
}
.params__selector-flex {
    margin-top: 18px;
    padding: 2px;
    display: flex;
    column-gap: 20px;
    row-gap: 10px;
    flex-wrap: wrap;
    justify-content: center;
}
.params__selector-flex .flex-column {
    display: flex;
    flex-direction: column;
    row-gap: 10px;
    width: calc(50% - 10px);
    min-width: min(100%, 180px);
}
.direction,
.direction.fancybox-content {
    display: none;
    padding: 22px 37px 30px 26px;
}
.direction__title {
    margin-top:7px;
    font-family:Roboto;
    font-size:16px;
    line-height:19px;
    font-weight:500;
    color:#1f2840
}
.direction__title:first-child {
    margin-top:0
}
.direction__options {
    margin-top:15px;
    display:flex
}
.direction__options-btns {
    margin-right:13px;
    display:flex
}
.direction__options-value {
    display:flex;
    justify-content:center;
    align-items:center;
    width:90px;
    height:30px;
    border-radius:2px;
    font-size:16px;
    line-height:19px;
    font-weight:500;
    color:#c9cdd8;
    background-color:#f2f4f9
}
.direction__options-value span {
    margin-right:6px;
    font-size:16px;
    line-height:19px;
    font-weight:700;
    color:#1f2840
}
.direction__range {
    margin-top:22px
}
.direction__list {
    display:flex
}
.direction__list-item {
    margin-right:2px
}
.direction__list-item:last-child {
    margin-right:0
}
.direction__save {
    margin-top:32px;
    padding:17px 60px;
    border:none;
    border-radius:2px;
    line-height:16px;
    font-weight:500;
    cursor:pointer;
    box-shadow:0 4px 8px rgba(18,22,31,.12);
    color:#fff;
    background-color:#0085ff;
    transition:all .3s ease
}
.direction__save:hover {
    background-color:#37abff
}
.radio-as-button {
    -webkit-appearance:none;
    -moz-appearance:none;
    appearance:none;
    outline:0;
    cursor:pointer;
    transition:all .3s ease;
    text-align:center;
    padding:8px 15px;
    border-radius:2px;
    font-size:12px;
    line-height:14px;
    font-weight:500;
    color:#1f2840;
    background-color:#d8e2e5;
    transition:all .3s ease
}
.radio-as-button:before {
    content:attr(data-label)
}
.radio-as-button:checked {
    color:#fff;
    background-color:#0085ff;
    box-shadow:0 4px 8px rgba(18,22,31,.12)
}
.radio-as-button:hover {
    background-color:#37abff
}
.radio-button {
    display:block;
    cursor:pointer
}
.radio-button__input {
    display:none
}
.radio-button__input:checked+.radio-button__text::before {
    background-color:#0085ff
}
.radio-button__input:checked+.radio-button__text:after {
    transform:scale(1)
}
.radio-button__text {
    padding-left:34px;
    display:block;
    position:relative;
    line-height:16px;
    color:#1f2840;
    transition:all .2s ease-in-out
}
.radio-button__text:after,
.radio-button__text:before {
    content:"";
    width:17px;
    height:17px;
    display:block;
    border-radius:50%;
    position:absolute;
    left:0;
    top:0;
    transition:all .2s ease-in-out
}
.radio-button__text:before {
    background-color:var(--input-border-color)
}
.radio-button__text:after {
    width:9px;
    height:9px;
    border-radius:50%;
    background-color:#fff;
    top:4px;
    left:4px;
    transform:scale(0)
}
.irs {
    position: relative;
    display: block;
    -webkit-touch-callout: none;
    -webkit-user-select: none;
    -khtml-user-select: none;
    -moz-user-select: none;
    -ms-user-select: none;
    user-select: none;
    font-size: 12px;
    font-family: Arial,sans-serif;
}
.irs--big {
    height: 40px;
}
.irs-line {
    position: relative;
    display: block;
    overflow: hidden;
    outline: 0 !important;
    cursor: pointer;
}
.irs--big .irs-line {
    top: 5px;
    height: 6px;
    border: none;
    border-radius: 6px;
    background: var(--input-border-color);
}
.irs-max, .irs-min {
    position: absolute;
    display: block;
    cursor: default;
}
.irs-min {
    left: 0;
}
.irs-max {
    right: 0;
}
.irs--big .irs-max, .irs--big .irs-min {
    top: 0;
    padding: 1px 5px;
    color: #fff;
    text-shadow: none;
    background-color: #9f9f9f;
    border-radius: 3px;
}
.irs-from, .irs-single, .irs-to {
    position: absolute;
    display: block;
    top: 0;
    left: 0;
    cursor: default;
    white-space: nowrap;
}
.irs--big .irs-from, .irs--big .irs-single, .irs--big .irs-to {
    color: #fff;
    text-shadow: none;
    padding: 1px 5px;
    background-color: #428bca;
    background: linear-gradient(to bottom,#428bca 0,#3071a9 100%);
    border-radius: 3px;
}
.irs--big .irs-from, .irs--big .irs-single, .irs--big .irs-to {
    top: 22px;
    background: 0 0;
    color: #1f2840;
    font-family: Roboto;
    font-size: 14px;
    font-weight: 400;
}
irs-grid {
    position: absolute;
    display: none;
    bottom: 0;
    left: 0;
    width: 100%;
    height: 20px;
}
.irs-bar {
    position: absolute;
    display: block;
    left: 0;
    width: 0;
    cursor: pointer;
}
.irs--big .irs-bar {
    top: 5px;
    height: 6px;
    box-shadow: none;
    border: none;
    background: #0085ff;
}
.irs-shadow {
    position: absolute;
    display: none;
    left: 0;
    width: 0;
}
.irs--big .irs-shadow {
    height: 1px;
    bottom: 16px;
    background-color: rgba(66,139,202,.5);
}
.irs-handle {
    position: absolute;
    display: block;
    box-sizing: border-box;
    cursor: default;
    z-index: 1;
    cursor: pointer;
}
.irs-handle.type_last {
    z-index: 2;
}
.irs--big .irs-handle {
    top: 0;
    width: 15px;
    height: 15px;
    /*border: none;*/
    border-radius: 50%;
    box-shadow: 0 1px 2px rgba(32,34,36,.15);
    background: #fff;
}
.irs--big .irs-handle.state_hover, .irs--big .irs-handle:hover {
    border: 1px solid #0085ff;
    background: #fff;
}
.add-typical-values.fancybox-content {
    display:none;
    width:100%;
    max-width:550px;
    padding:38px 29px;
    border-radius:2px;
    background-color:#fff
}
.add-typical-values__title {
    color:#1f2840;
    font-size:18px;
    line-height:21px;
    font-weight:500;
    margin-bottom: 25px;
}
.add-typical-values__list {
    margin-top:25px;
    width:100%;
    min-height:220px;
    padding:13px 20px;
    outline:transparent;
    resize:vertical;
    border-radius:2px;
    border:1px solid #d8e2e5;
    background-color:#fff
}
.add-typical-values__add {
    display:block;
    margin-top:29px;
    padding:17px 63px;
    border:none;
    box-shadow:0 4px 8px rgba(18,22,31,.12);
    border-radius:2px;
    line-height:16px;
    font-weight:500;
    cursor:pointer;
    color:#fff;
    background-color:#0085ff
}
@media(max-width: 480px){
    .search-criteria__dates {
        margin-right: 0;
    }
}