/*!
 * Bootstrap Reboot v5.0.1 (https://getbootstrap.com/)
 * Copyright 2011-2021 The Bootstrap Authors
 * Copyright 2011-2021 Twitter, Inc.
 * Licensed under MIT (https://github.com/twbs/bootstrap/blob/main/LICENSE)
 * Forked from Normalize.css, licensed MIT (https://github.com/necolas/normalize.css/blob/master/LICENSE.md)
 */
*,
::after,
::before {
    box-sizing: border-box;
}
@media (prefers-reduced-motion: no-preference) {
    :root {
        scroll-behavior: smooth;
    }
}
body {
    margin: 0;
    font-family: system-ui, -apple-system, "Segoe UI", Roboto, "Helvetica Neue",
        Arial, "Noto Sans", "Liberation Sans", sans-serif, "Apple Color Emoji",
        "Segoe UI Emoji", "Segoe UI Symbol", "Noto Color Emoji";
    font-size: 1rem;
    font-weight: 400;
    line-height: 1.5;
    color: #212529;
    background-color: #fff;
    -webkit-text-size-adjust: 100%;
    -webkit-tap-highlight-color: transparent;
}
hr {
    margin: 1rem 0;
    color: inherit;
    background-color: currentColor;
    border: 0;
    opacity: 0.25;
}
hr:not([size]) {
    height: 1px;
}
h1,
h2,
h3,
h4,
h5,
h6 {
    margin-top: 0;
    margin-bottom: 0.5rem;
    font-weight: 500;
    line-height: 1.2;
}
h1 {
    font-size: calc(1.375rem + 1.5vw);
}
@media (min-width: 1200px) {
    h1 {
        font-size: 2.5rem;
    }
}
h2 {
    font-size: calc(1.325rem + 0.9vw);
}
@media (min-width: 1200px) {
    h2 {
        font-size: 2rem;
    }
}
h3 {
    font-size: calc(1.3rem + 0.6vw);
}
@media (min-width: 1200px) {
    h3 {
        font-size: 1.75rem;
    }
}
h4 {
    font-size: calc(1.275rem + 0.3vw);
}
@media (min-width: 1200px) {
    h4 {
        font-size: 1.5rem;
    }
}
h5 {
    font-size: 1.25rem;
}
h6 {
    font-size: 1rem;
}
p {
    margin-top: 0;
    margin-bottom: 1rem;
}
abbr[data-bs-original-title],
abbr[title] {
    -webkit-text-decoration: underline dotted;
    text-decoration: underline dotted;
    cursor: help;
    -webkit-text-decoration-skip-ink: none;
    text-decoration-skip-ink: none;
}
address {
    margin-bottom: 1rem;
    font-style: normal;
    line-height: inherit;
}
ol,
ul {
    padding-left: 2rem;
}
dl,
ol,
ul {
    margin-top: 0;
    margin-bottom: 1rem;
}
ol ol,
ol ul,
ul ol,
ul ul {
    margin-bottom: 0;
}
dt {
    font-weight: 700;
}
dd {
    margin-bottom: 0.5rem;
    margin-left: 0;
}
blockquote {
    margin: 0 0 1rem;
}
b,
strong {
    font-weight: bolder;
}
small {
    font-size: 0.875em;
}
mark {
    padding: 0.2em;
    background-color: #fcf8e3;
}
sub,
sup {
    position: relative;
    font-size: 0.75em;
    line-height: 0;
    vertical-align: baseline;
}
sub {
    bottom: -0.25em;
}
sup {
    top: -0.5em;
}
a {
    color: #0d6efd;
    text-decoration: underline;
}
a:hover {
    color: #0a58ca;
}
a:not([href]):not([class]),
a:not([href]):not([class]):hover {
    color: inherit;
    text-decoration: none;
}
code,
kbd,
pre,
samp {
    font-family: SFMono-Regular, Menlo, Monaco, Consolas, "Liberation Mono",
        "Courier New", monospace;
    font-size: 1em;
    direction: ltr;
    unicode-bidi: bidi-override;
}
pre {
    display: block;
    margin-top: 0;
    margin-bottom: 1rem;
    overflow: auto;
    font-size: 0.875em;
}
pre code {
    font-size: inherit;
    color: inherit;
    word-break: normal;
}
code {
    font-size: 0.875em;
    color: #d63384;
    word-wrap: break-word;
}
a > code {
    color: inherit;
}
kbd {
    padding: 0.2rem 0.4rem;
    font-size: 0.875em;
    color: #fff;
    background-color: #212529;
    border-radius: 0.2rem;
}
kbd kbd {
    padding: 0;
    font-size: 1em;
    font-weight: 700;
}
figure {
    margin: 0 0 1rem;
}
img,
svg {
    vertical-align: middle;
    display: initial;
}
table {
    caption-side: bottom;
    border-collapse: collapse;
}
caption {
    padding-top: 0.5rem;
    padding-bottom: 0.5rem;
    color: #6c757d;
    text-align: left;
}
th {
    text-align: inherit;
    text-align: -webkit-match-parent;
}
tbody,
td,
tfoot,
th,
thead,
tr {
    border-color: inherit;
    border-style: solid;
    border-width: 0;
}
label {
    display: inline-block;
}
button {
    border-radius: 0;
}
button:focus:not(:focus-visible) {
    outline: 0;
}
button,
input,
optgroup,
select,
textarea {
    margin: 0;
    font-family: inherit;
    font-size: inherit;
    line-height: inherit;
}
button,
select {
    text-transform: none;
}
[role="button"] {
    cursor: pointer;
}
select {
    word-wrap: normal;
}
select:disabled {
    opacity: 1;
}
[list]::-webkit-calendar-picker-indicator {
    display: none;
}
[type="button"],
[type="reset"],
[type="submit"],
button {
    -webkit-appearance: button;
}
[type="button"]:not(:disabled),
[type="reset"]:not(:disabled),
[type="submit"]:not(:disabled),
button:not(:disabled) {
    cursor: pointer;
}
::-moz-focus-inner {
    padding: 0;
    border-style: none;
}
textarea {
    resize: vertical;
}
textarea.--no_resize {
    resize: none;
}
fieldset {
    min-width: 0;
    padding: 0;
    margin: 0;
    border: 0;
}
legend {
    float: left;
    width: 100%;
    padding: 0;
    margin-bottom: 0.5rem;
    font-size: calc(1.275rem + 0.3vw);
    line-height: inherit;
}
@media (min-width: 1200px) {
    legend {
        font-size: 1.5rem;
    }
}
legend + * {
    clear: left;
}
::-webkit-datetime-edit-day-field,
::-webkit-datetime-edit-fields-wrapper,
::-webkit-datetime-edit-hour-field,
::-webkit-datetime-edit-minute,
::-webkit-datetime-edit-month-field,
::-webkit-datetime-edit-text,
::-webkit-datetime-edit-year-field {
    padding: 0;
}
::-webkit-inner-spin-button {
    height: auto;
}
[type="search"] {
    outline-offset: -2px;
    -webkit-appearance: textfield;
}
::-webkit-search-decoration {
    -webkit-appearance: none;
}
::-webkit-color-swatch-wrapper {
    padding: 0;
}
::file-selector-button {
    font: inherit;
}
::-webkit-file-upload-button {
    font: inherit;
    -webkit-appearance: button;
}
output {
    display: inline-block;
}
iframe {
    border: 0;
}
summary {
    display: list-item;
    cursor: pointer;
}
progress {
    vertical-align: baseline;
}
[hidden] {
    display: none !important;
}
/*# sourceMappingURL=bootstrap-reboot.min.css.map */

