:root {
  --font-main: "Montserrat", sans-serif;
  --c-white: #FFFFFF;
  --c-black: #000000;
  --c-ui-blue: #003e66;
  --c-ui-gray: #f9fafb;
  --c-ui-darkGray: #f2f3f5;
  --c-ui-grey700: #72777a;
  --c-ui-borderColor: rgba(0, 0, 0, 0.0625);
  --c-ui-black: #313435;
  --c-ui-green: #4caf50;
  --c-ui-danger: #f44336;
  --size: 1;
  --container: 128rem;
  --container-pd: calc(var(--size) * 30);
  --container-width: calc(var(--container) + var(--container-pd) * 2)
}

@font-face {
  font-family: "Montserrat";
  src: url("../../fonts/Montserrat-Regular.eot");
  src: local("Montserrat Regular"), local("Montserrat-Regular"), url("../../fonts/Montserrat-Regular.eot?#iefix") format("embedded-opentype"), url("../../fonts/Montserrat-Regular.woff2") format("woff2"), url("../../fonts/Montserrat-Regular.woff") format("woff"), url("../../fonts/Montserrat-Regular.ttf") format("truetype");
  font-weight: normal;
  font-style: normal
}

@font-face {
  font-family: "Montserrat";
  src: url("../../fonts/Montserrat-Bold.eot");
  src: local("Montserrat Bold"), local("Montserrat-Bold"), url("../../fonts/Montserrat-Bold.eot?#iefix") format("embedded-opentype"), url("../../fonts/Montserrat-Bold.woff2") format("woff2"), url("../../fonts/Montserrat-Bold.woff") format("woff"), url("../../fonts/Montserrat-Bold.ttf") format("truetype");
  font-weight: bold;
  font-style: normal
}

@font-face {
  font-family: "Montserrat";
  src: url("../../fonts/Montserrat-Light.eot");
  src: local("Montserrat Light"), local("Montserrat-Light"), url("../../fonts/Montserrat-Light.eot?#iefix") format("embedded-opentype"), url("../../fonts/Montserrat-Light.woff2") format("woff2"), url("../../fonts/Montserrat-Light.woff") format("woff"), url("../../fonts/Montserrat-Light.ttf") format("truetype");
  font-weight: 300;
  font-style: normal
}

@font-face {
  font-family: "Montserrat";
  src: url("../../fonts/Montserrat-Medium.eot");
  src: local("Montserrat Medium"), local("Montserrat-Medium"), url("../../fonts/Montserrat-Medium.eot?#iefix") format("embedded-opentype"), url("../../fonts/Montserrat-Medium.woff2") format("woff2"), url("../../fonts/Montserrat-Medium.woff") format("woff"), url("../../fonts/Montserrat-Medium.ttf") format("truetype");
  font-weight: 500;
  font-style: normal
}

@font-face {
  font-family: "Montserrat";
  src: url("../../fonts/Montserrat-ExtraBold.eot");
  src: local("Montserrat ExtraBold"), local("Montserrat-ExtraBold"), url("../../fonts/Montserrat-ExtraBold.eot?#iefix") format("embedded-opentype"), url("../../fonts/Montserrat-ExtraBold.woff2") format("woff2"), url("../../fonts/Montserrat-ExtraBold.woff") format("woff"), url("../../fonts/Montserrat-ExtraBold.ttf") format("truetype");
  font-weight: 800;
  font-style: normal
}

@font-face {
  font-family: "Montserrat";
  src: url("../../fonts/Montserrat-SemiBold.eot");
  src: local("Montserrat SemiBold"), local("Montserrat-SemiBold"), url("../../fonts/Montserrat-SemiBold.eot?#iefix") format("embedded-opentype"), url("../../fonts/Montserrat-SemiBold.woff2") format("woff2"), url("../../fonts/Montserrat-SemiBold.woff") format("woff"), url("../../fonts/Montserrat-SemiBold.ttf") format("truetype");
  font-weight: 600;
  font-style: normal
}

*, *:before, *:after {
  -webkit-box-sizing: border-box;
  box-sizing: border-box
}

html, body, div, span, applet, object, iframe, h1, h2, h3, h4, h5, h6, p, blockquote, pre, a, abbr, acronym, address, big, cite, code, del, dfn, em, img, ins, kbd, q, s, samp, small, strike, strong, sub, sup, tt, var, b, u, i, center, dl, dt, dd, ol, ul, li, fieldset, form, label, legend, table, caption, tbody, tfoot, thead, tr, th, td, article, aside, canvas, details, embed, figure, figcaption, footer, header, hgroup, menu, nav, output, ruby, section, summary, time, mark, audio, video {
  margin: 0;
  padding: 0;
  border: 0;
  outline: 0;
  font-size: 100%;
  font: inherit;
  vertical-align: baseline
}

article, aside, details, figcaption, figure, footer, header, hgroup, menu, nav, section {
  display: block
}

table {
  border-collapse: collapse;
  border-spacing: 0
}

caption, th, td {
  font-weight: normal;
  text-align: left
}

a {
  text-decoration: none;
  color: inherit
}

img {
  display: block;
  max-width: 100%;
  height: auto
}

strong, b, cite {
  font-weight: bold
}

dfn, cite, em, i, blockquote {
  font-style: italic
}

abbr, acronym {
  border-bottom: 1px dotted #e0e0e0;
  cursor: help
}

mark, ins {
  text-decoration: none
}

select {
  max-width: 100%
}

button, input, optgroup, select, textarea {
  font-family: inherit;
  margin: 0
}

button, input {
  overflow: visible
}

button, select {
  text-transform: none
}

button, [type=button], [type=reset], [type=submit] {
  -webkit-appearance: button
}

button::-moz-focus-inner, [type=button]::-moz-focus-inner, [type=reset]::-moz-focus-inner, [type=submit]::-moz-focus-inner {
  border-style: none;
  padding: 0
}

button:-moz-focusring, [type=button]:-moz-focusring, [type=reset]:-moz-focusring, [type=submit]:-moz-focusring {
  outline: 1px dotted ButtonText
}

legend {
  color: inherit;
  display: table;
  max-width: 100%;
  padding: 0;
  white-space: normal
}

progress {
  vertical-align: baseline
}

textarea {
  overflow: auto
}

[type=checkbox], [type=radio] {
  padding: 0
}

[type=number]::-webkit-inner-spin-button, [type=number]::-webkit-outer-spin-button {
  height: auto
}

[type=search] {
  -webkit-appearance: textfield;
  outline-offset: -2px
}

[type=search]::-webkit-search-decoration {
  -webkit-appearance: none
}

::-webkit-file-upload-button {
  -webkit-appearance: button;
  font: inherit
}

button, input[type=submit] {
  outline: none;
  -webkit-appearance: none;
  -moz-appearance: none;
  appearance: none;
  border: none
}

[hidden], template {
  display: none
}

.h3 {
  line-height: 1.3;
  font-size: 3rem
}

.text-center {
  text-align: center
}

.text-right {
  text-align: right
}

.c--blue {
  color: var(--c-ui-blue)
}

.h1 {
  font-size: 2.6rem;
  line-height: 1.2
}

.h2 {
  font-size: 2.2rem;
  line-height: 1.2
}

.h3 {
  font-size: 1.8rem;
  line-height: 1.2
}

h1 {
  font-size: 2.6rem;
  line-height: 1.2
}

h2 {
  font-size: 2.2rem;
  line-height: 1.2
}

h3 {
  font-size: 1.8rem;
  line-height: 1.2
}

h1 a, h2 a, h3 a, h4 a, h5 a, p a, span a {
  font-size: inherit;
  line-height: inherit
}

p, span,
.ui-datepicker-calendar tr td a{
  font-size: 1.6rem;
  font-weight: 400;
  line-height: 1.3
}

p a:not([class]) {
  color: var(--c-ui-blue);
  text-decoration: underline
}

.text-container h3, .text-container h2 {
  padding: 1rem 0;
  font-weight: 600
}

.text-container p {
  padding-bottom: 1rem
}

.text-container ul, .text-container ol {
  padding-left: 1.5rem;
  padding-bottom: .5rem;
  padding-top: .5rem
}

.text-container ul li, .text-container ol li {
  font-size: 1.4rem;
  line-height: 1.3
}

html {
  line-height: 1.15;
  font-size: 62.5%;
  -webkit-text-size-adjust: 100%;
  -moz-text-size-adjust: 100%;
  -ms-text-size-adjust: 100%;
  text-size-adjust: 100%
}

body {
  font-family: var(--font-main);
  overflow-x: hidden;
  font-weight: 400;
  color: var(--c-ui-black);
  background-color: var(--c-ui-gray);
  line-height: normal
}

body.overflow-hidden {
  overflow: hidden;
  -ms-touch-action: none;
  touch-action: none
}

.inputs-group {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  gap: 2rem
}

.inputs-group .input-wrapper {
  margin-bottom: 2rem
}

.label-wrapper {
  position: relative;
  width: 100%;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -ms-flex-wrap: wrap;
  flex-wrap: wrap;
  gap: .5rem;
  padding-right: 1rem
}

.label-wrapper .default-label {
  max-width: 60rem
}

.label-wrapper .label-link {
  position: relative;
  width: 2.3rem;
  height: 2.3rem;
  -webkit-box-flex: 0;
  -ms-flex: 0 0 auto;
  flex: 0 0 auto;
  border-radius: 50%;
  background: var(--c-ui-blue);
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: center;
  -ms-flex-pack: center;
  justify-content: center;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center
}

.label-wrapper .label-link::after {
  content: "i";
  color: #fff;
  font-weight: 600;
  font-size: 1.2rem
}

.input-wrapper {
  position: relative;
  width: 100%
}

.input-wrapper.small--wrapper {
  max-width: calc(50% - 1rem)
}

.input-wrapper .search-close {
  position: absolute;
  right: 0rem;
  z-index: 10;
  top: 50%;
  -webkit-transform: translateY(-50%);
  -ms-transform: translateY(-50%);
  transform: translateY(-50%);
  width: 2.2rem;
  height: 2.2rem;
  cursor: pointer;
  -webkit-transition: ease .4s;
  transition: ease .4s;
  opacity: 0;
  visibility: hidden
}

.input-wrapper .search-close.active {
  visibility: visible;
  opacity: 1
}

.input-wrapper .search-close svg {
  display: block;
  -webkit-transition: ease .4s;
  transition: ease .4s;
  fill: var(--c-ui-black)
}

.input-wrapper label {
  display: block;
  margin-bottom: .8rem;
  font-size: 1.4rem;
  font-weight: 400;
  color: #6c757d
}

.table-search input::-webkit-search-cancel-button {
  -webkit-user-select: none !important;
  user-select: none !important;
  pointer-events: none !important;
  display: none !important
}

.submit-wrapper {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
  -ms-flex-direction: column;
  flex-direction: column;
  gap: 2rem
}

.submit-wrapper button {
  -ms-flex-item-align: start;
  align-self: flex-start
}

.policy-wrapper {
  padding-top: 2rem
}

.policy-wrapper p {
  font-size: 1.4rem
}

.policy-wrapper p a {
  text-decoration: underline;
  color: var(--c-ui-blue)
}

input:not([type=submit]) {
  display: block;
  width: 100%;
  -webkit-appearance: none;
  -moz-appearance: none;
  appearance: none;
  outline: none;
  padding: .9rem 1.4rem;
  font-size: 1.6rem;
  font-weight: 400;
  line-height: 1.5;
  color: var(--c-ui-black);
  background-color: #fff;
  background-clip: padding-box;
  border: 1px solid #ced4da;
  border-radius: .8rem;
  -webkit-transition: ease .4s;
  transition: ease .4s
}

input:not([type=submit]):hover {
  border-color: var(--c-ui-blue)
}

input:not([type=submit])::-webkit-input-placeholder {
  color: #6c757d
}

input:not([type=submit])::-moz-placeholder {
  color: #6c757d
}

input:not([type=submit]):-ms-input-placeholder {
  color: #6c757d
}

input:not([type=submit])::-ms-input-placeholder {
  color: #6c757d
}

input:not([type=submit])::placeholder {
  color: #6c757d
}

textarea {
  display: block;
  width: 100%;
  -webkit-appearance: none;
  -moz-appearance: none;
  appearance: none;
  outline: none;
  padding: .9rem 1.4rem;
  font-size: 1.6rem;
  font-weight: 400;
  line-height: 1.5;
  color: var(--c-ui-black);
  background-color: #fff;
  background-clip: padding-box;
  border: 1px solid #ced4da;
  border-radius: .8rem;
  -webkit-transition: ease .4s;
  transition: ease .4s;
  resize: none
}

textarea:hover {
  border-color: var(--c-ui-blue)
}

textarea::-webkit-input-placeholder {
  color: #6c757d
}

textarea::-moz-placeholder {
  color: #6c757d
}

textarea:-ms-input-placeholder {
  color: #6c757d
}

textarea::-ms-input-placeholder {
  color: #6c757d
}

textarea::placeholder {
  color: #6c757d
}

.select {
  cursor: pointer;
  display: block;
  padding: .9rem 1.4rem;
  font-size: 1.6rem;
  font-weight: 400;
  color: var(--c-ui-grey700);
  line-height: 1.3;
  width: 100%;
  max-width: 100%;
  border-radius: .8rem;
  margin: 0;
  border: 1px solid #ced4da;
  -webkit-appearance: none;
  -moz-appearance: none;
  appearance: none;
  background-color: #fff;
  background-image: url("data:image/svg+xml;charset=US-ASCII,%3Csvg%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20width%3D%22292.4%22%20height%3D%22292.4%22%3E%3Cpath%20fill%3D%22%23007CB2%22%20d%3D%22M287%2069.4a17.6%2017.6%200%200%200-13-5.4H18.4c-5%200-9.3%201.8-12.9%205.4A17.6%2017.6%200%200%200%200%2082.2c0%205%201.8%209.3%205.4%2012.9l128%20127.9c3.6%203.6%207.8%205.4%2012.8%205.4s9.2-1.8%2012.8-5.4L287%2095c3.5-3.5%205.4-7.8%205.4-12.8%200-5-1.9-9.2-5.5-12.8z%22%2F%3E%3C%2Fsvg%3E");
  background-repeat: no-repeat, repeat;
  background-position: right .7em top 50%, 0 0;
  background-size: .65em auto, 100%
}

.select.small--select {
  width: auto;
}

.button {
  background: none;
  cursor: pointer;
  position: relative;
  text-align: center;
  -webkit-transition: ease .4s;
  transition: ease .4s;
  font-size: 1.4rem;
  font-weight: 500;
  border: 1px solid rgba(0, 0, 0, 0);
  border-radius: 1rem;
  padding: 1.3rem 1.2rem;
  min-width: 12rem
}

.button.disabled-btn {
  background: var(--c-ui-darkGray) !important;
  color: var(--c-ui-grey700) !important;
  pointer-events: none !important
}

.button.button--blue {
  background: var(--c-ui-blue);
  color: var(--c-white)
}

.button.button--blue:hover {
  background: #0d5b8d
}

.button.button--green {
  background: var(--c-ui-green);
  color: var(--c-white)
}

.button.button--green:hover {
  background: #67bb6a
}

.button.button--outline.blue--outline {
  color:var(--c-ui-blue);
  border-color: var(--c-ui-blue)
}
.button.button--outline.blue--outline:hover {
  background-color: var(--c-ui-blue);
  color:var(--c-white)
}

.button-add-item {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  position: relative;
  padding: 0;
  background: none;
  cursor: pointer;
  font-size: 1.8rem;
  font-weight: 500;
  color: var(--c-ui-black)
}

.btn-primary {
  color: #fff;
  background-color: #007bff;
  border-color: #007bff;
  box-shadow: none;
}
.btn-primary:hover {
    color: #fff;
    background-color: #0069d9;
    border-color: #0062cc;
}
.btn-primary:focus {
  color: #fff;
  background-color: #0069d9;
  border-color: #0062cc;
  box-shadow: 0 0 0 0 rgba(38, 143, 255, .5);
}

.button-add-item .icon {
  width: 3.5rem;
  height: 3.5rem;
  background: var(--c-ui-green);
  border-radius: .4rem;
  margin-right: 1rem;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  -webkit-box-pack: center;
  -ms-flex-pack: center;
  justify-content: center
}

.button-add-item .icon svg {
  display: block;
  width: 2.5rem;
  height: 2.5rem;
  fill: #fff
}

.modal {
  position: fixed;
  z-index: 2000;
  left: 0;
  top: 0;
  width: 100%;
  height: 100%;
  -webkit-transition: ease-in-out .4s;
  transition: ease-in-out .4s;
  opacity: 0;
  visibility: hidden
}

.modal.active {
  opacity: 1;
  visibility: visible
}

.modal .close {
  width: 2rem;
  height: 2rem;
  position: absolute;
  top: 4rem;
  right: 4rem;
  cursor: pointer
}

.modal .close svg {
  display: block;
  fill: var(--c-black);
  width: 100%;
  height: 100%
}

.modal .modal-box {
  position: absolute;
  width: 100%;
  max-height: calc(100% - 4rem);
  overflow: auto;
  max-width: 100rem;
  padding: 2rem;
  left: 50%;
  top: 50%;
  -webkit-transform: translate(-50%, -50%);
  -ms-transform: translate(-50%, -50%);
  transform: translate(-50%, -50%);
  z-index: 20
}

.modal .inner {
  border-radius: .2rem;
  background: #fff;
  padding: 6rem;
  width: 100%;
  height: 100%;
  overflow: hidden;
  border: 1px solid var(--c-ui-borderColor)
}

.modal .inner .title-box {
  margin-bottom: 1rem;
  padding-right: 3rem;
  position: relative;
  z-index: 2
}

.modal .inner .partnership-modal-header {
  padding-bottom: 3.6rem;
  position: relative;
  margin-bottom: 1rem
}

.modal .inner .partnership-modal-header::after {
  content: "";
  position: absolute;
  top: -8rem;
  left: -20%;
  width: 100vw;
  height: calc(100% + 8rem);
  background: var(--c-ui-gray)
}

.modal .inner .modal-subtitle {
  max-width: 56rem;
  position: relative;
  z-index: 2
}

.modal .inner form {
  padding-top: 2rem
}

.modal .overlay {
  position: absolute;
  z-index: 10;
  left: 0;
  top: 0;
  width: 100%;
  height: 100%;
  background: rgba(0, 0, 0, .5)
}

.add-events-form {
  display: flex;
  flex-direction: column;
}

.add-events-form .input-wrapper {
  margin-bottom: 2rem;
}

.add-events-form .hidden-content {
  display: none
}

.page-pagination {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  font-size: 1.6rem;
  color: var(--c-ui-grey700)
}

.page-pagination .pagination-nav {
  text-align: center;
  padding: .5rem 1.2rem;
  margin-right: 1rem;
  margin-left: .2rem;
  -webkit-transition: all .2s ease-in-out;
  transition: all .2s ease-in-out;
  border-radius: .2rem;
  display: inline-block;
  min-width: 3.4rem;
  line-height: 1.4;
  border: 1px solid rgba(0, 0, 0, 0)
}

.page-pagination .pagination-nav.pag--disabled {
  cursor: default;
  color: #666 !important;
  border: 1px solid rgba(0, 0, 0, 0);
  background: rgba(0, 0, 0, 0);
  -webkit-box-shadow: none;
  box-shadow: none;
  opacity: .4;
  pointer-events: none
}

.page-pagination .pagination-nav:hover {
  background: var(--c-ui-blue);
  color: #fff;
  border-color: var(--c-ui-black)
}

.page-pagination .pagination-item {
  padding: .5rem 1.2rem;
  margin-left: .2rem;
  margin-right: 1rem;
  -webkit-transition: all .2s ease-in-out;
  transition: all .2s ease-in-out;
  border-radius: .2rem;
  display: inline-block;
  min-width: 3.4rem;
  line-height: 1.4;
  text-align: center;
  border: 1px solid rgba(0, 0, 0, 0)
}

.page-pagination .pagination-item:hover {
  background: var(--c-ui-blue);
  color: #fff;
  border-color: var(--c-ui-black)
}

.page-pagination .pagination-item.current-page {
  background: var(--c-ui-blue);
  color: #fff;
  border: 1px solid #979797
}

.dropdown {
  position: relative;
  cursor: pointer
}

.dropdown .dropdown-menu {
  list-style: none;
  position: absolute;
  z-index: 1000;
  display: none;
  min-width: 10rem;
  padding: .5rem 0;
  margin: 0;
  font-size: .875rem;
  color: #212529;
  text-align: left;
  background-color: var(--c-white);
  background-clip: padding-box;
  border: 1px solid rgba(0, 0, 0, .15);
  border-radius: .25rem
}

.dropdown .dropdown-menu>.dropdown-item {
  width: 100%;
  -webkit-transition: background ease .4s;
  transition: background ease .4s
}

.dropdown .dropdown-menu>.dropdown-item:hover>a {
  background: var(--c-ui-gray)
}

.dropdown .dropdown-menu>.dropdown-item.dropdown-tip {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  padding: 1.5rem 2rem;
  border-bottom: 1px solid var(--c-ui-borderColor);
  cursor: auto;
  background: none !important
}

.dropdown .dropdown-menu>.dropdown-item.dropdown-tip .icon {
  margin-right: 1rem;
  -webkit-box-flex: 0;
  -ms-flex: 0 0 auto;
  flex: 0 0 auto;
  width: 2.5rem;
  height: 2.5rem;
  display: block
}

.dropdown .dropdown-menu>.dropdown-item.dropdown-tip .icon img, .dropdown .dropdown-menu>.dropdown-item.dropdown-tip .icon svg {
  display: block;
  width: 100%;
  height: 100%;
  -o-object-fit: cover;
  object-fit: cover;
  -webkit-transition: ease .4s;
  transition: ease .4s
}

.dropdown .dropdown-menu>.dropdown-item.dropdown-tip .icon svg {
  fill: var(--c-ui-black)
}

.dropdown .dropdown-menu>.dropdown-item.dropdown-tip span {
  font-size: 1.6rem;
  color: var(--c-ui-black)
}

.dropdown .dropdown-menu>.dropdown-item .notification-link {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  -webkit-box-pack: center;
  -ms-flex-pack: center;
  justify-content: center;
  padding: 1.5rem 2rem;
  border-top: 1px solid var(--c-ui-borderColor);
  cursor: pointer;
  -webkit-transition: all ease .4s;
  transition: all ease .4s
}

.dropdown .dropdown-menu>.dropdown-item .notification-link .icon {
  margin-left: 1rem;
  -webkit-box-flex: 0;
  -ms-flex: 0 0 auto;
  flex: 0 0 auto;
  width: 1.3rem;
  height: 1.3rem;
  display: block
}

.dropdown .dropdown-menu>.dropdown-item .notification-link .icon svg {
  display: block;
  width: 100%;
  height: 100%;
  -webkit-transition: ease .4s;
  transition: ease .4s
}

.dropdown .dropdown-menu>.dropdown-item .notification-link .icon svg {
  fill: var(--c-ui-grey700)
}

.dropdown .dropdown-menu>.dropdown-item .notification-link span {
  -webkit-transition: all ease .4s;
  transition: all ease .4s;
  font-size: 1.6rem;
  color: var(--c-ui-grey700);
  font-weight: 500
}

.dropdown .dropdown-menu>.dropdown-item .notification-link:hover .icon svg {
  fill: var(--c-ui-black)
}

.dropdown .dropdown-menu>.dropdown-item .notification-link:hover span {
  color: var(--c-ui-black)
}

.dropdown .dropdown-menu a {
  -webkit-transition: all ease .4s;
  transition: all ease .4s
}

.dropdown .dropdown-menu .dropdown-link {
  padding: .8rem 1.5rem;
  line-height: 1.3;
  min-height: auto;
  -webkit-transition: all ease .4s;
  transition: all ease .4s;
  font-size: 1.5rem;
  color: var(--c-ui-grey700);
  white-space: nowrap;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center
}

.dropdown .dropdown-menu .dropdown-link:hover {
  color: var(--c-ui-black)
}

.dropdown .dropdown-menu .dropdown-link:hover .icon svg {
  fill: var(--c-ui-black)
}

.dropdown .dropdown-menu .dropdown-link .icon {
  margin-right: 1rem;
  -webkit-box-flex: 0;
  -ms-flex: 0 0 auto;
  flex: 0 0 auto;
  width: 1.5rem;
  height: 1.5rem;
  display: block
}

.dropdown .dropdown-menu .dropdown-link .icon img, .dropdown .dropdown-menu .dropdown-link .icon svg {
  display: block;
  width: 100%;
  height: 100%;
  -o-object-fit: cover;
  object-fit: cover;
  -webkit-transition: ease .4s;
  transition: ease .4s
}

.dropdown .dropdown-menu .dropdown-link .icon svg {
  fill: var(--c-ui-grey700)
}

.dropdown .dropdown-menu .dropdown-link span {
  font: inherit
}

.dropdown.active .dropdown-menu {
  display: block
}

.notifications-msg {
  width: 100%
}

.notifications-msg .msg-list {
  list-style: none;
  width: 100%;
  min-height: 10rem;
  max-height: 50rem
}

.notifications-msg .msg {
  min-height: 10rem;
  padding: 2rem;
  border-bottom: 1px solid var(--c-ui-borderColor)
}

.notifications-msg .msg .msg-empty {
  text-align: center;
  display: block;
  color: var(--c-ui-grey700)
}

.notifications-msg .wrapper {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  color: var(--c-ui-grey700)
}

.notifications-msg .wrapper .user-icon {
  -webkit-box-flex: 0;
  -ms-flex: 0 0 auto;
  flex: 0 0 auto;
  width: 5rem;
  height: 5rem;
  border-radius: 50%;
  overflow: hidden;
  margin-right: 1rem
}

.notifications-msg .wrapper .user-icon img {
  width: 100%;
  height: 100%;
  -o-object-fit: cover;
  object-fit: cover
}

.notifications-msg .wrapper .user-info .info-header {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  -webkit-box-pack: justify;
  -ms-flex-pack: justify;
  justify-content: space-between;
  margin-bottom: .5rem;
  -ms-flex-wrap: wrap;
  flex-wrap: wrap
}

.notifications-msg .wrapper .user-info .info-header .name {
  font-size: 1.3rem;
  font-weight: 500;
  color: var(--c-ui-black)
}

.notifications-msg .wrapper .user-info .info-header .date {
  font-size: 1rem;
  font-weight: 500;
  color: var(--c-ui-black)
}

.notifications-msg .wrapper .user-info .user-text {
  position: relative;
  overflow: hidden;
  max-height: 5.2rem
}

.notifications-msg .wrapper .user-info .user-text p, .notifications-msg .wrapper .user-info .user-text span {
  font-size: 1.3rem
}

.notifications-msg .wrapper .user-info .user-text p b, .notifications-msg .wrapper .user-info .user-text span b {
  text-decoration: underline;
  font-weight: 500;
  color: var(--c-ui-blue)
}

.table {
  caption-side: bottom;
  border-collapse: collapse;
  border-color: var(--c-ui-borderColor);
  width: 100%;
  margin-bottom: 1rem;
  color: #212529;
  vertical-align: top;
  --bs-table-bg: transparent;
  --bs-table-accent-bg: transparent;
  --bs-table-striped-color: #212529;
  --bs-table-striped-bg: rgba(0, 0, 0, 0.05);
  --bs-table-active-color: #212529;
  --bs-table-active-bg: rgba(0, 0, 0, 0.1);
  --bs-table-hover-color: #212529;
  --bs-table-hover-bg: rgba(0, 0, 0, 0.075)
}

.table.table-hover tr:hover td {
  background-color: var(--c-ui-darkGray)
}

.table .text-right {
  text-align: right
}

.table .text-center {
  text-align: center
}

.table .text-td {
  max-width: 45rem
}

.table .patient-link {
  color: var(--c-ui-blue);
  font-size: 1.8rem;
  font-weight: 500;
  text-decoration: underline
}

.table>:not(:last-child)>:last-child>* {
  border-bottom: 2px solid;
  border-bottom-color: var(--c-ui-blue)
}

.table thead {
  vertical-align: bottom
}

.table tr {
  border-color: inherit;
  border-style: solid;
  border-width: 0
}

.table tr th {
  font-size: 2rem;
  font-weight: 500;
  padding-bottom: 1.5rem
}

.table tr td {
  font-size: 1.6rem;
  line-height: 1.2;
  padding: 2rem 1rem;
  border-top: 1px solid rgba(0, 0, 0, .1);
  color: var(--c-ui-grey700);
  -webkit-transition: background-color ease .3s;
  transition: background-color ease .3s
}

.table tr td p, .table tr td span, .table tr td a {
  font: inherit
}

.table th {
  text-align: inherit;
  text-align: -webkit-match-parent
}

.table>:not(caption)>*>* {
  background-color: var(--bs-table-bg);
  padding: .8rem;
  border-bottom-width: 1px
}

