/*! * 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:.25}hr:not([size]){height:1px}h1,h2,h3,h4,h5,h6{margin-top:0;margin-bottom:.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 + .9vw)}@media (min-width:1200px){h2{font-size:2rem}}h3{font-size:calc(1.3rem + .6vw)}@media (min-width:1200px){h3{font-size:1.75rem}}h4{font-size:calc(1.275rem + .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:.5rem;margin-left:0}blockquote{margin:0 0 1rem}b,strong{font-weight:bolder}small{font-size:.875em}mark{padding:.2em;background-color:#fcf8e3}sub,sup{position:relative;font-size:.75em;line-height:0;vertical-align:baseline}sub{bottom:-.25em}sup{top:-.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:.875em}pre code{font-size:inherit;color:inherit;word-break:normal}code{font-size:.875em;color:#d63384;word-wrap:break-word}a>code{color:inherit}kbd{padding:.2rem .4rem;font-size:.875em;color:#fff;background-color:#212529;border-radius:.2rem}kbd kbd{padding:0;font-size:1em;font-weight:700}figure{margin:0 0 1rem}img,svg{vertical-align:middle}table{caption-side:bottom;border-collapse:collapse}caption{padding-top:.5rem;padding-bottom:.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}fieldset{min-width:0;padding:0;margin:0;border:0}legend{float:left;width:100%;padding:0;margin-bottom:.5rem;font-size:calc(1.275rem + .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; --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); } a { color: var(--blue_color); text-decoration: none; } .--max_small { font-size: .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: .9rem; } .--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_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; } .--radius_100 { border-radius: 100%; } .ms-4_5 { margin-left: 2rem!important; } .mx--main_contauiner { margin-left: var(--bs-gutter-x,-.75rem)!important; margin-right: var(--bs-gutter-x,-.75rem)!important; } .mx--5 { margin-left: -3rem!important; margin-right: -3rem!important; } .overflow-hidden { overflow: hidden; } .--bordered { border: 1px solid #E9E9EA; } .btn-lg { padding: .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; } hr { border: 1px solid #7B8794; border-width: 1px 0 0; } .form-control, .form-select, .--b_radius { border-radius: 8px; } .form-control, .form-select { padding: .95em; font-size: .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); } */ .--input_inline_left_icon { position: absolute; left: 15px; } .badge { font-size: .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 .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: .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); } .--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-45 { width: 45%!important; } .w-5 { width: 3rem; } .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; } 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; } #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 a:hover, #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 { 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: .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 .3s; } .datepicker { z-index: 9999; } .Steps .steps, .Steps > [step-item], .Steps > .content > hidden { display: none; } .Steps textarea { min-height: 215px; } .--tabs_blue { } .--table_blue tr { border-bottom: 0; padding-bottom: .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-link { color: var(--main_color); } .--tabs_blue.nav-pills .nav-link.active, .--tabs_blue.nav-pills .show>.nav-link { background-color: var(--blue_color); } .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: .8rem; } ul.checks { list-style: none; padding-left: 25px; } ul.checks li { position: relative; } ul.checks li:before { content: url(../img/check_round.svg); position: absolute; left: -25px; top: calc(50% - 8px); } .gallery .gallery_item { display: block; height: 230px; transition: all .3s ease; } .gallery .gallery_item:hover { opacity: .75; transform: scale(.95); } .reviews .nav-tabs .nav-link { position: relative; margin-bottom: -2px; padding: .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(.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: .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 .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: .85rem; } #chatBlock > hr { margin-left: -1rem; margin-right: -1rem; background: #f1f1f2; } #chatBlock .--message p, #chatBlock .--message .--comment { margin-bottom: .5rem; } #chatBlock .--message .--comment { margin-top: .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, .1)!important; } #calendar .fl-col.bg-primary { background-color: rgba(47, 128, 237, .1)!important; } #calendar .fl-col.bg-warning { background-color: rgba(154, 74, 1, .1)!important; } #calendar .fl-col.bg-secondary { background-color: rgba(126, 136, 151, .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: .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; } 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; } @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 .3s, width .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; } } @media screen and (min-width: 768px) { .ms-md-4_5 { margin-left: 2rem!important; } .w-md-50 { width: 50%; } #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 { display: none; } #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 .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: .85rem; background-color: #fff; border: 1px solid #eee; border-radius: 8px; } } @media (max-width: 500px) { .fs-5_5 { font-size: .85rem; } .overflow-x-xs-scroll { overflow-x: scroll; } .gallery .gallery_item { height: 150px; } } .meal-photos-container img { width: 100px; height: 64px; }