:root {
    --main_ffamily: "Mulish";
    --main_fcolor: #323f4b;
    --grey_color: #7b8794;
    --light_grey_color: #f0f2f5;
    --blue_color: #2f80ed;
    --light_blue_color: #b9d7ff;
    --lightest_blue_color: #f7faff;
    --lightest_blue_color-v2: #eaf2fd;
    --white_fcolor: #fff;
    --red_color: #ed2f2f;
    --rose_color: #e3a6a6;
    --lime_color: #b2df8a;
    --gold_color: #c29e1f;
    --light_gold_color: #ffb100;
    --green_color: #00be13;
    --note_color: #fff19d;
}

body {
    color: var(--main_fcolor);
    font-family: var(--main_ffamily);
    counter-reset: variant;
}

a {
    color: var(--blue_color);
    text-decoration: none;
}

.--max_small {
    font-size: 0.75em;
}

.--f_bold {
    font-weight: 700;
}

.--f_bolder {
    font-weight: 900;
}

.--f_grey {
    color: var(--grey_color);
}

.--f_main {
    color: var(--main_fcolor);
}

.--f_blue {
    color: var(--blue_color);
}

.--f_red {
    color: var(--red_color);
}

.--f_rose {
    color: var(--rose_color);
}

.--f_lime {
    color: var(--lime_color);
}

.--f_gold {
    color: var(--gold_color);
}

.--f_light_gold {
    color: var(--light_gold_color);
}

.--f_green {
    color: var(--green_color);
}

.--f_black {
    color: #000;
}

.--f_white {
    color: var(--white_fcolor);
}

.fs-5_5 {
    font-size: 1.15rem;
}

.fs-4_5 {
    font-size: 0.9rem;
}

.lh-0 {
    line-height: 0;
}

.--no_wrap {
    white-space: nowrap;
}

.--no_wrap_normal {
    white-space: normal;
}

.--bg_white {
    background-color: var(--white_fcolor) !important;
}

.--bg_note {
    background-color: var(--note_color);
}

.bg-success {
    background-color: #019a3e !important;
}

.bg-warning {
    background-color: #9a4a01cc !important;
}

.bg_light_blue {
    background-color: var(--light_blue_color);
}

.bg_lightest_blue {
    background-color: var(--lightest_blue_color);
}

.bg_red {
    background-color: var(--red_color);
}

.bg_light_grey {
    background-color: var(--light_grey_color);
}

.--shadow {
    box-shadow: 0px 2px 4px rgba(0, 0, 0, 0.15);
}

.--radius {
    border-radius: 8px !important;
}

.--radius_100 {
    border-radius: 100%;
}

.ms-4_5 {
    margin-left: 2rem !important;
}

.mx--main_contauiner {
    margin-left: var(--bs-gutter-x, -0.75rem) !important;
    margin-right: var(--bs-gutter-x, -0.75rem) !important;
}

.mx--5 {
    margin-left: -3rem !important;
    margin-right: -3rem !important;
}

.overflow-hidden {
    overflow: hidden;
}

.--bordered {
    border: 1px solid #e9e9ea;
}

.btn-lg {
    padding: 0.65em;
    font-size: 1rem;
}

.btn-primary {
    background-color: var(--blue_color);
    border-color: var(--blue_color);
}

.btn-dark {
    background-color: #0c4056;
    border-color: #0c4056;
}

.btn_light {
    background-color: #e6e6e6;
    border-color: #e6e6e6;
}

.btn-success {
    background-color: #019a3e;
    border-color: #019a3e;
}

hr {
    border: 1px solid #7b8794;
    border-width: 1px 0 0;
}

.form-control,
.form-select,
.--b_radius {
    border-radius: 8px;
}

.form-control,
.form-select {
    padding: 0.95em;
    font-size: 0.85rem;
}

.form-check-input {
    height: 1.1em;
}

.form-switch .form-check-input {
    width: 2.5em;
}

/* .form-check-input:checked {
	background-color: var(--light_blue_color);
	border-color: var(--light_blue_color);
} */
.form-check-input.--large {
    width: 24px;
    height: 24px;
    margin-top: 0;
}

.form-check-input.--styled {
    background: 2px solid #7b8794;
    border-radius: 8px;
}

.form-check.--styled {
    padding-left: 0;
}

.form-check.--styled .form-check-label {
    display: flex;
    align-items: center;
}

.form-check.--styled .form-check-label .form-check-input {
    float: none;
    margin-left: 0;
    margin-right: 8px;
}

textarea.form-control {
    border-color: #e9e9ea;
}

.--textarea {
    padding: 0.375rem 0.75rem;
    font-weight: 400;
    line-height: 1.5;
    color: #212529;
    border: 1px solid #e9e9ea;
    transition: border-color 0.15s ease-in-out, box-shadow 0.15s ease-in-out;
}

.--textarea,
.--textarea > * {
    cursor: text;
}