.table>tbody {
  vertical-align: inherit;
  border-color: inherit;
  border-style: solid;
  border-width: 0
}

.data-table {
  overflow: hidden;
  position: relative;
  padding-bottom: .5rem
}

.data-table tr th, .data-table tr td {
  padding-left: 2rem;
  padding-right: 2rem
}

.data-table .sorting-item {
  position: relative;
  /* display: flex;
  align-items: center;
  gap:2rem; */
}

.sorting-item .sorting-group {
  display: inline-flex;
  margin: 1rem 0 0 1.5rem;
  align-items: center;
  gap:1rem;
}


.warehouse-table .track-number {
  display: inline-flex;
  align-items: center;
  grid-gap: 1rem;
}

.track-number  .input-lock {
  cursor: pointer;

}

.track-number.input--inactive .input-lock svg{
    fill:#f44336;
}

.track-number.input--inactive input {
  pointer-events: none;
  opacity: .7
}


.track-number  .input-lock svg {
  transition: ease .3s;
  display: block;
  width: 2rem;
  height: 2rem;
  fill:#4caf50;
}

.warehouse-table input {
  max-width: 15rem
}

.sorting-group .sorting-link {
  display: block;
  opacity: .3;
  width: 1rem;
  height: 2rem;
  background: url(../../img/arrow-up.svg) no-repeat;
  background-size: contain;
  -webkit-transition: ease .4s;
  transition: ease .4s
}

.sorting-link.link--asc {
  -webkit-transform: rotate(180deg);
  -ms-transform: rotate(180deg);
  transform: rotate(180deg)
}

.sorting-link:hover {
  opacity: .7;
}

.sorting-link.active {
  opacity: 1 !important
}

.data-table .sorting-item:last-of-type::after, .data-table .sorting-item:last-of-type::before {
  display: none
}

.data-table table {
  border-bottom: 2px solid var(--c-ui-blue)
}

.data-table .data-table-header {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: justify;
  -ms-flex-pack: justify;
  justify-content: space-between;
  margin-bottom: 2rem
}

.data-table .data-table-footer {
  padding-top: 1.5rem;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  -webkit-box-pack: justify;
  -ms-flex-pack: justify;
  justify-content: space-between
}

.data-table .data-table-footer .total-show {
  color: var(--c-ui-grey700);
  font-size: 1.4rem
}

.data-table .display-counter {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  font-size: 1.4rem
}

.data-table .display-counter select {
  border: 1px solid var(--c-ui-borderColor);
  border-radius: .2rem;
  -webkit-box-shadow: none;
  box-shadow: none;
  height: 3rem;
  font-size: 1.4rem;
  padding: .5rem;
  margin-left: .5rem;
  margin-right: .5rem;
  color: #72777a;
  -webkit-transition: all .2s ease-in;
  transition: all .2s ease-in
}

.data-table .table-search .search-close {
  margin-top: .15rem
}

.data-table .table-search input {
  padding-top: .5rem;
  padding-bottom: .5rem;
  padding-right: 2.5rem
}

.tooltip-top {
  position: relative
}

.tooltip.tooltip--right .tooltip-content {
  transform: translate(0);
  left: calc(100% + 1rem);
  top: 50%;
  transform:translateY(-50%);
}

.data-tooltip {
  position: relative;
}

.data-tooltip .td-tooltip-content {
  position: absolute;
  top: calc(-80% + 2rem);
  min-width: 10rem;
  width: auto;
  background: #fff;
  border: 1px solid var(--c-ui-borderColor);
  border-radius: .2rem;
  left: 40%;
  transform: translateX(-40%);-
  white-space: nowrap;
  padding: .7rem;
  font-size: 1.8rem;
  opacity: 0;
  visibility: hidden;
  -webkit-transition: ease .4s;
  transition: ease .4s;
  color:black;
}
.data-tooltip .td-tooltip-content span {
  font: inherit;
    white-space: nowrap;
}

.data-tooltip .td-tooltip-content.active {
  opacity: 1;
  visibility: visible;
}

.modals-buttons-group {
  display: flex;
  align-items: center;
  grid-gap: 2rem;
  flex-wrap: wrap;
  align-self: flex-start;
}
.tooltip-top .tooltip-content {
  position: absolute;
  top: calc(-100% - 1.5rem);
  min-width: 10rem;
  background: #fff;
  border: 1px solid var(--c-ui-borderColor);
  border-radius: .2rem;
  left: 50%;
  -webkit-transform: translateX(-50%);
  -ms-transform: translateX(-50%);
  transform: translateX(-50%);
  white-space: nowrap;
  padding: .5rem;
  font-size: 1.2rem;
  opacity: 0;
  visibility: hidden;
  -webkit-transition: ease .4s;
  transition: ease .4s
}

.events-table tr th,
.reclamations-table tr th{
  font-size:1.6rem
}
.events-table tr td,
.reclamations-table tr td{
  font-size:1.4rem
}

.events-table .patient-link,
.reclamations-table .patient-link{
  font-size:1.4rem
}

.events-table td:last-of-type {
  max-width: 70rem;
}

.reclamations-table td:nth-child(3) {
  max-width: 45rem;
}
.add-complaint-form {
  display: flex;
  flex-direction: column;
  gap: 2rem;
}
.tooltip-top .tooltip-content::after {
  content: "";
  position: absolute;
  top: 100%;
  left: 50%;
  margin-left: -5px;
  border-width: 5px;
  border-style: solid;
  border-color: #fff rgba(0, 0, 0, 0) rgba(0, 0, 0, 0) rgba(0, 0, 0, 0)
}

.tooltip-top .tooltip-content p, .tooltip-top .tooltip-content span {
  font: inherit
}

.tooltip-top .tooltip-content.active {
  opacity: 1;
  visibility: visible
}

main {
  min-height: 100vh
}

body.is-collapsed .page-content {
  padding-left: 7rem
}

body.is-collapsed .sidebar {
  width: 7rem
}

body.is-collapsed .sidebar .sidebar-inner .sidebar-menu>li span {
  display: none
}

.is-collapsed .page-content {
  padding-left: 7rem
}

.container-h, .container-p, .container-f {
  width: 100%;
  margin: 0 auto
}

.visually-hidden {
  position: absolute;
  clip: rect(1px, 1px, 1px, 1px);
  padding: 0;
  border: 0;
  height: 1px;
  width: 1px;
  overflow: hidden
}

.hidden {
  visibility: hidden
}

.none {
  display: none
}

.mt-auto {
  margin-top: auto
}

.mr-auto {
  margin-left: auto
}

.mb-auto {
  margin-bottom: auto
}

.ml-auto {
  margin-left: auto
}

.rounded--inner {
  border-radius: 1rem;
  overflow: hidden
}

.wh--bg {
  background: var(--c-white)
}

.shadow--large {
  -webkit-box-shadow: 0 10px 10px 2px rgba(0, 0, 0, .14), 0 6px 20px 5px rgba(0, 0, 0, .12), 0 8px 10px -5px rgba(0, 0, 0, .2);
  box-shadow: 0 10px 10px 2px rgba(0, 0, 0, .14), 0 6px 20px 5px rgba(0, 0, 0, .12), 0 8px 10px -5px rgba(0, 0, 0, .2)
}

.page-content {
  min-height: 100vh;
  padding-left: 28rem;
  -webkit-transition: all .2s ease;
  transition: all .2s ease;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
  -ms-flex-direction: column;
  flex-direction: column;
  height: 100%
}

.content {
  padding: 8.5rem 2rem 2rem;
  min-height: 100vh
}

.inner {
  border: 1px solid var(--c-ui-borderColor);
  background-color: var(--c-white);
  padding: 2rem;
  overflow: hidden
}

.inner-header {
  margin-bottom: 5rem
}

.inner-header .inner-header-top {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: end;
  -ms-flex-align: end;
  align-items: flex-end
}

.inner-header-top .group {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: end;
  -ms-flex-align: end;
  align-items: flex-end
}


.inner-header-top .add-item {
  margin-top: 0 !important;
}

.inner-header-top.top--button {
  gap:2rem;
  align-items: center;
}
.inner-header .page-icon {
  width: 4rem;
  height: 4rem;
  background: var(--c-ui-blue);
  margin-right: 2rem;
  border-radius: .8rem;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
  -ms-flex-direction: column;
  flex-direction: column;
  -webkit-box-pack: center;
  -ms-flex-pack: center;
  justify-content: center;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center
}

.inner-header .page-icon .icon {
  width: 2rem;
  height: 2rem
}

.inner-header .page-icon .icon svg {
  display: block;
  width: 100%;
  height: 100%;
  fill: var(--c-white)
}

.inner-header .header-tip {
  padding-top: 2rem;
  font-size: 1.6rem;
  color: var(--c-ui-grey700)
}

.inner-header .add-item {
  margin-top: 3rem
}

.scrollable {
  position: relative
}

.row-content {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  margin: -1rem;
  padding-bottom: 2rem
}

.ml--auto {
  margin-left: auto
}

.row-content .row-item {
  padding: 1rem;
  min-height: 38rem;
  -webkit-box-flex: 1;
  -ms-flex: 1 1 auto;
  flex: 1 1 auto
}

.row-content.row--records .row-item .inner {
  height: auto;
}

.row-content.row--records .row-item.w--40 {
  display: flex;
  flex-direction: column;
}

.bottom--records {
  margin-top: auto;
}
.bottom--records .button {
  width: 100%;
  position: relative;
  display: flex;
  align-items: center;
  justify-content: center;
  padding-top: 2.4rem;
  padding-bottom: 2.4rem
}

#add-user-file .input-wrapper {
  margin-bottom: 2rem
}


.row-content .row-item .inner {
  height: 100%;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
  -ms-flex-direction: column;
  flex-direction: column;
}

.row-content .w--60 {
  width: 60%;
  -webkit-box-flex: 1;
  -ms-flex: 1 1 auto;
  flex: 1 1 auto
}

.row-content .w--40 {
  width: 40%;
  -webkit-box-flex: 0;
  -ms-flex: 0 0 auto;
  flex: 0 0 auto
}

.uploaded-files {
  display: -webkit-inline-box;
  display: -ms-inline-flexbox;
  display: inline-flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
  -ms-flex-direction: column;
  flex-direction: column;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  gap: .5rem;
  margin-top: 2rem;
  cursor: pointer;
  margin-bottom: auto
}

.uploaded-files .icon {
  width: 8rem;
  height: auto
}

.uploaded-files .icon svg {
  display: block;
  width: 100%;
  height: 100%;
  fill: var(--c-ui-blue)
}

.uploaded-files .icon svg .svg {
  fill: var(--c-ui-blue)
}

.uploaded-files p {
  text-decoration: underline
}

.page-header {
  background-color: var(--c-white);
  border-bottom: 1px solid var(--c-ui-borderColor);
  display: block;
  margin-bottom: 0;
  padding: 0;
  position: fixed;
  -webkit-transition: all .2s ease;
  transition: all .2s ease;
  width: calc(100% - 28rem);
  z-index: 800;
  height: 6.6rem
}

.page-header .container-h {
  height: 100%;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  -webkit-box-pack: justify;
  -ms-flex-pack: justify;
  justify-content: space-between;
  padding: 0 2rem
}

.page-header .nav-left {
  list-style: none;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  position: relative
}

.page-header .nav-left .nav-item {
  padding: 0 1.5rem
}

.page-header .sidebar-toggle {
  height: 6.5rem;
  -webkit-transition: all .2s ease-in-out;
  transition: all .2s ease-in-out;
  cursor: pointer;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
  -ms-flex-direction: column;
  flex-direction: column;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  -webkit-box-pack: center;
  -ms-flex-pack: center;
  justify-content: center;
  padding: 0;
  background: none
}

.page-header .sidebar-toggle:hover div {
  background: var(--c-ui-black)
}

.page-header .sidebar-toggle.active {
  -webkit-transform: rotate(-90deg);
  -ms-transform: rotate(-90deg);
  transform: rotate(-90deg)
}

.page-header .sidebar-toggle div {
  width: 2rem;
  background: var(--c-ui-grey700);
  height: .2rem;
  -webkit-transition: ease .4s;
  transition: ease .4s;
  margin-bottom: .3rem
}

.page-header .sidebar-toggle div:last-of-type {
  margin-bottom: 0
}

.page-header .header-search {
  position: relative;
  z-index: 10;
  height: 6.5rem;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
  -ms-flex-direction: column;
  flex-direction: column;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  -webkit-box-pack: center;
  -ms-flex-pack: center;
  justify-content: center
}

.page-header .header-search .search-field {
  position: relative;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  cursor: pointer
}

.page-header .header-search .search-field .search-icon {
  position: relative;
  cursor: pointer;
  width: 1.8rem;
  height: 1.8rem;
  -webkit-transition: ease .4s;
  transition: ease .4s
}

.page-header .header-search .search-field .search-icon svg {
  width: 100%;
  height: 100%;
  stroke: var(--c-ui-grey700);
  -webkit-transition: ease .3s;
  transition: ease .3s
}

.page-header .header-search .search-field .search-icon svg:hover {
  stroke: var(--c-ui-black)
}

.page-header .header-search .search-field input[type=search] {
  position: absolute;
  background: #f9fafb;
  border: none;
  border-radius: 0;
  color: var(--c-ui-black);
  font-size: 1.5rem;
  padding: 0 4rem 0 2rem;
  right: 0;
  height: 4.5rem;
  -webkit-transition: ease-in-out .5s;
  transition: ease-in-out .5s;
  -webkit-appearance: none;
  -moz-appearance: none;
  appearance: none;
  width: 0;
  opacity: 0;
  visibility: hidden
}

.page-header .header-search .search-field input[type=search]::-webkit-search-cancel-button {
  -webkit-user-select: none !important;
  user-select: none !important;
  pointer-events: none !important;
  display: none !important
}

.page-header .header-search .search-field input[type=search]:focus {
  outline: none
}

.page-header .header-search .search-field.active .search-icon {
  opacity: 0;
  visibility: hidden
}

.page-header .header-search .search-field.active input[type=search] {
  width: 30rem;
  right: -31rem;
  opacity: 1;
  visibility: visible
}

.page-header .header-search .search-field.active .search-close {
  opacity: 1;
  visibility: visible
}

.page-header .header-search .search-close {
  position: absolute;
  width: 1.8rem;
  height: 1.8rem;
  top: 50%;
  -webkit-transform: translateY(-50%);
  -ms-transform: translateY(-50%);
  transform: translateY(-50%);
  cursor: pointer;
  z-index: 3;
  visibility: hidden;
  opacity: 0;
  -webkit-transition: ease-in-out .5s;
  transition: ease-in-out .5s
}

.page-header .header-search .search-close svg {
  width: 100%;
  height: 100%;
  stroke: var(--c-ui-black)
}

.page-header .nav-right {
  list-style: none;
  position: relative;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  height: 6.5rem
}

.page-header .nav-right li {
  position: relative
}

.page-header .nav-right .dropdown {
  height: 100%
}

.page-header .nav-right .dropdown-menu {
  left: auto;
  right: 0;
  top: 100%
}

.page-header .nav-right .dropdown-menu .logout-item {
  border-top: 1px solid var(--c-ui-borderColor)
}

.page-header .notifications {
  position: relative;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
  -ms-flex-direction: column;
  flex-direction: column;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  -webkit-box-pack: center;
  -ms-flex-pack: center;
  justify-content: center;
  padding: 0 1.5rem
}

.page-header .notifications .notification-icon {
  width: 2rem;
  height: 2rem;
  display: block
}

.page-header .notifications .notification-icon.notification-svg svg {
  display: block;
  width: 100%;
  height: 100%;
  fill: var(--c-ui-black)
}

.page-header .notifications .notification-alert {
  background: var(--c-ui-danger);
  border-radius: 5rem;
  color: #fff;
  font-size: 10px;
  line-height: 1;
  padding: .3rem .5rem;
  position: absolute;
  right: .7rem;
  top: 1.4rem
}

.page-header .notifications .notification-alert.notifications--none {
  background: var(--c-ui-darkGray)
}

.page-header .notifications .notification-alert.notifications--none span {
  color: var(--c-ui-grey700)
}

.page-header .notifications .notification-alert span {
  font: inherit
}

.page-header .notifications .dropdown-menu {
  min-width: 34rem
}

.page-header .user {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  margin-left: 1rem
}

.page-header .user .user-info {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center
}

.page-header .user .user-icon {
  width: 3.2rem;
  height: 3.2rem;
  display: block;
  overflow: hidden;
  border-radius: 50%;
  -webkit-box-flex: 0;
  -ms-flex: 0 0 auto;
  flex: 0 0 auto;
  margin-right: 1rem
}

.page-header .user .user-icon img {
  width: 100%;
  height: 100%
}

.page-header .user .user-name {
  color: var(--c-ui-black);
  font-size: 1.2rem;
  font-weight: 500
}

.page-header .user .dropdown-menu {
  min-width: 14rem
}

.sidebar {
  background-color: var(--c-white);
  bottom: 0;
  top: 0;
  left: 0;
  overflow: hidden;
  position: fixed;
  -webkit-transition: all .2s ease;
  transition: all .2s ease;
  width: 28rem;
  z-index: 1000
}

.sidebar .sidebar-inner {
  position: relative;
  height: 100%
}

.sidebar .sidebar-logo {
  border-bottom: 1px solid var(--c-ui-borderColor);
  border-right: 1px solid var(--c-ui-borderColor);
  line-height: 0;
  padding: 0 2rem;
  -webkit-transition: all .2s ease;
  transition: all .2s ease;
  height: 6.6rem;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: center;
  -ms-flex-pack: center;
  justify-content: center;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center
}

.sidebar .sidebar-logo .logo-group {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  -webkit-box-pack: start;
  -ms-flex-pack: start;
  justify-content: flex-start;
  height: auto;
  max-width: 100%;
  margin: 0;
  padding: 0
}

.sidebar .sidebar-logo .logo-group .logo {
  display: inline-block;
  height: 4.5rem;
  width: auto
}

.sidebar .sidebar-logo .logo-group .logo img {
  height: 100%
}

.sidebar .sidebar-menu {
  border-right: 1px solid var(--c-ui-borderColor);
  height: calc(100vh - 6.5rem);
  list-style: none;
  padding: 0;
  position: relative;
  overflow: hidden;
  overflow-anchor: none;
  -ms-touch-action: auto;
  touch-action: auto;
  padding-top: 3rem
}

.sidebar .sidebar-menu>li {
  -webkit-transition: background-color ease .4s;
  transition: background-color ease .4s
}

.sidebar .sidebar-menu>li:hover {
  background-color: var(--c-ui-blue)
}

.sidebar .sidebar-menu>li a {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  font-size: 1.4rem;
  font-weight: 500;
  padding: .5rem 1.5rem;
  position: relative;
  white-space: nowrap;
  -webkit-transition: all ease .4s;
  transition: all ease .4s
}

.sidebar .sidebar-menu>li a .icon {
  border-radius: .6rem;
  font-size: 1.7rem;
  height: 3.5rem;
  left: 0;
  line-height: 3.5rem;
  margin-right: 1.3rem;
  position: relative;
  text-align: center;
  -webkit-transition: all .3s ease;
  transition: all .3s ease;
  width: 3.5rem;
  -webkit-box-flex: 0;
  -ms-flex: 0 0 auto;
  flex: 0 0 auto;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  -webkit-box-pack: center;
  -ms-flex-pack: center;
  justify-content: center
}

.sidebar .sidebar-menu>li a .icon svg {
  display: block;
  width: 2rem;
  height: 2rem;
  -webkit-transition: ease .4s;
  transition: ease .4s;
  fill: var(--c-ui-grey700)
}

.sidebar .sidebar-menu>li a span {
  -webkit-transition: all ease .4s;
  transition: all ease .4s;
  font: inherit;
  color: var(--c-ui-grey700)
}

.sidebar .sidebar-menu>li a:hover .icon svg {
  fill: var(--c-white)
}

.sidebar .sidebar-menu>li a:hover span {
  color: var(--c-white)
}

.sidebar .sidebar-menu>li.current-page {
  background-color: var(--c-ui-blue);
  pointer-events: none
}

.sidebar .sidebar-menu>li.current-page .icon svg {
  fill: var(--c-white)
}

.sidebar .sidebar-menu>li.current-page span {
  color: var(--c-white)
}

.page-footer {
  position: relative;
  height: 6.2rem;
  border-top: 1px solid var(--c-ui-borderColor);
  background: var(--c-white);
  margin-top: auto
}

.page-footer .container-f {
  padding: 0 2rem;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: center;
  -ms-flex-pack: center;
  justify-content: center;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  height: 100%
}

.page-footer .copy {
  color: var(--c-ui-grey700);
  font-size: 1.2rem
}

.ps {
  overflow: hidden !important;
  overflow-anchor: none;
  -ms-overflow-style: none;
  touch-action: auto;
  -ms-touch-action: auto
}

.ps__rail-x {
  display: none;
  opacity: 0;
  transition: background-color .2s linear, opacity .2s linear;
  -webkit-transition: background-color .2s linear, opacity .2s linear;
  height: 15px;
  bottom: 0px;
  position: absolute
}

.ps__rail-y {
  display: none;
  opacity: 0;
  transition: background-color .2s linear, opacity .2s linear;
  -webkit-transition: background-color .2s linear, opacity .2s linear;
  width: 15px;
  right: 0;
  position: absolute
}

.ps--active-x>.ps__rail-x, .ps--active-y>.ps__rail-y {
  display: block;
  background-color: rgba(0, 0, 0, 0)
}

.ps:hover>.ps__rail-x, .ps:hover>.ps__rail-y, .ps--focus>.ps__rail-x, .ps--focus>.ps__rail-y, .ps--scrolling-x>.ps__rail-x, .ps--scrolling-y>.ps__rail-y {
  opacity: .6
}

.ps .ps__rail-x:hover, .ps .ps__rail-y:hover, .ps .ps__rail-x:focus, .ps .ps__rail-y:focus, .ps .ps__rail-x.ps--clicking, .ps .ps__rail-y.ps--clicking {
  background-color: #eee;
  opacity: .9
}

.ps__thumb-x {
  background-color: #aaa;
  border-radius: 6px;
  transition: background-color .2s linear, height .2s ease-in-out;
  -webkit-transition: background-color .2s linear, height .2s ease-in-out;
  height: 6px;
  bottom: 2px;
  position: absolute
}

.ps__thumb-y {
  background-color: #aaa;
  border-radius: 6px;
  transition: background-color .2s linear, width .2s ease-in-out;
  -webkit-transition: background-color .2s linear, width .2s ease-in-out;
  width: 6px;
  right: 2px;
  position: absolute
}

.ps__rail-x:hover>.ps__thumb-x, .ps__rail-x:focus>.ps__thumb-x, .ps__rail-x.ps--clicking .ps__thumb-x {
  background-color: #999;
  height: 11px
}

.ps__rail-y:hover>.ps__thumb-y, .ps__rail-y:focus>.ps__thumb-y, .ps__rail-y.ps--clicking .ps__thumb-y {
  background-color: #999;
  width: 11px
}

@supports(-ms-overflow-style: none) {
  .ps {
    overflow: auto !important
  }
}

@media screen and (-ms-high-contrast: active), (-ms-high-contrast: none) {
  .ps {
    overflow: auto !important
  }
}

.owl-carousel, .owl-carousel .owl-item {
  -webkit-tap-highlight-color: rgba(0, 0, 0, 0);
  position: relative
}

.owl-carousel {
  display: none;
  width: 100%;
  z-index: 1
}

.owl-carousel .owl-stage {
  position: relative;
  -ms-touch-action: pan-Y;
  touch-action: manipulation;
  -moz-backface-visibility: hidden
}

.owl-carousel .owl-stage:after {
  content: ".";
  display: block;
  clear: both;
  visibility: hidden;
  line-height: 0;
  height: 0
}

.owl-carousel .owl-stage-outer {
  position: relative;
  overflow: hidden;
  -webkit-transform: translate3d(0, 0, 0)
}

.owl-carousel .owl-item, .owl-carousel .owl-wrapper {
  -webkit-backface-visibility: hidden;
  -moz-backface-visibility: hidden;
  -ms-backface-visibility: hidden;
  -webkit-transform: translate3d(0, 0, 0);
  -moz-transform: translate3d(0, 0, 0);
  -ms-transform: translate3d(0, 0, 0)
}

.owl-carousel .owl-item {
  min-height: 1px;
  float: left;
  -webkit-backface-visibility: hidden;
  -webkit-touch-callout: none
}

.owl-carousel .owl-item img {
  display: block;
  width: 100%
}

.owl-carousel .owl-dots.disabled, .owl-carousel .owl-nav.disabled {
  display: none
}

.no-js .owl-carousel, .owl-carousel.owl-loaded {
  display: block
}

.owl-carousel .owl-dot, .owl-carousel .owl-nav .owl-next, .owl-carousel .owl-nav .owl-prev {
  cursor: pointer;
  -webkit-user-select: none;
  -moz-user-select: none;
  -ms-user-select: none;
  user-select: none
}

.owl-carousel .owl-nav button.owl-next, .owl-carousel .owl-nav button.owl-prev, .owl-carousel button.owl-dot {
  background: 0 0;
  color: inherit;
  border: none;
  padding: 0 !important;
  font: inherit
}

.owl-carousel.owl-loading {
  opacity: 0;
  display: block
}

.owl-carousel.owl-hidden {
  opacity: 0
}

.owl-carousel.owl-refresh .owl-item {
  visibility: hidden
}

.owl-carousel.owl-drag .owl-item {
  -ms-touch-action: pan-y;
  touch-action: pan-y;
  -webkit-user-select: none;
  -moz-user-select: none;
  -ms-user-select: none;
  user-select: none
}

.owl-carousel.owl-grab {
  cursor: move;
  cursor: -webkit-grab;
  cursor: grab
}

.owl-carousel.owl-rtl {
  direction: rtl
}

.owl-carousel.owl-rtl .owl-item {
  float: right
}

.owl-carousel .animated {
  -webkit-animation-duration: 1s;
  animation-duration: 1s;
  -webkit-animation-fill-mode: both;
  animation-fill-mode: both
}

.owl-carousel .owl-animated-in {
  z-index: 0
}

.owl-carousel .owl-animated-out {
  z-index: 1
}

.owl-carousel .fadeOut {
  -webkit-animation-name: fadeOut;
  animation-name: fadeOut
}

@-webkit-keyframes fadeOut {
  0% {
    opacity: 1
  }

  100% {
    opacity: 0
  }
}

@keyframes fadeOut {
  0% {
    opacity: 1
  }

  100% {
    opacity: 0
  }
}

.owl-height {
  -webkit-transition: height .5s ease-in-out;
  transition: height .5s ease-in-out
}

.owl-carousel .owl-item .owl-lazy {
  opacity: 0;
  -webkit-transition: opacity .4s ease;
  transition: opacity .4s ease
}

.owl-carousel .owl-item .owl-lazy:not([src]), .owl-carousel .owl-item .owl-lazy[src^=""] {
  max-height: 0
}

.owl-carousel .owl-item img.owl-lazy {
  -webkit-transform-style: preserve-3d;
  transform-style: preserve-3d
}

.owl-carousel .owl-video-wrapper {
  position: relative;
  height: 100%;
  background: #000
}

.owl-carousel .owl-video-play-icon {
  position: absolute;
  height: 80px;
  width: 80px;
  left: 50%;
  top: 50%;
  margin-left: -40px;
  margin-top: -40px;
  background: url(owl.video.play.png) no-repeat;
  cursor: pointer;
  z-index: 1;
  -webkit-backface-visibility: hidden;
  -webkit-transition: -webkit-transform .1s ease;
  transition: -webkit-transform .1s ease;
  transition: transform .1s ease;
  transition: transform .1s ease, -webkit-transform .1s ease
}

.owl-carousel .owl-video-play-icon:hover {
  -ms-transform: scale(1.3, 1.3);
  -webkit-transform: scale(1.3, 1.3);
  transform: scale(1.3, 1.3)
}

.owl-carousel .owl-video-playing .owl-video-play-icon, .owl-carousel .owl-video-playing .owl-video-tn {
  display: none
}

.owl-carousel .owl-video-tn {
  opacity: 0;
  height: 100%;
  background-position: center center;
  background-repeat: no-repeat;
  background-size: contain;
  -webkit-transition: opacity .4s ease;
  transition: opacity .4s ease
}

.owl-carousel .owl-video-frame {
  position: relative;
  z-index: 1;
  height: 100%;
  width: 100%
}

:root {
  --f-spinner-width: 36px;
  --f-spinner-height: 36px;
  --f-spinner-color-1: rgba(0, 0, 0, 0.1);
  --f-spinner-color-2: rgba(17, 24, 28, 0.8);
  --f-spinner-stroke: 2.75
}

