html, body, input, select, textarea, button, label, p, a, .ui-widget { font-family: 'Poppins', 'Montserrat', 'Open Sans', sans-serif; font-size: var(--font-size-normal); line-height: var(--line-height-normal); font-weight: var(--font-weight-normal); color: var(--font-color); }
html, body { margin: 0 auto; padding: 0; }
body { position: relative; background-color: var(--background-color); }

a, input, select, textarea, button, img { outline: none; }
a { text-decoration: none; color: #d5b19b; }
a, a::after, a::before { transition: var(--transition-default); }
#main p a,
#main li a { position: relative; display: inline-flex; overflow: hidden; }
#main p a::after,
#main li a::after { content: ''; position: absolute; bottom: 0; left: 0; width: 100%; height: 1.5px; background-color: #d5b19b; opacity: 1; transform: translate3d(-100%,0,0); }
#main p a:hover::after,
#main p a:focus::after,
#main li a:hover::after,
#main li a:focus::after { opacity: 1; transform: translate3d(0,0,0); }
#main .black-color a { color: #222222; }
#main .black-color a::after { background-color: #222222; }
img { border: none; width: auto; max-width: 100%; height: auto; }
.light { font-weight: 300; }
b, strong, .strong, .semibold { font-weight: 600; }
.bold { font-weight: 700; }
.extrabold { font-weight: 800; }
i, em, .italic { font-style: italic; }
small, .small { font-size: 12px; line-height: 22px; }
.line-through { text-decoration: line-through; }
.line-through-red { text-decoration: line-through #990000; }
.primary-color { color: var(--primary-color); }
.black-color { color: #222222; }
p { margin: 12px 0; }
ul.simple { list-style: none; margin: 12px 0; padding: 0; }
ul.simple li {  }
h1, h2, h3, h4, h5, h6 {  }
h1 { margin: 0 0 24px 0; font-family: 'MoonTime', 'Open Sans', sans-serif; font-size: 74px; line-height: 82px; font-weight: 400; color: #222222; }
h2 { margin: 0 0 16px 0; font-family: 'Montserrat', 'Open Sans', sans-serif; font-size: 22px; line-height: 30px; font-weight: 600; color: #222222; }
h3 { margin: 0 0 8px 0; font-family: 'MoonTime', 'Open Sans', sans-serif; font-size: 40px; line-height: 48px; /*font-size: 44px; line-height: 52px;*/ font-weight: 400; color: #222222; }
h4 { margin: 0 0 0 0; font-family: 'Montserrat', 'Open Sans', sans-serif; font-size: 40px; line-height: 48px; /*font-size: 44px; line-height: 52px;*/ font-weight: 600; color: #d5b19b; }
h4 > span { display: inline-block; font-size: var(--font-size-normal); line-height: var(--line-height-normal); font-weight: var(--font-weight-normal); }

#wrap { margin: 0 auto; overflow: hidden; }
#wrap > * { max-width: 1920px; margin: 0 auto; }
#head { position: relative; z-index: 2; display: flex; flex-wrap: wrap; height: 78px; background-color: #ffffff; }
#head::before { content: ''; position: absolute; z-index: -1; top: 0; bottom: 0; left: 50%; max-width: none; width: 100vw; max-width:100vw; margin-left: calc(-50vw); background-color: #ffffff; overflow: hidden; }
#head > * { width: calc(50% - 48px); padding: 12px 24px; }
#logo { position: relative; z-index: 3; }
#logo > a { position: absolute; top: 0; left: 24px; display: block; }
#logo > a > img { display: block; max-width: calc(447px * .45); }
#nav { display: flex; justify-content: right; align-items: center; min-height: 30px; }
#nav > * { display: flex; align-items: center; height: 100%; text-align: right; }
#nav > *:last-child { margin-right: -32px; }
#nav > * > a { display: block; margin: 0; padding: 16px 32px; }
#nav > * > a > img { display: block; }
#user > a > img { max-height: 17px; }
#menu > a > img { max-height: 13px; }
#main { position: relative; display: flex; flex-wrap: nowrap; gap: 24px; min-height: calc(100vh - 78px); }
#main::before { content: ''; position: absolute; z-index: -2; top: 0; bottom: 0; left: 50%; max-width: none; width: 100vw; margin-left: calc(-50vw); background-color: var(--background-color); background-image: url('../img/background-body.png'); background-position: 0 0; background-repeat: repeat-x; overflow: hidden; }
#main::after { content: ''; position: absolute; z-index: -1; top: -25px; right: 100px; width: 400px; height: 400px; background-image: url('../img/background-team.png'); background-size: 400px; background-position: 0 0; background-repeat: no-repeat; overflow: hidden; }
#main > * { flex-grow: 0; flex-shrink: 0; width: calc(20% - 48px); margin-top: 130px; padding: 12px 24px; min-width: 320px; }
#left { order: -1; }
#center { flex-grow: 1; flex-shrink: 1; width: auto; max-width: none; }
#center h1:first-child { margin-top: -106px; }
#right {  }
#foot {  }
.login #wrap > * { max-width: 500px; }
.login #logo { width: calc(100% - 48px); }
.login #logo > a { left: calc(50% - (447px * .225)); }
.login #main::after { display: none; background-image: none; }

.hide-left #left { display: none; }
.hide-center #center { display: none; }
.hide-right #right { display: none; }

.row { display: flex; width: 100%; margin: 0 0; }
.row:last-of-type { margin-bottom: 0; }
.row > .col { position: relative; display: block; width: 100%; margin: 0 0 24px 24px; padding: 0 0 0 24px; border-left: 1px solid transparent; }
.row > .col::before { content: ''; position: absolute; top: 10px; left: 0px; width: 1px; height: 50px; background-color: #e7d1c5; }
.row.row-pad-top > .col::before { top: 34px; }
.row.row-no-border > .col::before { display: none; }
.row > .col-1 { width: 100%; }
.row > .col-75 { width: calc(75%); }
.row > .col-66 { width: calc(66.66666%); }
.row > .col-2 { width: calc(50%); }
.row > .col-3 { width: calc(33.33333%); }
.row > .col-4 { width: calc(25%); }
.row > .col-5 { width: calc(20%); }
.row > .col-6 { width: calc(16.66666%); }
.row > .col-7 { width: calc(14.28571%); }
.row > .col-8 { width: calc(12.5%); }
.row > .col-9 { width: calc(11.11111%); }
.row > .col-10 { width: calc(10%); }
.row.row-flex > .col { width: auto; }
.row > .col:first-of-type { margin-left: 0; padding-left: 0; border-left: none; }
.row > .col:last-of-type { margin-right: 0; padding-right: 0; }
.row > .col:first-of-type::before { display: none; }

table { width: 100%; margin: 0 0 12px 0; padding: 0; border: none; border-spacing: 0; }
table thead {  }
table thead tr {  }
table thead tr th { padding: 12px 12px; background-color: #e7d1c4; font-weight: 600; vertical-align: bottom; }
table thead tr th:first-child { padding-left: 24px; }
table thead tr th:last-child { padding-right: 24px; }
table tbody {  }
table tbody tr {  }
table tbody tr td { padding: 12px 12px; background-color: #ffffff; vertical-align: top; }
table tbody tr:nth-child(2n+0) td { background-color: #f8f0ed; }
table tbody tr td:first-child { padding-left: 24px; }
table tbody tr td:last-child { padding-right: 24px; }
table tfoot {  }
table tfoot tr {  }
table tfoot tr td { padding: 12px 12px; background-color: #d5b19b; font-weight: 800; vertical-align: top; }
table tfoot tr td:first-child { padding-left: 24px; }
table tfoot tr td:last-child { padding-right: 24px; }

.content-block { margin: 0 0 24px 0; }
.content-background { padding: 18px 24px; background-color: #ffffff; border-radius: 12px; }
.content-system {  }
.content-system h2 { color: #222222; }
.content-system-information h2 { color: #d5b19b; }
.content-system-success h2 { color: #229922; }
.content-system-warning h2 { color: #996622; }
.content-system-error h2 { color: #992222; }
.content-sidebar-message {  }
.content-sidebar-message-signature {  }
.content-sidebar-message-signature p { display: block; font-size: 12px; line-height: 20px; font-weight: 600; color: #d5b19b; }
.content-sidebar-message-signature img { display: block; max-width: calc(164px * .5); }
.content-button {  }
.content-button > a { display: block; margin: 0; padding: 18px 24px; background-color: #f8f0ed; border: 1px solid #d5b19b; border-radius: 12px; font-family: 'Montserrat', 'Open Sans', sans-serif; font-size: 22px; line-height: 30px;font-weight: 600; color: #d5b19b; text-decoration: none; }
.content-button > a:hover { padding-right: 12px; padding-left: 36px; background-color: #d5b19b; color: #ffffff; }
.content-message { position: relative; margin: 0 0 12px 0; padding: 0 0 0 30px; /*padding: 0 80px 0 30px;*/ }
.content-message::before { position: absolute; top: 4px; left: 0; content: ''; display: flex; justify-content: center; align-items: center; border: 1.5px solid #d5b19b; border-radius: 50%; width: 14px; height: 14px; font-family: 'Font Awesome 6 Free'; font-style: normal; font-variant: normal; font-size: 10px; line-height: 1; text-rendering: auto; font-weight: 900; color: #d5b19b; }
.content-message[data-message-icon='exclamation']::before { content: '\21'; }
.content-message::after { /*position: absolute; top: 0; right: 0; content: attr(data-message-date); display: flex; justify-content: center; align-items: center; font-weight: 600; color: #222222;*/ }
.content-footer { margin-top: 48px; }
.content-footer,
.content-footer * { font-size: 11px; line-height: 21px; }

ul.accordion { list-style: none; margin: 12px 0; padding: 0; }
ul.accordion > li { position: relative; padding: 18px 0 18px 36px; border-top: 1px solid #d5b19b; cursor: pointer; }
ul.accordion > li:first-of-type { border-top: none; }
ul.accordion > li::before { position: absolute; top: 23px; left: 0; content: '\f0da'; display: flex; justify-content: center; align-items: center; font-family: 'Font Awesome 6 Free'; font-style: normal; font-variant: normal; font-size: 14px; line-height: 1; text-rendering: auto; font-weight: 900; color: #d5b19b; transition: var(--transition-fast); }
ul.accordion > li > div { display: none; cursor: auto; transition: var(--transition-fast); }
ul.accordion > li > div:first-of-type { position: relative; z-index: 2; display: block; margin-left: -36px; padding-left: 36px; font-weight: 600; cursor: pointer; }
ul.accordion > li > div:not(:first-of-type),
ul.accordion > li > div:not(:first-of-type) p { /*color: #8a8a8a;*/ }
ul.accordion > li:first-of-type > div { /*display: block;*/ }
ul.accordion > li > div * { cursor: auto; }
ul.accordion > li.accordion-open::before { transform: rotate(-90deg); }
ul.accordion > li.accordion-open > div { /*display: block;*/ }

.folder-button-wrap { display: flex; gap: 24px; }
.folder-button { position: relative; display: block; margin: 0; padding: 18px 48px; background-color: #ffffff; border-radius: 12px; font-size: 18px; line-height: 1; color: #e7d1c5; text-align: center; cursor: pointer; transition: var(--transition-default); }
.folder-button::before { position: relative; content: '\e185'; display: block; margin: 0 auto 8px auto; font-family: 'Font Awesome 6 Free'; font-style: normal; font-variant: normal; font-size: 32px; line-height: 1; text-rendering: auto; font-weight: 900; color: #e7d1c5; }
.folder-button.folder-button-active { background-color: #d5b19b; color: #ffffff; font-weight: 700; }
.folder-button.folder-button-active::before { left: 3px; content: '\f07c'; color: #ffffff; }
.folder-button:hover { transform: scale(1.1); }
.folder-button.folder-button-user { padding: 18px 24px; }
.folder-button.folder-button-user::before { left: 0; content: '\f007'; font-weight: 400; }
.folder-button.folder-button-user.folder-button-active::before { content: '\f007'; font-weight: 900; }

.progressbar { position: relative; margin: 4px 0; padding: 0; width: 100%; height: 14px; background-color: #f2e7e1; border-radius: 7px; }
.progressbar span { position: absolute; top: 0; bottom: 0; left: 0; min-width: 14px; width: auto; max-width: 100%; height: 100%; background-color: #d5b19b; border-radius: 7px; }
.progressbar[title="0.00%"] span,
.progressbar[title="0.0%"] span,
.progressbar[title="0%"] span,
.progressbar[title="%"] span,
.progressbar[title=""] span { display: none; }

form {  }
form > div { position: relative; margin: 0 0 12px 0; }
form > div > input,
form > div > select,
form > div > textarea,
form > div > button { width: calc(100% - 26px); padding: 12px; border: 1px solid #eaeaea; background-color: #fafafa; color: #222222; }
form > div > textarea { height: 96px; }
form > div > input::placeholder,
form > div > select::placeholder,
form > div > textarea::placeholder { display: none; visibility: hidden; opacity: 0; color: transparent; }
form > div > label { position: absolute; top: 0; left: 0; display: block; opacity: 0.5; padding: 13px; color: #222222; pointer-events: none; transition: var(--transition-default); }
form > div > input.form-required,
form > div > select.form-required,
form > div > textarea.form-required { /*border-color: #992222;*/ }
form > div > input:focus,
form > div > select:focus,
form > div > textarea:focus { border-color: #d5b19b; }
form > div > input:focus ~ label,
form > div > input:not(:placeholder-shown) ~ label,
form > div > select:focus ~ label,
form > div > select:not(:placeholder-shown) ~ label,
form > div > textarea:focus ~ label,
form > div > textarea:not(:placeholder-shown) ~ label { top: -14px; opacity: 1; font-size: 0.8em; color: #d5b19b; }
form > div > input[type="submit"],
form > div > button { padding: 6px 24px; width: auto; background-color: #000000; border-color: #000000; font-family: 'Montserrat', 'Open Sans', sans-serif; font-weight: 500; color: #ffffff; cursor: pointer; }
form > div > input[type="submit"][disabled],
form > div > button[disabled] { opacity: 0.25; cursor: auto; }

.align-left { text-align: left; }
.align-center { text-align: center; }
.align-right { text-align: right; }
.align-justify { text-align: justify; }
.align-top { vertical-align: top; }
.align-middle { vertical-align: middle; }
.align-bottom { vertical-align: bottom; }
.opacity-0 { opacity: 0; }
.opacity-25 { opacity: .25; }
.opacity-33 { opacity: .33; }
.opacity-50 { opacity: .50; }
.opacity-66 { opacity: .66; }
.opacity-75 { opacity: .75; }
.opacity-100 { opacity: 1; }
.nomargin { margin: 0 0 0 0; }
.nomargin-top { margin-top: 0; }
.nomargin-right { margin-right: 0; }
.nomargin-bottom { margin-bottom: 0; }
.nomargin-left { margin-left: 0; }
.fa-rebooked { font-size: 32px; /*font-size: 48px;*/ /*color: #c7ccc8;*/ }
.bonus-icon { max-width: 40px; /*max-width: 70px;*/ }

body.preload, body.preload * { -webkit-transition: none !important; -moz-transition: none !important; -ms-transition: none !important; -o-transition: none !important; transition: none !important; }

@media screen and (max-width: 1500px) {
	.page.page-report #main { flex-wrap: wrap; gap: 0; min-height: 0; }
	.page.page-report #main::after { right: 24px; width: 25vw; height: 25vw; background-size: 25vw; }
	.page.page-report #main > * { min-width: 0; width: calc(100% - 48px); flex-grow: 0; flex-shrink: 0; order: 0; }
	.page.page-report #main > *:not(:first-child) { margin-top: 0; }
	.page.page-report #center h1:first-child { margin-top: 0; }
	.page.page-report .content-footer { display: none; }
}

@media screen and (max-width: 1024px) {
	#main { flex-wrap: wrap; gap: 0; min-height: 0; }
	#main::after { right: 24px; width: 25vw; height: 25vw; background-size: 25vw; }
	#main > * { min-width: 0; width: calc(100% - 48px); flex-grow: 0; flex-shrink: 0; order: 0; }
	#main > *:not(:first-child) { margin-top: 0; }
	#center h1:first-child { margin-top: 0; }
	.content-footer { display: none; }
	table, table tbody, table tbody tr, table tbody tr td { display: block; background-color: transparent; }
	table tbody tr { padding: 12px 0 0 0; border-top: 1px solid #d5b19b; }
	table tbody tr:first-of-type { padding-top: 0; border-top: none; }
	table tbody tr:nth-child(2n+0) td { background-color: transparent; }
	table tbody tr td, table tbody tr td:first-child { margin: 0 0 12px 0; padding: 0; }
	table tbody tr td, table tbody tr td.align-left, table tbody tr td.align-center, table tbody tr td.align-right, table tbody tr td.align-justify { text-align: left; }
	table tbody tr td[data-label]::before { content: attr(data-label); display: block; font-weight: 600; }
	table thead { display: none; }
	table tfoot { display: none; }
}

@media screen and (max-width: 768px) {
	.row { display: block; }
	.row > .col { width: 100%; margin-left: 0; padding-left: 0; border-left: none; }
	.row > .col::before { display: none; }
	.folder-button-wrap { display: block; }
	.folder-button { margin: 0 0 24px 0; }
}

/*
@media (min-width: 1024px) {
	#head > * { width: calc(50% - 48px); }
	#main { gap: 48px; min-height: calc(100vh - 78px); }
	#main > * { width: calc(25% - 48px); min-width: 330px; margin-top: 130px; }
	#left { order: -1; }
	#center { width: auto; max-width: none; flex-grow: 1; flex-shrink: 1; }
	#right {  }
}
*/