.--textarea > div[contenteditable],
.--textarea textarea {
    width: 100%;
    outline: none;
    border: none;
    resize: none;
}

.--textarea > div[contenteditable]:empty::before {
    content: attr(data-placeholder);
    color: var(--grey_color);
}

.--textarea:has(> textarea:focus) {
    border-color: #86b7fe;
    outline: 0;
    box-shadow: 0 0 0 0.25rem rgb(13 110 253 / 25%);
}

.--input_inline_left_icon {
    position: absolute;
    left: 15px;
}

.--date ~ .--input_inline_left_icon {
    left: auto;
    right: 15px;
}

.--input_inline_left_icon {
    position: absolute;
    left: 15px;
}

.badge {
    font-size: 0.9em;
}

.badge.--light {
    font-weight: 300;
}

#birthdate {
}

.--with_arr,
.--arr_right,
.--arr_left,
.--arr_top,
.--arr_bottom {
    position: relative;
}

.--with_arr > * {
    cursor: pointer;
}

.--with_arr > span {
    background-image: url(../img/arr.svg);
    background-repeat: no-repeat;
    display: block;
    position: absolute;
    top: calc(50% - 5px);
    right: 1rem;
    width: 10px;
    height: 10px;
    transition: transform 0.3s;
}

.--with_arr input:focus + span,
.--with_arr select:focus + span {
    transform: rotate(-180deg);
}

.--with_arr .form-select {
    background-image: none;
}

.overflow-x-scroll {
    overflow-x: scroll;
}

.overflow-y-scroll {
    overflow-y: scroll;
}

.--arr_right:before,
.--arr_right:after,
.--arr_left:before,
.--arr_left:after,
.--arr_top:before,
.--arr_top:after,
.--arr_bottom:before,
.--arr_bottom:after {
    content: "";
    display: block;
    position: absolute;
    border: 10px solid transparent;
}

.--arr_right:before,
.--arr_right:after {
    left: -19px;
    top: calc(50% - 10px);
    border-right: 10px solid #fff;
}

.--arr_top:before,
.--arr_top:after {
    left: calc(50% - 10px);
    top: -19px;
    border-bottom: 10px solid #fff;
}

.--bordered.--arr_right:before {
    left: -21px;
    border-right-color: #e9e9ea;
}

.--bordered.--arr_top:before {
    top: -21px;
    border-bottom-color: #e9e9ea;
}

.datepicker--day-name {
    color: var(--grey_color);
}

.datepicker--cell.-current- {
    color: var(--blue_color);
}

.datepicker--cell.-selected-,
.datepicker--cell.-selected-.-focus-,
.datepicker--cell.-selected-.-current- {
    background: var(--blue_color);
}

.datepicker--cell.-selected-.-focus- {
    opacity: 0.85;
}

.btn-group.--roundredRadioButtons label {
    border-radius: 100% !important;
}

.btn-group-vertical.--roundredRadioButtons > .btn,
.btn-group.--roundredRadioButtons > .btn {
    flex: 0;
    margin: 0 0.5em;
    padding: 25px 30px;
    border: 1px solid var(--main_fcolor);
}

.btn-group.--roundredRadioButtons .btn-check + .btn-primary {
    background-color: var(--grey_color);
}

.btn-group.--roundredRadioButtons .btn-check:checked + .btn-primary {
    background-color: var(--blue_color);
}

.btn-group.--colored .btn {
    border-color: transparent;
}

.btn-group.--colored .btn:nth-of-type(1) {
    background-color: #ff3d3d;
}

.btn-group.--colored .btn:nth-of-type(2) {
    background-color: #ff5d5d;
}

.btn-group.--colored .btn:nth-of-type(3) {
    background-color: #ffd83d;
}

.btn-group.--colored .btn:nth-of-type(4) {
    background-color: #fff3bf;
}

.btn-group.--colored .btn:nth-of-type(5) {
    background-color: #d8ff3d;
}

.btn-group.--colored .btn:nth-of-type(6) {
    background-color: #8aff3d;
}

.btn-group.--colored input:checked + .btn,
.btn-group.--colored .btn:hover {
    outline: 0;
}

.btn-group.--colored input:checked + .btn:nth-of-type(1),
.btn-group.--colored .btn:nth-of-type(1):hover {
    box-shadow: 0 0 0 0.15rem rgb(207 41 41);
}

.btn-group.--colored input:checked + .btn:nth-of-type(2),
.btn-group.--colored .btn:nth-of-type(2):hover {
    box-shadow: 0 0 0 0.15rem rgb(214 66 66);
}

.btn-group.--colored input:checked + .btn:nth-of-type(3),
.btn-group.--colored .btn:nth-of-type(3):hover {
    box-shadow: 0 0 0 0.15rem rgb(217 182 43);
}

.btn-group.--colored input:checked + .btn:nth-of-type(4),
.btn-group.--colored .btn:nth-of-type(4):hover {
    box-shadow: 0 0 0 0.15rem rgb(214 200 141);
}

.btn-group.--colored input:checked + .btn:nth-of-type(5),
.btn-group.--colored .btn:nth-of-type(5):hover {
    box-shadow: 0 0 0 0.15rem rgb(173 205 42);
}

.btn-group.--colored input:checked + .btn:nth-of-type(6),
.btn-group.--colored .btn:nth-of-type(6):hover {
    box-shadow: 0 0 0 0.15rem rgb(114 222 44);
}

.accordion-button:not(.collapsed) {
    background-color: transparent;
    box-shadow: none;
    color: var(--main_fcolor);
}

.accordion-button::after {
    width: 14px;
    height: 8px;
    position: absolute;
    right: 1rem;
    top: calc(50% - 4px);
    background-image: url("data:image/svg+xml,%3Csvg id='ArrBottom' width='14' height='8' viewBox='0 0 14 8' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M1 1L7 7L13 1' stroke='%23323F4B' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'/%3E%3C/svg%3E") !important;
    background-size: auto;
}

.accordion-body {
    padding: 0 1.25rem 1rem;
}

.--mw-100p {
    max-width: 100%;
}

.--mw-1170 {
    max-width: 1140px;
}

.--mw-1000 {
    max-width: 1000px;
}

.--mw-800 {
    max-width: 800px;
}

.--h_100 {
    height: 100%;
}

.--h_90vh {
    height: 90vh;
}