.f-spinner {
  margin: auto;
  padding: 0;
  width: var(--f-spinner-width);
  height: var(--f-spinner-height)
}

.f-spinner svg {
  width: 100%;
  height: 100%;
  vertical-align: top;
  -webkit-animation: f-spinner-rotate 2s linear infinite;
  animation: f-spinner-rotate 2s linear infinite
}

.f-spinner svg * {
  stroke-width: var(--f-spinner-stroke);
  fill: none
}

.f-spinner svg *:first-child {
  stroke: var(--f-spinner-color-1)
}

.f-spinner svg *:last-child {
  stroke: var(--f-spinner-color-2);
  -webkit-animation: f-spinner-dash 2s ease-in-out infinite;
  animation: f-spinner-dash 2s ease-in-out infinite
}

@-webkit-keyframes f-spinner-rotate {
  100% {
    -webkit-transform: rotate(360deg);
    transform: rotate(360deg)
  }
}

@keyframes f-spinner-rotate {
  100% {
    -webkit-transform: rotate(360deg);
    transform: rotate(360deg)
  }
}

@-webkit-keyframes f-spinner-dash {
  0% {
    stroke-dasharray: 1, 150;
    stroke-dashoffset: 0
  }

  50% {
    stroke-dasharray: 90, 150;
    stroke-dashoffset: -35
  }

  100% {
    stroke-dasharray: 90, 150;
    stroke-dashoffset: -124
  }
}

@keyframes f-spinner-dash {
  0% {
    stroke-dasharray: 1, 150;
    stroke-dashoffset: 0
  }

  50% {
    stroke-dasharray: 90, 150;
    stroke-dashoffset: -35
  }

  100% {
    stroke-dasharray: 90, 150;
    stroke-dashoffset: -124
  }
}

.f-throwOutUp {
  -webkit-animation: var(--f-throw-out-duration, 0.175s) ease-out both f-throwOutUp;
  animation: var(--f-throw-out-duration, 0.175s) ease-out both f-throwOutUp
}

.f-throwOutDown {
  -webkit-animation: var(--f-throw-out-duration, 0.175s) ease-out both f-throwOutDown;
  animation: var(--f-throw-out-duration, 0.175s) ease-out both f-throwOutDown
}

@-webkit-keyframes f-throwOutUp {
  to {
    -webkit-transform: translate3d(0, calc(var(--f-throw-out-distance, 150px) * -1), 0);
    transform: translate3d(0, calc(var(--f-throw-out-distance, 150px) * -1), 0);
    opacity: 0
  }
}

@keyframes f-throwOutUp {
  to {
    -webkit-transform: translate3d(0, calc(var(--f-throw-out-distance, 150px) * -1), 0);
    transform: translate3d(0, calc(var(--f-throw-out-distance, 150px) * -1), 0);
    opacity: 0
  }
}

@-webkit-keyframes f-throwOutDown {
  to {
    -webkit-transform: translate3d(0, var(--f-throw-out-distance, 150px), 0);
    transform: translate3d(0, var(--f-throw-out-distance, 150px), 0);
    opacity: 0
  }
}

@keyframes f-throwOutDown {
  to {
    -webkit-transform: translate3d(0, var(--f-throw-out-distance, 150px), 0);
    transform: translate3d(0, var(--f-throw-out-distance, 150px), 0);
    opacity: 0
  }
}

.f-zoomInUp {
  -webkit-animation: var(--f-transition-duration, 0.2s) ease .1s both f-zoomInUp;
  animation: var(--f-transition-duration, 0.2s) ease .1s both f-zoomInUp
}

.f-zoomOutDown {
  -webkit-animation: var(--f-transition-duration, 0.2s) ease both f-zoomOutDown;
  animation: var(--f-transition-duration, 0.2s) ease both f-zoomOutDown
}

@-webkit-keyframes f-zoomInUp {
  from {
    -webkit-transform: scale(0.975) translate3d(0, 16px, 0);
    transform: scale(0.975) translate3d(0, 16px, 0);
    opacity: 0
  }

  to {
    -webkit-transform: scale(1) translate3d(0, 0, 0);
    transform: scale(1) translate3d(0, 0, 0);
    opacity: 1
  }
}

@keyframes f-zoomInUp {
  from {
    -webkit-transform: scale(0.975) translate3d(0, 16px, 0);
    transform: scale(0.975) translate3d(0, 16px, 0);
    opacity: 0
  }

  to {
    -webkit-transform: scale(1) translate3d(0, 0, 0);
    transform: scale(1) translate3d(0, 0, 0);
    opacity: 1
  }
}

@-webkit-keyframes f-zoomOutDown {
  to {
    -webkit-transform: scale(0.975) translate3d(0, 16px, 0);
    transform: scale(0.975) translate3d(0, 16px, 0);
    opacity: 0
  }
}

@keyframes f-zoomOutDown {
  to {
    -webkit-transform: scale(0.975) translate3d(0, 16px, 0);
    transform: scale(0.975) translate3d(0, 16px, 0);
    opacity: 0
  }
}

.f-fadeIn {
  -webkit-animation: var(--f-transition-duration, 0.2s) var(--f-transition-easing, ease) var(--f-transition-delay, 0s) both f-fadeIn;
  animation: var(--f-transition-duration, 0.2s) var(--f-transition-easing, ease) var(--f-transition-delay, 0s) both f-fadeIn;
  z-index: 2
}

.f-fadeOut {
  -webkit-animation: var(--f-transition-duration, 0.2s) var(--f-transition-easing, ease) var(--f-transition-delay, 0s) both f-fadeOut;
  animation: var(--f-transition-duration, 0.2s) var(--f-transition-easing, ease) var(--f-transition-delay, 0s) both f-fadeOut;
  z-index: 1
}

@-webkit-keyframes f-fadeIn {
  0% {
    opacity: 0
  }

  100% {
    opacity: 1
  }
}

@keyframes f-fadeIn {
  0% {
    opacity: 0
  }

  100% {
    opacity: 1
  }
}

@-webkit-keyframes f-fadeOut {
  100% {
    opacity: 0
  }
}

@keyframes f-fadeOut {
  100% {
    opacity: 0
  }
}

.f-fadeFastIn {
  -webkit-animation: var(--f-transition-duration, 0.2s) ease-out both f-fadeFastIn;
  animation: var(--f-transition-duration, 0.2s) ease-out both f-fadeFastIn;
  z-index: 2
}

.f-fadeFastOut {
  -webkit-animation: var(--f-transition-duration, 0.1s) ease-out both f-fadeFastOut;
  animation: var(--f-transition-duration, 0.1s) ease-out both f-fadeFastOut;
  z-index: 2
}

@-webkit-keyframes f-fadeFastIn {
  0% {
    opacity: .75
  }

  100% {
    opacity: 1
  }
}

@keyframes f-fadeFastIn {
  0% {
    opacity: .75
  }

  100% {
    opacity: 1
  }
}

@-webkit-keyframes f-fadeFastOut {
  100% {
    opacity: 0
  }
}

@keyframes f-fadeFastOut {
  100% {
    opacity: 0
  }
}

.f-fadeSlowIn {
  -webkit-animation: var(--f-transition-duration, 0.5s) ease both f-fadeSlowIn;
  animation: var(--f-transition-duration, 0.5s) ease both f-fadeSlowIn;
  z-index: 2
}

.f-fadeSlowOut {
  -webkit-animation: var(--f-transition-duration, 0.5s) ease both f-fadeSlowOut;
  animation: var(--f-transition-duration, 0.5s) ease both f-fadeSlowOut;
  z-index: 1
}

@-webkit-keyframes f-fadeSlowIn {
  0% {
    opacity: 0
  }

  100% {
    opacity: 1
  }
}

@keyframes f-fadeSlowIn {
  0% {
    opacity: 0
  }

  100% {
    opacity: 1
  }
}

@-webkit-keyframes f-fadeSlowOut {
  100% {
    opacity: 0
  }
}

@keyframes f-fadeSlowOut {
  100% {
    opacity: 0
  }
}

.f-crossfadeIn {
  -webkit-animation: var(--f-transition-duration, 0.2s) ease-out both f-crossfadeIn;
  animation: var(--f-transition-duration, 0.2s) ease-out both f-crossfadeIn;
  z-index: 2
}

.f-crossfadeOut {
  -webkit-animation: calc(var(--f-transition-duration, 0.2s)*.5) linear .1s both f-crossfadeOut;
  animation: calc(var(--f-transition-duration, 0.2s)*.5) linear .1s both f-crossfadeOut;
  z-index: 1
}

@-webkit-keyframes f-crossfadeIn {
  0% {
    opacity: 0
  }

  100% {
    opacity: 1
  }
}

@keyframes f-crossfadeIn {
  0% {
    opacity: 0
  }

  100% {
    opacity: 1
  }
}

@-webkit-keyframes f-crossfadeOut {
  100% {
    opacity: 0
  }
}

@keyframes f-crossfadeOut {
  100% {
    opacity: 0
  }
}

.f-slideIn.from-next {
  -webkit-animation: var(--f-transition-duration, 0.85s) cubic-bezier(0.16, 1, 0.3, 1) f-slideInNext;
  animation: var(--f-transition-duration, 0.85s) cubic-bezier(0.16, 1, 0.3, 1) f-slideInNext
}

.f-slideIn.from-prev {
  -webkit-animation: var(--f-transition-duration, 0.85s) cubic-bezier(0.16, 1, 0.3, 1) f-slideInPrev;
  animation: var(--f-transition-duration, 0.85s) cubic-bezier(0.16, 1, 0.3, 1) f-slideInPrev
}

.f-slideOut.to-next {
  -webkit-animation: var(--f-transition-duration, 0.85s) cubic-bezier(0.16, 1, 0.3, 1) f-slideOutNext;
  animation: var(--f-transition-duration, 0.85s) cubic-bezier(0.16, 1, 0.3, 1) f-slideOutNext
}

.f-slideOut.to-prev {
  -webkit-animation: var(--f-transition-duration, 0.85s) cubic-bezier(0.16, 1, 0.3, 1) f-slideOutPrev;
  animation: var(--f-transition-duration, 0.85s) cubic-bezier(0.16, 1, 0.3, 1) f-slideOutPrev
}

@-webkit-keyframes f-slideInPrev {
  0% {
    -webkit-transform: translateX(100%);
    transform: translateX(100%)
  }

  100% {
    -webkit-transform: translate3d(0, 0, 0);
    transform: translate3d(0, 0, 0)
  }
}

@keyframes f-slideInPrev {
  0% {
    -webkit-transform: translateX(100%);
    transform: translateX(100%)
  }

  100% {
    -webkit-transform: translate3d(0, 0, 0);
    transform: translate3d(0, 0, 0)
  }
}

@-webkit-keyframes f-slideInNext {
  0% {
    -webkit-transform: translateX(-100%);
    transform: translateX(-100%)
  }

  100% {
    -webkit-transform: translate3d(0, 0, 0);
    transform: translate3d(0, 0, 0)
  }
}

@keyframes f-slideInNext {
  0% {
    -webkit-transform: translateX(-100%);
    transform: translateX(-100%)
  }

  100% {
    -webkit-transform: translate3d(0, 0, 0);
    transform: translate3d(0, 0, 0)
  }
}

@-webkit-keyframes f-slideOutNext {
  100% {
    -webkit-transform: translateX(-100%);
    transform: translateX(-100%)
  }
}

@keyframes f-slideOutNext {
  100% {
    -webkit-transform: translateX(-100%);
    transform: translateX(-100%)
  }
}

@-webkit-keyframes f-slideOutPrev {
  100% {
    -webkit-transform: translateX(100%);
    transform: translateX(100%)
  }
}

@keyframes f-slideOutPrev {
  100% {
    -webkit-transform: translateX(100%);
    transform: translateX(100%)
  }
}

.f-classicIn.from-next {
  -webkit-animation: var(--f-transition-duration, 0.85s) cubic-bezier(0.16, 1, 0.3, 1) f-classicInNext;
  animation: var(--f-transition-duration, 0.85s) cubic-bezier(0.16, 1, 0.3, 1) f-classicInNext;
  z-index: 2
}

.f-classicIn.from-prev {
  -webkit-animation: var(--f-transition-duration, 0.85s) cubic-bezier(0.16, 1, 0.3, 1) f-classicInPrev;
  animation: var(--f-transition-duration, 0.85s) cubic-bezier(0.16, 1, 0.3, 1) f-classicInPrev;
  z-index: 2
}

.f-classicOut.to-next {
  -webkit-animation: var(--f-transition-duration, 0.85s) cubic-bezier(0.16, 1, 0.3, 1) f-classicOutNext;
  animation: var(--f-transition-duration, 0.85s) cubic-bezier(0.16, 1, 0.3, 1) f-classicOutNext;
  z-index: 1
}

.f-classicOut.to-prev {
  -webkit-animation: var(--f-transition-duration, 0.85s) cubic-bezier(0.16, 1, 0.3, 1) f-classicOutPrev;
  animation: var(--f-transition-duration, 0.85s) cubic-bezier(0.16, 1, 0.3, 1) f-classicOutPrev;
  z-index: 1
}

@-webkit-keyframes f-classicInNext {
  0% {
    -webkit-transform: translateX(-75px);
    transform: translateX(-75px);
    opacity: 0
  }

  100% {
    -webkit-transform: translate3d(0, 0, 0);
    transform: translate3d(0, 0, 0);
    opacity: 1
  }
}

@keyframes f-classicInNext {
  0% {
    -webkit-transform: translateX(-75px);
    transform: translateX(-75px);
    opacity: 0
  }

  100% {
    -webkit-transform: translate3d(0, 0, 0);
    transform: translate3d(0, 0, 0);
    opacity: 1
  }
}

@-webkit-keyframes f-classicInPrev {
  0% {
    -webkit-transform: translateX(75px);
    transform: translateX(75px);
    opacity: 0
  }

  100% {
    -webkit-transform: translate3d(0, 0, 0);
    transform: translate3d(0, 0, 0);
    opacity: 1
  }
}

@keyframes f-classicInPrev {
  0% {
    -webkit-transform: translateX(75px);
    transform: translateX(75px);
    opacity: 0
  }

  100% {
    -webkit-transform: translate3d(0, 0, 0);
    transform: translate3d(0, 0, 0);
    opacity: 1
  }
}

@-webkit-keyframes f-classicOutNext {
  100% {
    -webkit-transform: translateX(-75px);
    transform: translateX(-75px);
    opacity: 0
  }
}

@keyframes f-classicOutNext {
  100% {
    -webkit-transform: translateX(-75px);
    transform: translateX(-75px);
    opacity: 0
  }
}

@-webkit-keyframes f-classicOutPrev {
  100% {
    -webkit-transform: translateX(75px);
    transform: translateX(75px);
    opacity: 0
  }
}

@keyframes f-classicOutPrev {
  100% {
    -webkit-transform: translateX(75px);
    transform: translateX(75px);
    opacity: 0
  }
}

:root {
  --f-button-width: 40px;
  --f-button-height: 40px;
  --f-button-border: 0;
  --f-button-border-radius: 0;
  --f-button-color: #374151;
  --f-button-bg: #f8f8f8;
  --f-button-hover-bg: #e0e0e0;
  --f-button-active-bg: #d0d0d0;
  --f-button-shadow: none;
  --f-button-transition: all 0.15s ease;
  --f-button-transform: none;
  --f-button-svg-width: 20px;
  --f-button-svg-height: 20px;
  --f-button-svg-stroke-width: 1.5;
  --f-button-svg-fill: none;
  --f-button-svg-filter: none;
  --f-button-svg-disabled-opacity: 0.65
}

.f-button {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: center;
  -ms-flex-pack: center;
  justify-content: center;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  -webkit-box-sizing: content-box;
  box-sizing: content-box;
  position: relative;
  margin: 0;
  padding: 0;
  width: var(--f-button-width);
  height: var(--f-button-height);
  border: var(--f-button-border);
  border-radius: var(--f-button-border-radius);
  color: var(--f-button-color);
  background: var(--f-button-bg);
  -webkit-box-shadow: var(--f-button-shadow);
  box-shadow: var(--f-button-shadow);
  pointer-events: all;
  cursor: pointer;
  -webkit-transition: var(--f-button-transition);
  transition: var(--f-button-transition)
}

@media(hover: hover) {
  .f-button:hover:not([disabled]) {
    color: var(--f-button-hover-color);
    background-color: var(--f-button-hover-bg)
  }
}

.f-button:active:not([disabled]) {
  background-color: var(--f-button-active-bg)
}

.f-button:focus:not(:focus-visible) {
  outline: none
}

.f-button:focus-visible {
  outline: none;
  -webkit-box-shadow: inset 0 0 0 var(--f-button-outline, 2px) var(--f-button-outline-color, var(--f-button-color));
  box-shadow: inset 0 0 0 var(--f-button-outline, 2px) var(--f-button-outline-color, var(--f-button-color))
}

.f-button svg {
  width: var(--f-button-svg-width);
  height: var(--f-button-svg-height);
  fill: var(--f-button-svg-fill);
  stroke: currentColor;
  stroke-width: var(--f-button-svg-stroke-width);
  stroke-linecap: round;
  stroke-linejoin: round;
  -webkit-transition: opacity .15s ease;
  transition: opacity .15s ease;
  -webkit-transform: var(--f-button-transform);
  -ms-transform: var(--f-button-transform);
  transform: var(--f-button-transform);
  -webkit-filter: var(--f-button-svg-filter);
  filter: var(--f-button-svg-filter);
  pointer-events: none
}

.f-button[disabled] {
  cursor: default
}

.f-button[disabled] svg {
  opacity: var(--f-button-svg-disabled-opacity)
}

.f-carousel__nav .f-button.is-prev, .f-carousel__nav .f-button.is-next, .fancybox__nav .f-button.is-prev, .fancybox__nav .f-button.is-next {
  position: absolute;
  z-index: 1
}

.is-horizontal .f-carousel__nav .f-button.is-prev, .is-horizontal .f-carousel__nav .f-button.is-next, .is-horizontal .fancybox__nav .f-button.is-prev, .is-horizontal .fancybox__nav .f-button.is-next {
  top: 50%;
  -webkit-transform: translateY(-50%);
  -ms-transform: translateY(-50%);
  transform: translateY(-50%)
}

.is-horizontal .f-carousel__nav .f-button.is-prev, .is-horizontal .fancybox__nav .f-button.is-prev {
  left: var(--f-button-prev-pos)
}

.is-horizontal .f-carousel__nav .f-button.is-next, .is-horizontal .fancybox__nav .f-button.is-next {
  right: var(--f-button-next-pos)
}

.is-horizontal.is-rtl .f-carousel__nav .f-button.is-prev, .is-horizontal.is-rtl .fancybox__nav .f-button.is-prev {
  left: auto;
  right: var(--f-button-next-pos)
}

.is-horizontal.is-rtl .f-carousel__nav .f-button.is-next, .is-horizontal.is-rtl .fancybox__nav .f-button.is-next {
  right: auto;
  left: var(--f-button-prev-pos)
}

.is-vertical .f-carousel__nav .f-button.is-prev, .is-vertical .f-carousel__nav .f-button.is-next, .is-vertical .fancybox__nav .f-button.is-prev, .is-vertical .fancybox__nav .f-button.is-next {
  top: auto;
  left: 50%;
  -webkit-transform: translateX(-50%);
  -ms-transform: translateX(-50%);
  transform: translateX(-50%)
}

.is-vertical .f-carousel__nav .f-button.is-prev, .is-vertical .fancybox__nav .f-button.is-prev {
  top: var(--f-button-next-pos)
}

.is-vertical .f-carousel__nav .f-button.is-next, .is-vertical .fancybox__nav .f-button.is-next {
  bottom: var(--f-button-next-pos)
}

.is-vertical .f-carousel__nav .f-button.is-prev svg, .is-vertical .f-carousel__nav .f-button.is-next svg, .is-vertical .fancybox__nav .f-button.is-prev svg, .is-vertical .fancybox__nav .f-button.is-next svg {
  -webkit-transform: rotate(90deg);
  -ms-transform: rotate(90deg);
  transform: rotate(90deg)
}

.f-carousel__nav .f-button:disabled, .fancybox__nav .f-button:disabled {
  pointer-events: none
}

html.with-fancybox {
  width: auto;
  overflow: visible;
  scroll-behavior: auto
}

html.with-fancybox body {
  -ms-touch-action: none;
  touch-action: none
}

html.with-fancybox body.hide-scrollbar {
  width: auto;
  margin-right: calc(var(--fancybox-body-margin, 0px) + var(--fancybox-scrollbar-compensate, 0px));
  overflow: hidden !important;
  overscroll-behavior-y: none
}

.fancybox__container {
  --fancybox-color: #dbdbdb;
  --fancybox-hover-color: #fff;
  --fancybox-bg: rgba(24, 24, 27, 0.98);
  --fancybox-slide-gap: 10px;
  --f-spinner-width: 50px;
  --f-spinner-height: 50px;
  --f-spinner-color-1: rgba(255, 255, 255, 0.1);
  --f-spinner-color-2: #bbb;
  --f-spinner-stroke: 3.65;
  position: fixed;
  top: 0;
  left: 0;
  bottom: 0;
  right: 0;
  direction: ltr;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
  -ms-flex-direction: column;
  flex-direction: column;
  -webkit-box-sizing: border-box;
  box-sizing: border-box;
  margin: 0;
  padding: 0;
  color: #f8f8f8;
  -webkit-tap-highlight-color: rgba(0, 0, 0, 0);
  overflow: visible;
  z-index: var(--fancybox-zIndex, 1050);
  outline: none;
  -webkit-transform-origin: top left;
  -ms-transform-origin: top left;
  transform-origin: top left;
  -webkit-text-size-adjust: 100%;
  -moz-text-size-adjust: none;
  -ms-text-size-adjust: 100%;
  text-size-adjust: 100%;
  overscroll-behavior-y: contain
}

.fancybox__container *, .fancybox__container *::before, .fancybox__container *::after {
  -webkit-box-sizing: inherit;
  box-sizing: inherit
}

.fancybox__container::-ms-backdrop {
  background-color: rgba(0, 0, 0, 0)
}

.fancybox__container::backdrop {
  background-color: rgba(0, 0, 0, 0)
}

.fancybox__backdrop {
  position: fixed;
  top: 0;
  left: 0;
  bottom: 0;
  right: 0;
  z-index: -1;
  background: var(--fancybox-bg);
  opacity: var(--fancybox-opacity, 1);
  will-change: opacity
}

.fancybox__carousel {
  position: relative;
  -webkit-box-sizing: border-box;
  box-sizing: border-box;
  -webkit-box-flex: 1;
  -ms-flex: 1;
  flex: 1;
  min-height: 0;
  z-index: 10;
  overflow-y: visible;
  overflow-x: clip
}

.fancybox__viewport {
  width: 100%;
  height: 100%
}

.fancybox__viewport.is-draggable {
  cursor: move;
  cursor: -webkit-grab;
  cursor: grab
}

.fancybox__viewport.is-dragging {
  cursor: move;
  cursor: -webkit-grabbing;
  cursor: grabbing
}

.fancybox__track {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  margin: 0 auto;
  height: 100%
}

.fancybox__slide {
  -webkit-box-flex: 0;
  -ms-flex: 0 0 auto;
  flex: 0 0 auto;
  position: relative;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
  -ms-flex-direction: column;
  flex-direction: column;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  width: 100%;
  height: 100%;
  margin: 0 var(--fancybox-slide-gap) 0 0;
  padding: 4px;
  overflow: auto;
  -ms-scroll-chaining: none;
  overscroll-behavior: contain;
  -webkit-transform: translate3d(0, 0, 0);
  transform: translate3d(0, 0, 0);
  -webkit-backface-visibility: hidden;
  backface-visibility: hidden
}

.fancybox__container:not(.is-compact) .fancybox__slide.has-close-btn {
  padding-top: 40px
}

.fancybox__slide.has-iframe, .fancybox__slide.has-video, .fancybox__slide.has-html5video {
  overflow: hidden
}

.fancybox__slide.has-image {
  overflow: hidden
}

.fancybox__slide.has-image.is-animating, .fancybox__slide.has-image.is-selected {
  overflow: visible
}

.fancybox__slide::before, .fancybox__slide::after {
  content: "";
  -webkit-box-flex: 0;
  -ms-flex: 0 0 0px;
  flex: 0 0 0;
  margin: auto
}

