@import url("https://fonts.googleapis.com/css?family=Roboto:200,200i,300,300i,400,400i,600,600i,700,700i,900,900i&subset=cyrillic,cyrillic-ext,latin-ext");
* {
  -webkit-box-sizing: border-box;
  -moz-box-sizing: border-box;
  box-sizing: border-box;
}

html {
  margin: 0;
  width: 100%;
  height: 100%;
  position: relative;
  min-height: 100%;
  overflow-x: hidden;
  margin: 0;
  width: 100%;
  position: relative;
  min-height: 100%;
  position: relative;
}

h1, h2, h3, h4, h5, h6 {
  margin: 0 0 10px 0;
  color: var(--white);
}

h1 {
  font: var(--font-30-600);
  margin-top: 0;
}

h2 {
  font: var(--font-24-600);
}

h3 {
  font: var(--font-20-600);
}

h4 {
  font: var(--font-18-600);
}

h5 {
  font: var(--font-16-600);
}

h6 {
  font: var(--font-14-600);
}

p {
  padding: 0 0 10px 0;
  margin: 0;
  color: var(--text);
  font-size: 14px;
  line-height: 16px;
}

ul, ol {
  margin: 0;
  padding: 0;
  list-style-position: inside;
  list-style: none;
}

img {
  outline: none;
}

body a {
  color: var(--red);
  text-decoration: underline;
  outline: none;
}

a:hover {
  color: var(--red);
  text-decoration: none;
}

table {
  margin: 0 auto;
}

table td {
  padding: 5px;
}

.clear {
  clear: both;
  display: block;
}

iframe {
  border: none;
}

body {
  background-size: cover;
  font: var(--font-12);
  color: var(--text);
  min-height: 100%;
  position: relative;
  overflow: hidden;
  margin: 0;
}

.version {
  opacity: 0;
}

.scroll {
  overflow: hidden;
  overflow-y: auto;
}
.scroll::-webkit-scrollbar {
  width: 4px;
}
.scroll::-webkit-scrollbar-button {
  height: 0;
}
.scroll::-webkit-scrollbar-track {
  opacity: 0;
}
.scroll::-webkit-scrollbar-track-piece {
  background: none;
}
.scroll::-webkit-scrollbar-thumb {
  height: 10px;
  background-color: var(--grey);
  border-radius: var(--radius);
}
.scroll::-webkit-scrollbar-corner, .scroll #page .page-content .page-scroll::-webkit-resizer {
  background-color: var(--grey);
}

.scroll-x {
  overflow: auto;
}
.scroll-x::-webkit-scrollbar {
  height: 10px;
  width: 10px;
}
.scroll-x::-webkit-scrollbar-button {
  height: 0;
}
.scroll-x::-webkit-scrollbar-track {
  opacity: 0;
}
.scroll-x::-webkit-scrollbar-track-piece {
  background: none;
}
.scroll-x::-webkit-scrollbar-thumb {
  height: 4px;
  width: 4px;
  background-color: var(--grey);
  border-radius: var(--radius);
}
.scroll-x::-webkit-scrollbar-corner, .scroll-x #page .page-content .page-scroll::-webkit-resizer {
  background-color: var(--grey);
}

.container {
  display: flex;
  display: -moz-flex;
  display: -webkit-flex;
  flex-direction: column;
  width: 100%;
  background-color: var(--white);
  margin: 0 auto;
  min-height: 100vh;
  height: 100%;
  position: relative;
  overflow: hidden;
}
.container .right-container {
  display: flex;
  display: -moz-flex;
  display: -webkit-flex;
  flex-direction: column;
  width: 100%;
  height: 100%;
  position: relative;
  z-index: 2;
  flex: 1 0 0;
}
.container .right-container.none {
  overflow: hidden;
}
.container .right-container.blur {
  -webkit-filter: blur(5px);
  -moz-filter: blur(5px);
  filter: blur(5px);
}

#wrap {
  display: flex;
  display: -moz-flex;
  display: -webkit-flex;
  height: 100%;
  width: 100%;
}

#home {
  flex: 1 0 0;
}

#menu .menu-item.active {
  background: var(--red);
}
#menu .menu-item.active .item-left .component-icon svg path {
  fill: var(--white) !important;
}
#menu .menu-item.active .item-content .item-title .item-title-span {
  color: var(--white);
}

.flex {
  display: flex;
  display: -moz-flex;
  display: -webkit-flex;
}

.version {
  display: none;
}