.--h_80vh {
    height: 80vh;
}

.w-20 {
    width: 20% !important;
}

.w-45 {
    width: 45% !important;
}

.w-50 {
    width: 50% !important;
}

.w-5 {
    width: 3rem;
}

.w-60px {
    width: 60px;
}

.w-120px {
    width: 120px;
}

.w-130px {
    width: 130px;
}

.--is_edit {
    background-image: url("data:image/svg+xml,%3Csvg width='25' height='24' viewBox='0 0 25 24' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M0.5 19L15.25 4.25L20.25 9.25L5.5 24H0.5V19ZM24.125 5.375L21.6875 7.8125L16.6875 2.8125L19.125 0.375C19.375 0.125 19.6875 0 20.0625 0C20.4375 0 20.75 0.125 21 0.375L24.125 3.5C24.375 3.75 24.5 4.0625 24.5 4.4375C24.5 4.8125 24.375 5.125 24.125 5.375Z' fill='%23323F4B'/%3E%3C/svg%3E");
    background-position: calc(100% - 5px) calc(100% - 5px);
    background-repeat: no-repeat;
    padding-right: 35px;
    padding-bottom: 35px;
}

.--no_border {
    border-width: 0;
}

.--no_border.form-control:focus {
    box-shadow: none;
}

header,
#TopMenu a {
    position: relative;
}

header {
    padding: 0 25px;
    background: #fff;
    box-shadow: 0px 2px 4px rgba(0, 0, 0, 0.15);
}

header .logo {
    width: 150px;
    margin-right: 1em;
    max-width: initial;
}

#topSearch {
    position: absolute;
}

#topSearch input.form-control {
    width: 260px;
    height: 40px;
    padding-left: 40px;
    border: 0;
    background: #f0f2f5;
}

#topSearch .btn[type="submit"] {
    width: 40px;
    margin-right: -40px;
    padding: 0;
    z-index: 1;
}

#topSearch .btn[type="submit"] svg {
    vertical-align: sub;
}

#topSearch .btn[type="submit"]:focus {
    box-shadow: none;
}

#TopMenu,
#TopMenu a {
    display: flex;
    align-items: center;
}

#TopMenu {
    margin: 0;
    padding: 0;
    list-style: none;
    justify-content: center;
}

#TopMenu a {
    width: 130px;
    margin: 0 1px;
    padding: 1em 0;
    flex-direction: column;
    color: var(--main_color);
    font-weight: 700;
    overflow: hidden;
}
#TopMenu .dropdown-menu a.dropdown-item, #TopMenu .dropdown-menu button.dropdown-item {
    width:200px;
    padding: 0.25em;
    display: inherit;
}
#TopMenu .dropdown-menu button.dropdown-item {
    font-weight: 700;
    padding-left: 1.5rem;
}
#dropdownMenuButton > div {
    font-weight: 700;
}

#TopMenu a:hover,
#TopMenu .dropdown-menu button.dropdown-item:hover,
#TopMenu .dropdown-menu button.dropdown-item.--active,
#TopMenu a.--active {
    color: var(--blue_color);
}

#TopMenu svg {
    display: block;
    margin: 0 auto;
    stroke: #7b8794;
}

#TopMenu a:hover svg,
#TopMenu a.--active svg {
    stroke: var(--blue_color);
}

#TopMenu a:after,
#TopMenu a:after,
#TopMenu .dropdown-menu button.dropdown-item:after {
    content: "";
    display: block;
    width: 100%;
    position: absolute;
    bottom: 0;
    height: 4px;
    background: var(--blue_color);
    border-radius: 8px 8px 0 0;
    transform: scaleX(0);
    transition: transform 200ms cubic-bezier(0, 0, 0.2, 1) 0ms;
}

nav.--menu_icons > div {
    display: flex;
    align-items: center;
    position: relative;
}

nav.--menu_icons .nav-item {
    display: inline-block;
    padding: 0.5rem 1rem;
}

nav.--menu_icons a,
nav.--menu_icons span {
    color: var(--main_color);
}

nav.--menu_icons > div > svg,
nav.--menu_icons > div i {
    display: block;
    position: absolute;
    right: 100%;
}

nav.--menu_icons > div i {
    font-style: normal;
}

nav.--menu_icons > div i svg {
    vertical-align: unset;
}

#main {
    padding-left: 1rem;
    padding-right: 1rem;
    background: #f0f2f5;
}

#main .content {
    background: #fff;
}

.--medium_title {
    font-family: "Mulish";
    font-style: normal;
    font-weight: 700;
    font-size: 24px;
    line-height: 100%;
}

.--popup_style {
    padding: 1.2em;
    background: #fff;
    box-shadow: 0px 5px 10px rgba(0, 0, 0, 0.25);
}

.--popup_style hr {
    border-color: #7b8794;
}

.--menu {
    padding: 0;
    margin: 0;
}

ul.--menu {
    list-style: none;
}

.modal-backdrop {
    background: rgba(24, 119, 242, 0.5);
}

.modal-content,
.modal-header,
.modal-footer {
    padding: 0;
}

.modal-content {
    border: 0;
}

.modal-body {
    padding: 1rem 0 0;
}

.modal-header {
    padding-bottom: 1rem;
    border-color: var(--grey_color);
}

.modal-footer {
    padding-top: 1rem;
}

.close {
    font-size: 1.8rem;
    line-height: 1;
    color: #0c4056;
}

.progress {
    height: auto;
    padding: 4px;
    background: transparent;
    border: 1px solid #e9ecef;
}

.progress,
.progress-bar {
    border-radius: 1rem;
}

.progress-bar {
    height: 8px;
    transition: width ease 0.3s;
}

.datepicker {
    z-index: 9999;
}

.Steps .steps,
.Steps > [step-item],
.Steps > .content > hidden {
    display: none;
}

.Steps textarea {
    min-height: 215px;
}

table.--no_border td {
    border-bottom-width: 0;
}

.--tabs_blue {
}

.--table_blue tr {
    border-bottom: 0;
    padding-bottom: 0.5rem;
}

.--table_blue tr td {
    background: #f7faff;
    border-bottom-width: 0.4rem;
    border-color: var(--white_fcolor);
    padding: 0.25rem 0.85rem;
    vertical-align: middle;
}

