forked from eatvio/eatvio-infra
2292 lines
40 KiB
CSS
2292 lines
40 KiB
CSS
/*!
|
|
* 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%;
|
|
}
|