@import url(https://fonts.googleapis.com/css?family=Roboto:300,300i,400,500,500i,700&display=swap);
@import url(https://fonts.googleapis.com/css?family=Inter:600&display=swap);
@charset "UTF-8";
@tailwind base;
@tailwind components;
@tailwind utilities;
/* @import "fonts/fonts"; */
* {
  padding: 0px;
  margin: 0px;
  border: 0px;
}

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

html,
body {
  height: 100%;
  min-width: 320px;
}

body {
  color: #212b36;
  line-height: 1;
  font-family: "";
  font-size: 1rem;
  -ms-text-size-adjust: 100%;
  -moz-text-size-adjust: 100%;
  -webkit-text-size-adjust: 100%;
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
}

input,
button,
textarea {
  font-family: "";
  font-size: inherit;
  line-height: inherit;
}

button {
  cursor: pointer;
  color: inherit;
  background-color: transparent;
}

a {
  /* color: blue !important; */
  text-decoration: none;
}

.panel-part-content a {
  color: blue !important;

}

ul li {
  list-style: none;
}

img {
  vertical-align: top;
}

h1,
h2,
h3,
h4,
h5,
h6 {
  font-weight: inherit;
  font-size: inherit;
}

html,
body {
  font-family: Roboto;
}

input,
button,
label {
  font-family: Roboto;
}

.lock body {
  overflow: hidden;
  -ms-touch-action: none;
      touch-action: none;
  -ms-scroll-chaining: none;
      overscroll-behavior: none;
}
.wrapper {
  min-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;
  overflow: hidden;
}
@supports (overflow: clip) {
  .wrapper {
    overflow: clip;
  }
}
.wrapper > main {
  -webkit-box-flex: 1;
      -ms-flex: 1 1 auto;
          flex: 1 1 auto;
}
.wrapper > * {
  min-width: 0;
}

/*
(i) Стилі будуть застосовуватись до
всіх класів, що містять *__container
Наприклад header__container, main__container і т.п.
Сніппет (HTML): cnt
*/
[class*=__container] {
  max-width: 75rem;
  margin: 0 auto;
  padding: 0 0.9375rem;
}

.d-block {
  display: block;
}

body::after {
  content: "";
  background-color: rgba(0, 0, 0, 0.5);
  position: fixed;
  width: 100%;
  height: 100%;
  top: 0;
  left: 0;
  opacity: 0;
  -webkit-transition: opacity 0.8s ease 0s;
  transition: opacity 0.8s ease 0s;
  pointer-events: none;
  z-index: 149;
}

.popup-show body::after {
  opacity: 1;
}

.popup {
  position: fixed;
  top: 0;
  left: 0;
  bottom: 0;
  right: 0;
  padding: 30px 10px;
  -webkit-transition: visibility 0.8s ease 0s;
  transition: visibility 0.8s ease 0s;
  visibility: hidden;
  pointer-events: none;
}

.popup_show {
  z-index: 150;
  visibility: visible;
  overflow: auto;
  pointer-events: auto;
}

.popup_show .popup__content {
  visibility: visible;
  opacity: 1;
}

.popup__content iframe {
  max-width: 100%;
}

.popup__wrapper {
  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;
  min-height: 100%;
  -webkit-box-flex: 1;
      -ms-flex: 1 1 auto;
          flex: 1 1 auto;
  width: 100%;
  display: flex;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  align-items: center;
}

.popup__content {
  position: relative;
  visibility: hidden;
  opacity: 0;
  -webkit-transition: -webkit-transform 0.3s ease 0s;
  transition: -webkit-transform 0.3s ease 0s;
  transition: transform 0.3s ease 0s;
  transition: transform 0.3s ease 0s, -webkit-transform 0.3s ease 0s;
  width: 100%;
  max-width: 900px;
  border-radius: 1.875rem;
}
.lock .popup__content {
  visibility: visible;
}

.wysiwyg h1,
.wysiwyg h2,
.wysiwyg h3,
.wysiwyg h4,
.wysiwyg h5,
.wysiwyg h6 {
  margin: 0.625rem 0;
  line-height: 1.2;
}
.wysiwyg h1 {
  font-weight: 600;
  font-size: 2.3rem;
}
.wysiwyg h2 {
  font-weight: 600;
  font-size: 1.8rem;
}
.wysiwyg h3 {
  font-weight: 600;
  font-size: 1.4rem;
}
.wysiwyg h4 {
  font-size: 1.2rem;
}
.wysiwyg h5 {
  font-size: 1rem;
}
.wysiwyg h6 {
  font-size: 1rem;
  color: #777;
}
.wysiwyg p,
.wysiwyg ul,
.wysiwyg ol,
.wysiwyg dl,
.wysiwyg pre,
.wysiwyg table:not(.draggable-table__table),
.wysiwyg blockquote,
.wysiwyg address,
.wysiwyg .ratio-wrapper,
.wysiwyg .draggable-table {
  margin: 20px 0;
}
.wysiwyg ul li {
  list-style: inherit;
}
.wysiwyg img {
  max-width: 100%;
  height: auto;
}
.wysiwyg ul {
  list-style-type: disc;
  list-style-position: inside;
}
.wysiwyg ul ul {
  padding-left: 20px;
}
.wysiwyg ol {
  list-style-position: inside;
}
.wysiwyg ol ol {
  padding-left: 20px;
}
.wysiwyg table {
  border: 1px solid;
  border-collapse: collapse;
  width: 100%;
  vertical-align: top;
}
.wysiwyg table p,
.wysiwyg table ul,
.wysiwyg table ol,
.wysiwyg table dl,
.wysiwyg table pre,
.wysiwyg table table,
.wysiwyg table blockquote,
.wysiwyg table address {
  margin: 0;
}
.wysiwyg thead,
.wysiwyg tfoot,
.wysiwyg tbody,
.wysiwyg tr,
.wysiwyg th,
.wysiwyg td {
  border: inherit;
  vertical-align: inherit;
}
.wysiwyg th,
.wysiwyg td {
  padding: 0.5pxrem;
}
.wysiwyg th.is-active,
.wysiwyg td.is-active {
  background-color: #ff0;
}
.wysiwyg hr {
  margin: 40px 0;
}
.wysiwyg figure {
  margin-left: 0;
  margin-right: 0;
  padding: 1rem;
  text-align: center;
  border: 1px solid;
  -webkit-box-sizing: border-box;
          box-sizing: border-box;
}
.wysiwyg figure p {
  margin: 0;
}
.wysiwyg figcaption {
  padding-top: 0.5rem;
  font-style: italic;
}
.wysiwyg blockquote {
  padding: 0 20px;
  border: 1px solid transparent;
  border-radius: 4px;
  background-color: #e9e9e9;
}
.wysiwyg :not(pre) > code,
.wysiwyg kbd,
.wysiwyg samp {
  border-radius: 0.3em;
  text-shadow: 0 1px #fff;
  font-family: "";
  padding: 0.1em 6px;
  white-space: normal;
  -ms-hyphens: none;
      hyphens: none;
  -moz-tab-size: 4;
    -o-tab-size: 4;
       tab-size: 4;
  word-spacing: normal;
  word-break: normal;
  word-wrap: normal;
  text-align: left;
}
.wysiwyg :not(pre) > code {
  background-color: #fdf6e3;
}
.wysiwyg kbd {
  background-color: #e5e5fb;
}
.wysiwyg samp {
  background-color: #fde6e3;
}
.wysiwyg dt {
  font-weight: bold;
}
.wysiwyg dd + dt {
  margin-top: 1.25em;
}
.wysiwyg a {
  text-decoration: none;
}
.wysiwyg a[href^="mailto:"]::before {
  content: "✉ ";
}
.wysiwyg a[href^="tel:"]::before {
  content: "✆ ";
}
.wysiwyg a:hover {
  text-decoration: underline;
}

[class*=-ibg] {
  position: relative;
}
[class*=-ibg] img {
  position: absolute;
  width: 100%;
  height: 100%;
  top: 0;
  left: 0;
  -o-object-fit: cover;
     object-fit: cover;
}

[class*=-ibg_contain] img {
  -o-object-fit: contain;
     object-fit: contain;
}

/*
.icon-menu {
	display: none;
	@media (max-width: $mobile) {
		display: block;
		position: relative;
		width: rem(30);
		height: rem(18);
		z-index: 5;
		@media (any-hover: none) {
			cursor: default;
		}
		span,
		&::before,
		&::after {
			content: "";
			transition: all 0.3s ease 0s;
			right: 0;
			position: absolute;
			width: 100%;
			height: rem(2);
			background-color: #000;
		}
		&::before {
			top: 0;
		}
		&::after {
			bottom: 0;
		}
		span {
			top: calc(50% - rem(1));
		}
		.menu-open & {
			span {
				width: 0;
			}
			&::before,
			&::after {
			}
			&::before {
				top: calc(50% - rem(1));
				transform: rotate(-45deg);
			}
			&::after {
				bottom: calc(50% - rem(1));
				transform: rotate(45deg);
			}
		}
	}
}
*/
.wrapper-center .page,
.wrapper-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;
  width: 100%;
}

.form-group {
  position: relative;
}
.form-group svg {
  position: absolute;
  right: 1.25em;
  top: 50%;
  -webkit-transform: translateY(-50%);
      -ms-transform: translateY(-50%);
          transform: translateY(-50%);
}

.enter-block {
  width: 100%;
  max-width: 70.3125em;
  position: relative;
}
@media (min-width: 48em) {
  .enter-block {
    display: -ms-grid;
    display: grid;
    -ms-grid-columns: 1fr 1fr;
    grid-template-columns: 1fr 1fr;
    -webkit-column-gap: 2.5rem;
       -moz-column-gap: 2.5rem;
            column-gap: 2.5rem;
    -webkit-box-pack: center;
        -ms-flex-pack: center;
            justify-content: center;
    padding: 4.75em 4.75em;
  }
}

.enter-part {
  padding: 0 1.25rem;
  width: 100%;
}
.enter-part:first-child {
  display: none;
}
@media (min-width: 48em) {
  .enter-part:first-child {
    display: block;
  }
}

@media (min-width: 48em) {
  .enter-block:before {
    content: "";
    display: block;
    position: absolute;
    left: 48%;
    -webkit-transform: translateX(-50%);
        -ms-transform: translateX(-50%);
            transform: translateX(-50%);
    top: 0;
    bottom: 0;
    width: 1px;
    height: 100%;
    background-color: #e2e8f0;
  }
}

.logo img {
  display: block;
  width: 9.375rem;
  margin: 1.25em auto;
}

.panel-headings {
  position: relative;
  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;
  background-color: #ffffff;
  padding: 1.0625rem 1.625rem;
  /* margin: -1rem; */
  min-width: 100%;
  padding: 1rem;
}
@media (min-width: 61.25em) {
  .panel-headings {
    padding: 1.25rem 1.25rem 1.25rem 4.375rem;
  }
}

.panel-headings-content {
  margin-right: 3.75em;
}
@media (min-width: 61.25em) {
  .panel-headings-content {
    margin-right: 1.25em;
  }
}

.panel-title {
  font-size: 1rem;
  line-height: 1.25rem;
}
@media (min-width: 61.25em) {
  .panel-title {
    font-size: 1.25rem;
    line-height: 1.75rem;
  }
}

.table-no-border-first tr td {
  border-bottom: none;
}

.panel-headings-menu-mobile {
  border: none;
  height: 62px;
  min-height: 100%;
  max-height: 100%;
  width: 60px;
  position: absolute;
  top: 0;
  right: 0;
  background-color: #1c2434;
  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;
}
@media (min-width: 61.25em) {
  .panel-headings-menu-mobile {
    display: none;
  }
}

.username {
  margin-right: 24px;
}

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

@media (max-width: 980px) {
    .user-full {
        padding-right: 64px;
    }
}

.user-icon img {
  display: block;
  min-width: 46px;
  min-height: 46px;
  -o-object-fit: cover;
     object-fit: cover;
  border-radius: 50%;
}

.dropdown {
  cursor: pointer;
  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;
  margin-left: 15px;
  width: 1.5rem;
  height: 1.25rem;
}

.user-name {
  font-weight: 400;
  font-size: 14px;
  line-height: 20px;
  text-align: right;
  color: #212b36;
}

.user-job {
  font-weight: 400;
  font-size: 12px;
  line-height: 14px;
  text-align: right;
  color: #637381;
}

.panel-headings-menu-desktop {
  display: none;
}
@media (min-width: 61.25em) {
  .panel-headings-menu-desktop {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
        -ms-flex-align: center;
            align-items: center;
  }
}

.panel.flex {
  position: relative;
}

.panel-content {
  background-color: #f1f5f9;
  min-height: 100vh;
  padding: 0rem;

}
@media (min-width: 61.25em) {
  .panel-content {
    width: calc(100% - 16rem);
  }

  .panel-main {
    padding: 1rem;
  }
}

.panel-part {
  display: inline-block;
  padding: 1.0625rem 1.625rem;
  background-color: #fff;
  border: 1px solid #e2e8f0;
  -webkit-box-shadow: 0px 8px 13px -3px rgba(0, 0, 0, 0.07);
          box-shadow: 0px 8px 13px -3px rgba(0, 0, 0, 0.07);
  border-radius: 2px;
}
@media (min-width: 61.25em) {
  .panel-part {
    padding: 2.5rem 3.4375rem;
    min-width: 30em;
  }
}
.panel-part__full {
  display: block;
}
.panel-part__sm_mt {
  margin-top: 1.25em;
}

.panel-container {
  margin-top: 20px;
}
@media (min-width: 61.25em) {
  .panel-container {
    /* margin-left: 3.4375rem; */
  }
}

.text-red {
  color: #dc3545;
}

.text-300 {
  font-weight: 300;
}

.tel {
  display: -webkit-inline-box;
  display: -ms-inline-flexbox;
  display: inline-flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  font-weight: 300;
  font-size: 1.25rem;
  line-height: 1.25em;
  color: #3c50e0;
}
.tel span {
  display: inline-block;
  margin-right: 0.9375em;
}

.panel-part-headline {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  justify-content: space-between;
}

.tar {
  text-align: right;
}

.flr {
  float: right;
}

.fll {
  float: left;
}

.tac {
  text-align: center;
}

.b-row + .b-row {
  margin-top: 0.75rem;
}

.b-row {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
}
.b-row__mr_sm {
  margin-right: 3.75em;
}

.ml-sm {
  margin-left: 0.75em;
}

.ico {
  display: -webkit-inline-box;
  display: -ms-inline-flexbox;
  display: inline-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.5em;
  height: 2.5em;
  border-radius: 50%;
  background-color: #ededed;
}
.ico__mr_sm {
  margin-right: 0.75em;
}
.ico__ml_sm {
  margin-left: 0.75em;
}

.panel-part-content {
  padding-top: 0.75rem;
}

.panel-part-table {
  margin-top: 1.25em;
  margin-bottom: 1.25em;
}
.panel-part-table table {
  width: 100%;
}
.panel-part-table__no-mt {
  margin-top: 0;
}

.t-title {
  font-size: 0.875rem;
  font-weight: 500;
  line-height: 1.25em;
}
@media (min-width: 61.25em) {
  .t-title {
    font-size: 1rem;
  }
}

.wsyiwg p {
  line-height: 1.5;
}

.border-tr {
  border-bottom: 1px solid #000;
}

.panel-part-equal {
  min-width: 100%;
}
@media (min-width: 38.75em) {
  .panel-part-equal {
    /* min-width: 35.625em; */
  }
}

.phone-sm {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  margin-top: 0.625rem;
}
.phone-sm .ico {
  margin-left: 0.625rem;
}

.vat {
  vertical-align: top;
}

.t-green {
  color: #10b981;
}

.t-blue {
  color: #3c50e0;
}

.t-red {
  color: #dc3545;
}

.form-input-def {
  display: block;
}
.autoComplete_wrapper {
  width: 100% !important;
}
.form-input-def input, .autoComplete_wrapper > input {
  width: 100% !important;
  min-width: 100% !important;
  max-width: 100% !important;

  height: 1.75rem !important;
  background: #f0fdff !important;
  padding: 0 0.625em !important;
  font-weight: 300 !important;
  font-size: 0.875rem !important;
  line-height: 1.25em !important;
  color: #9b9b9b !important;
  border: none !important;
  border-radius: 0px !important;
}

.autoComplete_wrapper > input::placeholder {
  color: #9b9b9b !important;
}

.pt-i0 {
  padding-top: 0 !important;
}

.lh-md {
  line-height: 1.5;
}

.button-def {
  width: 27px;
  height: 28px;
  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-def__positioned {
  position: absolute;
  right: 0;
  top: 0;
}

.button-add {
  background: #34d399;
}

.panel-part-table td {
  padding: 10px 5px;
  border-bottom: 1px solid #000000;
}
.panel-part-table__sized td {
  padding: 12px 5px;
}

td.no-border-bottom {
  border-bottom: none;
}

.sidebar {
    min-width: 16rem;
    display: none;
}

.sidebar--desctop {
    display: block;
}

.sidebar--mobile {
    display: none;
}

@media (max-width: 980px) {
    .sidebar--desctop {
        display: none;
    }
    
    .sidebar--mobile {
        display: none;
    }
}