.--tabs_blue .nav-item {
    flex-shrink: 0;
    flex-grow: 1;
}

.--tabs_blue .nav-link {
    width: 100%;
    color: var(--main_color);
}

.--tabs_blue.nav-pills .nav-link.active,
.--tabs_blue.nav-pills .show > .nav-link {
    background-color: var(--blue_color);
}

.nav-pills[role="radiogroup"] input[type="radio"] {
    display: none;
}

.main_profile .profile_img {
    width: 124px;
    height: 124px;
    margin-top: -40px;
    box-shadow: 0px 2px 4px rgba(0, 0, 0, 0.15);
}

.main_profile .profile_img img {
    max-width: 100%;
    max-height: 100%;
}

.profile_plan .plan_img,
.gallery .gallery_item {
    background-position: center;
    background-size: cover;
    background-repeat: no-repeat;
}

.profile_plan .plan_img {
    position: relative;
    width: 240px;
    height: 240px;
}

.profile_plan .plan_img .info_bar {
    position: absolute;
    left: 0;
}

.profile_plan .plan_img .badge {
    border-top-left-radius: 0 !important;
    border-bottom-left-radius: 0 !important;
}

.post_v_l {
    bottom: 0.8rem;
}
.post_v_l.--top_r {
    position: absolute;
    left: auto;
    right: 0.65em;
    top: 0.65em;
}
.--round_icon {
    display: flex;
    width: 32px;
    height: 32px;
    justify-content: center;
    align-items: center;
    border-radius: 50%;
    background: rgba(255, 255, 255, 0.75);
    cursor: pointer;
}

ul.checks {
    list-style: none;
    padding-left: 25px;
}

ul.checks.-reverse {
    padding-left: 0;
}

ul.checks li {
    position: relative;
}

ul.checks.-reverse.--sber li {
    margin: 7px 0;
}

ul.checks li:before {
    content: url(../img/check_round.svg);
    position: absolute;
    left: -25px;
    top: calc(50% - 8px);
}

ul.checks.-reverse li:before {
    left: auto;
    right: 0;
    top: calc(50% - 9px);
}

ul.checks.-reverse.--sber li:before {
    content: url("data:image/svg+xml,%3Csvg width='18' height='18' viewBox='0 0 18 18' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M17 8.26858V9.00458C16.999 10.7297 16.4404 12.4083 15.4075 13.79C14.3745 15.1718 12.9226 16.1826 11.2683 16.6717C9.61394 17.1608 7.84581 17.1021 6.22758 16.5042C4.60934 15.9064 3.22772 14.8015 2.28877 13.3542C1.34981 11.907 0.903833 10.195 1.01734 8.47363C1.13085 6.75223 1.79777 5.11364 2.91862 3.80224C4.03948 2.49083 5.55423 1.57688 7.23695 1.1967C8.91967 0.816507 10.6802 0.990449 12.256 1.69258' stroke='%23019A3E' stroke-width='1.6' stroke-linecap='round' stroke-linejoin='round'/%3E%3Cpath d='M16.9996 2.60449L8.99961 10.6125L6.59961 8.21249' stroke='%23019A3E' stroke-width='1.6' stroke-linecap='round' stroke-linejoin='round'/%3E%3C/svg%3E");
}

ul.checks.-reverse.--sber li.--minus:before {
    content: url("data:image/svg+xml,%3Csvg width='16' height='3' viewBox='0 0 16 3' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Crect width='16' height='3' fill='%23323F4B'/%3E%3C/svg%3E%0A");
    top: calc(50% - 11px);
}

.gallery .gallery_item {
    display: block;
    height: 230px;
    transition: all 0.3s ease;
}

.gallery .gallery_item:hover {
    opacity: 0.75;
    transform: scale(0.95);
}

.reviews .nav-tabs .nav-link {
    position: relative;
    margin-bottom: -2px;
    padding: 0.5rem 0;
}

.reviews .nav-tabs .nav-item:not(:last-of-type) {
    margin-right: 1rem;
}

.reviews .nav-tabs .nav-item.show .nav-link,
.reviews .nav-tabs .nav-link.active,
.reviews .nav-tabs .nav-link:focus,
.reviews .nav-tabs .nav-link:hover {
    background-color: transparent;
    border-color: transparent;
}

.reviews .nav-tabs .nav-link:after {
    content: "";
    display: block;
    width: 100%;
    position: absolute;
    bottom: 0;
    height: 1px;
    background: var(--green_color);
    transform: scaleX(0);
    transition: transform 200ms cubic-bezier(0, 0, 0.2, 1) 0ms;
}

.reviews .nav-tabs .nav-link:hover:after {
    transform: scaleX(0.4);
}

.reviews .nav-tabs .nav-link.active:after {
    transform: scaleX(1);
}

.--z_search {
    padding-left: 2.8em;
    background-color: var(--light_grey_color);
    background-image: url("data:image/svg+xml;base64,PHN2ZyB3aWR0aD0iMjAiIGhlaWdodD0iMjAiIHZpZXdCb3g9IjAgMCAyMCAyMCIgZmlsbD0ibm9uZSIgeG1sbnM9Imh0dHA6Ly93d3cudzMub3JnLzIwMDAvc3ZnIj4NCiAgICA8cGF0aCBkPSJNOSAxN0MxMy40MTgzIDE3IDE3IDEzLjQxODMgMTcgOUMxNyA0LjU4MTcyIDEzLjQxODMgMSA5IDFDNC41ODE3MiAxIDEgNC41ODE3MiAxIDlDMSAxMy40MTgzIDQuNTgxNzIgMTcgOSAxN1oiIHN0cm9rZT0iIzdCODc5NCIgc3Ryb2tlLXdpZHRoPSIyIiBzdHJva2UtbGluZWNhcD0icm91bmQiIHN0cm9rZS1saW5lam9pbj0icm91bmQiLz4NCiAgICA8cGF0aCBkPSJNMTguOTk5OSAxOC45OTk5TDE0LjY0OTkgMTQuNjQ5OSIgc3Ryb2tlPSIjN0I4Nzk0IiBzdHJva2Utd2lkdGg9IjIiIHN0cm9rZS1saW5lY2FwPSJyb3VuZCIgc3Ryb2tlLWxpbmVqb2luPSJyb3VuZCIvPg0KPC9zdmc+");
    background-repeat: no-repeat;
    background-position: 0.8em center;
}

