forked from eatvio/eatvio-infra
1260 lines
25 KiB
CSS
1260 lines
25 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:.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;
|
|
}
|