.slider-wrap {
  transition-duration: 700ms;
  transition-timing-function: cubic-bezier(0.5, 0, 0.1, 1);
  transition-delay: 0ms;
}

.item-text p {
  font-size: 18px;
  line-height: 24px;
}

#body .card.silver {
  background: var(--light-white) !important;
}
#body .card.gold {
  background: var(--orange) !important;
}
#body .card.gold .card-type {
  color: var(--light-orange);
}
#body .card.gold .card-resume {
  color: var(--light-orange);
}
#body .product:hover {
  background: var(--light-grey2) !important;
}
#body .list .list-item:nth-child(2n) {
  background-color: var(--light-grey);
}
#body .time-item {
  border-color: #000 !important;
}
#body .time-item.disabled {
  background: #d3d2d2;
}
#body .time-item.no-write {
  cursor: default !important;
}
#body .is-master {
  background: #b6e89d;
}
#body .write-item {
  background: #2ea999;
  border: 1px solid #2c9789;
}
#body .write-item.active {
  background: #1ca93e;
  border: 1px solid #23833a;
}
#body .time-list {
  background: #10c326 !important;
}
#body .time-list-right {
  background: #10c326 !important;
}
#body .gallery-item:hover .gallery-delete {
  display: flex !important;
}
#body .gallery-item:hover .gallery-copy {
  display: flex !important;
  background-color: rgba(42, 43, 47, 0.6705882353);
}

@media only screen and (max-width: 1000px) {
  .mobile-none {
    display: none !important;
  }
  .time-user {
    width: 1600px !important;
  }
}
@media only screen and (max-width: 800px) {
  html #body #home {
    width: 100% !important;
  }
  html #body .master-title {
    flex-direction: column;
    align-items: flex-start !important;
  }
  html #body .home-menu-item {
    width: 140px !important;
  }
  html #body .mobile-column {
    flex-direction: column;
    margin-left: 0 !important;
    margin-right: 0 !important;
    width: 100% !important;
    align-items: flex-start !important;
  }
  html #body .mobile-column.head {
    flex-direction: row;
    align-items: center !important;
    width: 100% !important;
  }
  html #body .mobile-column.head .ml-auto {
    margin-left: auto !important;
  }
  html #body .mobile-column .ml-auto {
    margin-left: 0 !important;
  }
  html #body .write-button-row {
    margin-bottom: 10px;
  }
  html #body .write-select-row {
    margin-left: 0 !important;
    padding-bottom: 10px;
  }
  html #body .write-select-row .status-select {
    margin-left: 0 !important;
  }
  html #body .chat-back {
    display: flex !important;
  }
  html #body .razdel-item-name {
    max-width: 80px !important;
  }
  html #body .sale-item-name {
    max-width: 80px !important;
  }
  html #body .head-title {
    width: 150px;
  }
  html #body .sale-list {
    padding: 10px !important;
  }
  html #body .sale-list .sale-photo {
    width: 220px !important;
    height: 140px !important;
    margin-right: 0 !important;
  }
  html #body .sale-list .tox-tinymce {
    width: 220px !important;
  }
  html #body .sale-title {
    width: 150px !important;
  }
  html #body .filter {
    flex-wrap: wrap;
  }
  html #body .filter .component-input {
    max-width: 100% !important;
    width: 100% !important;
    margin-bottom: 5px;
  }
  html #body .window-content .component-row {
    flex-direction: column;
  }
  html #body .window-content .component-row .ml-5 {
    margin-left: 0 !important;
  }
  html #body .user-item-name {
    max-width: 80px !important;
  }
  html #body .razdel-list {
    padding: 10px !important;
  }
  html #body .razdel-list .razdel-list-wrap {
    max-width: 100% !important;
    width: 220px !important;
  }
  html #body .razdel-list .razdel-photo {
    width: 220px !important;
    height: 140px !important;
    margin-right: 0 !important;
  }
  html #body .razdel-list .tox-tinymce {
    width: 220px !important;
  }
  html #body .chat-left {
    position: absolute !important;
    width: 100% !important;
    z-index: 100;
  }
  html #body .chat-right {
    position: absolute !important;
    width: 100% !important;
    left: 100%;
    z-index: 120;
    background: var(--white);
    transition-duration: 700ms;
    transition-timing-function: cubic-bezier(0.5, 0, 0.1, 1);
    transition-delay: 0ms;
  }
  html #body .chat-right.active {
    left: 0;
  }
}

/*# sourceMappingURL=style.css.map */