#chatList .--z_search {
    width: calc(100% - 1rem);
}

#chatList .contacts_block,
#chatBlock .messages_container {
    overflow-y: scroll;
    height: 100%;
}

#chatList .contacts_block {
    height: calc(100% - 3.85rem);
}

#chatList .contacts_block::-webkit-scrollbar,
#chatBlock .messages_container::-webkit-scrollbar {
    width: 6px;
}

#chatList .contacts_block::-webkit-scrollbar-track,
#chatBlock .messages_container::-webkit-scrollbar-track {
    background-color: transparent;
}

#chatList .contacts_block::-webkit-scrollbar-thumb,
#chatBlock .messages_container::-webkit-scrollbar-thumb {
    background-color: var(--blue_color);
    border-radius: 3px;
}

#chatList .contacts_block::-webkit-scrollbar-thumb:hover,
#chatBlock .messages_container::-webkit-scrollbar-thumb:hover {
    background-color: #4a8fec;
}

#chatList .--item {
    cursor: pointer;
    background-color: #f6faff;
    transition: background-color 0.3s;
}

#chatList .--item:hover {
    background-color: var(--light_grey_color);
}

#chatList .--item.--active {
    background-color: #2f80ed;
    cursor: default;
}

#chatList .--item.--active,
#chatList .--item.--active .--f_grey {
    color: #fff;
}

#chatList .--item .-emj {
    position: absolute;
    bottom: 0;
    left: 0;
}

#chatBlock {
    padding-top: 75px !important;
    padding-bottom: 67px !important;
}

#chatBlock .chat_top_pannel,
#chatBlock .chat_bottom_panel {
    width: 100%;
    position: absolute;
    left: 0;
    bottom: 0;
}

#chatBlock .chat_top_pannel {
    height: fit-content;
    top: 0;
    border-bottom: 1px solid #f3f3f3;
}

#chatBlock .dropdown-menu .dropdown-item {
    display: flex;
    align-items: center;
    font-size: 0.85rem;
}

#chatBlock > hr {
    margin-left: -1rem;
    margin-right: -1rem;
    background: #f1f1f2;
}

#chatBlock .--message p,
#chatBlock .--message .--comment {
    margin-bottom: 0.5rem;
}

#chatBlock .--message .--comment {
    margin-top: 0.5rem;
    padding-left: 8px;
    border-left: 2px solid #e6e6e6;
}

#chatBlock .--message img {
    max-width: 100%;
}

#chatBlock .chat_plan {
    border: 1px solid #e6e6e6;
}

#chatBlock .chat_plan .plan_img {
    width: 120px;
    height: 120px;
}

#chatBlock .chat_bottom_panel {
    background-color: #f6faff;
    border-top: 1px solid #f3f3f3;
}

#chatBlock .chat_top_pannel button,
#chatBlock .chat_bottom_panel button {
    -webkit-appearance: none;
    -moz-appearance: none;
    appearance: none;
    border: none;
    background: transparent;
}

#chatBlock .chat_bottom_panel textarea {
    height: 50px;
    min-height: 50px;
    max-height: 150px;
}

@media (min-width: 768px) and (max-width: 991px) {
    #chatList .contacts_block img {
        width: 40px;
        height: 40px;
    }
}

#calendar .fl-col {
    width: calc(15% - 6px);
    margin: 0 0 -1px -1px;
    position: relative;
    overflow: hidden;
    border: 1px solid #dee2e6;
}

#calendar .fl-col:after {
    content: "";
    padding-top: 100%;
    float: left;
}

#calendar .fl-col.bg-success {
    background-color: rgba(1, 154, 62, 0.1) !important;
}

#calendar .fl-col.bg-primary {
    background-color: rgba(47, 128, 237, 0.1) !important;
}

#calendar .fl-col.bg-warning {
    background-color: rgba(154, 74, 1, 0.1) !important;
}

#calendar .fl-col.bg-secondary {
    background-color: rgba(126, 136, 151, 0.1) !important;
}

#calendar .fl-col-text {
    padding: 8px;
    position: absolute;
    width: 100%;
    height: 100%;
    font-size: 14px;
}

#calendar .fl-col.--day {
    border: none;
}

#calendar .fl-col.--day:after {
    padding-top: 27%;
}

#calendar .fl-col.--unactive .fl-col-text * {
    opacity: 0.6;
}

#calendar .fl-col-text .--day_num {
    margin-bottom: 15px;
}

#calendar .badge.--start_finish {
    position: absolute;
    top: 8px;
    right: 8px;
}

#calendar .badge {
    position: relative;
    border-radius: 15px;
    max-width: 100%;
    white-space: break-spaces;
}

#calendar .badge:not(.--start_finish) {
    float: left;
    clear: right;
    margin: 2px 0;
}

#calendar .badge.--f_wight {
    color: #fff !important;
}

#calendar .badge small {
    display: block;
    border-radius: 15px;
    position: absolute;
    top: calc(100% - 7px);
    right: -3px;
    padding: 2px 5px;
}

.dnd_file,
.dnd_file * {
    cursor: pointer;
}

.dnd_file input[type="file"] {
    display: none;
}

.dnd_file .--f_grey svg {
    opacity: 0.7;
}

.btn-group.--radio,
.btn-group.--radio label {
    display: flex;
}

.btn-group.--radio {
    flex-grow: 1;
    margin: 0 -0.5rem;
}

.btn-group.--radio label {
    flex-direction: column;
    align-items: center;
    justify-content: center;
    border: 1px solid #ced4da;
    border-radius: 0.25rem !important;
    transition: opacity 0.3s;
}

.btn-group.--radio label:hover {
    opacity: 0.75;
}

.btn-group.--radio label > * {
    margin: 4px 0;
}

.btn-group.--radio > .btn-group:not(:first-child),
.btn-group.--radio > .btn:not(:first-child) {
    margin: 0 0.5rem;
}

.btn-group.--radio input:checked + label {
    border-color: var(--blue_color);
    background-color: #d5e6fb;
    opacity: 1;
}

.-txtFormatter {
    display: flex;
    align-items: center;
    justify-content: space-between;
    margin-bottom: -1px;
    padding-top: 1rem;
    padding-bottom: 1rem;
    border: 1px solid #ced4da;
    border-radius: 8px 8px 0 0;
}