.fancybox__content {
  -ms-flex-item-align: center;
  align-self: center;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
  -ms-flex-direction: column;
  flex-direction: column;
  position: relative;
  margin: 0;
  padding: 2rem;
  max-width: 100%;
  color: var(--fancybox-content-color, #374151);
  background: var(--fancybox-content-bg, #fff);
  cursor: default;
  border-radius: 0;
  z-index: 20
}

.is-loading .fancybox__content {
  opacity: 0
}

.is-draggable .fancybox__content {
  cursor: move;
  cursor: -webkit-grab;
  cursor: grab
}

.can-zoom_in .fancybox__content {
  cursor: -webkit-zoom-in;
  cursor: zoom-in
}

.can-zoom_out .fancybox__content {
  cursor: -webkit-zoom-out;
  cursor: zoom-out
}

.is-dragging .fancybox__content {
  cursor: move;
  cursor: -webkit-grabbing;
  cursor: grabbing
}

.fancybox__content [data-selectable], .fancybox__content [contenteditable] {
  cursor: auto
}

.fancybox__slide.has-image>.fancybox__content {
  padding: 0;
  background: rgba(0, 0, 0, 0);
  min-height: 1px;
  background-repeat: no-repeat;
  background-size: contain;
  background-position: center center;
  -webkit-transition: none;
  transition: none;
  -webkit-transform: translate3d(0, 0, 0);
  transform: translate3d(0, 0, 0);
  -webkit-backface-visibility: hidden;
  backface-visibility: hidden
}

.fancybox__slide.has-image>.fancybox__content>picture>img {
  width: 100%;
  height: auto;
  max-height: 100%
}

.is-zooming-in .fancybox__viewport:not(.is-dragging) .fancybox__slide:not(.is-selected) .fancybox__content, .is-zooming-out .fancybox__viewport:not(.is-dragging) .fancybox__slide:not(.is-selected) .fancybox__content {
  visibility: hidden
}

.is-animating .fancybox__content, .is-dragging .fancybox__content {
  -webkit-filter: blur(0px);
  filter: blur(0px);
  will-change: transform, width, height
}

.fancybox-image {
  margin: auto;
  display: block;
  width: 100%;
  height: 100%;
  min-height: 0;
  -o-object-fit: contain;
  object-fit: contain;
  -webkit-user-select: none;
  -moz-user-select: none;
  -ms-user-select: none;
  user-select: none
}

.fancybox__caption {
  -ms-flex-item-align: center;
  align-self: center;
  max-width: 100%;
  -ms-flex-negative: 0;
  flex-shrink: 0;
  margin: 0;
  padding: 14px 0 4px 0;
  overflow-wrap: anywhere;
  line-height: 1.375;
  color: var(--fancybox-color, currentColor);
  opacity: var(--fancybox-opacity, 1);
  cursor: auto;
  visibility: visible
}

.is-loading .fancybox__caption, .is-closing .fancybox__caption {
  opacity: 0;
  visibility: hidden
}

.is-compact .fancybox__caption {
  padding-bottom: 0
}

.f-button.is-close-btn {
  --f-button-svg-stroke-width: 2;
  position: absolute;
  top: 0;
  right: 8px;
  z-index: 40
}

.fancybox__content>.f-button.is-close-btn {
  --f-button-width: 34px;
  --f-button-height: 34px;
  --f-button-border-radius: 4px;
  --f-button-color: var(--fancybox-color, #fff);
  --f-button-hover-color: var(--fancybox-color, #fff);
  --f-button-bg: transparent;
  --f-button-hover-bg: transparent;
  --f-button-active-bg: transparent;
  --f-button-svg-width: 22px;
  --f-button-svg-height: 22px;
  position: absolute;
  top: -38px;
  right: 0;
  opacity: .75
}

.is-loading .fancybox__content>.f-button.is-close-btn {
  visibility: hidden
}

.is-zooming-out .fancybox__content>.f-button.is-close-btn {
  visibility: hidden
}

.fancybox__content>.f-button.is-close-btn:hover {
  opacity: 1
}

.fancybox__footer {
  padding: 0;
  margin: 0;
  position: relative
}

.fancybox__footer .fancybox__caption {
  width: 100%;
  padding: 24px;
  opacity: var(--fancybox-opacity, 1);
  -webkit-transition: all .25s ease;
  transition: all .25s ease
}

.is-compact .fancybox__footer {
  position: absolute;
  bottom: 0;
  left: 0;
  right: 0;
  z-index: 20;
  background: rgba(24, 24, 27, .5)
}

.is-compact .fancybox__footer .fancybox__caption {
  padding: 12px
}

.is-compact .fancybox__content>.f-button.is-close-btn {
  --f-button-border-radius: 50%;
  --f-button-color: #fff;
  --f-button-hover-color: #fff;
  --f-button-outline-color: #000;
  --f-button-bg: rgba(0, 0, 0, 0.6);
  --f-button-active-bg: rgba(0, 0, 0, 0.6);
  --f-button-hover-bg: rgba(0, 0, 0, 0.6);
  --f-button-svg-width: 18px;
  --f-button-svg-height: 18px;
  --f-button-svg-filter: none;
  top: 5px;
  right: 5px
}

.fancybox__nav {
  --f-button-width: 50px;
  --f-button-height: 50px;
  --f-button-border: 0;
  --f-button-border-radius: 50%;
  --f-button-color: var(--fancybox-color);
  --f-button-hover-color: var(--fancybox-hover-color);
  --f-button-bg: transparent;
  --f-button-hover-bg: rgba(24, 24, 27, 0.3);
  --f-button-active-bg: rgba(24, 24, 27, 0.5);
  --f-button-shadow: none;
  --f-button-transition: all 0.15s ease;
  --f-button-transform: none;
  --f-button-svg-width: 26px;
  --f-button-svg-height: 26px;
  --f-button-svg-stroke-width: 2.5;
  --f-button-svg-fill: none;
  --f-button-svg-filter: drop-shadow(1px 1px 1px rgba(24, 24, 27, 0.5));
  --f-button-svg-disabled-opacity: 0.65;
  --f-button-next-pos: 1rem;
  --f-button-prev-pos: 1rem;
  opacity: var(--fancybox-opacity, 1)
}

.fancybox__nav .f-button:before {
  position: absolute;
  content: "";
  top: -30px;
  right: -20px;
  left: -20px;
  bottom: -30px;
  z-index: 1
}

.is-idle .fancybox__nav {
  -webkit-animation: .15s ease-out both f-fadeOut;
  animation: .15s ease-out both f-fadeOut
}

.is-idle.is-compact .fancybox__footer {
  pointer-events: none;
  -webkit-animation: .15s ease-out both f-fadeOut;
  animation: .15s ease-out both f-fadeOut
}

.fancybox__slide>.f-spinner {
  position: absolute;
  top: 50%;
  left: 50%;
  margin: var(--f-spinner-top, calc(var(--f-spinner-width) * -0.5)) 0 0 var(--f-spinner-left, calc(var(--f-spinner-height) * -0.5));
  z-index: 30;
  cursor: pointer
}

.fancybox-protected {
  position: absolute;
  top: 0;
  left: 0;
  right: 0;
  bottom: 0;
  z-index: 40;
  -webkit-user-select: none;
  -moz-user-select: none;
  -ms-user-select: none;
  user-select: none
}

.fancybox-ghost {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  min-height: 0;
  -o-object-fit: contain;
  object-fit: contain;
  z-index: 40;
  -webkit-user-select: none;
  -moz-user-select: none;
  -ms-user-select: none;
  user-select: none;
  pointer-events: none
}

.fancybox-focus-guard {
  outline: none;
  opacity: 0;
  position: fixed;
  pointer-events: none
}

.fancybox__container:not([aria-hidden]) {
  opacity: 0
}

.fancybox__container.is-animated[aria-hidden=false]>*:not(.fancybox__backdrop, .fancybox__carousel), .fancybox__container.is-animated[aria-hidden=false] .fancybox__carousel>*:not(.fancybox__viewport), .fancybox__container.is-animated[aria-hidden=false] .fancybox__slide>*:not(.fancybox__content) {
  -webkit-animation: var(--f-interface-enter-duration, 0.25s) ease .1s backwards f-fadeIn;
  animation: var(--f-interface-enter-duration, 0.25s) ease .1s backwards f-fadeIn
}

.fancybox__container.is-animated[aria-hidden=false] .fancybox__backdrop {
  -webkit-animation: var(--f-backdrop-enter-duration, 0.35s) ease backwards f-fadeIn;
  animation: var(--f-backdrop-enter-duration, 0.35s) ease backwards f-fadeIn
}

.fancybox__container.is-animated[aria-hidden=true]>*:not(.fancybox__backdrop, .fancybox__carousel), .fancybox__container.is-animated[aria-hidden=true] .fancybox__carousel>*:not(.fancybox__viewport), .fancybox__container.is-animated[aria-hidden=true] .fancybox__slide>*:not(.fancybox__content) {
  -webkit-animation: var(--f-interface-exit-duration, 0.15s) ease forwards f-fadeOut;
  animation: var(--f-interface-exit-duration, 0.15s) ease forwards f-fadeOut
}

.fancybox__container.is-animated[aria-hidden=true] .fancybox__backdrop {
  -webkit-animation: var(--f-backdrop-exit-duration, 0.35s) ease forwards f-fadeOut;
  animation: var(--f-backdrop-exit-duration, 0.35s) ease forwards f-fadeOut
}

.has-iframe .fancybox__content, .has-map .fancybox__content, .has-pdf .fancybox__content, .has-youtube .fancybox__content, .has-vimeo .fancybox__content, .has-html5video .fancybox__content {
  max-width: 100%;
  -ms-flex-negative: 1;
  flex-shrink: 1;
  min-height: 1px;
  overflow: visible
}

.has-iframe .fancybox__content, .has-map .fancybox__content, .has-pdf .fancybox__content {
  width: calc(100% - 120px);
  height: 90%
}

.fancybox__container.is-compact .has-iframe .fancybox__content, .fancybox__container.is-compact .has-map .fancybox__content, .fancybox__container.is-compact .has-pdf .fancybox__content {
  width: 100%;
  height: 100%
}

.has-youtube .fancybox__content, .has-vimeo .fancybox__content, .has-html5video .fancybox__content {
  width: 960px;
  height: 540px;
  max-width: 100%;
  max-height: 100%
}

.has-map .fancybox__content, .has-pdf .fancybox__content, .has-youtube .fancybox__content, .has-vimeo .fancybox__content, .has-html5video .fancybox__content {
  padding: 0;
  background: rgba(24, 24, 27, .9);
  color: #fff
}

.has-map .fancybox__content {
  background: #e5e3df
}

.fancybox__html5video, .fancybox__iframe {
  border: 0;
  display: block;
  height: 100%;
  width: 100%;
  background: rgba(0, 0, 0, 0)
}

.fancybox-placeholder {
  border: 0 !important;
  clip: rect(1px, 1px, 1px, 1px) !important;
  -webkit-clip-path: inset(50%) !important;
  clip-path: inset(50%) !important;
  height: 1px !important;
  margin: -1px !important;
  overflow: hidden !important;
  padding: 0 !important;
  position: absolute !important;
  width: 1px !important;
  white-space: nowrap !important
}

.f-carousel__thumbs {
  --f-thumb-width: 96px;
  --f-thumb-height: 72px;
  --f-thumb-outline: 0;
  --f-thumb-outline-color: #5eb0ef;
  --f-thumb-opacity: 1;
  --f-thumb-hover-opacity: 1;
  --f-thumb-selected-opacity: 1;
  --f-thumb-border-radius: 2px;
  --f-thumb-offset: 0px;
  --f-button-next-pos: 0;
  --f-button-prev-pos: 0
}

.f-carousel__thumbs.is-classic {
  --f-thumb-gap: 8px;
  --f-thumb-opacity: 0.5;
  --f-thumb-hover-opacity: 1;
  --f-thumb-selected-opacity: 1
}

.f-carousel__thumbs.is-modern {
  --f-thumb-gap: 4px;
  --f-thumb-extra-gap: 16px;
  --f-thumb-clip-width: 46px
}

.f-thumbs {
  position: relative;
  -webkit-box-flex: 0;
  -ms-flex: 0 0 auto;
  flex: 0 0 auto;
  margin: 0;
  overflow: hidden;
  -webkit-tap-highlight-color: rgba(0, 0, 0, 0);
  -webkit-user-select: none;
  -moz-user-select: none;
  -ms-user-select: none;
  user-select: none;
  -webkit-perspective: 1000px;
  perspective: 1000px;
  -webkit-transform: translateZ(0);
  transform: translateZ(0)
}

.f-thumbs .f-spinner {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  border-radius: 2px;
  background-image: -webkit-gradient(linear, left top, left bottom, from(#ebeff2), to(#e2e8f0));
  background-image: linear-gradient(#ebeff2, #e2e8f0);
  z-index: -1
}

.f-thumbs .f-spinner svg {
  display: none
}

.f-thumbs.is-vertical {
  height: 100%
}

.f-thumbs__viewport {
  width: 100%;
  height: auto;
  overflow: hidden;
  -webkit-transform: translate3d(0, 0, 0);
  transform: translate3d(0, 0, 0)
}

.f-thumbs__track {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex
}

.f-thumbs__slide {
  position: relative;
  -webkit-box-flex: 0;
  -ms-flex: 0 0 auto;
  flex: 0 0 auto;
  -webkit-box-sizing: content-box;
  box-sizing: content-box;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  -webkit-box-pack: center;
  -ms-flex-pack: center;
  justify-content: center;
  padding: 0;
  margin: 0;
  width: var(--f-thumb-width);
  height: var(--f-thumb-height);
  overflow: visible;
  cursor: pointer
}

.f-thumbs__slide.is-loading img {
  opacity: 0
}

.is-classic .f-thumbs__viewport {
  height: 100%
}

.is-modern .f-thumbs__track {
  width: -webkit-max-content;
  width: -moz-max-content;
  width: max-content
}

.is-modern .f-thumbs__track::before {
  content: "";
  position: absolute;
  top: 0;
  bottom: 0;
  left: calc((var(--f-thumb-clip-width, 0))*-0.5);
  width: calc(var(--width, 0)*1px + var(--f-thumb-clip-width, 0));
  cursor: pointer
}

.is-modern .f-thumbs__slide {
  width: var(--f-thumb-clip-width);
  -webkit-transform: translate3d(calc(var(--shift, 0) * -1px), 0, 0);
  transform: translate3d(calc(var(--shift, 0) * -1px), 0, 0);
  -webkit-transition: none;
  transition: none;
  pointer-events: none
}

.is-modern.is-resting .f-thumbs__slide {
  -webkit-transition: -webkit-transform .33s ease;
  transition: -webkit-transform .33s ease;
  transition: transform .33s ease;
  transition: transform .33s ease, -webkit-transform .33s ease
}

.is-modern.is-resting .f-thumbs__slide__button {
  -webkit-transition: -webkit-clip-path .33s ease;
  transition: -webkit-clip-path .33s ease;
  transition: clip-path .33s ease;
  transition: clip-path .33s ease, -webkit-clip-path .33s ease
}

.is-using-tab .is-modern .f-thumbs__slide:focus-within {
  -webkit-filter: drop-shadow(-1px 0px 0px var(--f-thumb-outline-color)) drop-shadow(2px 0px 0px var(--f-thumb-outline-color)) drop-shadow(0px -1px 0px var(--f-thumb-outline-color)) drop-shadow(0px 2px 0px var(--f-thumb-outline-color));
  filter: drop-shadow(-1px 0px 0px var(--f-thumb-outline-color)) drop-shadow(2px 0px 0px var(--f-thumb-outline-color)) drop-shadow(0px -1px 0px var(--f-thumb-outline-color)) drop-shadow(0px 2px 0px var(--f-thumb-outline-color))
}

.f-thumbs__slide__button {
  -webkit-appearance: none;
  -moz-appearance: none;
  appearance: none;
  width: var(--f-thumb-width);
  height: 100%;
  margin: 0 -100% 0 -100%;
  padding: 0;
  border: 0;
  position: relative;
  border-radius: var(--f-thumb-border-radius);
  overflow: hidden;
  background: rgba(0, 0, 0, 0);
  outline: none;
  cursor: pointer;
  pointer-events: auto;
  -ms-touch-action: manipulation;
  touch-action: manipulation;
  opacity: var(--f-thumb-opacity);
  -webkit-transition: opacity .2s ease;
  transition: opacity .2s ease
}

.f-thumbs__slide__button:hover {
  opacity: var(--f-thumb-hover-opacity)
}

.f-thumbs__slide__button:focus:not(:focus-visible) {
  outline: none
}

.f-thumbs__slide__button:focus-visible {
  outline: none;
  opacity: var(--f-thumb-selected-opacity)
}

.is-modern .f-thumbs__slide__button {
  --clip-path: inset(0 calc(((var(--f-thumb-width, 0) - var(--f-thumb-clip-width, 0))) * (1 - var(--progress, 0)) * 0.5) round var(--f-thumb-border-radius, 0));
  -webkit-clip-path: var(--clip-path);
  clip-path: var(--clip-path)
}

.is-classic .is-nav-selected .f-thumbs__slide__button {
  opacity: var(--f-thumb-selected-opacity)
}

.is-classic .is-nav-selected .f-thumbs__slide__button::after {
  content: "";
  position: absolute;
  top: 0;
  left: 0;
  right: 0;
  height: auto;
  bottom: 0;
  border: var(--f-thumb-outline, 0) solid var(--f-thumb-outline-color, transparent);
  border-radius: var(--f-thumb-border-radius);
  -webkit-animation: f-fadeIn .2s ease-out;
  animation: f-fadeIn .2s ease-out;
  z-index: 10
}

.f-thumbs__slide__img {
  overflow: hidden;
  position: absolute;
  top: 0;
  right: 0;
  bottom: 0;
  left: 0;
  width: 100%;
  height: 100%;
  margin: 0;
  padding: var(--f-thumb-offset);
  -webkit-box-sizing: border-box;
  box-sizing: border-box;
  pointer-events: none;
  -o-object-fit: cover;
  object-fit: cover;
  border-radius: var(--f-thumb-border-radius)
}

.f-thumbs.is-horizontal .f-thumbs__track {
  padding: 8px 0 12px 0
}

.f-thumbs.is-horizontal .f-thumbs__slide {
  margin: 0 var(--f-thumb-gap) 0 0
}

.f-thumbs.is-vertical .f-thumbs__track {
  -ms-flex-wrap: wrap;
  flex-wrap: wrap;
  padding: 0 8px
}

.f-thumbs.is-vertical .f-thumbs__slide {
  margin: 0 0 var(--f-thumb-gap) 0
}

.fancybox__thumbs {
  --f-thumb-width: 96px;
  --f-thumb-height: 72px;
  --f-thumb-border-radius: 2px;
  --f-thumb-outline: 2px;
  --f-thumb-outline-color: #ededed;
  position: relative;
  opacity: var(--fancybox-opacity, 1);
  -webkit-transition: max-height .35s cubic-bezier(0.23, 1, 0.32, 1);
  transition: max-height .35s cubic-bezier(0.23, 1, 0.32, 1)
}

.fancybox__thumbs.is-classic {
  --f-thumb-gap: 8px;
  --f-thumb-opacity: 0.5;
  --f-thumb-hover-opacity: 1
}

.fancybox__thumbs.is-classic .f-spinner {
  background-image: -webkit-gradient(linear, left top, left bottom, from(rgba(255, 255, 255, 0.1)), to(rgba(255, 255, 255, 0.05)));
  background-image: linear-gradient(rgba(255, 255, 255, 0.1), rgba(255, 255, 255, 0.05))
}

.fancybox__thumbs.is-modern {
  --f-thumb-gap: 4px;
  --f-thumb-extra-gap: 16px;
  --f-thumb-clip-width: 46px;
  --f-thumb-opacity: 1;
  --f-thumb-hover-opacity: 1
}

.fancybox__thumbs.is-modern .f-spinner {
  background-image: -webkit-gradient(linear, left top, left bottom, from(rgba(255, 255, 255, 0.1)), to(rgba(255, 255, 255, 0.05)));
  background-image: linear-gradient(rgba(255, 255, 255, 0.1), rgba(255, 255, 255, 0.05))
}

.fancybox__thumbs.is-horizontal {
  padding: 0 var(--f-thumb-gap)
}

.fancybox__thumbs.is-vertical {
  padding: var(--f-thumb-gap) 0
}

.is-compact .fancybox__thumbs {
  --f-thumb-width: 64px;
  --f-thumb-clip-width: 32px;
  --f-thumb-height: 48px;
  --f-thumb-extra-gap: 10px
}

.fancybox__thumbs.is-masked {
  max-height: 0px !important
}

.is-closing .fancybox__thumbs {
  -webkit-transition: none !important;
  transition: none !important
}

.fancybox__toolbar {
  --f-progress-color: var(--fancybox-color, rgba(255, 255, 255, 0.94));
  --f-button-width: 46px;
  --f-button-height: 46px;
  --f-button-color: var(--fancybox-color);
  --f-button-hover-color: var(--fancybox-hover-color);
  --f-button-bg: rgba(24, 24, 27, 0.65);
  --f-button-hover-bg: rgba(70, 70, 73, 0.65);
  --f-button-active-bg: rgba(90, 90, 93, 0.65);
  --f-button-border-radius: 0;
  --f-button-svg-width: 24px;
  --f-button-svg-height: 24px;
  --f-button-svg-stroke-width: 1.5;
  --f-button-svg-filter: drop-shadow(1px 1px 1px rgba(24, 24, 27, 0.15));
  --f-button-svg-fill: none;
  --f-button-svg-disabled-opacity: 0.65;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: horizontal;
  -webkit-box-direction: normal;
  -ms-flex-direction: row;
  flex-direction: row;
  -webkit-box-pack: justify;
  -ms-flex-pack: justify;
  justify-content: space-between;
  margin: 0;
  padding: 0;
  font-family: -apple-system, BlinkMacSystemFont, "Segoe UI Adjusted", "Segoe UI", "Liberation Sans", sans-serif;
  color: var(--fancybox-color, currentColor);
  opacity: var(--fancybox-opacity, 1);
  text-shadow: var(--fancybox-toolbar-text-shadow, 1px 1px 1px rgba(0, 0, 0, 0.5));
  pointer-events: none;
  z-index: 20
}

.fancybox__toolbar :focus-visible {
  z-index: 1
}

.fancybox__toolbar.is-absolute, .is-compact .fancybox__toolbar {
  position: absolute;
  top: 0;
  left: 0;
  right: 0
}

.is-idle .fancybox__toolbar {
  pointer-events: none;
  -webkit-animation: .15s ease-out both f-fadeOut;
  animation: .15s ease-out both f-fadeOut
}

.fancybox__toolbar__column {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: horizontal;
  -webkit-box-direction: normal;
  -ms-flex-direction: row;
  flex-direction: row;
  -ms-flex-wrap: wrap;
  flex-wrap: wrap;
  -ms-flex-line-pack: start;
  align-content: flex-start
}

.fancybox__toolbar__column.is-left, .fancybox__toolbar__column.is-right {
  -webkit-box-flex: 1;
  -ms-flex-positive: 1;
  flex-grow: 1;
  -ms-flex-preferred-size: 0;
  flex-basis: 0
}

.fancybox__toolbar__column.is-right {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: end;
  -ms-flex-pack: end;
  justify-content: flex-end;
  -ms-flex-wrap: nowrap;
  flex-wrap: nowrap
}

.fancybox__infobar {
  padding: 0 5px;
  line-height: var(--f-button-height);
  text-align: center;
  font-size: 17px;
  font-variant-numeric: tabular-nums;
  -webkit-font-smoothing: subpixel-antialiased;
  cursor: default;
  -webkit-user-select: none;
  -moz-user-select: none;
  -ms-user-select: none;
  user-select: none
}

.fancybox__infobar span {
  padding: 0 5px
}

.fancybox__infobar:not(:first-child):not(:last-child) {
  background: var(--f-button-bg)
}

[data-fancybox-toggle-slideshow] {
  position: relative
}

[data-fancybox-toggle-slideshow] .f-progress {
  height: 100%;
  opacity: .3
}

[data-fancybox-toggle-slideshow] svg g:first-child {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex
}

[data-fancybox-toggle-slideshow] svg g:last-child {
  display: none
}

.has-slideshow [data-fancybox-toggle-slideshow] svg g:first-child {
  display: none
}

.has-slideshow [data-fancybox-toggle-slideshow] svg g:last-child {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex
}

[data-fancybox-toggle-fullscreen] svg g:first-child {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex
}

[data-fancybox-toggle-fullscreen] svg g:last-child {
  display: none
}

:-webkit-full-screen [data-fancybox-toggle-fullscreen] svg g:first-child {
  display: none
}

:-ms-fullscreen [data-fancybox-toggle-fullscreen] svg g:first-child {
  display: none
}

:fullscreen [data-fancybox-toggle-fullscreen] svg g:first-child {
  display: none
}

:-webkit-full-screen [data-fancybox-toggle-fullscreen] svg g:last-child {
  display: -webkit-box;
  display: flex
}

:-ms-fullscreen [data-fancybox-toggle-fullscreen] svg g:last-child {
  display: -ms-flexbox;
  display: flex
}

:fullscreen [data-fancybox-toggle-fullscreen] svg g:last-child {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex
}

.f-progress {
  position: absolute;
  top: 0;
  left: 0;
  right: 0;
  height: 3px;
  -webkit-transform: scaleX(0);
  -ms-transform: scaleX(0);
  transform: scaleX(0);
  -webkit-transform-origin: 0;
  -ms-transform-origin: 0;
  transform-origin: 0;
  -webkit-transition-property: -webkit-transform;
  transition-property: -webkit-transform;
  transition-property: transform;
  transition-property: transform, -webkit-transform;
  -webkit-transition-timing-function: linear;
  transition-timing-function: linear;
  background: var(--f-progress-color, var(--f-carousel-theme-color, #0091ff));
  z-index: 30;
  -webkit-user-select: none;
  -moz-user-select: none;
  -ms-user-select: none;
  user-select: none;
  pointer-events: none
}

.fancybox__backdrop::after {
  content: "";
  position: absolute;
  width: 10%;
  height: 10%;
  -webkit-filter: blur(2px);
  filter: blur(2px);
  left: 50%;
  top: 50%;
  -webkit-transform: scale(11);
  -ms-transform: scale(11);
  transform: scale(11);
  opacity: .3;
  background-image: var(--bg-image);
  background-size: cover;
  background-repeat: no-repeat;
  background-position: center center
}

.fancybox__toolbar {
  padding: 16px
}

.fancybox__toolbar, .fancybox__nav {
  --f-button-border-radius: 50%;
  --f-button-bg: rgb(91 78 76 / 64%);
  --f-button-hover-bg: rgb(91 78 76 / 74%);
  --f-button-active-bg: rgb(91 78 76 / 84%)
}

.fancybox__nav {
  --f-button-svg-width: 22px;
  --f-button-svg-height: 22px
}

.fancybox__thumbs.is-classic {
  --f-thumb-width: 48px;
  --f-thumb-height: 48px;
  --f-thumb-gap: 16px;
  --f-thumb-border-radius: 6px;
  --f-thumb-outline: 0
}

.authorization-page {
  height: 100vh;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex
}

.authorization-page .authorization-bg {
  height: 100%;
  background: var(--c-ui-blue);
  position: relative;
  width: 65%
}

.authorization-page .authorization-bg .bg-logo {
  position: absolute;
  left: 50%;
  top: 50%;
  -webkit-transform: translate(-50%, -50%);
  -ms-transform: translate(-50%, -50%);
  transform: translate(-50%, -50%);
  width: 24rem;
  padding: 1rem;
  background: none;
  -webkit-box-shadow: none;
  box-shadow: none
}

.authorization-page .authorization-bg .bg-logo svg {
  padding: 0 1rem
}

.authorization-page .authorization-aside {
  min-width: 32rem;
  background: var(--c-white);
  height: 100%;
  width: 35%;
  overflow: hidden;
  padding: 8rem 7rem;
  border-left: 1px solid var(--c-ui-borderColor)
}

.authorization-page p {
  margin-top: 2rem;
  color: #6c757d
}

.authorization-page form {
  padding-top: 3rem
}

.authorization-page .input-wrapper {
  margin-bottom: 2.4rem
}

.authorization-page .button {
  width: 100%
}

.authorization-tabs-header {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  margin-bottom: 10rem;
  gap: 3.5rem
}

.authorization-tabs-header .tabs-header-button {
  background: none;
  -webkit-appearance: none;
  -moz-appearance: none;
  appearance: none;
  outline: none;
  font-size: 1.6rem;
  font-weight: 600;
  color: #6c757d;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  gap: 1rem;
  cursor: pointer;
  position: relative;
  -webkit-transition: ease .4s;
  transition: ease .4s
}

.authorization-tabs-header .tabs-header-button .icon {
  width: 1.8rem;
  height: 1.8rem
}

.authorization-tabs-header .tabs-header-button .icon.small {
  width: 1.6rem;
  height: 1.6rem
}

.authorization-tabs-header .tabs-header-button .icon svg {
  display: block;
  width: 100%;
  height: 100%;
  fill: #6c757d;
  -webkit-transition: ease .4s;
  transition: ease .4s
}

.authorization-tabs-header .tabs-header-button:hover {
  color: var(--c-ui-blue)
}

.authorization-tabs-header .tabs-header-button:hover .icon svg {
  fill: var(--c-ui-blue)
}

.authorization-tabs-header .tabs-header-button.active {
  color: var(--c-ui-blue)
}

.authorization-tabs-header .tabs-header-button.active .icon svg {
  fill: var(--c-ui-blue)
}

.tutorial-list {
  list-style: none;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -ms-flex-wrap: wrap;
  flex-wrap: wrap;
  margin: -4rem
}

.tutorial-list li {
  width: 100%;
  max-width: 33.3333333333%;
  padding: 4rem
}

.tutorial-list li .wrapper {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
  -ms-flex-direction: column;
  flex-direction: column;
  position: relative
}

.tutorial-list li .wrapper .h2 {
  margin-bottom: 2rem
}

.tutorial-list li .wrapper .video {
  width: 100%;
  position: relative;
  padding-bottom: 56.6%;
  overflow: hidden
}

.tutorial-list li .wrapper .video .video-poster {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  z-index: 2;
  cursor: pointer
}

.tutorial-list li .wrapper .video .video-poster .video-poster-play {
  border-radius: 50%;
  left: 50%;
  top: 50%;
  opacity: 1;
  width: 5rem;
  height: 5rem;
  position: absolute;
  -webkit-transform: translate(-50%, -50%);
  -ms-transform: translate(-50%, -50%);
  transform: translate(-50%, -50%);
  -webkit-transition: .3s;
  transition: .3s;
  z-index: 2;
  pointer-events: none
}

.tutorial-list li .wrapper .video .video-poster .video-poster-play svg {
  display: block;
  width: 100%;
  height: 100%;
  fill: var(--c-white)
}

.tutorial-list li .wrapper .video .video-poster .video-poster-img {
  -o-object-fit: cover;
  object-fit: cover;
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  border-radius: .2rem
}

.tutorial-list li .wrapper .video iframe, .tutorial-list li .wrapper .video video {
  position: absolute;
  width: 100%;
  height: 100%;
  -o-object-fit: cover;
  object-fit: cover
}

.documents-list {
  list-style: none;
  display: grid;
  grid-template-columns: repeat(4, 1fr);
  gap: 4rem
}

.documents-list .link-wrapper {
  display: -webkit-inline-box;
  display: -ms-inline-flexbox;
  display: inline-flex;
  gap: 2rem
}

.documents-list .doc-bg {
  position: relative;
  width: 7rem;
  height: 9.5rem;
  -webkit-box-flex: 0;
  -ms-flex: 0 0 auto;
  flex: 0 0 auto;
  border-radius: .2rem;
  overflow: hidden;
  background: var(--c-ui-blue);
  -webkit-transition: ease .4s;
  transition: ease .4s
}

.documents-list .doc-bg .doc-icon {
  width: 2rem;
  height: 2rem;
  position: absolute;
  top: 50%;
  left: 50%;
  -webkit-transform: translate(-50%, -50%);
  -ms-transform: translate(-50%, -50%);
  transform: translate(-50%, -50%);
  z-index: 2;
  -webkit-transition: ease .4s;
  transition: ease .4s
}

.documents-list .doc-bg .doc-icon svg {
  display: block;
  fill: #fff
}

.documents-list .doc-info {
  padding: .5rem 0
}

.documents-list .doc-info .doc-type {
  color: var(--c-ui-grey700);
  font-size: 1.2rem;
  font-weight: 300;
  line-height: 1.6;
  margin-bottom: .5rem;
  display: block
}

.chat-content {
  padding: 6.5rem 0 0 0 !important;
  min-height: unset
}

.chat-wrapper {
  position: relative;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  height: auto;
  max-width: 100%
}

.chat-wrapper .chat-sidebar {
  width: 30rem;
  height: calc(100vh - 6.5rem - 6rem);
  overflow: auto;
  border-right: 1px solid var(--c-ui-borderColor);
  -webkit-box-flex: 0;
  -ms-flex: 0 0 auto;
  flex: 0 0 auto
}

.chat-wrapper .chat-sidebar .sidebar-wrapper {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
  -ms-flex-direction: column;
  flex-direction: column;
  height: 100%
}

.chat-wrapper .chat-sidebar .sidebar-wrapper .chat-sidebar-header {
  width: 100%;
  border-bottom: 1px solid var(--c-ui-borderColor);
  padding: 1.5rem
}

.chat-wrapper .chat-sidebar .sidebar-wrapper .chat-sidebar-header .input-wrapper {
  position: relative;
  width: 100%
}

.chat-wrapper .chat-sidebar .sidebar-wrapper .chat-sidebar-header input {
  border: none;
  background: none;
  padding: 0;
  width: 100%;
  line-height: 1;
  font-size: 1.4rem;
  border-radius: 0;
  padding-right: 2rem
}

.chat-wrapper .chat-sidebar .sidebar-wrapper .chat-sidebar-header input::-webkit-search-cancel-button {
  -webkit-user-select: none !important;
  user-select: none !important;
  pointer-events: none !important;
  display: none !important
}

.chat-wrapper .chat-sidebar .sidebar-wrapper .chat-sidebar-body {
  width: 100%;
  position: relative;
  -webkit-box-flex: 1;
  -ms-flex-positive: 1;
  flex-grow: 1
}

.chat-wrapper .chat-sidebar .sidebar-wrapper .chat-sidebar-body .chat-interlocutor {
  background: #fff;
  border-bottom: 1px solid var(--c-ui-borderColor);
  cursor: pointer;
  padding: 2rem;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center
}

.chat-wrapper .chat-sidebar .sidebar-wrapper .chat-sidebar-body .chat-interlocutor .interlocutor-user-icon {
  width: 5rem;
  height: 5rem;
  border-radius: 50%;
  overflow: hidden;
  -webkit-box-flex: 0;
  -ms-flex: 0 0 auto;
  flex: 0 0 auto;
  margin-right: 1.5rem
}

.chat-wrapper .chat-sidebar .sidebar-wrapper .chat-sidebar-body .chat-interlocutor .interlocutor-user-icon img {
  width: 100%;
  height: 100%;
  -o-object-fit: cover;
  object-fit: cover
}

.chat-wrapper .chat-sidebar .sidebar-wrapper .chat-sidebar-body .chat-interlocutor .interlocutor-user-info .name {
  line-height: 1;
  font-size: 1.3rem;
  font-weight: 500;
  margin-bottom: .3rem
}

.chat-wrapper .chat-sidebar .sidebar-wrapper .chat-sidebar-body .chat-interlocutor .interlocutor-user-info .status {
  font-size: 1.2rem;
  color: var(--c-ui-grey700)
}

.chat-wrapper .chat-sidebar .sidebar-wrapper .chat-sidebar-body .chat-interlocutor .interlocutor-user-info .status.status--offline {
  color: var(--c-ui-danger)
}

.chat-wrapper .chat-sidebar .sidebar-wrapper .chat-sidebar-body .chat-interlocutor .interlocutor-user-info .status.status--online {
  color: var(--c-ui-green)
}

.chat-wrapper .chat-box {
  height: calc(100vh - 6.5rem - 6rem);
  overflow: auto;
  -webkit-box-flex: 1;
  -ms-flex: 1 1 auto;
  flex: 1 1 auto
}

.chat-wrapper .chat-box .chat-layers {
  height: 100%;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
  -ms-flex-flow: column nowrap;
  flex-flow: column nowrap;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  position: relative
}

.chat-wrapper .chat-box .chat-layers .layer-header {
  width: 100%
}

.chat-wrapper .chat-box .chat-layers .layer-header .header-wrapper {
  padding: 2rem 3rem;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: justify;
  -ms-flex-pack: justify;
  justify-content: space-between;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center
}

.chat-wrapper .chat-box .chat-layers .layer-header .current-user {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center
}

.chat-wrapper .chat-box .chat-layers .layer-header .current-user .user-icon {
  width: 5rem;
  height: 5rem;
  border-radius: 50%;
  overflow: hidden;
  margin-right: 2rem
}

.chat-wrapper .chat-box .chat-layers .layer-header .current-user .user-icon img {
  width: 100%;
  height: 100%;
  -o-object-fit: cover;
  object-fit: cover
}

.chat-wrapper .chat-box .chat-layers .layer-header .current-user .user-name {
  font-size: 1.4rem;
  font-weight: 500
}

.chat-wrapper .chat-box .chat-layers .layer-header .current-user .user-status {
  font-size: 1.1rem;
  font-style: italic;
  color: var(--c-ui-grey700)
}

.chat-wrapper .chat-box .chat-layers .layer-body {
  position: relative;
  -webkit-box-flex: 1;
  -ms-flex-positive: 1;
  flex-grow: 1;
  width: 100%;
  background: var(--c-ui-darkGray)
}

.chat-wrapper .chat-box .chat-layers .layer-body .body-wrapper {
  padding: 2rem;
  overflow: hidden;
  width: auto
}

.chat-wrapper .chat-box .chat-layers .layer-body .user-chating {
  padding: .7rem 0;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  height: auto;
  max-width: 100%
}

.chat-wrapper .chat-box .chat-layers .layer-body .user-chating .user-chating-icon {
  overflow: hidden;
  border-radius: 50%;
  width: 3.2rem;
  height: 3.2rem;
  margin-right: 2rem;
  -webkit-box-flex: 0;
  -ms-flex: 0 0 auto;
  flex: 0 0 auto
}

.chat-wrapper .chat-box .chat-layers .layer-body .user-chating .user-chating-icon img {
  width: 100%;
  height: 100%;
  -o-object-fit: cover;
  object-fit: cover
}

.chat-wrapper .chat-box .chat-layers .layer-body .user-chating .user-chating-content {
  -webkit-box-flex: 1;
  -ms-flex: 1 1 auto;
  flex: 1 1 auto
}

.chat-wrapper .chat-box .chat-layers .layer-body .user-chating .user-chating-content .user-chating-msg-list {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
  -ms-flex-flow: column nowrap;
  flex-flow: column nowrap;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  -webkit-box-align: start;
  -ms-flex-align: start;
  align-items: flex-start
}

.chat-wrapper .chat-box .chat-layers .layer-body .user-chating .user-chating-content .user-chating-msg-list .chating-msg-item {
  padding: .25rem 0
}

.chat-wrapper .chat-box .chat-layers .layer-body .user-chating .user-chating-content .user-chating-msg-list .chating-msg-item .msg-wrapper {
  border-radius: .3rem;
  background: #fff;
  line-height: 1.5;
  padding: .5rem 1rem
}

.chat-wrapper .chat-box .chat-layers .layer-body .user-chating .user-chating-content .user-chating-msg-list .chating-msg-item .msg-wrapper p, .chat-wrapper .chat-box .chat-layers .layer-body .user-chating .user-chating-content .user-chating-msg-list .chating-msg-item .msg-wrapper a, .chat-wrapper .chat-box .chat-layers .layer-body .user-chating .user-chating-content .user-chating-msg-list .chating-msg-item .msg-wrapper span {
  font-size: 1.4rem;
  line-height: 1.3;
  color: var(--c-ui-black)
}

.chat-wrapper .chat-box .chat-layers .layer-body .user-chating .user-chating-content .user-chating-msg-list .chating-msg-item .msg-wrapper .msg-time {
  margin-bottom: .5rem;
  display: block
}

.chat-wrapper .chat-box .chat-layers .layer-body .user-chating .user-chating-content .user-chating-msg-list .chating-msg-item .msg-wrapper .msg-translate {
  margin-top: 1rem;
  display: block;
  padding-top: .8rem;
  border-top: 1px solid var(--c-ui-borderColor);
  color: var(--c-ui-grey700)
}

.chat-wrapper .chat-box .chat-layers .layer-body .user-chating .user-chating-content .user-chating-msg-list .chating-msg-item .msg-wrapper .msg-translate .translate-tip {
  display: block;
  margin-bottom: .5rem;
  color: var(--c-ui-black);
  font-weight: 500
}

.chat-wrapper .chat-box .chat-layers .layer-body .user-chating .user-chating-content .user-chating-msg-list .chating-msg-item .msg-wrapper .msg-translate p, .chat-wrapper .chat-box .chat-layers .layer-body .user-chating .user-chating-content .user-chating-msg-list .chating-msg-item .msg-wrapper .msg-translate a, .chat-wrapper .chat-box .chat-layers .layer-body .user-chating .user-chating-content .user-chating-msg-list .chating-msg-item .msg-wrapper .msg-translate span {
  color: inherit
}

.chat-wrapper .chat-box .chat-layers .layer-body .user-chating.user-self {
  -webkit-box-align: end;
  -ms-flex-align: end;
  align-items: flex-end
}

.chat-wrapper .chat-box .chat-layers .layer-body .user-chating.user-self .user-chating-icon {
  -webkit-box-ordinal-group: 2;
  -ms-flex-order: 1;
  order: 1;
  margin-right: 0;
  margin-left: 2rem;
  -ms-flex-item-align: start;
  align-self: flex-start
}

.chat-wrapper .chat-box .chat-layers .layer-body .user-chating.user-self .user-chating-content {
  -webkit-box-ordinal-group: 1;
  -ms-flex-order: 0;
  order: 0
}

.chat-wrapper .chat-box .chat-layers .layer-body .user-chating.user-self .user-chating-content .user-chating-msg-list {
  -webkit-box-align: end;
  -ms-flex-align: end;
  align-items: flex-end
}

.chat-wrapper .chat-box .chat-layers .layer-footer {
  width: 100%
}

.chat-wrapper .chat-box .chat-layers .layer-footer .footer-wrapper {
  border-top: 1px solid var(--c-ui-borderColor);
  padding: 2rem;
  background: #fff
}

.chat-wrapper .chat-box .chat-layers .layer-footer form {
  position: relative
}

.chat-wrapper .chat-box .chat-layers .layer-footer form input {
  border-radius: 2rem;
  font-size: 1.4rem;
  height: 3.9rem
}

.chat-wrapper .chat-box .chat-layers .layer-footer form input::-webkit-input-placeholder {
  font-size: 1.4rem
}

.chat-wrapper .chat-box .chat-layers .layer-footer form input::-moz-placeholder {
  font-size: 1.4rem
}

.chat-wrapper .chat-box .chat-layers .layer-footer form input:-ms-input-placeholder {
  font-size: 1.4rem
}

.chat-wrapper .chat-box .chat-layers .layer-footer form input::-ms-input-placeholder {
  font-size: 1.4rem
}

.chat-wrapper .chat-box .chat-layers .layer-footer form input::placeholder {
  font-size: 1.4rem
}

.chat-wrapper .chat-box .chat-layers .layer-footer form .chat-send {
  border-radius: 50%;
  background: var(--c-ui-blue);
  width: 3.8rem;
  height: 3.8rem;
  position: absolute;
  right: .1rem;
  top: 50%;
  -webkit-transform: translateY(-50%);
  -ms-transform: translateY(-50%);
  transform: translateY(-50%);
  padding: 0;
  cursor: pointer;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
  -ms-flex-direction: column;
  flex-direction: column;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  -webkit-box-pack: center;
  -ms-flex-pack: center;
  justify-content: center
}

.chat-wrapper .chat-box .chat-layers .layer-footer form .chat-send svg {
  display: block;
  fill: #fff;
  width: 2rem;
  height: auto
}

.action-link {
  display: -webkit-inline-box;
  display: -ms-inline-flexbox;
  display: inline-flex;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  cursor: pointer;
  -webkit-transition: all ease .4s;
  transition: all ease .4s
}

.action-link .icon {
  margin-left: 1rem;
  -webkit-box-flex: 0;
  -ms-flex: 0 0 auto;
  flex: 0 0 auto;
  width: 1.3rem;
  height: 1.3rem;
  display: block
}

.action-link .icon svg {
  display: block;
  width: 100%;
  height: 100%;
  -webkit-transition: ease .4s;
  transition: ease .4s
}

.action-link .icon svg {
  fill: var(--c-ui-blue)
}

.action-link span {
  -webkit-transition: all ease .4s;
  transition: all ease .4s;
  font-size: 1.6rem;
  color: var(--c-ui-blue);
  font-weight: 600
}

.default-label {
  cursor: pointer;
  position: relative;
  display: -webkit-inline-box;
  display: -ms-inline-flexbox;
  display: inline-flex;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center
}

.default-label .label-price {
  font-weight: 600
}

.default-label.radio--label span::before {
  border-radius: 50%
}

.default-label p {
  padding-left: 2rem;
  font-size: 1.4rem;
  color: var(--c-ui-grey700)
}

.default-label input {
  position: absolute;
  z-index: -1;
  opacity: 0;
  left: 0;
  top: 0;
  display: none
}

.default-label input:checked+.checkbox::before {
  background-color: #fff
}

.default-label input:checked+.checkbox::after {
  opacity: 1
}

.default-label .checkbox {
  cursor: pointer;
  position: relative;
  display: -webkit-inline-box;
  display: -ms-inline-flexbox;
  display: inline-flex;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center
}

.default-label .checkbox::before {
  content: "";
  width: 2.4rem;
  height: 2.4rem;
  border: 1px solid var(--c-ui-blue);
  background-color: rgba(243, 228, 217, .1);
  display: inline-block;
  -ms-flex-negative: 0;
  flex-shrink: 0;
  -webkit-box-flex: 0;
  -ms-flex-positive: 0;
  flex-grow: 0;
  border-radius: 3px;
  -webkit-transition: ease .4s;
  transition: ease .4s
}

.default-label .checkbox::after {
  content: "";
  position: absolute;
  left: 0rem;
  opacity: 0;
  width: 2.4rem;
  height: 2.4rem;
  background: url(../../img/check.svg) no-repeat;
  background-size: cover;
  background-position: 50% 50%;
  -webkit-transition: ease, .3s;
  transition: ease, .3s;
  z-index: 2
}

.default-label:hover input:checked+.checkbox::after {
  opacity: .3 !important
}

.actions-group {
  display: -webkit-inline-box;
  display: -ms-inline-flexbox;
  display: inline-flex;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center
}

.action-edit {
  position: relative;
  padding: 0;
  background: none;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  -webkit-box-pack: center;
  -ms-flex-pack: center;
  justify-content: center;
  width: 2rem;
  height: auto;
  cursor: pointer;
  margin-right: 3rem
}

.action-edit svg {
  display: block;
  width: 100%;
  height: auto;
  fill: var(--c-ui-blue)
}

.action-remove {
  position: relative;
  padding: 0;
  background: none;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  -webkit-box-pack: center;
  -ms-flex-pack: center;
  justify-content: center;
  width: 2.3rem;
  height: auto;
  cursor: pointer
}

.action-remove svg {
  display: block;
  width: 100%;
  height: auto;
  fill: var(--c-ui-danger)
}

.patient-status {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
  -ms-flex-direction: column;
  flex-direction: column;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  padding: .5rem;
  -webkit-box-flex: 0;
  -ms-flex: 0 0 auto;
  flex: 0 0 auto
}

.diagram {
  width: 6rem;
  height: 6rem;
  border-radius: 50%;
  background: var(--c-ui-green);
  position: relative;
  overflow: hidden;
  margin-bottom: .5rem
}

.diagram::before {
  content: "";
  display: block;
  position: absolute;
  top: .3rem;
  left: .3rem;
  right: .3rem;
  bottom: .3rem;
  border-radius: 50%;
  background: #fff;
  z-index: 3;
  opacity: 1
}

.diagram .piece {
  width: 100%;
  height: 100%;
  left: 0;
  right: 0;
  overflow: hidden;
  position: absolute
}

.diagram .piece::before {
  content: "";
  display: block;
  position: absolute;
  width: 50%;
  height: 100%
}

.diagram .piece.left {
  -webkit-transform: rotate(0deg);
  -ms-transform: rotate(0deg);
  transform: rotate(0deg);
  z-index: 2;
  border-radius: 50%
}

.diagram.over_50 .piece.left {
  -webkit-transform: rotate(180deg);
  -ms-transform: rotate(180deg);
  transform: rotate(180deg)
}

.diagram .piece.right {
  -webkit-transform: rotate(180deg);
  -ms-transform: rotate(180deg);
  transform: rotate(180deg);
  z-index: 1;
  border-radius: 50%
}

.diagram.over_50 .piece.right {
  -webkit-transform: rotate(360deg);
  -ms-transform: rotate(360deg);
  transform: rotate(360deg)
}

.diagram .left::before {
  background: var(--c-ui-grey700)
}

.diagram.over_50 .left::before {
  background: var(--c-ui-green)
}

.diagram .right::before {
  background: var(--c-ui-grey700)
}

.diagram .text {
  position: absolute;
  z-index: 3;
  top: 0;
  bottom: 0;
  left: 0;
  right: 0;
  text-align: center;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  -webkit-box-pack: center;
  -ms-flex-pack: center;
  justify-content: center;
  font-size: 1.2rem;
  color: var(--c-ui-black)
}

.patient-projects {
  padding-bottom: .5rem
}

.patient-projects .projects-header {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  padding-bottom: 1.5rem;
  gap: 2rem
}

.patient-projects .projects-header span, .patient-projects .projects-header p {
  font-size: 1.4rem;
  color: var(--c-ui-black)
}

.patient-projects .projects-header .projects-diagramm {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center
}

.patient-projects .projects-header .projects-diagramm .patient-status .diagram {
  width: 4rem;
  height: 4rem;
  margin-bottom: 0
}

.patient-projects .projects-header .projects-diagramm .patient-status .diagram::before {
  top: .2rem;
  left: .2rem;
  right: .2rem;
  bottom: .2rem
}

.patient-projects .projects-header .projects-diagramm .patient-status .text {
  font-size: 1rem
}

.patient-projects .button {
  padding: .5rem 1rem;
  font-size: 1.4rem
}

.patient-projects .project-info {
  max-width: 15rem
}

.user-profile-form .input-wrapper {
  margin-bottom: 2rem
}

.questions-list {
  position: relative;
  width: 100%;
  max-width: 100%;
  height: auto;
  margin-bottom: 3rem
}

.questions-list .question-item {
  position: relative;
  width: 100%;
  height: auto;
  margin-bottom: 1rem
}

.questions-list .question-item:last-child {
  margin-bottom: 0
}

.questions-list .question-item>.question {
  display: block;
  padding: 2rem 6rem 2rem 4rem;
  text-decoration: none;
  color: var(--c-white);
  font-weight: 600;
  font-size: 1.8rem;
  background: var(--c-ui-blue);
  -webkit-transition: all .2s linear;
  transition: all .2s linear;
  cursor: pointer;
  position: relative
}

.questions-list .question-item>.question:hover {
  background: #0d5b8d
}

.questions-list .question-item>.question:after {
  content: "";
  position: absolute;
  right: 2.5rem;
  top: 50%;
  border-color: #fff rgba(0, 0, 0, 0) rgba(0, 0, 0, 0);
  border-style: solid;
  border-width: .6rem .4rem .4rem;
  height: 0;
  width: 0;
  -webkit-transition: ease, .3s;
  transition: ease, .3s
}

.questions-list .question-item>.question.active {
  background: #0d5b8d
}

.questions-list .question-item>.question.active:after {
  -webkit-transform: rotate(-180deg) translateY(50%);
  -ms-transform: rotate(-180deg) translateY(50%);
  transform: rotate(-180deg) translateY(50%)
}

.questions-list .answer {
  background-color: #fff;
  display: none;
  padding: 2rem 4rem
}

.questions-list .answer p {
  margin-bottom: 2rem
}

.questions-list .answer p:last-child {
  margin-bottom: 1rem
}

.questions-list .answer a {
  color: var(--c-ui-blue);
  text-decoration: underline;
  font-weight: 600;
  -webkit-transition: ease, .3s;
  transition: ease, .3s
}

.multistep-header {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  padding-bottom: 1rem;
  margin: 0 -2rem
}

.multistep-header .header-item {
  width: 25%;
  text-align: center;
  font-weight: 600;
  text-transform: uppercase;
  font-size: 1.2rem;
  padding: 1rem;
  height: 5rem;
  -webkit-transition: ease .4s;
  transition: ease .4s;
  background: var(--c-ui-darkGray);
  color: var(--c-ui-grey700);
  position: relative
}

.multistep-header .header-item.active {
  background: var(--c-ui-blue);
  color: var(--c-white)
}

.multistep-body {
  padding: 5rem 0
}

.multistep-body .step-tip {
  text-align: center;
  margin-bottom: 4rem;
  font-weight: 600;
  font-size: 2rem
}

.multistep-body .planning-carousel {
  position: relative;
  width: 100%
}

.multistep-body .planning-carousel .owl-nav {
  width: 100%;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  -webkit-box-pack: justify;
  -ms-flex-pack: justify;
  justify-content: space-between;
  position: absolute;
  top: 45%;
  -webkit-transform: translateY(-45%);
  -ms-transform: translateY(-45%);
  transform: translateY(-45%);
  pointer-events: none
}

.multistep-body .planning-carousel .owl-nav button {
  width: 5rem;
  height: 5rem;
  border-radius: 50%;
  background: var(--c-ui-blue);
  pointer-events: auto !important;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: center;
  -ms-flex-pack: center;
  justify-content: center;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  -webkit-transition: ease .4s;
  transition: ease .4s
}

.multistep-body .planning-carousel .owl-nav button.owl-prev::after {
  -webkit-transform: rotate(-180deg);
  -ms-transform: rotate(-180deg);
  transform: rotate(-180deg)
}

.multistep-body .planning-carousel .owl-nav button:hover {
  background: #0d5b8d
}

.multistep-body .planning-carousel .owl-nav button span {
  display: none
}

.multistep-body .planning-carousel .owl-nav button::after {
  content: "";
  position: relative;
  width: 1.2rem;
  height: 2.3rem;
  background: url(../../img/slider-arrow.svg) no-repeat;
  background-size: contain
}

.multistep-body .planning-carousel .owl-dots {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: center;
  -ms-flex-pack: center;
  justify-content: center;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  width: 100%;
  margin-top: 2rem
}

.multistep-body .planning-carousel .owl-dots .owl-dot {
  width: .5rem;
  height: .5rem;
  border-radius: 50%;
  margin: 0 .5rem;
  -webkit-box-flex: 0;
  -ms-flex: 0 0 auto;
  flex: 0 0 auto;
  background: var(--c-ui-grey700);
  -webkit-transition: ease .4s;
  transition: ease .4s
}

.multistep-body .planning-carousel .owl-dots .owl-dot.active {
  background: var(--c-ui-blue);
  width: .7rem;
  height: .7rem
}

.multistep-body .planning-carousel .owl-item {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
  -ms-flex-direction: column;
  flex-direction: column;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center
}

.multistep-body .planning-carousel .slider-item-label {
  position: relative;
  width: 100%;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
  -ms-flex-direction: column;
  flex-direction: column;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center
}

.multistep-body .planning-carousel .slider-item-label input {
  display: none
}

.multistep-body .planning-carousel .slider-item-label input:checked~.item-img {
  border-color: var(--c-ui-blue)
}

.multistep-body .planning-carousel .slider-item-label input:checked~.item-name {
  color: var(--c-ui-blue);
  text-shadow: 0 0 .65px var(--c-ui-blue), 0 0 .65px var(--c-ui-blue)
}

.multistep-body .planning-carousel .slider-item {
  position: relative;
  width: 100%;
  max-width: 26rem;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
  -ms-flex-direction: column;
  flex-direction: column;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center
}

.multistep-body .planning-carousel .slider-item .item-img {
  height: 34.5em;
  overflow: hidden;
  position: relative;
  border-radius: 2rem;
  -webkit-transition: ease .4s;
  transition: ease .4s;
  margin-bottom: 1rem;
  border: 5px solid var(--c-ui-darkGray)
}

.multistep-body .planning-carousel .slider-item .item-img img {
  width: 100%;
  height: 100%;
  -o-object-fit: cover;
  object-fit: cover
}

.multistep-body .planning-carousel .slider-item .item-name {
  text-align: center;
  text-transform: uppercase;
  font-weight: 500;
  font-size: 1.4rem;
  padding: 0 1rem;
  -webkit-transition: ease .4s;
  transition: ease .4s;
  color: var(--c-ui-grey700)
}

.multistep-body .planning-carousel .slider-item.disabled--item {
  opacity: .4;
  pointer-events: none
}

.multistep-body .body-item {
  display: none
}

.multistep-body .body-item .last-step-tip {
  text-align: center;
  font-weight: 600;
  font-size: 1.6rem;
  margin: 3rem 0
}

.multistep-body .body-item .text--area {
  margin-top: 8rem
}

.multistep-body .body-item.active {
  display: block;
  -webkit-animation: nextStep .6s;
  animation: nextStep .6s
}

.multistep-body .body-item .treatment-type {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  gap: 3rem;
  padding: 1rem 0;
  margin-bottom: 4rem
}

.multistep-body .body-item .treatment-type .type-tip {
  color: var(--c-ui-grey700)
}

.multistep-body .body-item .treatment-type.hidden-type {
  display: none
}

.multistep-body .body-item .treatment-type.hidden-type.active {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex
}

.multistep-body .body-item .label-list {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  gap: 3rem;
  margin-bottom: 3rem
}

.multistep-body .body-item .billing-payer {
  margin-bottom: 6rem
}

.multistep-body .body-item .billing-discount {
  margin-top: 6rem
}

.multistep-body .body-item .treatment-select-list {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  gap: 3rem;
  margin-bottom: 6rem
}

.multistep-body .body-item .treatment-select-list.prescription-select-list {
  margin-bottom: 3rem
}

.multistep-body .body-item .treatment-step-tip {
  text-align: center;
  font-weight: 600;
  font-size: 1.6rem;
  margin-bottom: 6rem
}

.multistep-body .upper-container {
  width: 100%;
  padding: 0 5rem;
  position: relative;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex
}

.multistep-body .upper-container .upper-img {
  width: 38rem;
  height: 31.6rem;
  max-width: unset
}

.multistep-body .upper-container .lower-img {
  width: 38rem;
  height: 28.7rem;
  max-width: unset
}

.multistep-body .upper-container .left-col {
  width: 40%;
  position: relative;
  z-index: 2
}

.multistep-body .upper-container .right-col {
  width: 60%
}

.multistep-body .upper-container .selected-tooth-list {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
  -ms-flex-direction: column;
  flex-direction: column;
  gap: 1.2rem;
  padding-top: 1.5rem
}

.multistep-body .upper-container .selected-tooth-list .treatment-list-item {
  position: relative;
  width: 100%;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  gap: 2rem
}

.multistep-body .upper-container .selected-tooth-list .treatment-list-item input {
  display: none
}

.multistep-body .upper-container .selected-tooth-list .treatment-list-item .tip {
  font-weight: 600;
  font-size: 1.8rem
}

.multistep-body .upper-container .selected-tooth-list .treatment-list-item .remove-treatment-item {
  width: 1.6rem;
  height: 1.6rem;
  background: none;
  padding: 0;
  cursor: pointer;
  background: url(../../img/delete.svg) no-repeat;
  background-size: contain
}

.multistep-footer {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  width: 100%;
  -webkit-box-pack: justify;
  -ms-flex-pack: justify;
  justify-content: space-between;
  padding-top: 7rem
}

.multistep-footer .button.button--next {
  -ms-flex-item-align: end;
  align-self: flex-end;
  margin-left: auto
}

@-webkit-keyframes nextStep {
  0% {
    opacity: 0;
    -webkit-transform: translateX(10%);
    transform: translateX(10%)
  }

  100% {
    opacity: 1;
    -webkit-transform: translateX(0);
    transform: translateX(0)
  }
}

@keyframes nextStep {
  0% {
    opacity: 0;
    -webkit-transform: translateX(10%);
    transform: translateX(10%)
  }

  100% {
    opacity: 1;
    -webkit-transform: translateX(0);
    transform: translateX(0)
  }
}

.tooth--modal .inner .title-box {
  margin-bottom: 2rem
}

.tooth--modal .input-wrapper {
  margin-bottom: 4rem
}

.files-content {
  padding-top: 2rem
}

.files-content .row-item {
  min-height: 15rem
}

.inner .bottom-info {
  padding-top: 1rem;
  border-top: 1px solid var(--c-ui-grey700);
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  gap: 3rem
}

.inner-header.files--header {
  margin-bottom: 0
}

.inner-header .inner-header-top .files-counter {
  margin-left: auto;
  font-weight: bold;
  font-size: 2.2rem
}

.inner-header .inner-header-top .patient-name {
  font-size: 2.6rem;
  margin-left: 1rem;
  text-decoration: underline;
  color: #000
}

.files-table img {
  width: 120px;
  height: 120px;
  cursor: pointer
}

.files-table tr td {
  vertical-align: middle
}

.open-gallery {
  display: -webkit-inline-box;
  display: -ms-inline-flexbox;
  display: inline-flex;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  gap: 1rem;
  background: none;
  cursor: pointer;
  padding: 0;
  font-size: 1.6rem;
  font-weight: 600
}

.open-gallery .icon {
  width: 2rem;
  height: auto
}

.open-gallery .icon svg {
  display: block;
  height: 100%;
  width: 100%
}

.uploaded--wrapper {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  padding-top: 4rem
}

.uploaded--wrapper .button {
  -ms-flex-item-align: end;
  align-self: flex-end
}

.upload-js-item label {
  display: inline-block;
  position: relative;
  width: 100%;
  max-width: 100%;
  height: 50px;
  cursor: pointer;
  margin-bottom: 0;
  background: var(--c-ui-blue);
  border-color: var(--c-ui-blue);
  border-radius: .8rem
}

.upload-js-item label::after {
  content: "";
  position: absolute;
  left: 50%;
  top: 50%;
  -webkit-transform: translate(-50%, -50%);
  -ms-transform: translate(-50%, -50%);
  transform: translate(-50%, -50%);
  width: 14px;
  height: 14px;
  background: url(../../img/plus.svg) no-repeat;
  background-size: contain;
  pointer-events: none
}

.upload-js-item label input {
  display: none
}

.uploaded-items {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
  -ms-flex-direction: column;
  flex-direction: column;
  gap: 2rem;
}

.upload-wrapper-single {
  display: flex;
  justify-content: space-between;
  gap:2rem;
  align-items: center;
}

.upload-wrapper-single .upload-js-item-single label {
  display: inline-flex;
  align-items: center;
  position: relative;
  gap: 1.2rem;
  cursor: pointer;
  margin-bottom: 0;
  font-size: 1.6rem;
  color: var(--c-ui-blue);
  font-weight: 600;
}

.upload-wrapper-single .upload-js-item-single input {
  display: none;
}

.uploaded-items .item {
  margin-bottom: 3rem;
}

.uploaded-items-single .item-group {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  gap: 1rem;
  font-size: 1.6rem;
  cursor: pointer;
  font-weight: 500;
}

.uploaded-items-single .item-group .remove  {
      flex: 0 0 auto;
height: 35px;
border-radius: .8rem;
width: 3.5rem;
background: var(--c-ui-danger);
cursor: pointer;
display: flex;
justify-content: center;
align-items: center;

}
.uploaded-items-single .item-group .remove::after {
    content: "";
    width: 1.8rem;
    height: 2.5rem;
    background: url(../../img/remove.svg) no-repeat;
    background-size: contain;
  }
.upload-input input[type=file] {
  display: none;
}

.uploaded-items .label {
  display: block;
  margin-bottom: .8rem;
  font-size: 1.4rem;
  font-weight: 400;
  color: #6c757d
}

.uploaded-items .item-group {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  gap: 2rem;
  -webkit-box-pack: justify;
  -ms-flex-pack: justify;
  justify-content: space-between
}

.uploaded-items .item-group .uploaded-item {
  position: relative;
  width: 100%;
  max-width: 100%;
  height: 50px;
  cursor: pointer;
  margin-bottom: 0;
  background: var(--c-ui-blue);
  border-color: var(--c-ui-blue);
  border-radius: .8rem;
  color: #fff;
  padding: 1.35rem 2rem;
  font-size: 1.4rem
}

.uploaded-items .item-group .remove {
  -webkit-box-flex: 0;
  -ms-flex: 0 0 auto;
  flex: 0 0 auto;
  height: 50px;
  border-radius: .8rem;
  width: 6rem;
  background: var(--c-ui-danger);
  cursor: pointer;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: center;
  -ms-flex-pack: center;
  justify-content: center;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center
}

.uploaded-items .item-group .remove::after {
  content: "";
  width: 2.4rem;
  height: 3rem;
  background: url(../../img/remove.svg) no-repeat;
  background-size: contain
}


.mx-0 {
  margin-left: 0px !important;
  margin-right: 0px !important
}

.my-0 {
  margin-top: 0px !important;
  margin-bottom: 0px !important
}

.ma-0 {
  margin: 0px 0px !important
}

.mt-0 {
  margin-top: 0px !important
}

.mb-0 {
  margin-bottom: 0px !important
}

.ml-0 {
  margin-left: 0px !important
}

.mr-0 {
  margin-right: 0px !important
}

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

.my-1 {
  margin-top: 1rem !important;
  margin-bottom: 1rem !important
}

.ma-1 {
  margin: 1rem 1rem !important
}

.mt-1 {
  margin-top: 1rem !important
}

.mb-1 {
  margin-bottom: 1rem !important
}

.ml-1 {
  margin-left: 1rem !important
}

.mr-1 {
  margin-right: 1rem !important
}

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

.my-2 {
  margin-top: 2rem !important;
  margin-bottom: 2rem !important
}

.ma-2 {
  margin: 2rem 2rem !important
}

.mt-2 {
  margin-top: 2rem !important
}

.mb-2 {
  margin-bottom: 2rem !important
}

.ml-2 {
  margin-left: 2rem !important
}

.mr-2 {
  margin-right: 2rem !important
}

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

.my-3 {
  margin-top: 3rem !important;
  margin-bottom: 3rem !important
}

.ma-3 {
  margin: 3rem 3rem !important
}

.mt-3 {
  margin-top: 3rem !important
}

.mb-3 {
  margin-bottom: 3rem !important
}

.ml-3 {
  margin-left: 3rem !important
}

.mr-3 {
  margin-right: 3rem !important
}

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

.my-4 {
  margin-top: 4rem !important;
  margin-bottom: 4rem !important
}

.ma-4 {
  margin: 4rem 4rem !important
}

.mt-4 {
  margin-top: 4rem !important
}

.mb-4 {
  margin-bottom: 4rem !important
}

.ml-4 {
  margin-left: 4rem !important
}

.mr-4 {
  margin-right: 4rem !important
}

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

.my-5 {
  margin-top: 5rem !important;
  margin-bottom: 5rem !important
}

.ma-5 {
  margin: 5rem 5rem !important
}

.mt-5 {
  margin-top: 5rem !important
}

.mb-5 {
  margin-bottom: 5rem !important
}

.ml-5 {
  margin-left: 5rem !important
}

.mr-5 {
  margin-right: 5rem !important
}

.px-0 {
  padding-left: 0px !important;
  padding-right: 0px !important
}

.py-0 {
  padding-top: 0px !important;
  padding-bottom: 0px !important
}

.pa-0 {
  padding: 0px 0px !important
}

.pt-0 {
  padding-top: 0px !important
}

.pb-0 {
  padding-bottom: 0px !important
}

.pl-0 {
  padding-left: 0px !important
}

.pr-0 {
  padding-right: 0px !important
}

.px-1 {
  padding-left: 1rem !important;
  padding-right: 1rem !important
}

.py-1 {
  padding-top: 1rem !important;
  padding-bottom: 1rem !important
}

.pa-1 {
  padding: 1rem 1rem !important
}

.pt-1 {
  padding-top: 1rem !important
}

.pb-1 {
  padding-bottom: 1rem !important
}

.pl-1 {
  padding-left: 1rem !important
}

.pr-1 {
  padding-right: 1rem !important
}

.px-2 {
  padding-left: 2rem !important;
  padding-right: 2rem !important
}

.py-2 {
  padding-top: 2rem !important;
  padding-bottom: 2rem !important
}

.pa-2 {
  padding: 2rem 2rem !important
}

.pt-2 {
  padding-top: 2rem !important
}

.pb-2 {
  padding-bottom: 2rem !important
}

.pl-2 {
  padding-left: 2rem !important
}

.pr-2 {
  padding-right: 2rem !important
}

.px-3 {
  padding-left: 3rem !important;
  padding-right: 3rem !important
}

.py-3 {
  padding-top: 3rem !important;
  padding-bottom: 3rem !important
}

.pa-3 {
  padding: 3rem 3rem !important
}

.pt-3 {
  padding-top: 3rem !important
}

.pb-3 {
  padding-bottom: 3rem !important
}

.pl-3 {
  padding-left: 3rem !important
}

.pr-3 {
  padding-right: 3rem !important
}

.px-4 {
  padding-left: 4rem !important;
  padding-right: 4rem !important
}

.py-4 {
  padding-top: 4rem !important;
  padding-bottom: 4rem !important
}

.pa-4 {
  padding: 4rem 4rem !important
}

.pt-4 {
  padding-top: 4rem !important
}

.pb-4 {
  padding-bottom: 4rem !important
}

.pl-4 {
  padding-left: 4rem !important
}

.pr-4 {
  padding-right: 4rem !important
}

.px-5 {
  padding-left: 5rem !important;
  padding-right: 5rem !important
}

.py-5 {
  padding-top: 5rem !important;
  padding-bottom: 5rem !important
}

.pa-5 {
  padding: 5rem 5rem !important
}

.pt-5 {
  padding-top: 5rem !important
}

.pb-5 {
  padding-bottom: 5rem !important
}

.pl-5 {
  padding-left: 5rem !important
}

.pr-5 {
  padding-right: 5rem !important
}

.info-table {
  /* display: grid;
  grid-template-columns: .75fr 1fr 1fr;
  gap: 3.5rem; */
  padding: 4rem 0;
  margin:0 auto;
}



/* .info-table .info-warning {
  grid-column: span 3
} */

.totalPlan-table {
  caption-side: bottom;
  border-collapse: collapse;
  width: 100%;
  margin-bottom: 4rem;
  color:#82778E;
  vertical-align: top;

}

.totalPlan-table thead {
  vertical-align:bottom;
}

.totalPlan-table >tbody {
  vertical-align: inherit;
    border-color: inherit;
    border-style: solid;
    border-width: 0;
}

.totalPlan-table tr {
  border-color: inherit;
    border-style: solid;
    border-width: 0;
}

.totalPlan-table tr td {
    font-weight: bold;
    text-transform: uppercase;
    font-size: 1.6rem;
    line-height: 1.2;
    padding: .7rem;
}

.totalPlan-table .plan-percent {
  display: inline-block;
  margin-left: 2.4rem;
}

.good--percent {
  color:#00C82C !important;
}

.normal--percent {
  color:#F19F00 !important;
}

.plan-list.table-total-percent {
  gap:1rem;
}

.table-total-percent .plan-tip {
  color:#82778E;
  font-size: 1.6rem;
}

.plan-list.table-total-percent .plan-item {
  font-weight: bold;
  font-size: 2.4rem;
  color:#3E3939;
}

.table-total-percent .plan-total-percent {
min-width: 9rem;
height: 4.4rem;
}
.table-total-percent .plan-total-percent span {
  font-size: 2.4rem;
}
.totalPlan-table tr td:first-of-type {
  padding-left: 0;
  color:#6F6F6F;
}

.totalPlan-table th {
  font-size: 1.6rem;
  font-weight: 400;
  padding-bottom: 1rem;
  padding-left: .7rem;
  padding-right: .7rem;
}

.table-col {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
  -ms-flex-direction: column;
  flex-direction: column;
  gap: 3.5rem
}

.info-table .d-flex {
  flex-wrap:wrap;
}

.w--100 {
  width: 100% !important;
  max-width: 100% !important;
}

.info-table .stocks-list li  {
  flex-wrap:wrap;
  gap:1rem;
}
.info-table .item-sizer {
  width: 32.9%;
}
 .info-item {
  border-radius: 8px;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
  -ms-flex-direction: column;
  flex-direction: column;
  overflow: hidden;
  width: 32.9%;
  margin-bottom: 20px;
  box-shadow: 0 2px 12px rgba(0, 61, 104, 0.15);
  background-color: #ffffff;
  border: 1px solid #e8e8e8;
}

@media (max-width:1299px) {
  .info-table .item-sizer,
  .info-table .info-item {
    width: 49%
  }
}

@media (max-width:999px) {
  .info-table .item-sizer,
  .info-table .info-item {
    width: 100%
  }
}
 .info-item .item-header {
  border-radius: 8px 8px 0 0;
  padding: 2.5rem 3rem;
  background: linear-gradient(135deg, #003d68 0%, #005a6e 100%);
}
.info-item .item-body {
 padding: 2.5rem 3rem;
  background-color: #ffffff;
  font-size: 1.5rem;
  line-height: 1.7;
  color: #414042;
}
.info-item .item-body ul {
  list-style: none;
  padding: 0;
  margin: 0;
}

.info-item .item-body li {
  font-size: 1.5rem;
  margin-bottom: 1.2rem;
  color: #414042;
  padding-left: 2rem;
  position: relative;
}

.info-item .item-body li:before {
  content: "•";
  color: #005a6e;
  font-weight: bold;
  position: absolute;
  left: 0;
}
 
.item-title {
   font-weight: 700;
  font-size: 1.8rem;
  text-transform: uppercase;
  color: #ffffff;
  font-family: 'Montserrat', sans-serif;
  margin: 0;
}
.info-item .item-body h4 {
  font-size: 2rem;
  font-weight: 700;
  color: #003d68;
  font-family: 'Montserrat', sans-serif;
  text-transform: uppercase;
  margin-bottom: 1.5rem;
}
.purple--bg .item-body > span,
.blue--bg .item-body > span {
  font-size: 6rem;
  font-weight: 700;
  color: #005a6e;
  display: block;
  line-height: 1;
  margin-bottom: 2rem;
}
.info-item .item-body .current-course {
  font-size: 4.5rem;
  font-weight: 700;
  color: #005a6e;
  display: block;
}
.info-warning {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: center;
  -ms-flex-pack: center;
  justify-content: center;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  width: 100%;
  background-color: #cc416b;
  padding: 2rem;
  color: #fff;
  font-weight: 700;
  text-transform: uppercase;
  font-size: 4rem;
  border-radius: 1rem
}

.info-warning .warning-title {
  font: inherit;
  position: relative;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  gap: 8rem;
  text-align: center
}

.info-warning .warning-title::before,
.info-warning .warning-title::after {
  content: "";
  position: relative;
  display: block;
  width: 8rem;
  height: 8rem;
  background: url(../../img/new/warning-icon.svg) no-repeat;
  background-size: contain;
  -webkit-box-flex: 0;
  -ms-flex: 0 0 auto;
  flex: 0 0 auto
}

.list--none {
  list-style: none
}

.lightblue--bg {
  background-color: #e1f3ff
}

.lightpurple--bg {
  background-color: #f3edfa
}
.purple--bg {
  background-color: #ffffff;
  border-left: 6px solid #003d68;
}

.blue--bg {
  background-color: #ffffff;
  border-left: 6px solid #005a6e;
}

.green--bg {
  background-color: #ffffff;
  border-left: 6px solid #005a6e;
}
 .lightgreen--bg {
 background-color: #ffffff;
  

.stocks-list {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
  -ms-flex-direction: column;
  flex-direction: column;
  gap: 1rem
}

.stocks-list li,
.stocks-list a {
  font-size: 1.6rem;
  color: #515151
}

.fw-bold {
  font-weight: 700
}

.download-item-link {
  position: relative;
  font-size: 1.6rem;
  display: inline-block;
  font-weight: 400;
  color: #515151;
  padding-left: 4rem;
  line-height: 1.3
}

.download-item-link::before {
  content: "";
  display: block;
  position: absolute;
  left: 0;
  top: 0;
  width: 2.3rem;
  height: 2.1rem;
  background: url(../../img/new/download-list-icon.svg) no-repeat;
  background-size: contain
}

.download-item-link.active {
  font-weight: 600
}

.download-list {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
  -ms-flex-direction: column;
  flex-direction: column;
  gap: 2rem
}

.discount-info {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
  -ms-flex-direction: column;
  flex-direction: column;
  gap: 1rem
}

.discount-info li {
  color: #fff;
  font-size: 1.2rem
}

.discount-counter {
  font-size: 7rem;
  font-weight: 700;
  color: #005a6e;
  line-height: 1;
}

.tasks-list {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
  -ms-flex-direction: column;
  flex-direction: column;
  gap: 1.4rem
}

.d-flex {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex
}

.justify-between {
  -webkit-box-pack: justify;
  -ms-flex-pack: justify;
  justify-content: space-between
}

.ga-1 {
  gap: 1rem
}

.ga-2 {
  gap: 2rem
}

.align-center {
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center
}

.button--lightblue {
  display: -webkit-inline-box;
  display: -ms-inline-flexbox;
  display: inline-flex;
  text-transform: uppercase;
  font-size: 1.6rem;
  background-color: #00c5f4;
  color: #fff;
  font-weight: 700
}

.current-course {
  font-size: 5rem;
  font-weight: 700;
  color: #ffffff;
}
.task-checkbox {
  display: -webkit-inline-box;
  display: -ms-inline-flexbox;
  display: inline-flex;
  position: relative;
  gap: 1.5rem;
  cursor: pointer
}

.task-checkbox label {
  display: -webkit-inline-box;
  display: -ms-inline-flexbox;
  display: inline-flex;
  position: relative;
  gap: 2rem;
  cursor: pointer
}

.task-checkbox label.active .box::before {
  opacity: 1
}

.task-checkbox label.inactive .box::after {
  opacity: 1
}

.task-checkbox .text {
  line-height: 1.3;
  font-size: 1.6rem;
  display: inline-block;
  font-weight: 400;
  color: #515151
}

.task-checkbox .box {
  width: 2.4rem;
  height: 2.4rem;
  border-radius: .5rem;
  background-color: #fff;
  -webkit-box-ordinal-group: 0;
  -ms-flex-order: -1;
  order: -1;
  position: relative;
  -webkit-box-flex: 0;
  -ms-flex: 0 0 auto;
  flex: 0 0 auto
}

.task-checkbox .box::before,
.task-checkbox .box::after {
  content: "";
  position: absolute;
  left: 50%;
  top: 50%;
  -webkit-transform: translate(-50%, -50%);
  -ms-transform: translate(-50%, -50%);
  transform: translate(-50%, -50%);
  background-size: cover;
  -webkit-transition: ease .3s;
  transition: ease .3s;
  opacity: 0;
  -webkit-box-flex: 0;
  -ms-flex: 0 0 auto;
  flex: 0 0 auto
}

.task-checkbox .box::before {
  background: url(../../img/new/task-active-i.svg) no-repeat;
  width: 1.25rem;
  height: 1.4rem
}

.task-checkbox .box::after {
  background: url(../../img/new/task-inactive-i.svg) no-repeat;
  width: 1.2rem;
  height: 1.3rem
}

.plan-list {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
  -ms-flex-direction: column;
  flex-direction: column;
  gap: 2rem;
  margin-bottom: 2rem
}

.plan-list .plan-item {
  font-size: 2.4rem;
  color: #414042;
  position: relative
}

.plan-list .plan-item.fact::after {
  content: "/";
  margin-left: 1rem
}

.plan-list .plan-item.plan {
  font-weight: 700
}

.plan-list .month {
  color:  #414042;
  font-size: 1.6rem;
  min-width: 7.4rem
}

.plan-list .percent-done {
  font-size: 1.6rem;
  color: #414042;
  font-weight: 700;
  text-transform: uppercase
}

.plan-list.modify--plan .plan-item {
  font-weight: 700;
  font-size: 1.6rem
}

.plan-total {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  color: #414042;
  gap: 2rem
}

.plan-total .plan-item {
  font-size: 4rem;
  color: #414042;
  position: relative
}

.plan-total .plan-item.fact::after {
  content: "/";
  margin-left: 1rem
}

.plan-total .plan-item.plan {
  font-weight: 700
}

.plan-total.modify--total .plan-item {
  font-size: 1.8rem;
  font-weight: 700
}

.flex-wrap {
  -ms-flex-wrap: wrap;
  flex-wrap: wrap
}

.new-select {
  display: block;
  font-size: 1.6rem;
  font-weight: 400;
  color: #515151;
  line-height: 1.3;
  padding: .4rem 3rem .4rem 1rem;
  max-width: 100%;
  -webkit-box-sizing: border-box;
  box-sizing: border-box;
  margin: 0;
  border: none;
  -webkit-box-shadow: none;
  box-shadow: none;
  border-radius: .5rem;
  -webkit-appearance: none;
  -moz-appearance: none;
  appearance: none;
  background-color: #fff;
  background-image: url("data:image/svg+xml;charset=US-ASCII,%3Csvg%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20width%3D%22292.4%22%20height%3D%22292.4%22%3E%3Cpath%20fill%3D%22%23007CB2%22%20d%3D%22M287%2069.4a17.6%2017.6%200%200%200-13-5.4H18.4c-5%200-9.3%201.8-12.9%205.4A17.6%2017.6%200%200%200%200%2082.2c0%205%201.8%209.3%205.4%2012.9l128%20127.9c3.6%203.6%207.8%205.4%2012.8%205.4s9.2-1.8%2012.8-5.4L287%2095c3.5-3.5%205.4-7.8%205.4-12.8%200-5-1.9-9.2-5.5-12.8z%22%2F%3E%3C%2Fsvg%3E"), -webkit-gradient(linear, left top, left bottom, from(#ffffff), to(#e5e5e5));
  background-image: url("data:image/svg+xml;charset=US-ASCII,%3Csvg%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20width%3D%22292.4%22%20height%3D%22292.4%22%3E%3Cpath%20fill%3D%22%23007CB2%22%20d%3D%22M287%2069.4a17.6%2017.6%200%200%200-13-5.4H18.4c-5%200-9.3%201.8-12.9%205.4A17.6%2017.6%200%200%200%200%2082.2c0%205%201.8%209.3%205.4%2012.9l128%20127.9c3.6%203.6%207.8%205.4%2012.8%205.4s9.2-1.8%2012.8-5.4L287%2095c3.5-3.5%205.4-7.8%205.4-12.8%200-5-1.9-9.2-5.5-12.8z%22%2F%3E%3C%2Fsvg%3E"), linear-gradient(to bottom, #ffffff 0%, #e5e5e5 100%);
  background-repeat: no-repeat, repeat;
  background-position: right .7em top 50%, 0 0;
  background-size: .65rem auto, 100%
}

.new-select::-ms-expand {
  display: none
}

.new-select:hover {
  border-color: #888
}

.new-select:focus {
  border-color: #aaa;
  -webkit-box-shadow: 0 0 1px 3px rgba(59, 153, 252, .7);
  box-shadow: 0 0 1px 3px rgba(59, 153, 252, .7);
  box-shadow: 0 0 0 3px -moz-mac-focusring;
  color: #222;
  outline: none
}

.new-select option {
  font-weight: normal
}

*[dir=rtl] .new-select,
:root:lang(ar) .new-select,
:root:lang(iw) .new-select {
  background-position: left .7em top 50%, 0 0;
  padding: .6em .8em .5em 1.4em
}

.plan-total-percent {
  position: relative;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: center;
  -ms-flex-pack: center;
  justify-content: center;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  height: 3.8rem;
  min-width: 6rem;
  white-space: nowrap;
  border-radius: 1rem;
  overflow: hidden;
  text-align: center;
  background-color: #cecece;
  color: #fff;
  border: .3rem solid #fff
}

.plan-total-percent .progress {
  position: absolute;
  left: 0;
  top: 0;
  height: 100%
}

.plan-total-percent span {
  font-size: 1.8rem;
  text-transform: uppercase;
  font-weight: 700;
  position: relative;
  z-index: 2
}

.progress--green {
  background-color: #00c82c
}

.progress--red {
  background-color: #ef2323
}

.progress--orange {
  background-color: #f19f00
}

@media(max-width: 1599px) {
  .download-item-link {
    font-size: 1.4rem;
    padding-left: 3rem
  }

  .task-checkbox label {
    gap: 1rem
  }

.info-table .d-flex {
  flex-wrap: wrap;
  gap: 20px;
}

  .info-item .item-body,
  .info-item .item-header {
    padding: 2rem
  }

  .item-title {
    font-size: 1.8rem
  }

  .current-course {
    font-size: 3rem
  }

  .discount-counter {
    font-size: 3.4rem
  }

  .plan-list .plan-item {
    font-size: 1.6rem
  }

  .plan-total .plan-item {
    font-size: 2.2rem
  }

  .plan-list.modify--plan .plan-item,
  .plan-list .percent-done,
  .plan-list .month {
    font-size: 1.4rem
  }

  .plan-total.modify--total .plan-item {
    font-size: 1.6rem
  }
}


/*! jQuery UI - v1.12.1 - 2019-08-19
* http://jqueryui.com
* Includes: draggable.css, core.css, resizable.css, selectable.css, sortable.css, accordion.css, autocomplete.css, menu.css, button.css, controlgroup.css, checkboxradio.css, datepicker.css, dialog.css, progressbar.css, selectmenu.css, slider.css, spinner.css, tabs.css, tooltip.css, theme.css
* To view and modify this theme, visit http://jqueryui.com/themeroller/?scope=&folderName=base&cornerRadiusShadow=8px&offsetLeftShadow=0px&offsetTopShadow=0px&thicknessShadow=5px&opacityShadow=30&bgImgOpacityShadow=0&bgTextureShadow=flat&bgColorShadow=666666&opacityOverlay=30&bgImgOpacityOverlay=0&bgTextureOverlay=flat&bgColorOverlay=aaaaaa&iconColorError=cc0000&fcError=5f3f3f&borderColorError=f1a899&bgTextureError=flat&bgColorError=fddfdf&iconColorHighlight=777620&fcHighlight=777620&borderColorHighlight=dad55e&bgTextureHighlight=flat&bgColorHighlight=fffa90&iconColorActive=ffffff&fcActive=ffffff&borderColorActive=003eff&bgTextureActive=flat&bgColorActive=007fff&iconColorHover=555555&fcHover=2b2b2b&borderColorHover=cccccc&bgTextureHover=flat&bgColorHover=ededed&iconColorDefault=777777&fcDefault=454545&borderColorDefault=c5c5c5&bgTextureDefault=flat&bgColorDefault=f6f6f6&iconColorContent=444444&fcContent=333333&borderColorContent=dddddd&bgTextureContent=flat&bgColorContent=ffffff&iconColorHeader=444444&fcHeader=333333&borderColorHeader=dddddd&bgTextureHeader=flat&bgColorHeader=e9e9e9&cornerRadius=3px&fwDefault=normal&fsDefault=1em&ffDefault=Arial%2CHelvetica%2Csans-serif
* Copyright jQuery Foundation and other contributors; Licensed MIT */
.ui-draggable-handle {
    -ms-touch-action: none;
    touch-action: none
}

.ui-helper-hidden {
    display: none
}

.ui-helper-hidden-accessible {
    border: 0;
    clip: rect(0 0 0 0);
    height: 1px;
    margin: -1px;
    overflow: hidden;
    padding: 0;
    position: absolute;
    width: 1px
}

.ui-helper-reset {
    margin: 0;
    padding: 0;
    border: 0;
    outline: 0;
    line-height: 1.3;
    text-decoration: none;
    font-size: 100%;
    list-style: none
}

.ui-helper-clearfix:before,.ui-helper-clearfix:after {
    content: "";
    display: table;
    border-collapse: collapse
}

.ui-helper-clearfix:after {
    clear: both
}

.ui-helper-zfix {
    width: 100%;
    height: 100%;
    top: 0;
    left: 0;
    position: absolute;
    opacity: 0;
    filter: Alpha(Opacity=0)
}

.ui-front {
    z-index: 100
}

.ui-state-disabled {
    cursor: default!important;
    pointer-events: none
}

.ui-icon {
    display: inline-block;
    vertical-align: middle;
    margin-top: -.25em;
    position: relative;
    text-indent: -99999px;
    overflow: hidden;
    background-repeat: no-repeat
}

.ui-widget-icon-block {
    left: 50%;
    margin-left: -8px;
    display: block
}

.ui-widget-overlay {
    position: fixed;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%
}

.ui-resizable {
    position: relative
}

.ui-resizable-handle {
    position: absolute;
    font-size: 0.1px;
    display: block;
    -ms-touch-action: none;
    touch-action: none
}

.ui-resizable-disabled .ui-resizable-handle,.ui-resizable-autohide .ui-resizable-handle {
    display: none
}

.ui-resizable-n {
    cursor: n-resize;
    height: 7px;
    width: 100%;
    top: -5px;
    left: 0
}

.ui-resizable-s {
    cursor: s-resize;
    height: 7px;
    width: 100%;
    bottom: -5px;
    left: 0
}

.ui-resizable-e {
    cursor: e-resize;
    width: 7px;
    right: -5px;
    top: 0;
    height: 100%
}

.ui-resizable-w {
    cursor: w-resize;
    width: 7px;
    left: -5px;
    top: 0;
    height: 100%
}

.ui-resizable-se {
    cursor: se-resize;
    width: 12px;
    height: 12px;
    right: 1px;
    bottom: 1px
}

.ui-resizable-sw {
    cursor: sw-resize;
    width: 9px;
    height: 9px;
    left: -5px;
    bottom: -5px
}

.ui-resizable-nw {
    cursor: nw-resize;
    width: 9px;
    height: 9px;
    left: -5px;
    top: -5px
}

.ui-resizable-ne {
    cursor: ne-resize;
    width: 9px;
    height: 9px;
    right: -5px;
    top: -5px
}

.ui-selectable {
    -ms-touch-action: none;
    touch-action: none
}

.ui-selectable-helper {
    position: absolute;
    z-index: 100;
    border: 1px dotted black
}

.ui-sortable-handle {
    -ms-touch-action: none;
    touch-action: none
}

.ui-accordion .ui-accordion-header {
    display: block;
    cursor: pointer;
    position: relative;
    margin: 2px 0 0 0;
    padding: .5em .5em .5em .7em;
    font-size: 100%
}

.ui-accordion .ui-accordion-content {
    padding: 1em 2.2em;
    border-top: 0;
    overflow: auto
}

.ui-autocomplete {
    position: absolute;
    top: 0;
    left: 0;
    cursor: default
}

.ui-menu {
    list-style: none;
    padding: 0;
    margin: 0;
    display: block;
    outline: 0
}

.ui-menu .ui-menu {
    position: absolute
}

.ui-menu .ui-menu-item {
    margin: 0;
    cursor: pointer;
    list-style-image: url("data:image/gif;base64,R0lGODlhAQABAIAAAAAAAP///yH5BAEAAAAALAAAAAABAAEAAAIBRAA7")
}

.ui-menu .ui-menu-item-wrapper {
    position: relative;
    padding: 3px 1em 3px .4em
}

.ui-menu .ui-menu-divider {
    margin: 5px 0;
    height: 0;
    font-size: 0;
    line-height: 0;
    border-width: 1px 0 0 0
}

.ui-menu .ui-state-focus,.ui-menu .ui-state-active {
    margin: -1px
}

.ui-menu-icons {
    position: relative
}

.ui-menu-icons .ui-menu-item-wrapper {
    padding-left: 2em
}

.ui-menu .ui-icon {
    position: absolute;
    top: 0;
    bottom: 0;
    left: .2em;
    margin: auto 0
}

.ui-menu .ui-menu-icon {
    left: auto;
    right: 0
}

.ui-button {
    padding: .4em 1em;
    display: inline-block;
    position: relative;
    line-height: normal;
    margin-right: .1em;
    cursor: pointer;
    vertical-align: middle;
    text-align: center;
    -webkit-user-select: none;
    -moz-user-select: none;
    -ms-user-select: none;
    user-select: none;
    overflow: visible
}

.ui-button,.ui-button:link,.ui-button:visited,.ui-button:hover,.ui-button:active {
    text-decoration: none
}

.ui-button-icon-only {
    width: 2em;
    box-sizing: border-box;
    text-indent: -9999px;
    white-space: nowrap
}

input.ui-button.ui-button-icon-only {
    text-indent: 0
}

.ui-button-icon-only .ui-icon {
    position: absolute;
    top: 50%;
    left: 50%;
    margin-top: -8px;
    margin-left: -8px
}

.ui-button.ui-icon-notext .ui-icon {
    padding: 0;
    width: 2.1em;
    height: 2.1em;
    text-indent: -9999px;
    white-space: nowrap
}

input.ui-button.ui-icon-notext .ui-icon {
    width: auto;
    height: auto;
    text-indent: 0;
    white-space: normal;
    padding: .4em 1em
}

input.ui-button::-moz-focus-inner,button.ui-button::-moz-focus-inner {
    border: 0;
    padding: 0
}

.ui-controlgroup {
    vertical-align: middle;
    display: inline-block
}

.ui-controlgroup > .ui-controlgroup-item {
    float: left;
    margin-left: 0;
    margin-right: 0
}

.ui-controlgroup > .ui-controlgroup-item:focus,.ui-controlgroup > .ui-controlgroup-item.ui-visual-focus {
    z-index: 9999
}

.ui-controlgroup-vertical > .ui-controlgroup-item {
    display: block;
    float: none;
    width: 100%;
    margin-top: 0;
    margin-bottom: 0;
    text-align: left
}

.ui-controlgroup-vertical .ui-controlgroup-item {
    box-sizing: border-box
}

.ui-controlgroup .ui-controlgroup-label {
    padding: .4em 1em
}

.ui-controlgroup .ui-controlgroup-label span {
    font-size: 80%
}

.ui-controlgroup-horizontal .ui-controlgroup-label + .ui-controlgroup-item {
    border-left: none
}

.ui-controlgroup-vertical .ui-controlgroup-label + .ui-controlgroup-item {
    border-top: none
}

.ui-controlgroup-horizontal .ui-controlgroup-label.ui-widget-content {
    border-right: none
}

.ui-controlgroup-vertical .ui-controlgroup-label.ui-widget-content {
    border-bottom: none
}

.ui-controlgroup-vertical .ui-spinner-input {
    width: 75%;
    width: calc( 100% - 2.4em )
}

.ui-controlgroup-vertical .ui-spinner .ui-spinner-up {
    border-top-style: solid
}

.ui-checkboxradio-label .ui-icon-background {
    box-shadow: inset 1px 1px 1px #ccc;
    border-radius: .12em;
    border: none
}

.ui-checkboxradio-radio-label .ui-icon-background {
    width: 16px;
    height: 16px;
    border-radius: 1em;
    overflow: visible;
    border: none
}

.ui-checkboxradio-radio-label.ui-checkboxradio-checked .ui-icon,.ui-checkboxradio-radio-label.ui-checkboxradio-checked:hover .ui-icon {
    background-image: none;
    width: 8px;
    height: 8px;
    border-width: 4px;
    border-style: solid
}

.ui-checkboxradio-disabled {
    pointer-events: none
}

.ui-datepicker {
    width: 24em;
    padding: .2em .2em 0;
    display: none;
    z-index: 2005 !important;
}

.ui-datepicker .ui-datepicker-header {
    position: relative;
    padding: .2em 0
}

.ui-datepicker .ui-datepicker-prev,.ui-datepicker .ui-datepicker-next {
    position: absolute;
    top: 2px;
    width: 1.8em;
    height: 1.8em
}

.ui-datepicker .ui-datepicker-prev-hover,.ui-datepicker .ui-datepicker-next-hover {
    top: 1px
}

.ui-datepicker .ui-datepicker-prev {
    left: 2px
}

.ui-datepicker .ui-datepicker-next {
    right: 2px
}

.ui-datepicker .ui-datepicker-prev-hover {
    left: 1px
}

.ui-datepicker .ui-datepicker-next-hover {
    right: 1px
}

.ui-datepicker .ui-datepicker-prev span,.ui-datepicker .ui-datepicker-next span {
    display: block;
    position: absolute;
    left: 50%;
    margin-left: -8px;
    top: 50%;
    margin-top: -8px
}

.ui-datepicker .ui-datepicker-title {
    margin: 0 2.3em;
    line-height: 1.8em;
    text-align: center
}

.ui-datepicker .ui-datepicker-title select {
    font-size: 1em;
    margin: 1px 0
}

.ui-datepicker select.ui-datepicker-month,.ui-datepicker select.ui-datepicker-year {
    width: 45%
}

.ui-datepicker table {
    width: 100%;
    font-size: .9em;
    border-collapse: collapse;
    margin: 0 0 .4em
}

.ui-datepicker th {
    padding: .7em .3em;
    text-align: center;
    font-weight: bold;
    border: 0
}

.ui-datepicker td {
    border: 0;
    padding: 1px
}

.ui-datepicker td span,.ui-datepicker td a {
    display: block;
    padding: .2em;
    text-align: right;
    text-decoration: none
}

.ui-datepicker .ui-datepicker-buttonpane {
    background-image: none;
    margin: .7em 0 0 0;
    padding: 0 .2em;
    border-left: 0;
    border-right: 0;
    border-bottom: 0
}

.ui-datepicker .ui-datepicker-buttonpane button {
    float: right;
    margin: .5em .2em .4em;
    cursor: pointer;
    padding: .2em .6em .3em .6em;
    width: auto;
    overflow: visible
}

.ui-datepicker .ui-datepicker-buttonpane button.ui-datepicker-current {
    float: left
}

.ui-datepicker.ui-datepicker-multi {
    width: auto
}

.ui-datepicker-multi .ui-datepicker-group {
    float: left
}

.ui-datepicker-multi .ui-datepicker-group table {
    width: 95%;
    margin: 0 auto .4em
}

.ui-datepicker-multi-2 .ui-datepicker-group {
    width: 50%
}

.ui-datepicker-multi-3 .ui-datepicker-group {
    width: 33.3%
}

.ui-datepicker-multi-4 .ui-datepicker-group {
    width: 25%
}

.ui-datepicker-multi .ui-datepicker-group-last .ui-datepicker-header,.ui-datepicker-multi .ui-datepicker-group-middle .ui-datepicker-header {
    border-left-width: 0
}

.ui-datepicker-multi .ui-datepicker-buttonpane {
    clear: left
}

.ui-datepicker-row-break {
    clear: both;
    width: 100%;
    font-size: 0
}

.ui-datepicker-rtl {
    direction: rtl
}

.ui-datepicker-rtl .ui-datepicker-prev {
    right: 2px;
    left: auto
}

.ui-datepicker-rtl .ui-datepicker-next {
    left: 2px;
    right: auto
}

.ui-datepicker-rtl .ui-datepicker-prev:hover {
    right: 1px;
    left: auto
}

.ui-datepicker-rtl .ui-datepicker-next:hover {
    left: 1px;
    right: auto
}

.ui-datepicker-rtl .ui-datepicker-buttonpane {
    clear: right
}

.ui-datepicker-rtl .ui-datepicker-buttonpane button {
    float: left
}

.ui-datepicker-rtl .ui-datepicker-buttonpane button.ui-datepicker-current,.ui-datepicker-rtl .ui-datepicker-group {
    float: right
}

.ui-datepicker-rtl .ui-datepicker-group-last .ui-datepicker-header,.ui-datepicker-rtl .ui-datepicker-group-middle .ui-datepicker-header {
    border-right-width: 0;
    border-left-width: 1px
}

.ui-datepicker .ui-icon {
    display: block;
    text-indent: -99999px;
    overflow: hidden;
    background-repeat: no-repeat;
    left: .5em;
    top: .3em
}

.ui-dialog {
    position: absolute;
    top: 0;
    left: 0;
    padding: .2em;
    outline: 0
}

.ui-dialog .ui-dialog-titlebar {
    padding: .4em 1em;
    position: relative
}

.ui-dialog .ui-dialog-title {
    float: left;
    margin: .1em 0;
    white-space: nowrap;
    width: 90%;
    overflow: hidden;
    text-overflow: ellipsis
}

.ui-dialog .ui-dialog-titlebar-close {
    position: absolute;
    right: .3em;
    top: 50%;
    width: 20px;
    margin: -10px 0 0 0;
    padding: 1px;
    height: 20px
}

.ui-dialog .ui-dialog-content {
    position: relative;
    border: 0;
    padding: .5em 1em;
    background: none;
    overflow: auto
}

.ui-dialog .ui-dialog-buttonpane {
    text-align: left;
    border-width: 1px 0 0 0;
    background-image: none;
    margin-top: .5em;
    padding: .3em 1em .5em .4em
}

.ui-dialog .ui-dialog-buttonpane .ui-dialog-buttonset {
    float: right
}

.ui-dialog .ui-dialog-buttonpane button {
    margin: .5em .4em .5em 0;
    cursor: pointer
}

.ui-dialog .ui-resizable-n {
    height: 2px;
    top: 0
}

.ui-dialog .ui-resizable-e {
    width: 2px;
    right: 0
}

.ui-dialog .ui-resizable-s {
    height: 2px;
    bottom: 0
}

.ui-dialog .ui-resizable-w {
    width: 2px;
    left: 0
}

.ui-dialog .ui-resizable-se,.ui-dialog .ui-resizable-sw,.ui-dialog .ui-resizable-ne,.ui-dialog .ui-resizable-nw {
    width: 7px;
    height: 7px
}

.ui-dialog .ui-resizable-se {
    right: 0;
    bottom: 0
}

.ui-dialog .ui-resizable-sw {
    left: 0;
    bottom: 0
}

.ui-dialog .ui-resizable-ne {
    right: 0;
    top: 0
}

.ui-dialog .ui-resizable-nw {
    left: 0;
    top: 0
}

.ui-draggable .ui-dialog-titlebar {
    cursor: move
}

.ui-progressbar {
    height: 2em;
    text-align: left;
    overflow: hidden
}

.ui-progressbar .ui-progressbar-value {
    margin: -1px;
    height: 100%
}

.ui-progressbar .ui-progressbar-overlay {
    background: url("data:image/gif;base64,R0lGODlhKAAoAIABAAAAAP///yH/C05FVFNDQVBFMi4wAwEAAAAh+QQJAQABACwAAAAAKAAoAAACkYwNqXrdC52DS06a7MFZI+4FHBCKoDeWKXqymPqGqxvJrXZbMx7Ttc+w9XgU2FB3lOyQRWET2IFGiU9m1frDVpxZZc6bfHwv4c1YXP6k1Vdy292Fb6UkuvFtXpvWSzA+HycXJHUXiGYIiMg2R6W459gnWGfHNdjIqDWVqemH2ekpObkpOlppWUqZiqr6edqqWQAAIfkECQEAAQAsAAAAACgAKAAAApSMgZnGfaqcg1E2uuzDmmHUBR8Qil95hiPKqWn3aqtLsS18y7G1SzNeowWBENtQd+T1JktP05nzPTdJZlR6vUxNWWjV+vUWhWNkWFwxl9VpZRedYcflIOLafaa28XdsH/ynlcc1uPVDZxQIR0K25+cICCmoqCe5mGhZOfeYSUh5yJcJyrkZWWpaR8doJ2o4NYq62lAAACH5BAkBAAEALAAAAAAoACgAAAKVDI4Yy22ZnINRNqosw0Bv7i1gyHUkFj7oSaWlu3ovC8GxNso5fluz3qLVhBVeT/Lz7ZTHyxL5dDalQWPVOsQWtRnuwXaFTj9jVVh8pma9JjZ4zYSj5ZOyma7uuolffh+IR5aW97cHuBUXKGKXlKjn+DiHWMcYJah4N0lYCMlJOXipGRr5qdgoSTrqWSq6WFl2ypoaUAAAIfkECQEAAQAsAAAAACgAKAAAApaEb6HLgd/iO7FNWtcFWe+ufODGjRfoiJ2akShbueb0wtI50zm02pbvwfWEMWBQ1zKGlLIhskiEPm9R6vRXxV4ZzWT2yHOGpWMyorblKlNp8HmHEb/lCXjcW7bmtXP8Xt229OVWR1fod2eWqNfHuMjXCPkIGNileOiImVmCOEmoSfn3yXlJWmoHGhqp6ilYuWYpmTqKUgAAIfkECQEAAQAsAAAAACgAKAAAApiEH6kb58biQ3FNWtMFWW3eNVcojuFGfqnZqSebuS06w5V80/X02pKe8zFwP6EFWOT1lDFk8rGERh1TTNOocQ61Hm4Xm2VexUHpzjymViHrFbiELsefVrn6XKfnt2Q9G/+Xdie499XHd2g4h7ioOGhXGJboGAnXSBnoBwKYyfioubZJ2Hn0RuRZaflZOil56Zp6iioKSXpUAAAh+QQJAQABACwAAAAAKAAoAAACkoQRqRvnxuI7kU1a1UU5bd5tnSeOZXhmn5lWK3qNTWvRdQxP8qvaC+/yaYQzXO7BMvaUEmJRd3TsiMAgswmNYrSgZdYrTX6tSHGZO73ezuAw2uxuQ+BbeZfMxsexY35+/Qe4J1inV0g4x3WHuMhIl2jXOKT2Q+VU5fgoSUI52VfZyfkJGkha6jmY+aaYdirq+lQAACH5BAkBAAEALAAAAAAoACgAAAKWBIKpYe0L3YNKToqswUlvznigd4wiR4KhZrKt9Upqip61i9E3vMvxRdHlbEFiEXfk9YARYxOZZD6VQ2pUunBmtRXo1Lf8hMVVcNl8JafV38aM2/Fu5V16Bn63r6xt97j09+MXSFi4BniGFae3hzbH9+hYBzkpuUh5aZmHuanZOZgIuvbGiNeomCnaxxap2upaCZsq+1kAACH5BAkBAAEALAAAAAAoACgAAAKXjI8By5zf4kOxTVrXNVlv1X0d8IGZGKLnNpYtm8Lr9cqVeuOSvfOW79D9aDHizNhDJidFZhNydEahOaDH6nomtJjp1tutKoNWkvA6JqfRVLHU/QUfau9l2x7G54d1fl995xcIGAdXqMfBNadoYrhH+Mg2KBlpVpbluCiXmMnZ2Sh4GBqJ+ckIOqqJ6LmKSllZmsoq6wpQAAAh+QQJAQABACwAAAAAKAAoAAAClYx/oLvoxuJDkU1a1YUZbJ59nSd2ZXhWqbRa2/gF8Gu2DY3iqs7yrq+xBYEkYvFSM8aSSObE+ZgRl1BHFZNr7pRCavZ5BW2142hY3AN/zWtsmf12p9XxxFl2lpLn1rseztfXZjdIWIf2s5dItwjYKBgo9yg5pHgzJXTEeGlZuenpyPmpGQoKOWkYmSpaSnqKileI2FAAACH5BAkBAAEALAAAAAAoACgAAAKVjB+gu+jG4kORTVrVhRlsnn2dJ3ZleFaptFrb+CXmO9OozeL5VfP99HvAWhpiUdcwkpBH3825AwYdU8xTqlLGhtCosArKMpvfa1mMRae9VvWZfeB2XfPkeLmm18lUcBj+p5dnN8jXZ3YIGEhYuOUn45aoCDkp16hl5IjYJvjWKcnoGQpqyPlpOhr3aElaqrq56Bq7VAAAOw==");
    height: 100%;
    filter: alpha(opacity=25);
    opacity: 0.25
}

.ui-progressbar-indeterminate .ui-progressbar-value {
    background-image: none
}

.ui-selectmenu-menu {
    padding: 0;
    margin: 0;
    position: absolute;
    top: 0;
    left: 0;
    display: none
}

.ui-selectmenu-menu .ui-menu {
    overflow: auto;
    overflow-x: hidden;
    padding-bottom: 1px
}

.ui-selectmenu-menu .ui-menu .ui-selectmenu-optgroup {
    font-size: 1em;
    font-weight: bold;
    line-height: 1.5;
    padding: 2px 0.4em;
    margin: 0.5em 0 0 0;
    height: auto;
    border: 0
}

.ui-selectmenu-open {
    display: block
}

.ui-selectmenu-text {
    display: block;
    margin-right: 20px;
    overflow: hidden;
    text-overflow: ellipsis
}

.ui-selectmenu-button.ui-button {
    text-align: left;
    white-space: nowrap;
    width: 14em
}

.ui-selectmenu-icon.ui-icon {
    float: right;
    margin-top: 0
}

.ui-slider {
    position: relative;
    text-align: left
}

.ui-slider .ui-slider-handle {
    position: absolute;
    z-index: 2;
    width: 1.2em;
    height: 1.2em;
    cursor: default;
    -ms-touch-action: none;
    touch-action: none
}

.ui-slider .ui-slider-range {
    position: absolute;
    z-index: 1;
    font-size: .7em;
    display: block;
    border: 0;
    background-position: 0 0
}

.ui-slider.ui-state-disabled .ui-slider-handle,.ui-slider.ui-state-disabled .ui-slider-range {
    filter: inherit
}

.ui-slider-horizontal {
    height: .8em
}

.ui-slider-horizontal .ui-slider-handle {
    top: -.3em;
    margin-left: -.6em
}

.ui-slider-horizontal .ui-slider-range {
    top: 0;
    height: 100%
}

.ui-slider-horizontal .ui-slider-range-min {
    left: 0
}

.ui-slider-horizontal .ui-slider-range-max {
    right: 0
}

.ui-slider-vertical {
    width: .8em;
    height: 100px
}

.ui-slider-vertical .ui-slider-handle {
    left: -.3em;
    margin-left: 0;
    margin-bottom: -.6em
}

.ui-slider-vertical .ui-slider-range {
    left: 0;
    width: 100%
}

.ui-slider-vertical .ui-slider-range-min {
    bottom: 0
}

.ui-slider-vertical .ui-slider-range-max {
    top: 0
}

.ui-spinner {
    position: relative;
    display: inline-block;
    overflow: hidden;
    padding: 0;
    vertical-align: middle
}

.ui-spinner-input {
    border: none;
    background: none;
    color: inherit;
    padding: .222em 0;
    margin: .2em 0;
    vertical-align: middle;
    margin-left: .4em;
    margin-right: 2em
}

.ui-spinner-button {
    width: 1.6em;
    height: 50%;
    font-size: .5em;
    padding: 0;
    margin: 0;
    text-align: center;
    position: absolute;
    cursor: default;
    display: block;
    overflow: hidden;
    right: 0
}

.ui-spinner a.ui-spinner-button {
    border-top-style: none;
    border-bottom-style: none;
    border-right-style: none
}

.ui-spinner-up {
    top: 0
}

.ui-spinner-down {
    bottom: 0
}

.ui-tabs {
    position: relative;
    padding: .2em
}

.ui-tabs .ui-tabs-nav {
    margin: 0;
    padding: .2em .2em 0
}

.ui-tabs .ui-tabs-nav li {
    list-style: none;
    float: left;
    position: relative;
    top: 0;
    margin: 1px .2em 0 0;
    border-bottom-width: 0;
    padding: 0;
    white-space: nowrap
}

.ui-tabs .ui-tabs-nav .ui-tabs-anchor {
    float: left;
    padding: .5em 1em;
    text-decoration: none
}

.ui-tabs .ui-tabs-nav li.ui-tabs-active {
    margin-bottom: -1px;
    padding-bottom: 1px
}

.ui-tabs .ui-tabs-nav li.ui-tabs-active .ui-tabs-anchor,.ui-tabs .ui-tabs-nav li.ui-state-disabled .ui-tabs-anchor,.ui-tabs .ui-tabs-nav li.ui-tabs-loading .ui-tabs-anchor {
    cursor: text
}

.ui-tabs-collapsible .ui-tabs-nav li.ui-tabs-active .ui-tabs-anchor {
    cursor: pointer
}

.ui-tabs .ui-tabs-panel {
    display: block;
    border-width: 0;
    padding: 1em 1.4em;
    background: none
}

.ui-tooltip {
    padding: 8px;
    position: absolute;
    z-index: 9999;
    max-width: 300px
}

body .ui-tooltip {
    border-width: 2px
}

.ui-widget {
    font-family: Arial,Helvetica,sans-serif;
    font-size: 1em
}

.ui-widget .ui-widget {
    font-size: 1em
}

.ui-widget input,.ui-widget select,.ui-widget textarea,.ui-widget button {
    font-family: Arial,Helvetica,sans-serif;
    font-size: 1em
}

.ui-widget.ui-widget-content {
    border: 1px solid #c5c5c5;
}

.ui-widget-content {
    border: 1px solid #ddd;
    background: #fff;
    color: #333
}

.ui-widget-content a {
    color: #333
}

.ui-widget-header {
    border: 1px solid #ddd;
    background: #e9e9e9;
    color: #333;
    font-weight: bold
}

.ui-widget-header a {
    color: #333
}

.ui-state-default,.ui-widget-content .ui-state-default,.ui-widget-header .ui-state-default,.ui-button,html .ui-button.ui-state-disabled:hover,html .ui-button.ui-state-disabled:active {
    border: 1px solid #c5c5c5;
    background: #f6f6f6;
    font-weight: normal;
    color: #454545;
    text-align:center;
}

.ui-state-default a,.ui-state-default a:link,.ui-state-default a:visited,a.ui-button,a:link.ui-button,a:visited.ui-button,.ui-button {
    color: #454545;
    text-decoration: none
}

.ui-state-hover,.ui-widget-content .ui-state-hover,.ui-widget-header .ui-state-hover,.ui-state-focus,.ui-widget-content .ui-state-focus,.ui-widget-header .ui-state-focus,.ui-button:hover,.ui-button:focus {
    border: 1px solid #ccc;
    background: #ededed;
    font-weight: normal;
    color: #2b2b2b
}

.ui-state-hover a,.ui-state-hover a:hover,.ui-state-hover a:link,.ui-state-hover a:visited,.ui-state-focus a,.ui-state-focus a:hover,.ui-state-focus a:link,.ui-state-focus a:visited,a.ui-button:hover,a.ui-button:focus {
    color: #2b2b2b;
    text-decoration: none
}

.ui-visual-focus {
    box-shadow: 0 0 3px 1px rgb(94,158,214)
}

.ui-state-active,.ui-widget-content .ui-state-active,.ui-widget-header .ui-state-active,a.ui-button:active,.ui-button:active,.ui-button.ui-state-active:hover {
    border: 1px solid #003eff;
    background: #007fff;
    font-weight: normal;
    color: #fff
}

.ui-icon-background,.ui-state-active .ui-icon-background {
    border: #003eff;
    background-color: #fff
}

.ui-state-active a,.ui-state-active a:link,.ui-state-active a:visited {
    color: #fff;
    text-decoration: none
}

.ui-state-highlight,.ui-widget-content .ui-state-highlight,.ui-widget-header .ui-state-highlight {
    border: 1px solid #0d5b8d;
    background: var(--c-ui-blue);
    color: #fff;
}

.ui-state-checked {
    border: 1px solid #dad55e;
    background: #fffa90
}

.ui-state-highlight a,.ui-widget-content .ui-state-highlight a,.ui-widget-header .ui-state-highlight a {
    color: #777620
}

.ui-state-error,.ui-widget-content .ui-state-error,.ui-widget-header .ui-state-error {
    border: 1px solid #f1a899;
    background: #fddfdf;
    color: #5f3f3f
}

.ui-state-error a,.ui-widget-content .ui-state-error a,.ui-widget-header .ui-state-error a {
    color: #5f3f3f
}

.ui-state-error-text,.ui-widget-content .ui-state-error-text,.ui-widget-header .ui-state-error-text {
    color: #5f3f3f
}

.ui-priority-primary,.ui-widget-content .ui-priority-primary,.ui-widget-header .ui-priority-primary {
    font-weight: bold
}

.ui-priority-secondary,.ui-widget-content .ui-priority-secondary,.ui-widget-header .ui-priority-secondary {
    opacity: .7;
    filter: Alpha(Opacity=70);
    font-weight: normal
}

.ui-state-disabled,.ui-widget-content .ui-state-disabled,.ui-widget-header .ui-state-disabled {
    opacity: .35;
    filter: Alpha(Opacity=35);
    background-image: none
}

.ui-state-disabled .ui-icon {
    filter: Alpha(Opacity=35)
}

.ui-icon {
    width: 16px;
    height: 16px
}

.ui-icon,.ui-widget-content .ui-icon {
    background-image: url("../../img/ui-icons_444444_256x240.png");
    border-radius:50%;
}

.ui-widget-header .ui-icon {
    background-image: url("../../img/ui-icons_444444_256x240.png")
}

.ui-state-hover .ui-icon,.ui-state-focus .ui-icon,.ui-button:hover .ui-icon,.ui-button:focus .ui-icon {
    background-image: url("../../img/ui-icons_555555_256x240.png")
}

.ui-state-active .ui-icon,.ui-button:active .ui-icon {
    background-image: url("../../img/ui-icons_ffffff_256x240.png")
}

.ui-state-highlight .ui-icon,.ui-button .ui-state-highlight.ui-icon {
    background-image: url("../../img/ui-icons_777620_256x240.png")
}

.ui-state-error .ui-icon,.ui-state-error-text .ui-icon {
    background-image: url("../../img/ui-icons_cc0000_256x240.png")
}

.ui-button .ui-icon {
    background-image: url("../../img/ui-icons_777777_256x240.png")
}

.ui-icon-blank {
    background-position: 16px 16px
}

.ui-icon-caret-1-n {
    background-position: 0 0
}

.ui-icon-caret-1-ne {
    background-position: -16px 0
}

.ui-icon-caret-1-e {
    background-position: -32px 0
}

.ui-icon-caret-1-se {
    background-position: -48px 0
}

.ui-icon-caret-1-s {
    background-position: -65px 0
}

.ui-icon-caret-1-sw {
    background-position: -80px 0
}

.ui-icon-caret-1-w {
    background-position: -96px 0
}

.ui-icon-caret-1-nw {
    background-position: -112px 0
}

.ui-icon-caret-2-n-s {
    background-position: -128px 0
}

.ui-icon-caret-2-e-w {
    background-position: -144px 0
}

.ui-icon-triangle-1-n {
    background-position: 0 -16px
}

.ui-icon-triangle-1-ne {
    background-position: -16px -16px
}

.ui-icon-triangle-1-e {
    background-position: -32px -16px
}

.ui-icon-triangle-1-se {
    background-position: -48px -16px
}

.ui-icon-triangle-1-s {
    background-position: -65px -16px
}

.ui-icon-triangle-1-sw {
    background-position: -80px -16px
}

.ui-icon-triangle-1-w {
    background-position: -96px -16px
}

.ui-icon-triangle-1-nw {
    background-position: -112px -16px
}

.ui-icon-triangle-2-n-s {
    background-position: -128px -16px
}

.ui-icon-triangle-2-e-w {
    background-position: -144px -16px
}

.ui-icon-arrow-1-n {
    background-position: 0 -32px
}

.ui-icon-arrow-1-ne {
    background-position: -16px -32px
}

.ui-icon-arrow-1-e {
    background-position: -32px -32px
}

.ui-icon-arrow-1-se {
    background-position: -48px -32px
}

.ui-icon-arrow-1-s {
    background-position: -65px -32px
}

.ui-icon-arrow-1-sw {
    background-position: -80px -32px
}

.ui-icon-arrow-1-w {
    background-position: -96px -32px
}

.ui-icon-arrow-1-nw {
    background-position: -112px -32px
}

.ui-icon-arrow-2-n-s {
    background-position: -128px -32px
}

.ui-icon-arrow-2-ne-sw {
    background-position: -144px -32px
}

.ui-icon-arrow-2-e-w {
    background-position: -160px -32px
}

.ui-icon-arrow-2-se-nw {
    background-position: -176px -32px
}

.ui-icon-arrowstop-1-n {
    background-position: -192px -32px
}

.ui-icon-arrowstop-1-e {
    background-position: -208px -32px
}

.ui-icon-arrowstop-1-s {
    background-position: -224px -32px
}

.ui-icon-arrowstop-1-w {
    background-position: -240px -32px
}

.ui-icon-arrowthick-1-n {
    background-position: 1px -48px
}

.ui-icon-arrowthick-1-ne {
    background-position: -16px -48px
}

.ui-icon-arrowthick-1-e {
    background-position: -32px -48px
}

.ui-icon-arrowthick-1-se {
    background-position: -48px -48px
}

.ui-icon-arrowthick-1-s {
    background-position: -64px -48px
}

.ui-icon-arrowthick-1-sw {
    background-position: -80px -48px
}

.ui-icon-arrowthick-1-w {
    background-position: -96px -48px
}

.ui-icon-arrowthick-1-nw {
    background-position: -112px -48px
}

.ui-icon-arrowthick-2-n-s {
    background-position: -128px -48px
}

.ui-icon-arrowthick-2-ne-sw {
    background-position: -144px -48px
}

.ui-icon-arrowthick-2-e-w {
    background-position: -160px -48px
}

.ui-icon-arrowthick-2-se-nw {
    background-position: -176px -48px
}

.ui-icon-arrowthickstop-1-n {
    background-position: -192px -48px
}

.ui-icon-arrowthickstop-1-e {
    background-position: -208px -48px
}

.ui-icon-arrowthickstop-1-s {
    background-position: -224px -48px
}

.ui-icon-arrowthickstop-1-w {
    background-position: -240px -48px
}

.ui-icon-arrowreturnthick-1-w {
    background-position: 0 -64px
}

.ui-icon-arrowreturnthick-1-n {
    background-position: -16px -64px
}

.ui-icon-arrowreturnthick-1-e {
    background-position: -32px -64px
}

.ui-icon-arrowreturnthick-1-s {
    background-position: -48px -64px
}

.ui-icon-arrowreturn-1-w {
    background-position: -64px -64px
}

.ui-icon-arrowreturn-1-n {
    background-position: -80px -64px
}

.ui-icon-arrowreturn-1-e {
    background-position: -96px -64px
}

.ui-icon-arrowreturn-1-s {
    background-position: -112px -64px
}

.ui-icon-arrowrefresh-1-w {
    background-position: -128px -64px
}

.ui-icon-arrowrefresh-1-n {
    background-position: -144px -64px
}

.ui-icon-arrowrefresh-1-e {
    background-position: -160px -64px
}

.ui-icon-arrowrefresh-1-s {
    background-position: -176px -64px
}

.ui-icon-arrow-4 {
    background-position: 0 -80px
}

.ui-icon-arrow-4-diag {
    background-position: -16px -80px
}

.ui-icon-extlink {
    background-position: -32px -80px
}

.ui-icon-newwin {
    background-position: -48px -80px
}

.ui-icon-refresh {
    background-position: -64px -80px
}

.ui-icon-shuffle {
    background-position: -80px -80px
}

.ui-icon-transfer-e-w {
    background-position: -96px -80px
}

.ui-icon-transferthick-e-w {
    background-position: -112px -80px
}

.ui-icon-folder-collapsed {
    background-position: 0 -96px
}

.ui-icon-folder-open {
    background-position: -16px -96px
}

.ui-icon-document {
    background-position: -32px -96px
}

.ui-icon-document-b {
    background-position: -48px -96px
}

.ui-icon-note {
    background-position: -64px -96px
}

.ui-icon-mail-closed {
    background-position: -80px -96px
}

.ui-icon-mail-open {
    background-position: -96px -96px
}

.ui-icon-suitcase {
    background-position: -112px -96px
}

.ui-icon-comment {
    background-position: -128px -96px
}

.ui-icon-person {
    background-position: -144px -96px
}

.ui-icon-print {
    background-position: -160px -96px
}

.ui-icon-trash {
    background-position: -176px -96px
}

.ui-icon-locked {
    background-position: -192px -96px
}

.ui-icon-unlocked {
    background-position: -208px -96px
}

.ui-icon-bookmark {
    background-position: -224px -96px
}

.ui-icon-tag {
    background-position: -240px -96px
}

.ui-icon-home {
    background-position: 0 -112px
}

.ui-icon-flag {
    background-position: -16px -112px
}

.ui-icon-calendar {
    background-position: -32px -112px
}

.ui-icon-cart {
    background-position: -48px -112px
}

.ui-icon-pencil {
    background-position: -64px -112px
}

.ui-icon-clock {
    background-position: -80px -112px
}

.ui-icon-disk {
    background-position: -96px -112px
}

.ui-icon-calculator {
    background-position: -112px -112px
}

.ui-icon-zoomin {
    background-position: -128px -112px
}

.ui-icon-zoomout {
    background-position: -144px -112px
}

.ui-icon-search {
    background-position: -160px -112px
}

.ui-icon-wrench {
    background-position: -176px -112px
}

.ui-icon-gear {
    background-position: -192px -112px
}

.ui-icon-heart {
    background-position: -208px -112px
}

.ui-icon-star {
    background-position: -224px -112px
}

.ui-icon-link {
    background-position: -240px -112px
}

.ui-icon-cancel {
    background-position: 0 -128px
}

.ui-icon-plus {
    background-position: -16px -128px
}

.ui-icon-plusthick {
    background-position: -32px -128px
}

.ui-icon-minus {
    background-position: -48px -128px
}

.ui-icon-minusthick {
    background-position: -64px -128px
}

.ui-icon-close {
    background-position: -80px -128px
}

.ui-icon-closethick {
    background-position: -96px -128px
}

.ui-icon-key {
    background-position: -112px -128px
}

.ui-icon-lightbulb {
    background-position: -128px -128px
}

.ui-icon-scissors {
    background-position: -144px -128px
}

.ui-icon-clipboard {
    background-position: -160px -128px
}

.ui-icon-copy {
    background-position: -176px -128px
}

.ui-icon-contact {
    background-position: -192px -128px
}

.ui-icon-image {
    background-position: -208px -128px
}

.ui-icon-video {
    background-position: -224px -128px
}

.ui-icon-script {
    background-position: -240px -128px
}

.ui-icon-alert {
    background-position: 0 -144px
}

.ui-icon-info {
    background-position: -16px -144px
}

.ui-icon-notice {
    background-position: -32px -144px
}

.ui-icon-help {
    background-position: -48px -144px
}

.ui-icon-check {
    background-position: -64px -144px
}

.ui-icon-bullet {
    background-position: -80px -144px
}

.ui-icon-radio-on {
    background-position: -96px -144px
}

.ui-icon-radio-off {
    background-position: -112px -144px
}

.ui-icon-pin-w {
    background-position: -128px -144px
}

.ui-icon-pin-s {
    background-position: -144px -144px
}

.ui-icon-play {
    background-position: 0 -160px
}

.ui-icon-pause {
    background-position: -16px -160px
}

.ui-icon-seek-next {
    background-position: -32px -160px
}

.ui-icon-seek-prev {
    background-position: -48px -160px
}

.ui-icon-seek-end {
    background-position: -64px -160px
}

.ui-icon-seek-start {
    background-position: -80px -160px
}

.ui-icon-seek-first {
    background-position: -80px -160px
}

.ui-icon-stop {
    background-position: -96px -160px
}

.ui-icon-eject {
    background-position: -112px -160px
}

.ui-icon-volume-off {
    background-position: -128px -160px
}

.ui-icon-volume-on {
    background-position: -144px -160px
}

.ui-icon-power {
    background-position: 0 -176px
}

.ui-icon-signal-diag {
    background-position: -16px -176px
}

.ui-icon-signal {
    background-position: -32px -176px
}

.ui-icon-battery-0 {
    background-position: -48px -176px
}

.ui-icon-battery-1 {
    background-position: -64px -176px
}

.ui-icon-battery-2 {
    background-position: -80px -176px
}

.ui-icon-battery-3 {
    background-position: -96px -176px
}

.ui-icon-circle-plus {
    background-position: 0 -192px
}

.ui-icon-circle-minus {
    background-position: -16px -192px
}

.ui-icon-circle-close {
    background-position: -32px -192px
}

.ui-icon-circle-triangle-e {
    background-position: -48px -192px
}

.ui-icon-circle-triangle-s {
    background-position: -64px -192px
}

.ui-icon-circle-triangle-w {
    background-position: -80px -192px
}

.ui-icon-circle-triangle-n {
    background-position: -96px -192px
}

.ui-icon-circle-arrow-e {
    background-position: -112px -192px
}

.ui-icon-circle-arrow-s {
    background-position: -128px -192px
}

.ui-icon-circle-arrow-w {
    background-position: -144px -192px
}

.ui-icon-circle-arrow-n {
    background-position: -160px -192px
}

.ui-icon-circle-zoomin {
    background-position: -176px -192px
}

.ui-icon-circle-zoomout {
    background-position: -192px -192px
}

.ui-icon-circle-check {
    background-position: -208px -192px
}

.ui-icon-circlesmall-plus {
    background-position: 0 -208px
}

.ui-icon-circlesmall-minus {
    background-position: -16px -208px
}

.ui-icon-circlesmall-close {
    background-position: -32px -208px
}

.ui-icon-squaresmall-plus {
    background-position: -48px -208px
}

.ui-icon-squaresmall-minus {
    background-position: -64px -208px
}

.ui-icon-squaresmall-close {
    background-position: -80px -208px
}

.ui-icon-grip-dotted-vertical {
    background-position: 0 -224px
}

.ui-icon-grip-dotted-horizontal {
    background-position: -16px -224px
}

.ui-icon-grip-solid-vertical {
    background-position: -32px -224px
}

.ui-icon-grip-solid-horizontal {
    background-position: -48px -224px
}

.ui-icon-gripsmall-diagonal-se {
    background-position: -64px -224px
}

.ui-icon-grip-diagonal-se {
    background-position: -80px -224px
}

.ui-corner-all,.ui-corner-top,.ui-corner-left,.ui-corner-tl {
    border-top-left-radius: 3px
}

.ui-corner-all,.ui-corner-top,.ui-corner-right,.ui-corner-tr {
    border-top-right-radius: 3px
}

.ui-corner-all,.ui-corner-bottom,.ui-corner-left,.ui-corner-bl {
    border-bottom-left-radius: 3px
}

.ui-corner-all,.ui-corner-bottom,.ui-corner-right,.ui-corner-br {
    border-bottom-right-radius: 3px
}

.ui-widget-overlay {
    background: #aaa;
    opacity: .3;
    filter: Alpha(Opacity=30)
}

.ui-widget-shadow {
    -webkit-box-shadow: 0 0 5px #666;
    box-shadow: 0 0 5px #666
}


.tip-no-items {
  margin: 4rem auto;
}

.distributor-profile-form {
  display: flex;
  flex-direction: column;
  grid-gap: 2.5rem;
}

.distributor-profile-form .label-wrapper {
  margin-bottom: 1rem;
  gap:1.5rem;
}
.distributor-profile-form .label-wrapper label {
  margin-bottom: 0;
  line-height: 1.8
}

.distributor-profile-form .tooltip-content{
  border: none !important;
}

@media (max-width:756px) {
.distributor-profile-form .label-wrapper .label-link {
  display: none
}
}
.submit-wrapper .buttons-group {
  display: flex;
  flex-wrap:wrap;
  gap:2rem;
}

hr {
  margin: 3rem 0
}

.orders-info {
  display: flex;
  align-items:center;
  gap:3rem;
  flex-wrap: wrap;
}

.orders-info h3 {
  font-size: 2rem;
  line-height: 1.1
}

.orders-info .info {
  font-weight: 600;
  font-size: 2.2rem;
  line-height: 1.2;
}


.shop-table {
  position: relative;
  width: 100%;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
  -ms-flex-direction: column;
  flex-direction: column;
  overflow: hidden;
}


.shop-table .table-row-header {
  position: relative;
  width: 100%;
  background: var(--c-ui-blue);
  padding: 3.1rem 20rem 3.1rem 5rem;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
  -ms-flex-align: center;
  gap:2rem;
  align-items: center;
  -webkit-box-pack: justify;
  -ms-flex-pack: justify;
  justify-content: space-between;
  color: #fff;
}

/* TABLE BODY */
.shop-table .table-row-body {
  position: relative;
  background: #fff;
  max-height: 100%;
  overflow-y: auto;
  width: 100%;
  overflow-x: auto;
}

.shop-table .table-row-body .row-body-info{
  border-bottom: 2px solid var(--c-ui-blue);
  padding: 2rem;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  width: 100%;
}

/* TABLE FOOTER */
.shop-table .table-row-footer  {
  position: relative;
  padding: 5rem 10rem;
  background: #fff;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
  -ms-flex-direction: column;
  flex-direction: column;
}

.shop-table .table-row-footer .info-items-wrapper {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -ms-flex-wrap: nowrap;
  flex-wrap: nowrap;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  width: 100%;
  margin: -0.5rem;
  overflow-y: hidden;
  position: relative;
}

.shop-table .order-tip {
  font-size: 2rem;
  font-weight: 400;
  -webkit-box-flex: 0;
  -ms-flex: 0 0 auto;
  flex: 0 0 auto;
  white-space: nowrap;
}

.shop-table .order-summ {
  font-size: 4rem;
  font-weight: 600;
  line-height: 1.1;
  padding: 0 2rem;
  margin-right: 3rem;
  -webkit-box-flex: 0;
  -ms-flex: 0 0 auto;
  flex: 0 0 auto;
  white-space: nowrap;
}

.shop-table .buttons-group{
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  margin-left: auto;
  flex-direction: column;
  gap:2rem;
}

.shop-table .buttons-group .buttons {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  gap:2rem;
}

.shop-table .table-row .table-body-order{
  position: relative;
  padding: 5rem 10rem;
  background: #fff;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
  -ms-flex-direction: column;
  flex-direction: column;
}



/* HELPERS */

.fw-600  {
  font-weight: 600
}

.chapter-title {
  padding-left: 9%;
  padding-right: 3rem;
}

.info-items-wrapper .choose-counter {
  font-size: 1.4rem
}

.info-items-wrapper .choose-counter span {
  font: inherit
}

.info-item-group {
  position: relative;
}

.info-item-group .group-content--header {
  background: var(--c-ui-darkGray);
  padding: 2rem;
  border-bottom: 1px solid var(--c-ui-blue);
  cursor: pointer;
  position: relative;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: justify;
  -ms-flex-pack: justify;
  justify-content: space-between;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
}

.info-item-group .group-content--header::after {
  content: "";
  position: absolute;
  display: block;
  right: 1rem;
  top: 50%;
  transform: translateY(-50%);
  width: 2.9rem;
  height: 1.5rem;
  background: url(/local/templates/devstages/assets/styles/css/../../img/group-poly.svg) no-repeat;
  background-size: contain;
  -webkit-transition: ease .4s;
  transition: ease .4s;
}

.info-item-group .group-content--header.active::after {
  transform: translateY(-50%) rotate(180deg);
}

.info-item-group .group-content--hidden {
  display: none
}

.info-item-group .group-item {
  width: 100%;
  position: relative;
  padding: 3rem;
  border-bottom: 1px solid var(--c-ui-blue);
}

.button--outline {
  border-color:var(--c-ui-blue) !important;
  color:var(--c-ui-blue);
}


.track--number {
  cursor: pointer;
  position: relative;
  z-index: 3;
  text-decoration: underline;
  font-weight: 600;
  color:var(--c-ui-blue);
}

.info-items-wrapper {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -ms-flex-wrap: nowrap;
  flex-wrap: nowrap;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  width: 100%;
  margin: -0.5rem;
  overflow-y: hidden;
  position: relative;
}


.info-items-wrapper.small--items .table-info-item{
  font-size: 1.6rem
}

.table-info-item {
  position: relative;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  padding: .5rem;
  -webkit-box-flex: 0;
  -ms-flex: 0 0 auto;
  flex: 0 0 auto;
  text-align: left;
  font-size: 1.8rem;
  width: 25%;
}

.table-info-item.text-right {
  text-align: right;
}
.table-info-item.text-right p {
  text-align: right;
}
.table-info-item p,
.table-info-item span {
  font: inherit
}

.table-info-item.photo--item {
  width: 5%;
}

.table-info-item.article--item {
  width: 12%;
  text-align: center;
  -webkit-box-pack: center;
  -ms-flex-pack: center;
  justify-content: center;
}

.table-info-item.name--item {
  width: 55%
}

.table-info-item.count--item {
  width: 15%;
  text-align: center;
  -webkit-box-pack: center;
  -ms-flex-pack: center;
  justify-content: center;
}

.table-info-item.track--number {
  padding-right: 2rem;
}

.table-info-item.type--item {
  width: 10%;
  text-align: center;
  -webkit-box-pack: center;
  -ms-flex-pack: center;
  justify-content: center;
}

.table-info-item.price-rub--item {
  margin-left: auto;
  width: 10%;
  text-align: right;
  -webkit-box-pack: end;
  -ms-flex-pack: end;
  justify-content: flex-end;
}

.group-body-header {
  padding-bottom: 1rem
}

.group-body-items .group-body-item {
  padding: .5rem 0;
}

.status-panel {
  margin-top: 3rem;
  padding: 0;
  list-style: none;
  border-left: 1px dashed #a2a5b5;
  display:flex;
  flex-direction: column;
  gap:2rem;
}

.status-panel  li {
  font-size: 2rem;
  padding-left: 2.3rem;
  padding-bottom: .5rem;
  position: relative;
  color:#a2a5b5;

}

.status-panel  > li::before {
  content: "";
  position:absolute;
  top:48%;
  transform: translateY(-48%);
  height: 1px;
  width: 2rem;
  left: 0;
  border-top: 1px dashed #a2a5b5;
}

.status-panel  > li::after {
  content: "";
  position:absolute;
  top:48%;
  transform: translateY(-48%);
  height:10px;
  width: 10px;
  border-radius: 50%;
  background-color: #a2a5b5;
  left: -5px;
}

.status-panel  li span {
  font: inherit;
  display: inline-block;
  margin: 5px 10px;
  font-weight: bold;
}
.info-item.info-quarter .plan-item,
.info-item.info-quarter .plan-summary,
.info-item.info-quarter .month,
.info-item.info-quarter .values,
.info-item.info-quarter .percent,
.info-item.info-quarter .label,
.info-item.info-quarter .fact,
.info-item.info-quarter .plan,
.info-item.info-quarter .plan-total .item,
.info-item.info-quarter .plan-total .numbers,
.info-item.info-quarter .plan-total .percent-block {
  color: #414042 !important;
}
/* Исправление виджета Факт/План*/
.info-table .info-item.info-quarter .plan-list .plan-item,
.info-table .info-item.info-quarter .plan-list .month,
.info-table .info-item.info-quarter .plan-list .percent-done,
.info-table .info-item.info-quarter .plan-total .plan-item,
.info-table .info-item.info-quarter .plan-total .label,
.info-table .info-item.info-quarter .plan-total .numbers,
.info-table .info-item.info-quarter .plan-total .percent-block,
.info-table .info-item.info-quarter .fact,
.info-table .info-item.info-quarter .plan {
  color: #414042 !important;
}

.info-table .info-item.info-quarter .plan-total-percent span {
  color: #fff !important;
}
<style>
        /* ============================================
           НОВЫЕ СТИЛИ ДЛЯ ТАБЛИЦЫ ПЛАН/ФАКТ
           Добавь эти стили в main.min.css
           ============================================ */

        /* Контейнер виджета план-факт в табличном стиле */
        .info-quarter.table-style {
            background: #ffffff;
            border-radius: 8px;
            padding: 0;
            box-shadow: 0 2px 8px rgba(0, 0, 0, 0.08);
        }

        /* Заголовок виджета */
        .info-quarter.table-style .head-item {
            background: #003e66;
            color: #ffffff;
            padding: 1.5rem 2rem;
            border-radius: 8px 8px 0 0;
        }

        .info-quarter.table-style .head-item h3 {
            margin: 0;
            font-size: 1.6rem;
            font-weight: 600;
            text-transform: uppercase;
        }

        /* Контролы выбора квартала и года */
        .info-quarter.table-style .item-row {
            padding: 1.5rem 2rem;
            background: #f5f6f8;
            border-bottom: 1px solid #e0e5ec;
            display: flex;
            gap: 1rem;
            align-items: center;
        }

        .info-quarter.table-style .item-row select {
            padding: 0.6rem 1rem;
            border: 1px solid #d0d5dd;
            border-radius: 4px;
            background: white;
            font-size: 1.4rem;
            min-width: 120px;
        }

        /* Таблица с данными */
        .plan-fact-table {
            width: 100%;
            border-collapse: collapse;
            margin: 0;
        }

        .plan-fact-table thead {
            background: #f9fafb;
            border-bottom: 2px solid #003e66;
        }

        .plan-fact-table thead th {
            padding: 1.2rem 2rem;
            text-align: left;
            font-size: 1.4rem;
            font-weight: 600;
            color: #003e66;
            text-transform: uppercase;
        }

        .plan-fact-table thead th:last-child {
            text-align: center;
            width: 150px;
        }

        .plan-fact-table tbody tr {
            border-bottom: 1px solid #e0e5ec;
            transition: background-color 0.2s ease;
        }

        .plan-fact-table tbody tr:hover {
            background: #f8f9fb;
        }

        .plan-fact-table tbody td {
            padding: 1.2rem 2rem;
            font-size: 1.5rem;
            color: #313435;
        }

        .plan-fact-table tbody td:first-child {
            font-weight: 500;
            text-transform: capitalize;
        }

        .plan-fact-table tbody td:nth-child(2),
        .plan-fact-table tbody td:nth-child(3) {
            font-weight: 600;
            color: #003e66;
        }

        .plan-fact-table tbody td:last-child {
            text-align: center;
            font-weight: 700;
        }

        /* Процент выполнения - цветовая индикация */
        .plan-fact-table .percent-cell {
            display: inline-block;
            padding: 0.4rem 1.2rem;
            border-radius: 20px;
            font-size: 1.4rem;
            font-weight: 700;
        }

        .plan-fact-table .percent-good {
            background: #e0f4e4;
            color: #00c82c;
        }

        .plan-fact-table .percent-warning {
            background: #fff3cd;
            color: #f19f00;
        }

        .plan-fact-table .percent-danger {
            background: #ffe0e0;
            color: #f44336;
        }

        /* Итоговые строки */
        .plan-fact-table .total-row {
            background: #e8f4fd !important;
            border-top: 2px solid #003e66;
            font-weight: 700;
        }

        .plan-fact-table .total-row td {
            padding: 1.5rem 2rem;
            font-size: 1.6rem;
            color: #003e66;
        }

        .plan-fact-table .year-total-row {
            background: #003e66 !important;
            color: white;
        }

        .plan-fact-table .year-total-row td {
            color: white;
            font-size: 1.7rem;
            font-weight: 700;
            padding: 1.5rem 2rem;
        }

        .plan-fact-table .year-total-row .percent-cell {
            background: white;
            color: #003e66;
        }

        /* Адаптивность */
        @media (max-width: 768px) {
            .plan-fact-table {
                font-size: 1.2rem;
            }
            
            .plan-fact-table thead th,
            .plan-fact-table tbody td {
                padding: 0.8rem 1rem;
            }
            
            .info-quarter.table-style .item-row {
                flex-direction: column;
                align-items: stretch;
            }
            
            .info-quarter.table-style .item-row select {
                width: 100%;
            }
        }
    </style>
/* ============================
   ВИДЖЕТ ТЕКУЩАЯ СКИДКА 
   ============================ */

/* Контейнер виджета */
.info-item.discount-widget {
    background: #ffffff;
    border-radius: 8px;
    box-shadow: 0 2px 12px rgba(0, 61, 104, 0.15);
    border: 1px solid #e8e8e8;
    overflow: hidden;
}

/* Заголовок виджета - темно-синий фон */
.discount-widget .head-item {
    background: #003e66 !important;
    color: #ffffff !important;
    padding: 1.5rem 2rem;
    margin: 0;
    border-radius: 8px 8px 0 0;
    border-bottom: none;
}

.discount-widget .head-item h3 {
    color: #ffffff !important;
    font-size: 1.4rem !important;
    font-weight: 600 !important;
    text-transform: uppercase;
    margin: 0 !important;
    padding: 0 !important;
}

/* Блок с процентом */
.discount-percentage-block {
    padding: 2rem 1.5rem;
    text-align: center;
    border-bottom: 1px solid #e0e5ec;
}

/* Большая цифра процента */
.discount-percentage-block .discount-value {
    font-size: 4.8rem !important;
    font-weight: 700 !important;
    color: #003e66 !important;
    line-height: 1;
    margin: 0;
    display: inline-block;
}

.discount-percentage-block .discount-value span {
    font-size: 3rem !important;
    font-weight: 400 !important;
    color: #003e66 !important;
}

/* Заголовок условий */
.discount-conditions-title {
    font-size: 1rem !important;
    font-weight: 600;
    color: #313435;
    text-transform: uppercase;
    margin: 1.2rem 1.5rem 0.8rem;
    padding: 0;
    line-height: 1.2;
}

/* Список условий */
.discount-conditions-list {
    padding: 0 1.5rem 1.5rem;
    font-size: 0.9rem !important;
    color: #6c757d !important;
    line-height: 1.4;
    max-height: 350px;
    overflow-y: auto;
}

.discount-conditions-list ul {
    list-style: none;
    padding: 0;
    margin: 0;
}

.discount-conditions-list > ul > li {
    margin-bottom: 1rem;
    padding-left: 0;
}

.discount-conditions-list > ul > li > strong {
    display: block;
    font-weight: 600;
    color: #313435 !important;
    margin-bottom: 0.3rem;
    font-size: 0.95rem;
}

.discount-conditions-list ul ul {
    margin-top: 0.3rem;
    margin-left: 1.2rem;
    margin-bottom: 0;
}

.discount-conditions-list ul ul li {
    position: relative;
    padding-left: 1.2rem;
    margin-bottom: 0.2rem;
    font-size: 0.85rem !important;
    color: #6c757d !important;
    line-height: 1.3;
}

.discount-conditions-list ul ul li:before {
    content: "•";
    position: absolute;
    left: 0;
    top: 0;
    color: #003e66;
    font-size: 1rem;
}

/* Скроллбар для списка условий */
.discount-conditions-list::-webkit-scrollbar {
    width: 4px;
}

.discount-conditions-list::-webkit-scrollbar-track {
    background: #f1f1f1;
    border-radius: 2px;
}

.discount-conditions-list::-webkit-scrollbar-thumb {
    background: #003e66;
    border-radius: 2px;
    opacity: 0.7;
}

.discount-conditions-list::-webkit-scrollbar-thumb:hover {
    opacity: 1;
}

/* Адаптивность для мобильных */
@media (max-width: 768px) {
    .discount-percentage-block .discount-value {
        font-size: 3.5rem !important;
    }
    
    .discount-percentage-block .discount-value span {
        font-size: 2.2rem !important;
    }
    
    .discount-conditions-title {
        font-size: 0.9rem !important;
    }
    
    .discount-conditions-list {
        font-size: 0.8rem !important;
        max-height: 250px;
    }
    
    .discount-conditions-list ul ul li {
        font-size: 0.75rem !important;
    }
    
    .discount-widget .head-item h3 {
        font-size: 1.2rem !important;
    }
}