.-txtFormatter .btn {
    cursor: pointer;
    transition: opacity 0.3s;
}

.-txtFormatter .btn:hover {
    opacity: 0.75;
}

.-txtFormatter,
.-txtFormatter + textarea {
    padding-right: 1.5rem !important;
    padding-left: 1.5rem !important;
}

.-txtFormatter + textarea {
    min-height: 160px;
    border-radius: 0 0 8px 8px;
}

.-txtFormatter .dropdown-menu {
    min-width: 0;
}

.grid-template-columns-2 {
    grid-template-columns: 47.5% 47.5%;
}

button.close {
    padding: 0;
    background-color: transparent;
    border: 0;
}

footer {
    padding-bottom: 50px;
    background: #fff;
}

footer a {
    color: var(--grey_color);
}

footer,
footer a:hover,
footer a.active {
    color: var(--main_fcolor);
}

footer ul.--menu li {
    display: inline;
    padding-right: 15px;
}

.--counter_variant {
    position: relative;
}

.--counter_variant:before {
    counter-increment: variant;
    content: counter(variant) " вариант";
    position: absolute;
    right: 1rem;
    color: var(--grey_color);
}

@media screen and (max-width: 1599px) {
    #topSearch .btn[type="submit"] {
        z-index: 2;
    }
    #topSearch input.form-control {
        visibility: hidden;
        width: 50px;
        opacity: 0;
        transition: opacity 0.3s, width 0.3s;
        z-index: 1;
    }
}

@media screen and (max-width: 1199px) {
    #TopMenu a {
        width: 100px;
    }
}

@media screen and (max-width: 1099px) {
    header {
        padding: 0 1rem;
    }
    header .container {
        margin: 0 0 0 auto;
    }
    #TopMenu {
        justify-content: end;
    }
}

@media screen and (min-width: 992px) {
    .--80vh {
        height: 80vh;
    }

    .--100vh {
        height: 100vh;
    }
    #TopMenu a:hover:after,
    #TopMenu a.--active:after {
        transform: scaleX(1);
    }
}

@media screen and (max-width: 991px) {
    #TopMenu a {
        width: auto;
    }
    #TopMenu li:not(:first-of-type) a {
        margin-left: 1.5rem;
    }
    #calendar .fl-col-text .--day_num {
        margin-bottom: 5px;
    }
    .-txtFormatter {
        display: none;
    }
    .grid-template-columns-2 {
        grid-template-columns: 100%;
    }
}

@media screen and (min-width: 768px) {
    .ms-md-4_5 {
        margin-left: 2rem !important;
    }
    .w-md-50 {
        width: 50%;
    }
    .w-md-80 {
        width: 80%;
    }
    #calendar {
        display: flex;
        flex-wrap: wrap;
    }
}

@media (min-width: 768px) and (max-width: 991px) {
    #calendar .badge {
        font-size: 11px;
    }
}

@media screen and (min-width: 576px) {
    .modal-dialog {
        max-width: 430px;
    }
}

@media (max-width: 767px) {
    .fs-5_5 {
        font-size: 1rem;
    }
    #topSearch a {
        display: block;
        overflow: hidden;
        width: 40px;
    }
    #TopMenu span, #dropdownMenuButton > div.button-desctop-name {
        display: none;
    }
    .dropdown > .dropdown-menu.leftdrop {
        transform: translate3d(-135px, 59px, 0px);
    }

    #calendar .fl-col {
        width: 100%;
    }
    #calendar .fl-col:after,
    #calendar .fl-col.--day {
        display: none;
    }
    #calendar .fl-col-text {
        position: static;
        padding: 10px;
    }
    #calendar .badge:not(.--start_finish) {
        float: none;
    }
    #main {
        height: auto !important;
    }
    #main.--active #chatList {
        left: 0;
    }
    #main:after {
        content: "";
        display: block;
        position: absolute;
        top: 0;
        left: 0;
        width: 100%;
        height: 100%;
        background: rgba(24, 119, 242, 0.5);
        visibility: hidden;
        opacity: 0;
        z-index: 0;
    }
    #main:after,
    #chatList {
        transition: all 0.3s ease;
    }
    #main.--active:after {
        visibility: visible;
        opacity: 1;
    }
    #chatList,
    #chatBlock {
        height: 100vh;
        border-radius: 0;
    }
    #chatList {
        position: absolute !important;
        z-index: 1;
        height: 100%;
        left: -100%;
    }
    #chatBlock .messages_container {
        background-color: #f6faff;
    }
    #chatBlock .messages_container > div > img {
        display: none;
    }
    #chatBlock .messages_container .--message {
        padding: 0.85rem;
        background-color: #fff;
        border: 1px solid #eee;
        border-radius: 8px;
    }
    .table-sm-block tr,
    .table-sm-block td,
    .table-sm-block th {
        display: block;
    }
    .table-sm-block tr {
        margin: 10px 0;
    }
}

@media (max-width: 500px) {
    .fs-5_5 {
        font-size: 0.85rem;
    }

    .overflow-x-xs-scroll {
        overflow-x: scroll;
    }

    .gallery .gallery_item {
        height: 150px;
    }
}

.meal-photos-container img {
    width: 100px;
    height: 64px;
}

.ck-editor__editable_inline {
    min-height: 12rem;
}

.yellow-star-filter {
    filter: invert(67%) sepia(33%) saturate(2701%) hue-rotate(2deg)
        brightness(105%) contrast(103%);
}
.down-vote-filter {
    filter: invert(71%) sepia(9%) saturate(6662%) hue-rotate(312deg)
        brightness(96%) contrast(103%);
}
.up-vote-filter {
    filter: invert(68%) sepia(99%) saturate(351%) hue-rotate(115deg)
        brightness(90%) contrast(87%);
}

img.plan-author {
    height: 42px;
}
.bgt-03 {
    background-color: rgba(0, 0, 0, 0.3);
}

.plan-card-img {
    height: 237px;
    overflow: hidden;
}

.--tags .btn-primary {
    background: rgba(47, 128, 237, 0.25);
    border-color: rgba(47, 128, 237, 0.25);
    color: #323f4b;
    transition: opacity 0.3s, transform 0.3s;
}
.--tags .btn {
    margin-bottom: 0.3em;
}
.--tags .btn:hover {
    opacity: 0.8;
}
.--tags .btn:focus {
    box-shadow: none;
}
.--tags .btn:active {
    transform: scale(0.95);
}

.--tags .btn {
    margin-bottom: 0.3em;
}
.--tags.--m_large .btn {
    margin-bottom: 0.5em;
    margin-right: 0.3em;
}
.--tags .btn-primary {
    background: rgba(47, 128, 237, 0.25);
    border-color: rgba(47, 128, 237, 0.25);
    color: #323f4b;
    transition: opacity 0.3s, transform 0.3s;
}
.--tags .btn-green {
    background: rgba(62, 237, 47, 0.25);
    border-color: rgba(62, 237, 47, 0.55);
    color: #323f4b;
    transition: opacity 0.3s, transform 0.3s;
}

.--tags .btn-yellow {
    background: rgba(237, 218, 47, 0.25);
    border-color: rgba(237, 218, 47, 0.55);
    color: #323f4b;
    transition: opacity 0.3s, transform 0.3s;
}
.--tags .btn-red {
    background: rgba(237, 70, 47, 0.25);
    border-color: rgba(237, 70, 47, 0.55);
    color: #323f4b;
    transition: opacity 0.3s, transform 0.3s;
}
.--tags .btn-rose {
    background: rgba(237, 47, 229, 0.25);
    border-color: rgba(237, 47, 229, 0.55);
    color: #323f4b;
    transition: opacity 0.3s, transform 0.3s;
}
.--tags .btn-seaweed {
    background: rgba(47, 237, 203, 0.25);
    border-color: rgba(47, 237, 203, 0.55);
    color: #323f4b;
    transition: opacity 0.3s, transform 0.3s;
}
.--tags .btn-purple {
    background: rgba(96, 47, 237, 0.25);
    border-color: rgba(96, 47, 237, 0.55);
    color: #323f4b;
    transition: opacity 0.3s, transform 0.3s;
}
.--tags .--bg-blue {
    background-color: #bbd6f9;
}
.--tags .btn:hover {
    opacity: 0.8;
}
.--tags .btn:focus {
    box-shadow: none;
}
.--tags .btn:active {
    transform: scale(0.95);
}

.navbar-nav.--abs {
    position: absolute;
    top: 0;
    left: 0;
}

.navbar-nav.--abs.--r {
    left: auto;
    right: 0;
}
.bg_lightest_blue-v2 {
    background-color: var(--lightest_blue_color-v2);
}

.-search {
    position: relative;
}

.-search .--search_icon {
    width: 40px;
    margin-right: -40px;
    padding: 0;
    z-index: 1;
}

#topSearch {
    position: absolute;
}

#topSearch input.form-control,
.-search input.form-control {
    padding-left: 40px;
    border: 0;
}

#topSearch input.form-control {
    width: 260px;
    height: 40px;
    background: #f0f2f5;
}

#topSearch .btn[type="submit"] {
    width: 40px;
    margin-right: -40px;
    padding: 0;
    z-index: 1;
}

#topSearch .btn[type="submit"] svg,
.-search .--search_icon svg {
    vertical-align: sub;
}

#topSearch .btn[type="submit"]:focus {
    box-shadow: none;
}

.-search {
    position: relative;
}

.-search .--search_icon {
    width: 40px;
    margin-right: -40px;
    padding: 0;
    z-index: 1;
}
.--step_boxes {
    counter-reset: step_boxes;
}

.--step_boxes .--step_box {
    position: relative;
}

.--step_boxes .--step_box:before {
    counter-increment: step_boxes;
    content: counter(step_boxes);
    position: absolute;
    top: 1em;
    left: auto;
    right: 1em;
    color: var(--grey_color);
}
.pic-42px {
    width: 42px;
    height: 42px;
}

.is-typing {
    margin-top: 10px;
    width: 35px;
    justify-content: space-around;
    display: flex;
}
.jump1,
.jump2,
.jump3,
.jump4,
.jump5 {
    width: 5px;
    height: 5px;
    border-radius: 100%;
    background-color: gray;
}

.jump1 {
    animation: typing 1.5s linear infinite;
    animation-delay: 01.1s;
}

.jump2 {
    animation: typing 1.5s linear infinite;
    animation-delay: 01.2s;
}

.jump3 {
    animation: typing 1.5s linear infinite;
    animation-delay: 01.3s;
}

.jump4 {
    animation: typing 1.5s linear infinite;
    animation-delay: 01.4s;
}

.jump5 {
    animation: typing 1.5s linear infinite;
    animation-delay: 1.5s;
}

@keyframes typing {
    0% {
        transform: translateY(0px);
    }

    25% {
        transform: translateY(0px);
    }

    35% {
        transform: translateY(5px);
    }

    45% {
        transform: translateY(0px);
    }

    60% {
        transform: translateY(-5px);
    }

    75% {
        background-color: white;
        transform: translateY(0px);
    }

    100% {
        transform: translateY(0px);
    }
}

.centered-bg-img {
    width: 50px;
    height: 50px;
    background-repeat: no-repeat;
    background-position: center center;
    background-size: cover;
}

.dropdown-menu.leftdrop {
    transform: translate3d(-54px, 96px, 0px);
    top: 0px;
    left: 0px;
    will-change: transform;
}

.switch {
  position: relative;
  display: inline-block;
  width: 34px;
  height: 20px;
}

.switch input {
  opacity: 0;
  width: 0;
  height: 0;
}

.slider {
  position: absolute;
  cursor: pointer;
  top: 0;
  left: 0;
  right: 0;
  bottom: 0;
  background-color: #ccc;
  -webkit-transition: .4s;
  transition: .4s;
}

.slider:before {
  position: absolute;
  content: "";
  height: 20px;
  width: 20px;
  background-color: white;
  -webkit-transition: .4s;
  transition: .4s;
}

input:checked + .slider {
  background-color: #2196F3;
}

input:focus + .slider {
  box-shadow: 0 0 1px #2196F3;
}

input:checked + .slider:before {
  -webkit-transform: translateX(13px);
  -ms-transform: translateX(13px);
  transform: translateX(13px);
}

/* Rounded sliders */
.slider.round {
  border-radius: 17px;
}

.slider.round:before {
  border-radius: 50%;
}