@font-face {
  font-family: "Splash";
  font-style: normal;
  font-weight: 400;
  src: url("../fonts/splash.woff") format("woff"), url("../fonts/splash.ttf") format("truetype");
}

@keyframes rotate
{
  from { transform: translate(-50%, -50%) rotate(0deg); }
  to { transform: translate(-50%, -50%) rotate(360deg); }
}

@keyframes scale
{
  from { transform: translate(-50%, -50%) scale(0); opacity: 1; }
  to { transform: translate(-50%, -50%) scale(1); opacity: 1; }
}


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


a, a:link, a:visited, a:hover {
  text-decoration: none;
  color: rgb(0, 150, 255);
  outline: none;
}



body {
  padding: 0px;
  margin: 0px;
  font-size: 0px;
  color: rgb(40, 40, 40);
  font-family: Verdana, Arial;
  line-height: 1.5;
  overflow-x: hidden;
}
div, td {
  vertical-align: middle;
}
form {
  position: relative;
  padding: 0px;
  margin: 0px;
}
img {
  vertical-align: middle;
}
h1 {
  margin: 0px;
  padding: 30px 0px;
  font-weight: normal;
  font-size: 30px;
  font-family: Splash, Verdana, Arial;
  color: rgb(51, 51, 51);
}
h3 {
  font-size: 16px;
  font-weight: normal;
  color: rgb(40, 40, 40);
  position: relative;
  margin: 20px 0px 0px 0px;
  padding: 0px;
  top: -5px;
}
h3 span {
  position: relative;
  z-index: 2;
  background-color: white;
  padding: 0px 7px 0px 0px;
}
h3::before {
  content: '';
  position: absolute;
  width: 100%;
  height: 0px;
  border-bottom: 1px dashed rgba(0, 0, 0, 0.15);
  left: 0px;
  top: calc(50% + 1px);
}
h4 {
  font-size: 16px;
}

table {
  border-spacing: 0px;
  padding: 0px;
}
tr
{
}
td
{
}

button {
  display: inline-block;
  border-radius: 3px;
  background-color: rgb(0, 150, 255);
  padding: 7px 18px 9px;
  color: rgb(255, 255, 255);
  cursor: pointer;
  font-size: 14px;
  background-image: none;
  border: none;
  line-height: 19px;
  transition: all 0.3s ease;
  font-family: Tahoma, Arial;
  vertical-align: middle;
  border: 1px solid transparent;
  /*! margin: 0px 5px 5px 0px; */
  box-sizing: border-box;
  margin: 3px 6px 3px 0px;
}

.login_bg {
  min-height: 100vh;
  position: relative;
  z-index: 1;
  background-color: rgb(45, 45, 45);
}
.login_bg::before {
  content: '';
  position: absolute;
  display: block;
  width: 100%;
  height: 100%;
  left: 0px;
  top: 0px;
  /*! background-image: url(https://phonoteka.org/uploads/posts/2021-06/1623194290_23-phonoteka_org-p-mozaika-belaya-tekstura-besshovnaya-krasiv-30.jpg); */
  background-repeat: repeat;
  background-position: center;
  background-size: 200px;
  /*! background-blend-mode: difference; */
  /*! opacity: 0.99; */
  z-index: 1;
}
.login_container {
  position: absolute;
  left: 50%;
  top: 50%;
  transform: translate(-50%, -50%);
  text-align: center;
  border-radius: 3px;
  overflow: hidden;
  background-color: rgba(18, 18, 18, 0.69);
  box-shadow: 0px 0px 60px rgba(0, 0, 0, 0.3);
  z-index: 10;
}
.login_title {
  height: 80px;
  background-image: url(../img/logo.png);
  background-position: center;
  background-size: 171px auto;
  background-repeat: no-repeat;
  filter: invert(1) brightness(150%);
}
.login_form {
  background-color: white;
  padding: 30px 40px;
  overflow: hidden;
  border-radius: 3px 3px 0px 0px;
  box-shadow: 0 0 15px rgba(0, 0, 0, 0.5);
}
input {
  display: block;
  margin: 0px auto;
  width: 280px;
  padding: 8px 15px 9px;
  font-size: 14px;
  line-height: 20px;
  border: 1px solid rgba(0, 0, 0, 0.15);
  border-radius: 3px;
  transition: all 0.3s ease;
  vertical-align: middle;
  outline: none !important;
  font-family: Tahoma, Arial;
  box-sizing: border-box;
  background-color: white;
}

input:focus, select:focus, textarea:focus {
  background-color: rgba(0, 150, 255, 0.15) !important;
  border-color: rgb(0, 150, 255) !important;
  color: rgb(40, 40, 40) !important;
}


.link {
  font-size: 10px;
  margin-bottom: 20px;
  color: rgb(84, 84, 84);
  display: inline-block;
  border-bottom: 1px dashed rgba(0, 0, 0, 0.5);
  line-height: 14px;
  cursor: pointer;
  transition: all 0.3s ease;
}



.logo {
	height: 60px;
	background-image: url(../img/logo.png);
	display: inline-block;
	width: 200px;
	background-position: left center;
	background-size: 171px auto;
	background-repeat: no-repeat;
	margin: 0px 60px 0px 30px;
	position: relative;
}

.user {
	position: absolute;
	right: 30px;
	top: 50%;
	transform: translate(0px, -50%);
	white-space: nowrap;
}

.user .avatar {
	display: inline-block;
	width: 34px;
	height: 34px;
	background-color: rgba(0, 0, 0, 0.75);
	border-radius: 3px;
	margin-right: 15px;
	background-image: url(https://www.shareicon.net/data/2016/05/24/770073_man_512x512.png);
	background-size: cover;
	background-position: center;
}

.user .name {
	font-size: 13px;
	display: inline-block;
	padding: 0px 0px 1px 0px;
	margin-right: 10px;
}


header {
  position: fixed;
  left: 0px;
  top: 0px;
  z-index: 1000;
  background-color: rgb(245, 245, 245);
  width: 100%;
  box-shadow: 0px 1px 0px rgba(0, 0, 0, 0.15);
  user-select: none;
  -moz-user-select: none;
  -webkit-user-select: none;
}


main {
  position: relative;
  z-index: 1;
  display: table;
  width: 100%;
  height: 100vh;
}
content {
  font-size: 14px;
  padding: 60px 100px 100px 50px;
  background-color: white;
  display: block;
  position: relative;
  min-height: 60vh;
  width: 100%;
  box-sizing: border-box;
  /*! overflow: hidden; */
  font-size: 0px;
  border-radius: 3px;
  padding: 30px;
  box-shadow: rgba(17, 56, 86, 0.08) 0px 2px 6px 0px;
  /*! overflow: hidden; */
}

h1 {
	padding: 0px;
	margin: 38px 0px 30px;
	font-weight: normal;
	font-size: 30px;
	font-family: Splash, Verdana, Arial;
	color: rgb(51, 51, 51);
}



menu {
  padding: 0px;
  width: 220px;
  display: table-cell;
  vertical-align: top;
  user-select: none;
  -moz-user-select: none;
  -webkit-user-select: none;
  position: relative;
  z-index: 10;
  background-color: rgba(0, 0, 0, 0.6);
  min-width: 220px;
  /*! background-image: url(https://krot.info/uploads/posts/2020-01/1579388960_39-83.jpg); */
  background-size: cover;
  background-position: center;
  background-attachment: fixed;
  background-image: linear-gradient(to right, rgba(40, 40, 40, 0) 50%, rgba(0, 0, 0, 0.1) 80%, rgba(0, 0, 0, 0.2) 90%, rgba(0, 0, 0, 0.3));
  background-color: rgb(34, 35, 36);
}

menu .item {
	padding: 9px 50px 11px 30px;
	color: rgb(80, 80, 80);
	position: relative;
	font-size: 14px;
	white-space: nowrap;
	cursor: pointer;
	transition: all 0.3s ease;
	line-height: 20px;
	color: rgba(255, 255, 255, 0.4);
}

menu .separator {
	border-top: 1px solid rgba(0, 0, 0, 0.36);
	margin: 20px 0px;
	border-bottom: 1px solid rgba(255, 255, 255, 0.07);
}

menu .current {
	background-color: rgb(0, 150, 255);
	color: rgb(255, 255, 255) !important;
	/*! cursor: default; */
}
menu .current::after {
	content: '';
	position: absolute;
	width: 30px;
	height: 30px;
	top: 50%;
	right: 0px;
	transform: translate(50%,-50%) rotate(45deg);
	transition: inherit;
	background-color: inherit;
	border-radius: 3px;
}

hr {
	padding: 0px;
	border: none;
	border-top: 2px dashed rgba(0, 0, 0, 0.1);
	margin: 40px 0px;
}


menu .item:hover {
  background-color: rgba(0, 150, 255, 0.23);
  color: rgba(255, 255, 255, 0.8);
}
menu .current:hover {
  background-color: rgb(0, 150, 255);
  color: white;
}


page {
  display: table-cell;
  vertical-align: top;
  background-color: white;
  position: relative;
  background-color: rgb(242, 244, 249);
  padding: 53px 40px 80px 40px;
  padding-bottom: 0px;
}
footer {
  font-size: 10px;
  color: rgba(0, 0, 0, 0.6);
  display: block;
  padding: 30px 100px 30px 50px;
  opacity: 0.3;
  min-height: 130px;
}

footer img {
  margin-right: 20px;
}


.stat_circle {
  display: inline-table;
  width: 300px;
  text-align: left;
  margin: 0px 40px 30px 0px;
}
.stat_circle_left {
  display: table-cell;
  width: 1px;
}
.stat_circle_right {
  display: table-cell;
  padding: 0px 0px 0px 20px;
}
.stat_circle_title {
  font-size: 14px;
  margin-bottom: 5px;
}
.stat_circle_description {
  font-size: 12px;
  color: rgb(151, 151, 151);
  margin-bottom: 5px;
}

.list_container {
}
.list {
  border: 1px solid rgba(0, 0, 0, 0.15);
  border-radius: 3px;
  margin: 0px 0px 20px 0px;
  display: table;
  width: 100%;
  font-size: 0px;
  background-color: white;
  margin: 0px -30px 20px -30px;
  width: auto;
  min-width: calc(100% + 60px);
}
.list_line {
  display: table-row;
  width: 100%;
  border-bottom: 1px solid rgba(0, 0, 0, 0.1);
}
.list_cell {
  display: table-cell;
  border-bottom: inherit;
  padding: 10px;
  position: relative;
}
.list_title {
  font-size: 16px;
  padding-right: 10px;
}
.list_description {
  font-size: 12px;
  color: rgb(196, 196, 196);
}
.list_cell img, .block_line img, .user_short_table_cell img {
  min-width: 70px;
  border-radius: 2px;
  max-height: 70px;
  background-color: rgba(0, 0, 0, 0.1);
  border: none;
  outline: none;
  background-image: none;
  min-height: 70px;
}
.list_line:last-of-type {
  border-bottom: none;
}
.list_line:nth-child(2n) {
  background-color: rgba(47, 52, 56, 0.02);
}
.list_cell:first-of-type {
  width: 1px;
}
.list_cell:last-of-type {
  width: 1px;
  padding-right: 30px;
}

.menu_container {
  position: relative;
  width: inherit;
  left: 0px;
}

.rating {
  display: inline-block;
  height: 20px;
  width: 100px;
  margin: 10px 0px 3px 0px;
  position: relative;
}
.value {
  height: 100%;
  background-image: url(../img/star.png);
  background-size: auto 100%;
  background-position: left center;
}

.rating::after {
  content: '';
  position: absolute;
  /*! z-index: -1; */
  width: 100%;
  height: 100%;
  background-image: url(../img/star.png);
  background-size: auto 100%;
  background-position: left center;
  left: 0px;
  top: 0px;
  filter: grayscale(1);
  opacity: 0.3;
}



.action {
  background-size: 0px;
  background-repeat: no-repeat;
  display: inline-block;
  width: 30px;
  height: 30px;
  cursor: pointer;
  transition: all 0.3s ease;
  position: relative;
}
.action::before {
  content: '';
  width: 100%;
  height: 100%;
  background-image: inherit;
  filter: invert(1) brightness(0.44) sepia(1) contrast(4) hue-rotate(170deg);
  position: absolute;
  left: 0px;
  top: 0px;
  z-index: 1;
  background-size: 60% auto;
  background-position: center;
  background-repeat: no-repeat;
  transition: all 0.3s ease;
  opacity: 0;
}
.action::after {
  content: '';
  width: 100%;
  height: 100%;
  background-image: inherit;
  position: absolute;
  left: 0px;
  top: 0px;
  z-index: 0;
  background-size: 60% auto;
  background-position: center;
  background-repeat: no-repeat;
  transition: all 0.3s ease;
  opacity: 0.6;
}

.user .action::before {
  background-size: 70% auto;
}
.user .action::after {
  background-size: 70% auto;
  opacity: 0.3;
}

.action:hover::before {
  opacity: 1;
}
.action:hover::after {
  opacity: 0;
}

.action.view {
  background-image: url(../img/view.png);
}
.action.listing {
  background-image: url(../img/list.png);
}
.action.edit {
  background-image: url(../img/edit.png);
}
.action.refund {
  background-image: url(../img/refund.png);
}
.action.settings {
  background-image: url(../img/settings.png);
}
.action.play {
  background-image: url(../img/icons/play.svg);
}
.action.pause {
  background-image: url(../img/icons/pause.png);
}
.action.out {
  background-image: url(../img/icons/out.png);
}
.action.text {
  background-image: url(../img/text.png);
}
.action.info {
  background-image: url(../img/info.png);
}
.action.database {
  background-image: url(../img/database.png);
}
.action.profile {
  background-image: url(../img/profile.png);
}
.action.filter {
  background-image: url(../img/filter.png);
}
.action.search {
  background-image: url(../img/search.png);
}
.action.excel {
  background-image: url(../img/excel.png);
}
.action.delete {
  background-image: url(../img/delete.png);
}
.action.up {
  background-image: url(../img/up.png);
}
.action.down {
  background-image: url(../img/down.png);
}
.action.move {
  background-image: url(../img/move.png);
  height: 20px;
}
.action.preview {
  background-image: url(../img/preview.png);
}


copyright {
  display: block;
  position: absolute;
  left: 50px;
  bottom: 30px;
}

copyright img {
  filter: invert(1);
}

.list_description b {
  font-weight: normal;
  color: rgb(116, 116, 116);
}


.list_controller {
  font-size: 0px;
}
.list_controller_button {
  height: 30px;
  color: rgb(40, 40, 40);
  text-align: center;
  font-size: 12px;
  display: inline-block;
  line-height: 28px;
  border-radius: 2px;
  margin: 0px 3px 0px 0px;
  padding: 0px 5px;
  min-width: 30px;
  border: 1px solid rgba(0, 0, 0, 0.15);
  cursor: pointer;
  transition: all 0.3s ease;
  background-color: white;
}
.list_controller_empty {
  height: 30px;
  display: inline-block;
  width: 32px;
  font-size: 12px;
  text-align: center;
  line-height: 28px;
  margin: 0px 2px 0px 0px;
}
.list_controller_empty::before {
  content: '...';
}


.list_controller_button.current {
  background-color: rgb(0, 150, 255);
  color: rgb(255, 255, 255);
  /*! border-color: rgb(0, 150, 255); */
}


header .up {
  position: absolute;
  width: 50px;
  height: 50px;
  background-color: rgba(0, 0, 0, 0.7);
  right: 30px;
  transition: all 0.3s ease;
  bottom: calc(30px + 100% - 100vh);
  border-radius: 8px;
  background-image: url(../img/up_arrow.png);
  background-size: auto 50%;
  background-position: center;
  background-repeat: no-repeat;
  opacity: 0;
  visibility: hidden;
  cursor: pointer;
  box-shadow: 0px 0px 15px rgba(0, 0, 0, 0.11);
}
header .up:hover {
  background-color: rgb(0, 150, 255);
}
.on_scroll header .up {
  opacity: 1;
  visibility: visible;
}


.popup {
  font-size: 0px;
  position: absolute;
  top: 50%;
  right: 50%;
  background-color: white;
  box-shadow: 0 0 10px rgba(0, 0, 0, 0.1);
  border-radius: 3px;
  z-index: 10000;
  padding: 10px 0px;
  transform: translate(30px, 23px) scale(0.5);
  opacity: 0;
  visibility: hidden;
  transition: all 0.2s ease;
  transform-origin: calc(100% - 30px) -13px;
  cursor: default;
  border: 1px solid rgba(0, 0, 0, 0.2);
}
.popup .item {
  font-size: 14px;
  padding: 9px 30px 11px;
  line-height: 20px;
  transition: all 0.3s ease;
  white-space: nowrap;
  text-align: right;
  cursor: pointer;
}
.popup .separator {
  border-top: 1px solid rgba(0, 0, 0, 0.15);
  margin: 11px 0px;
}
.popup::before {
  content: '';
  position: absolute;
  right: 17px;
  top: -25px;
  width: 0px;
  height: 0px;
  border: 13px solid transparent;
  border-bottom-color: rgb(255, 255, 255);
  z-index: 2;
}
.popup::after {
  content: '';
  position: absolute;
  right: 17px;
  top: -26px;
  width: 0px;
  height: 0px;
  border: 13px solid transparent;
  border-bottom-color: rgba(0, 0, 0, 0.15);
  z-index: 1;
}

.popup.show {
  transform: translate(30px, 23px) scale(1);
  opacity: 1;
  visibility: visible;
}


.list_top, .list_bottom {
  display: table;
  width: 100%;
  padding: 0px 0px 20px 0px;
  font-size: 0px;
}

.list_controllers {
  display: table-cell;
}
.list_controllers:last-of-type {
  text-align: right;
}
.list_controllers:first-of-type {
  text-align: left;
}



.list a, .list a:link, .list a:visited, .list a:hover {
  /*! color: inherit; */
}


h2 {
  font-family: Verdana, Arial;
  font-size: 16px;
  font-weight: normal;
  color: grey;
  line-height: 20px;
  padding: 0px;
  margin: 38px 0px 30px 0px;
  position: relative;
  top: 0px;
  max-width: 80%;
}




.icon {
  display: inline-block;
  width: 30px;
  height: 30px;
  background-size: contain;
  background-repeat: no-repeat;
  background-position: center;
}

.icon.ok {
  background-image: url(../img/ok.png);
  background-size: 80% auto;
}
.icon.hidden {
  opacity: 0.3;
  background-image: url(../img/hide.png);
}
.icon.not {
  background-size: 70%;
  background-image: url(../img/not.png);
}
.icon.admin {
  background-image: url(../img/admin.png);
}
.icon.iuser {
  opacity: 0.3;
  background-image: url(../img/user.png);
}
.icon.text {
  background-image: url(../img/text.png);
  opacity: 0.3;
  background-size: 80% auto;
  font-size: 12px;
  white-space: nowrap;
  line-height: 29px;
  text-indent: 36px;
}
.icon.error {
	background-image: url(../img/error.png);
	background-size: 80% auto;
}
.icon.warning {
  background-image: url(../img/warning.png);
  background-size: 80% auto;
}
.icon.receipt {
  background-image: url(../img/icons/receipt.png);
  background-size: 60% auto;
  filter: grayscale(1);
  cursor: pointer;
}
.icon.receipt.receipt_succeeded {
  filter: none;
}
.icon.receipt.receipt_canceled {
  filter: hue-rotate(240deg);
}
.icon.refunded {
	background-image: url(../img/icons/refunded.png);
	background-size: 80% auto;
	opacity: 0.5;
}




.list_categories {
  padding: 10px 0px 0px 0px;
}
.tag_button {
  display: inline-block;
  background-color: rgb(255, 255, 255);
  font-size: 11px;
  color: rgba(0, 0, 0, 0.6);
  border-radius: 100px;
  line-height: 14px;
  padding: 3px 10px 3px;
  margin: 0px 5px 5px 0px;
  transition: all 0.3s ease;
  border: 1px solid rgba(0, 0, 0, 0.15);
  font-family: Arial;
  cursor: pointer;
}

.tag_button.rightholder {
  background-color: rgb(178, 236, 178);
}
.tag_button.publisher {
  background-color: rgb(0, 255, 231);
}

.tag_button.category {
  background-color: white;
}
.tag_button.selection {
  background-color: rgb(189, 228, 255);
}
.tag_button.series {
  background-color: pink;
}
.tag_button.tag {
  background-color: orange;
}
.tag_button.collection {
  background-color: rgb(255, 237, 195);
}
.tag_button.tag_sale {
  background-color: rgb(255, 0, 0);
  margin: 6px 0px 0px 0px;
  color: white;
}

.tag_button:hover {
  background-color: rgb(0, 150, 255);
  color: rgb(255, 255, 255) !important;
}


.list_controller_button:hover {
  background-color: rgb(0, 150, 255);
  color: rgb(255, 255, 255);
}


pre {
  border: 1px solid rgba(0, 0, 0, 0.15);
  font-size: 14px;
  color: black;
  padding: 30px 0px 30px 40px;
  overflow-x: hidden;
  display: block;
  border-radius: 3px;
  margin: 0px;
  box-sizing: border-box;
  width: 100%;
  white-space: pre-wrap;
  max-width: 100%;
}


.new {
  width: 24px;
  height: 24px;
  background-color: rgb(232, 14, 14);
  position: absolute;
  z-index: 10;
  transform: rotate(10deg);
  top: -5px;
  left: -10px;
}
.new::before {
  content: 'new';
  width: 100%;
  height: 100%;
  background-color: inherit;
  position: absolute;
  left: 0px;
  opacity: 0px;
  transform: rotate(-30deg);
  z-index: 1;
  color: white;
  font-size: 10px;
  text-align: center;
  line-height: 23px;
  font-weight: bold;
  font-family: Arial;
}
.new::after {
  content: '';
  width: 100%;
  height: 100%;
  background-color: inherit;
  position: absolute;
  left: 0px;
  opacity: 0px;
  transform: rotate(30deg);
}


.tabs {
  /*! overflow: hidden; */
  white-space: nowrap;
  font-size: 0px;
  margin: 0px 0px 20px 0px;
  border-bottom: 1px solid rgba(0, 0, 0, 0.15);
  position: relative;
  width: 100%;
  left: -50px;
  padding: inherit;
  padding-top: 0px;
  padding-bottom: 0px;
  z-index: 5;
  left: -40px;
  margin-bottom: 0px;
  border: none;
}
.tab {
  display: inline-block;
  padding: 9px 18px;
  border: 1px solid rgba(0, 0, 0, 0.15);
  border-bottom-color: rgba(0, 0, 0, 0.15);
  border-bottom-style: solid;
  border-bottom-width: 1px;
  font-size: 14px;
  margin-right: 3px;
  border-bottom: none;
  position: relative;
  border-radius: 3px 3px 0px 0px;
  transition: all 0.3s ease;
  background-color: rgba(0, 0, 0, 0.03);
  color: rgb(139, 139, 139);
  cursor: pointer;
  /*! border: none; */
}
.tab.active {
  background-color: rgb(255, 255, 255);
  color: rgb(89, 89, 89);
}
a:first-of-type .tab {
  /*! border-top-left-radius: 0px; */
  /*! border-bottom-left-radius: 0px; */
}
.tab:not(.active):hover {
  color: rgba(255, 255, 255, 0.8);
  background-color: rgb(0, 150, 255);
}



.list:empty::before, .blocks:empty::before {
  content: 'Список пуст';
  font-size: 12px;
  display: block;
  padding: 20px;
  color: grey;
  text-align: center;
}







datatable {
  display: block;
  font-size: 0px;
  margin: 0px 0px 20px 0px;
}
.datatable_border {
  border: 1px solid rgba(0, 0, 0, 0.15);
  border-radius: 3px;
  overflow: hidden;
  margin: 0px 0px 20px 0px;
  width: 100%;
  box-sizing: border-box;
  max-width: calc(100vw - 340px);
}
.datatable_scroll {
  max-height: 60vh;
  overflow-y: scroll;
  overflow-x: auto;
  width: 100%;
}
.datatable_list {
  display: table;
  width: 100%;
}
.datatable_list:empty::before {
  content: 'Список пуст. Для создания нового списка, загрузите его из Excel файла или нажмите кнопку "Добавить"';
  font-size: 12px;
  text-align: center;
  max-width: 300px;
  margin: 0px auto;
  padding: 40px 0px;
  color: rgb(204, 204, 204);
  display: block;
}



button:hover, button.selected {
  background-color: rgb(0, 150, 255) !important;
  color: white !important;
  border-color: rgb(0, 150, 255) !important;
}
button:hover {
  background-color: rgb(0, 120, 220) !important;
  color: white !important;
  background-color: rgb(0, 120, 220) !important;
}
.buttons_small button {
  padding: 4px 12px 5px;
  color: rgb(77, 77, 77);
  border: 1px solid rgba(0, 0, 0, 0.18);
  border-radius: 3px;
  cursor: pointer;
  background-color: rgba(0, 0, 0, 0.0);
  font-size: 13px;
  margin: 0px 4px 6px 0px;
  line-height: 19px;
}




.datatable_row {
	display: table-row;
}
.datatable_cell {
	display: table-cell;
	padding: 6px 17px 7px;
	padding-right: 17px;
	padding-left: 17px;
	position: relative;
	height: 31px;
	line-height: 11px;
	min-width: 70px;
}

.datatable_cell input {
  position: absolute;
  left: 0px;
  /*! top: 50%; */
  width: calc(100% - 32px);
  /*! transform: translate(0px, -50%); */
  border-color: transparent;
  background-color: transparent;
  color: rgba(0, 0, 0, 0.7);
  margin: 0px;
  bottom: 4px;
}
input[type="checkbox"] {
	width: auto;
	position: static;
	margin: 0px;
	padding: 5px;
	transform: none;
	display: none !important;
}
.datatable_cell:first-of-type {
	width: 1px;
	padding-left: 10px;
	padding-right: 10px;
	font-size: 10px;
	border-right: 1px solid rgba(0, 0, 0, 0.12);
	background-color: rgba(241, 241, 241, 0.12) !important;
	text-align: left;
	color: rgb(180, 180, 180);
	white-space: nowrap;
}
.datatable_row:nth-child(2n+1) .datatable_cell {
	background-color: rgba(211, 211, 211, 0.14);
}
.datatable_cell:nth-child(2) {
	width: 1px;
}

.datatable_cell:last-of-type {
  width: 1px;
}


.datatable_cell.status {
  font-size: 10px;
}


.list_controllers .action {
  margin-right: 5px;
}
.popup input {
  display: inline-block;
  width: 100%;
  min-width: 300px;
}

.list_controllers .action:last-of-type {
  margin-right: 0px;
}


select {padding: 8px 10px 10px 10px;border: 1px solid rgba(0, 0, 0, 0.15);border-radius: 3px;line-height: 16px;outline: none !important;height: 38px;vertical-align: middle;font-size: 14px;font-family: Tahoma, Arial;box-sizing: border-box;display: block;margin: 0px auto;width: 280px;-webkit-appearance: none;background-image: url(../img/down.png);background-size: auto 10px;background-position: calc(100% - 10px) calc(50% + 0px);background-repeat: no-repeat;transition: all 0.3s ease;background-color: white;}
option {line-height: 18px;border: none;outline: none;white-space: nowrap;min-height: auto;vertical-align: middle;box-sizing: border-box;max-width: 700px;padding: 8px 12px;background-color: white;}













.loading_box {
  position: fixed;
  z-index: 10000;
  left: 0px;
  top: 0px;
  width: 100%;
  height: 100vh;
  background-color: rgba(0, 0, 0, 0.7);
  /*! transition: all 0.6s ease; */
}
.loading_content {
  display: inline-block;
  padding: 30px 40px;
  background-color: white;
  border: 1px solid rgba(0, 0, 0, 0.25);
  border-radius: 3px;
  text-align: center;
  position: absolute;
  left: 50%;
  top: 50%;
  transform: translate(-50%, -50%);
  box-shadow: 0 0 140px rgba(0, 0, 0, 0.3);
}
.loading_description {
  font-size: 14px;
}
.loading_result {
  font-size: 12px;
  color: grey;
  margin: 0px auto 15px auto;
  text-align: center;
}
.loading_result:empty {
  display: none;
}
.loading_result .message {
  margin-left: auto;
  margin-right: auto;
}
.progress {
  position: absolute;
  left: 0px;
  top: 0px;
  height: 100%;
  background-color: rgb(255, 0, 69);
  transition: all 0.3s ease;
}
.loading {
  position: relative;
  overflow: hidden;
  border-radius: 3px;
  height: 20px;
  width: 400px;
  background-color: rgb(239, 239, 239);
  box-shadow: 0 0 1px rgba(0, 0, 0, 0.6) inset;
  margin: 0px auto 20px;
}

.multiple_covers {
  display: inline-block;
  position: relative;
  background-color: rgb(40, 40, 40);
  border-radius: 2px;
  margin: 0px 0px 15px 0px;
  width: 70px;
  height: 70px;
}
.multiple_covers::before {
  content: '';
  width: 93%;
  height: 97%;
  background-color: rgba(0, 150, 255, 0.4);
  z-index: 2;
  position: absolute;
  left: 0px;
  top: 2%;
  transform: skewY(9deg);
  transform-origin: 0px 0px;
  box-shadow: -1px -1px 0px rgba(0, 0, 0, 0.23) inset, 0px 1px 0px rgba(255, 255, 255, 0.25) inset;
  border-radius: inherit;
}

.multiple_covers::after {
  content: '';
  width: 98%;
  height: 97%;
  background-color: rgba(0, 150, 255, 0.4);
  z-index: 1;
  position: absolute;
  left: 0px;
  top: 2%;
  transform: skewY(4deg);
  transform-origin: 0px 0px;
  box-shadow: -1px -1px 0px rgba(0, 0, 0, 0.23) inset, 0px 1px 0px rgba(255, 255, 255, 0.25) inset;
  border-radius: inherit;
}
.multiple_covers img {
  width: 85%;
  height: 100%;
  background-color: rgba(0, 150, 255, 0.4);
  z-index: 3;
  position: absolute;
  left: 0px;
  top: 0px;
  transform: skewY(15deg);
  transform-origin: 0px 0px;
  box-shadow: -1px -1px 0px rgba(0, 0, 0, 0.23) inset, 0px 1px 0px rgba(255, 255, 255, 0.25) inset;
  min-width: auto;
  max-height: none;
}


menu .item b {
  position: absolute;
  left: 12px;
  top: 50%;
  font-weight: normal;
  font-size: 12px;
  color: rgba(255, 192, 0, 0.85);
  transform: translate(0px, -50%);
}


message {
  display: block;
  background-color: rgba(0, 0, 0, 0.8);
  padding: 20px 50px 20px 70px;
  border-radius: 3px;
  overflow: hidden;
  font-size: 12px;
  color: rgba(255, 255, 255, 0.8);
  font-family: Verdana, Arial;
  margin: 15px 0px 0px 0px;
  max-width: 300px;
  min-height: 60px;
  position: relative;
}
message::before {
  content: '';
  width: 30px;
  height: 30px;
  background-size: contain;
  background-repeat: no-repeat;
  background-position: center;
  position: absolute;
  left: 20px;
  top: calc(50% - 15px);
  top: 20px;
}
message.warning {
	max-width: 300px;
	text-align: left;
	border: none;
	border-radius: 3px;
	background-color: rgba(0, 0, 0, 0.8);
	padding: 20px 30px 20px 70px;
	box-shadow: none;
}
message.ok::before {
	background-image: url(../img/ok.png);
}
message.warning::before {
	background-image: url(../img/warning.png);
}
message.error::before {
	background-image: url(../img/error.png);
}



.object_table {
  display: table;
  width: 100%;
  font-size: 0px;
  margin: 0px 0px 40px 0px;
}
.object_cell {
  display: table-cell;
  vertical-align: top;
  text-align: left;
  position: relative;
  width: 1px;
  padding-right: 30px;
}
.object_cell .avatar {
  display: inline-block;
  width: 200px;
  height: 200px;
  background-color: rgba(0, 0, 0, 0.75);
  border-radius: 3px;
  background-size: cover;
  background-position: center;
  margin: 0px 0px 20px 0px;
  background-color: rgba(0, 0, 0, 0.1);
}
.object_cell:last-of-type {
  padding-right: 0px;
  width: auto;
}

.params {
  width: 100%;
  /*! overflow: hidden; */
  border-radius: 3px;
  /*! border: 1px solid rgba(0, 0, 0, 0.15); */
  margin-bottom: 30px;
}
.params tr {
}
.params td {
  font-size: 13px;
  padding: 0px 0px 13px 0px;
  text-align: left;
  height: 20px;
  position: relative;
}
.params tr:nth-child(2n+1) td {
  /*! background-color: rgba(211, 211, 211, 0.14); */
}
.params td:first-of-type {
  font-size: 11px;
  color: grey;
  min-width: 140px;
  width: 20%;
  white-space: nowrap;
  padding-right: 30px;
}
.params tr:first-of-type h3 {
  margin-top: 0px;
}


button.white {
  color: rgb(77, 77, 77);
  border: 1px solid rgba(0, 0, 0, 0.18);
  background-color: rgb(255, 255, 255);
}


.fix_bottom {
  position: fixed;
  bottom: 0px;
}
.fix_top {
  position: fixed;
  top: 0px;
}

.menu_container::before {
  content: '';
  display: block;
  height: 75px;
}
.menu_container::after {
  content: '';
  display: block;
  height: 50px;
}


.logo::after {
  content: 'Панель управления';
  position: absolute;
  font-size: 8px;
  right: 16px;
  top: 50%;
  transform: translate(100%, -50%);
  width: 50px;
  line-height: 1.4;
  text-transform: uppercase;
  color: grey;
}


.icon.wait {
  /* opacity: 0.3; */
  background-image: url(../img/wait.png);
  background-size: 80%;
}


.price {
  font-size: 16px;
  color: black;
  font-size: 20px;
  line-height: 1.2;
  padding-bottom: 0.2em;
}
.price.sub {
  font-size: 13px;
  color: rgb(154, 154, 154);
}

.iphone iframe {
  width: 430px;
  height: 400px;
  background-color: rgb(34, 31, 29);
}
iframe {
  border: 0px;
  overflow: hidden;
  box-sizing: border-box;
  width: 100%;
  height: 250px;
  border: 1px solid rgba(0, 0, 0, 0.15);
  border-radius: 3px;
  overflow: hidden;
  max-height: 80vh;
}
.iphone {
  font-size: 0px;
  padding: 40px 10px 60px;
  background-color: rgb(58, 58, 58);
  display: inline-block;
  position: relative;
  overflow: hidden;
  border-radius: 20px;
}
.iphone::before {
  content: '';
  position: absolute;
  background-color: rgba(0, 0, 0, 0.12);
  width: 50px;
  height: 6px;
  border-radius: 100px;
  left: calc(50% - 25px);
  top: 17px;
  box-shadow: 1px 1px 1px rgba(0, 0, 0, 0.3) inset;
}
.iphone::after {
  content: '';
  position: absolute;
  background-color: rgba(0, 0, 0, 0.12);
  width: 40px;
  height: 40px;
  border-radius: 100px;
  left: calc(50% - 20px);
  bottom: 10px;
  box-shadow: 1px 1px 1px rgba(0, 0, 0, 0.3) inset;
}


.background_show {
  overflow: hidden;
}
.background {
  position: fixed;
  z-index: 10000;
  left: 0px;
  top: 0px;
  width: 100%;
  height: 100vh;
  background-color: rgba(0, 0, 0, 0.7);
  opacity: 0;
  visibility: hidden;
  transition: all 0.6s ease;
}
.windows {
  position: absolute;
  z-index: 1;
  left: 0px;
  top: 0px;
  width: 100%;
  height: 100%;
  opacity: 0;
  visibility: hidden;
  transition: all 0.6s ease;
}
.window {
  transition: all 0.4s ease;
  position: absolute;
  width: 100%;
  height: 100%;
  overflow-x: hidden;
  overflow-y: auto;
  text-align: center;
  opacity: 0;
  visibility: hidden;
}
.background.show {
  opacity: 1;
  visibility: visible;
}
.windows.show {
  opacity: 1;
  visibility: visible;
}
.window.show {
  transform: scale(1);
  opacity: 1;
  visibility: visible;
}
.window_borders {
  display: inline-block;
  margin: 40px 50px 40px;
  border-radius: 3px;
  box-shadow: 0 0 140px rgba(0, 0, 0, 0.3);
  max-width: 70vw;
  border: 1px solid rgba(0, 0, 0, 0.25);
  transform: scale(0.8);
  transition: all 0.4s ease;
  border-radius: 20px;
}
.window_title {
  font-size: 24px;
  color: rgb(0, 0, 0);
  padding: 20px 60px 20px 50px;
  /*! border-bottom: 1px solid rgba(0, 0, 0, 0.1); */
  font-family: Splash, Verdana, Arial;
  color: rgb(51, 51, 51);
  position: relative;
  border-radius: 3px 3px 0px 0px;
}
.window_content {
  background-color: white;
  padding: 30px 50px;
  font-size: 14px;
  text-align: left;
  position: relative;
  border-radius: 0px 0px 3px 3px;
  padding: 30px;
  border-radius: 10px;
  margin: 0px 20px 20px 20px;
}
.window:after {
  content: '';
  width: 0px;
  height: 100%;
  vertical-align: middle;
  display: inline-block;
}
.window_close, .close_button, .scenario_line_delete {
  position: absolute;
  top: 15px;
  right: 15px;
  width: 20px;
  height: 20px;
  cursor: pointer;
  opacity: 0.2;
  transition: all 0.3s ease;
  z-index: 10;
}
.window_close::before, .close_button::before, .scenario_line_delete::before, .delete_button::before {
  position: absolute;
  content: '';
  width: 100%;
  height: 2px;
  top: 50%;
  left: 0px;
  background-color: rgb(0, 0, 0);
  transform: translate(0px, -50%) rotate(45deg);
}
.window_close::after, .close_button::after, .scenario_line_delete::after, .delete_button::after {
  position: absolute;
  content: '';
  width: 100%;
  height: 2px;
  top: 50%;
  left: 0px;
  background-color: rgb(0, 0, 0);
  transform: translate(0px, -50%) rotate(-45deg);
}
.window_close:hover, .close_button:hover, .scenario_line_delete:hover, .delete_button:hover {
  opacity: 0.4;
}
.window_content:empty::before, form:empty::before, .dashboard_content:empty::before, .getvalue:empty::before
{
  content: '';
  display: block;
  width: 40px;
  height: 40px;
  border: 2px solid rgb(194, 194, 194);
  border-radius: 100px;
  border-right-color: transparent;
  border-bottom-color: transparent;
  transform: translate(-50%, -50%);
  animation: rotate 2s linear infinite;
  background-size: contain;
  background-position: center;
  background-repeat: no-repeat;
  box-sizing: border-box;
  margin: 10px auto 0px;
  position: relative;
  left: 21px;
  top: 15px;
  pointer-events: none;
}
.window.show .window_borders {
  transform: scale(1);
}


.params td[colspan="2"] {
  padding-right: 0px;
}


.window_content h2 {
  position: static;
  padding: 0px 0px 20px 0px;
  text-align: center;
  color: rgb(0, 150, 255);
  font-size: 18px;
  line-height: 24px;
  margin: 0px 0px 20px 0px;
  max-width: 100%;
}




label {
  position: relative;
}
input[type="checkbox"]+span {
  display: inline-block;
  box-sizing: border-box;
  background-color: white;
  border: 1px solid rgba(0, 0, 0, 0.15);
  border-radius: 3px;
  transition: all 0.3s ease;
  width: 32px;
  height: 32px;
  vertical-align: middle;
  position: relative;
  overflow: hidden;
  cursor: pointer;
}
input[type="checkbox"] + span::before {
  content: '';
  position: absolute;
  width: 50%;
  height: 50%;
  left: 50%;
  top: 50%;
  transform: translate(-50%, -50%);
  background-image: url(../img/ok.png);
  background-size: contain;
  background-position: center;
  background-repeat: no-repeat;
  opacity: 0.2;
  filter: grayscale(1);
  transition: all 0.3s ease;
}
input[type="checkbox"]:not(:disabled):hover + span
{
  background-color: rgba(0, 150, 255, 0.15);
  border-color: rgb(0, 150, 255);
}
input[type="checkbox"]:checked + span::before {
  width: 60%;
  height: 60%;
  filter: grayscale(0);
  opacity: 1;
}


.stat_value {
  display: inline-block;
  width: 300px;
  text-align: left;
  margin: 0px 40px 30px 0px;
  box-sizing: border-box;
  padding: 0px 0px 0px 22px;
  /*! background-color: rgb(255, 249, 231); */
  /*! background-color: rgb(0, 150, 255); */
  border-left: 3px solid rgb(102, 184, 255);
  overflow: hidden;
}
.stat_value_title {
  font-size: 14px;
  margin-bottom: 5px;
}
.stat_value_description {
  font-size: 12px;
  color: rgb(151, 151, 151);
  margin: 5px 0px 0px 0px;
}
.stat_value_main {
  font-size: 38px;
  line-height: 1.1;
  font-family: Arial;
}


.grid_button_pic {
  width: 80px;
  height: 80px;
  background-size: contain;
  background-repeat: no-repeat;
  background-position: center;
  position: absolute;
  left: 20px;
  top: 15px;
}
.grid_button_description {
  font-size: 14px;
  color: rgb(151, 151, 151);
  padding: 0px 0px 0px 100px;
}
.grid_button_title {
  font-size: 18px;
  padding: 0px 0px 5px 100px;
}
.grid_button {
  display: inline-block;
  box-sizing: border-box;
  padding: 15px 20px;
  background-color: rgb(249, 249, 249);
  margin: 0px 20px 20px 0px;
  max-width: calc(50% - 20px);
  border-radius: 3px;
  border: 1px solid rgba(0, 0, 0, 0.1);
  position: relative;
  min-height: 112px;
}


#login_form input {
  margin-bottom: 15px;
}


.params input, .params select {
  display: inline-block;
}
.warning_block {
  max-width: 500px;
  text-align: center;
  border: 1px solid rgba(255, 0, 0, 0.26);
  border-radius: 3px;
  background-color: rgb(250, 250, 250);
  padding: 20px 30px 20px 90px;
  box-shadow: 0 0 100px rgba(255, 0, 0, 0.03) inset;
  margin: 0px auto;
  position: relative;
}
.warning_block::before {
  content: '';
  display: block;
  width: 40px;
  height: 40px;
  background-image: url(../img/warning.png);
  background-size: contain;
  background-position: center;
  background-repeat: no-repeat;
  position: absolute;
  left: 30px;
  top: 50%;
  transform: translate(0px, -50%);
}
ul {
  text-align: left;
  margin: 15px 0px;
  padding: 0px 0px 0px 40px;
}
li {
  font-size: 13px;
}


.check_error {
  border-color: rgba(255, 0, 0, 0.4) !important;
  background-color: rgb(255, 235, 235) !important;
}


.description {
  font-size: 14px;
  padding: 0px 0px 30px 0px;
}
.description.help {
  font-size: 12px;
  color: gray;
}


messages {
  position: fixed;
  right: 0;
  bottom: 0;
  z-index: 999;
  margin: 30px;
}


editor {
}
.editor_content {
  border: 1px solid rgba(0, 0, 0, 0.15);
  border-radius: 0px 3px 3px 3px;
  width: 700px;
  padding: 10px;
  overflow-y: scroll;
  overflow-x: hidden;
  height: 360px;
  cursor: text;
  word-wrap: break-word;
  resize: none;
  outline: none;
  white-space: normal;
  margin: 0px 0px 20px 0px;
  transition: border 0.3s ease;
  position: relative;
  z-index: 0;
  box-sizing: border-box;
}
.editor_controls {
  white-space: nowrap;
  font-size: 0px;
}


multilist {
}
.multilist_content {
  max-width: 600px;
  border: 1px solid rgba(0, 0, 0, 0.15);
  border-radius: 3px;
  overflow-x: hidden;
  overflow-y: auto;
  max-height: 300px;
  margin: 0px 0px 20px 0px;
  box-sizing: border-box;
}
multilist select {
  display: block;
  width: 100%;
  max-width: 600px;
}
.multilist_content div {
  padding: 11px 16px;
  font-size: 13px;
  line-height: 1.5;
}
.multilist_content div:not(:last-of-type) {
  border-bottom: 1px solid rgba(0, 0, 0, 0.1);
}

.params img, .scenario_line_params img {
	/*! width: 50px; */
	height: 50px;
	margin-right: 10px;
	border-radius: 3px;
}

input[type="file"] {
  display: none !important;
}





.miltilist {
}
.miltilist select {
  display: block;
  margin: 0px auto 10px 0px;
}

.params .top {
	vertical-align: top;
	padding-top: 10px;
}


.graph {
  width: 100%;
  box-sizing: border-box;
  height: 200px;
  display: table;
  border-radius: 3px;
  padding: 10px 0px 34px 50px;
  margin: 0px auto 10px auto;
  position: relative;
  z-index: 5;
}
.graph_line {
  display: table-cell;
  position: relative;
  transition: all 0.3s ease;
}
.graph_value {
  background-color: transparent;
  position: absolute;
  left: 50%;
  bottom: 0px;
  width: 0px;
  border-right: 0px solid transparent;
}
.graph_title {
  position: absolute;
  left: 50%;
  bottom: -25px;
  font-size: 12px;
  text-align: center;
  color: rgb(151, 151, 151);
  transform: translate(-50%, 0%);
}
.graph_controls {
  width: 100%;
  height: 200px;
  display: table;
  position: relative;
  z-index: 2;
}
.graph svg {
  position: absolute;
  left: 0px;
  top: 0px;
  width: 100%;
  height: 100%;
  z-index: 1;
  padding: inherit;
  box-sizing: border-box;
}

.graph_back {
  fill: rgba(0, 150, 255, 0.29);
  opacity: 0.2;
}
.graph_back_line {
  fill: transparent;
  stroke: rgb(0, 150, 255);
  stroke-width: 0.8px;
  stroke-linecap: round;
  stroke-linejoin: round;
}

.graph_value::before {
  content: '';
  display: block;
  position: absolute;
  top: 0px;
  left: 0px;
  width: 4px;
  height: 4px;
  border-radius: 100%;
  background-color: inherit;
  transform: translate(-50%, -50%) scale(0);
  transition: all 0.3s ease;
}


.graph_rows {
  position: relative;
  /*! left: 0px; */
  /*! top: 0px; */
  width: 100%;
  height: 100%;
  /*! z-index: 1; */
  /*! box-sizing: border-box; */
  /*! padding-top: inherit; */
  /*! padding-bottom: inherit; */
  /*! padding: inherit; */
}
.graph_row {
  position: absolute;
  width: 100%;
  border-bottom: 1px solid rgba(0, 0, 0, 0.07);
}
.graph_row_title {
  font-size: 10px;
  color: rgb(151, 151, 151);
  position: absolute;
  left: 0px;
  top: 100%;
  transform: translate(0px, -50%);
  background-color: white;
  padding: 0px 7px 0px 0px;
}

.graph_rows_box {
  position: absolute;
  left: 0px;
  top: 0px;
  width: 100%;
  height: 100%;
  z-index: 0;
  box-sizing: border-box;
  padding: inherit;
  padding-left: 0px;
}

.graph_line:hover {
  background-color: rgba(0, 150, 255, 0.2);
}
.graph_line:hover .graph_value::before {
  transform: translate(-50%, -50%) scale(2);
}


.graph_pop {
  font-size: 12px;
  position: absolute;
  left: 50%;
  background-color: rgb(255, 255, 255);
  box-shadow: 0 0 1px rgba(0, 0, 0, 0.6), 0 0 10px rgba(0, 0, 0, 0.1);
  border-radius: 3px;
  z-index: 10000;
  padding: 10px 14px;
  transform: translate(-50%, 23px) scale(0.5);
  opacity: 0;
  visibility: hidden;
  transition: all 0.2s ease;
  transform-origin: 50% -13px;
}
.graph_line:hover .graph_pop, .graph_time_helper:hover .graph_pop {
  transform: translate(-50%, 23px) scale(1);
  opacity: 1;
  visibility: visible;
}
.graph_pop::before {
  content: '';
  position: absolute;
  right: calc(50% - 13px);
  top: -25px;
  width: 0px;
  height: 0px;
  border: 13px solid transparent;
  border-bottom-color: transparent;
  border-bottom-color: rgb(255, 255, 255);
  z-index: 2;
}
.graph_pop::after {
  content: '';
  position: absolute;
  right: calc(50% - 13px);
  top: -26px;
  width: 0px;
  height: 0px;
  border: 13px solid transparent;
  border-bottom-color: transparent;
  border-bottom-color: rgba(0, 0, 0, 0.15);
  z-index: 1;
}


.message {
  font-size: 14px;
  padding: 0px 0px 10px 0px;
  max-width: 400px;
  text-align: center;
  margin: 0px auto;
}
.message::before {
  content: '';
  width: 40px;
  height: 40px;
  background-size: contain;
  background-repeat: no-repeat;
  background-position: center;
  display: block;
  margin: 0px auto 20px;
}
.message.ok::before {
  background-image: url(../img/ok.png);
}
.message.warning::before {
  background-image: url(../img/warning.png);
}
.message.error::before {
  background-image: url(../img/error.png);
}


.zip_folder {
  font-size: 0px;
  padding: 0px 0px 0px 20px;
  position: relative;
  border-left: 1px dotted rgba(0, 0, 0, 0.2);
  margin: 15px 0px 20px 10px;
}
.zip_folder_title {
  font-size: 14px;
  padding: 4px 20px 5px 33px;
  background-image: url('../img/folder.png');
  background-size: auto 80%;
  background-repeat: no-repeat;
  background-position: left center;
  position: relative;
  top: -16px;
  left: -32px;
  z-index: 1;
  white-space: nowrap;
}
.zip_file {
  font-size: 14px;
  padding: 4px 20px 5px 27px;
  background-image: url('../img/file.png');
  background-size: auto 80%;
  background-repeat: no-repeat;
  background-position: left center;
  white-space: nowrap;
}
.zip_file_size {
  display: inline-block;
  font-size: 10px;
  color: rgba(0, 0, 0, 0.35);
  margin: 0px 0px 0px 5px;
  vertical-align: baseline;
}


.calendar_line {
  position: relative;
  display: inline-block;
}
.action.calendar {
  background-image: url(../img/calendar.png);
  position: absolute;
  z-index: 1;
  right: 4px;
  top: 50%;
  transform: translate(0px, -50%);
}


.calendar select {
  width: 100px;
}


button:focus {
  border-color: rgba(0, 150, 255, 0.5);
}


.editor_content img {
  max-width: 500px;
}
.editor_content audio {
  width: 100%;
  -moz-user-select: none;
  -ms-user-select: none;
  -khtml-user-select: none;
  -webkit-user-select: none;
  -webkit-touch-callout: none;
  user-select:  none;
}
.screen_width {
  min-width: 50vw;
  width: 100%;
}
.loading_stats {
  display: table;
  padding: 0px 0px 20px 0px;
  margin: 0px auto;
  width: 100%;
}
.loading_stat_line {
  display: table-row;
}
.loading_value_title {
  font-size: 12px;
  display: table-cell;
  padding-right: 25px;
  color: rgb(151, 151, 151);
  text-align: right;
}
.loading_value_title::after {
  content: ':';
}
.loading_value {
  font-size: 12px;
  text-align: left;
  width: 130px;
}
.avatar.long {
  width: 375px;
  height: 180px;
  width: 250px;
  height: 120px;
}

.sort_buttons {
  position: absolute;
  width: 30px;
  left: 55px;
  top: 50%;
  transform: translate(0px, -50%);
  background-color: white;
  border: 1px solid rgba(0, 0, 0, 0.15);
  border-radius: 3px;
}

.editor_content:focus {
  /*! border-color: rgba(0, 150, 255, 0.5); */
}


.editor_content p {
  /* background-color: rgba(0, 128, 0, 0.05); */
  margin: 0px;
  padding: 14px 12px;
  /* outline: 1px solid rgba(0, 0, 0, 0.1); */
}


.editor_content span {
  /* background-color: rgba(255, 0, 0, 0.05); */
  /* display: block; */
}

.editor_content.layout *
{
  background-color: rgba(0, 128, 0, 0.1);
  outline: 1px solid rgba(0, 0, 0, 0.1);
  position: relative;
}
.editor_content.layout span {
  background-color: rgba(255, 0, 0, 0.5) !important;
}


.window_content .params {
  /*! width: 300px; */
  /*! inline-size: -webkit-min-content; */
  /*! inline-size: -moz-min-content; */
  /*! inline-size: min-content; */
  /*! display: inline-table; */
}


.window_content .params td:last-of-type {
  white-space: nowrap;
  width: 1px;
  white-space: normal;
  width: auto;
}


.screen_width option {
  /*! max-width: 100%; */
  /*! width: 100%; */
}


.editor_tabs {
  position: relative;
  white-space: nowrap;
  font-size: 0px;
  z-index: 1;
}
.editor_tab {
  display: inline-block;
  padding: 9px 18px;
  border: 1px solid rgba(0, 0, 0, 0.15);
  font-size: 14px;
  margin-right: 3px;
  border-bottom: none;
  position: relative;
  border-radius: 3px 3px 0px 0px;
  /*! transition: all 0.3s ease; */
  background-color: rgb(242, 242, 242);
  color: rgb(139, 139, 139);
  cursor: pointer;
}
.editor_tab.current {
  background-color: white;
  color: rgb(89, 89, 89);
}
.editor_content.white {
}
.editor_content.dark {
  color: rgb(255, 232, 208);
  background-color: rgb(34, 31, 29);
}
.editor_tab.current::after {
  content: '';
  display: block;
  background-color: inherit;
  position: absolute;
  left: 0px;
  bottom: -1px;
  width: 100%;
  height: 2px;
  z-index: 1;
}


.editor_tab.dark.current {
  background-color: rgb(34, 31, 29);
}


.editor_content textarea {
  border: none;
  resize: none;
  position: absolute;
  width: 100%;
  height: 100%;
  overflow: scroll;
  box-sizing: border-box;
  padding: 20px;
  margin: 0px;
}
.editor_content.html_mode {
  overflow: hidden;
  padding: 0px;
  height: calc(360px + 94px);
}


.loading_title {
  font-family: Splash, Verdana, Arial;
  color: rgb(51, 51, 51);
  font-size: 24px;
  padding: 0px 0px 28px 0px;
}


.object_cell + .object_cell {
  width: auto;
  padding-right: 0px;
}


.tab.active::after {
  content: '';
  display: block;
  background-color: inherit;
  position: absolute;
  left: 0px;
  bottom: -1px;
  width: 100%;
  height: 2px;
  z-index: 1;
}


.tabs::before {
  content: '';
  position: absolute;
  z-index: -1;
  display: block;
  width: 100%;
  height: 100%;
  background-image: radial-gradient(ellipse farthest-side at center bottom, rgba(0, 0, 0, 0.05), transparent);
  left: 0px;
  top: 0px;
  background-position: 20px 0px;
  background-image: linear-gradient(to bottom, transparent, rgba(80, 91, 128, 0.05));
  display: none;
}


.action + button {
  margin-left: 12px;
}


input[type="checkbox"]:disabled + span {
  cursor: default;
  background-color: rgb(245, 245, 245);
}
input[type="checkbox"]:disabled + span::before {
  filter: grayscale(1);
}


.right_text {
  display: inline-block;
  width: 0px;
  direction: rtl;
  text-align: right;
  position: relative;
  left: -10px;
  color: grey;
  font-size: 12px;
  top: -1px;
  white-space: nowrap;
  pointer-events: none;
  transform: translate(-100%, 0px);
}

select + .right_text {
  left: -36px;
}


input[disabled], select[disabled] {
  cursor: default;
  background-color: rgb(245, 245, 245);
  color: grey;
}



.selector_tabs {
  position: relative;
}
.selector_tab_title {
  display: inline-block;
  padding: 9px 18px;
  border: 1px solid rgba(0, 0, 0, 0.15);
  border-bottom-color: rgba(0, 0, 0, 0.15);
  border-bottom-style: solid;
  border-bottom-width: 1px;
  font-size: 14px;
  margin-right: 3px;
  border-bottom: none;
  position: relative;
  border-radius: 3px 3px 0px 0px;
  transition: all 0.3s ease;
  background-color: rgb(242, 242, 242);
  color: rgb(139, 139, 139);
  cursor: pointer;
}
.selector_tab_content {
  display: none;
  border: 1px solid rgba(0, 0, 0, 0.15);
  border-radius: 0px 3px 3px 3px;
  padding: 5px;
}
.selector_tab_title.current {
  background-color: rgb(255, 255, 255);
  color: rgb(89, 89, 89);
}
.selector_tab_content.current {
  display: block;
}
.selector_tab_title.current::after {
  content: '';
  display: block;
  background-color: inherit;
  position: absolute;
  left: 0px;
  bottom: -1px;
  width: 100%;
  height: 2px;
  z-index: 1;
}
.selector_tabs select {
  border-color: transparent;
}


.selector_tab_title:not(.current):hover {
  color: rgba(255, 255, 255, 0.8);
  background-color: rgb(0, 150, 255);
}

.controls_space {
  display: inline-block;
  width: 12px;
}
.editor_content ul, .editor_content ol {
  margin: 0px;
  padding: 15px 0px 15px 40px;
}


.tag_button.banner {
  background-color: rgb(207, 181, 255);
}


.window_full {
  position: absolute;
  top: 15px;
  right: 45px;
  width: 20px;
  height: 20px;
  cursor: pointer;
  opacity: 0.2;
  transition: all 0.3s ease;
  background-size: 0px;
  background-repeat: no-repeat;
  background-image: url('../img/maximize.png');
}

.window.full .window_borders {
  margin: 10px;
  /*! border-radius: 0px; */
  max-width: none;
  width: calc(100% - 20px);
}
.window.full .params {
  width: calc(33.3% - 20px);
  display: inline-block;
  vertical-align: top;
}
.window.full .params + .params {
  margin-left: 30px;
}

.window.full .params td:first-of-type {
  min-width: 0px;
  width: 100px;
  white-space: normal;
  font-size: 10px;
  padding-right: 20px;
}
.window.full .window_title {
  font-size: 20px;
  padding-top: 10px;
  padding-bottom: 10px;
}
.window.full .window_content {
  padding: 30px;
}
.window.full .params td {
  width: 50%;
}
.window.full .params td[colspan="2"] {
  padding-right: 0px;
}
.window_content .params td:first-of-type {
  width: auto;
}
.window.full .window_full {
  background-image: url('../img/minimize.png');
}
.window_full::before {
  content: '';
  display: block;
  position: absolute;
  width: 100%;
  height: 100%;
  left: 0px;
  top: 0px;
  background-image: inherit;
  background-size: 80%;
  background-position: center;
  z-index: 1;
  background-repeat: no-repeat;
}

.window_full:hover {
  opacity: 0.4;
}


.icon.download {
  background-image: url(../img/download.png);
  opacity: 1;
  background-size: 80% auto;
  font-size: 12px;
  white-space: nowrap;
  line-height: 29px;
  text-indent: 36px;
  color: rgb(24, 166, 24);
}

.object_cell .icon + a .icon.download {
  margin-top: 10px;
}


.tab_query_filter {
  position: absolute;
  z-index: 1;
  top: 0px;
  right: 0px;
}
.tab_query_filter input {
  width: 150px;
}
.object_cell .icon.download {
  display: block;
}
.popup .item:hover {
  background-color: rgba(0, 150, 255, 0.1);
}
.datatable_cell_text {
  font-size: 12px;
  font-family: Arial, Tahoma;
  padding-left: 10px;
  padding-right: 10px;
  border-left: 1px solid rgba(0, 0, 0, 0.1);
}

.right_controls {
  position: absolute;
  right: 0px;
  /*! top: 50%; */
  /*! transform: translate(0px, -50%); */
  bottom: 0px;
}
.right_controls_container {
  position: relative;
  top: -30px;
}

.help_path {
  padding: 10px 20px 11px 20px;
  border: 1px solid rgba(0, 0, 0, 0.15);
  border-radius: 3px;
  background-color: rgba(0, 0, 0, 0.03);
  margin: 0px 0px 30px 0px;
}
.help_path a {
  display: inline-block;
  white-space: nowrap;
  font-size: 12px;
}
.help_path a + a {
}
.help_path a + a::before {
  content: '/';
  display: inline-block;
  color: rgba(0, 0, 0, 0.29);
  padding: 0px 5px;
}
.help_selector {
  position: relative;
  min-height: 40px;
  padding: 10px 0px 10px 53px;
  box-sizing: border-box;
  margin: 0px 0px 20px 0px;
}
.help_selector::before {
  content: '';
  display: block;
  position: absolute;
  left: 0px;
  top: 50%;
  width: 40px;
  height: 40px;
  background-image: url(../img/document.png);
  background-size: contain;
  background-position: center;
  background-repeat: no-repeat;
  opacity: 0.3;
  transform: translate(0px, -50%);
}
.help_selector_title {
  font-size: 14px;
  display: inline-block;
}
.help_selector_description {
  font-size: 12px;
  color: rgba(0, 0, 0, 0.6);
}

article {
  padding: 0px;
  margin: 0px 0px 30px 0px;
  font-size: 14px;
  color: rgba(0, 0, 0, 0.75);
}
code {
  border: 1px solid rgba(0, 0, 0, 0.15);
  padding: 20px 30px;
  font-size: 14px;
  font-family: courier new;
  color: rgba(0, 0, 0, 0.73);
  background-color: rgba(255, 255, 255, 0.08);
  border-radius: 3px;
  margin: 0px 0px 10px 0px;
  display: block;
  box-sizing: border-box;
  width: 100%;
  white-space: break-spaces;
}

code.green {
  border: 1px solid rgba(0, 128, 0, 0.2);
  background-color: rgba(0, 128, 0, 0.08);
}



.main_message {
  padding: 20px 30px 20px 100px;
  margin: 0px 0px 15px 0px;
  border: 1px solid rgba(0, 0, 0, 0.15);
  border-radius: 3px;
  background-color: rgb(245, 245, 245);
  position: relative;
}
.main_message_icon {
  display: block;
  width: 40px;
  height: 40px;
  background-size: contain;
  background-position: center;
  background-repeat: no-repeat;
  position: absolute;
  left: 30px;
  top: 50%;
  transform: translate(0px, -50%);
}
.main_message_icon.warning {
  background-image: url(../img/warning.png);
}
.main_message_title {
  font-size: 14px;
  font-weight: bold;
  margin-bottom: 6px;
}
.main_message_description {
  font-size: 13px;
  color: rgba(0, 0, 0, 0.68);
}

.main_message + .params {
  margin-top: 40px;
}


.list_warning {
  padding: 0px 10px 0px 30px;
  margin: 5px 0px 2px 0px;
  /*! border: 1px solid rgba(0, 0, 0, 0.15); */
  /*! border-radius: 3px; */
  /*! background-color: rgb(245, 245, 245); */
  position: relative;
  min-height: 18px;
}
.list_warning_icon {
  display: block;
  width: 20px;
  height: 20px;
  background-size: contain;
  background-position: center;
  background-repeat: no-repeat;
  position: absolute;
  left: 0px;
  top: 50%;
  transform: translate(0px, -50%);
}
.list_warning_icon.warning {
  background-image: url(../img/warning.png);
}
.list_warning_description {
  font-size: 12px;
  color: rgba(0, 0, 0, 0.68);
  text-align: left;
}
.list_warning_icon.error {
  background-image: url(../img/error.png);
}

.main_message_icon.error {
  background-image: url(../img/error.png);
}

textarea {
  margin: 0px auto;
  width: 280px;
  padding: 8px 15px 9px;
  font-size: 14px;
  line-height: 20px;
  border: 1px solid rgba(0, 0, 0, 0.15);
  border-radius: 3px;
  transition: all 0.3s ease;
  vertical-align: middle;
  outline: none !important;
  font-family: Tahoma, Arial;
  box-sizing: border-box;
  background-color: rgb(255, 255, 255);
  height: 88px;
}

.datatable_row:first-of-type .datatable_cell {
  position: relative;
  padding-top: 35px;
}
.datatable_row:first-of-type .datatable_cell::before {
  content: '';
  display: block;
  width: calc(100% + 1px);
  height: 27px;
  background-color: rgb(53, 53, 53);
  position: absolute;
  left: 0px;
  top: 0px;
  font-size: 10px;
  color: rgba(255, 255, 255, 0.51);
  white-space: nowrap;
  text-align: left;
  padding: 8px 0px 0px 10px;
  box-sizing: border-box;
  overflow: hidden;
}
.datatable_row:first-of-type .datatable_cell:nth-child(1)::before {
  content: '#';
}
.datatable_row:first-of-type .datatable_cell:nth-child(3)::before {
  content: 'Столбец 1';
}
.datatable_row:first-of-type .datatable_cell:nth-child(4)::before {
  content: 'Столбец 2';
}
.datatable_row:first-of-type .datatable_cell:nth-child(5)::before {
  content: 'Столбец 3';
}
.datatable_row:first-of-type .datatable_cell:nth-child(6)::before {
  content: 'Столбец 4';
}
.datatable_row:first-of-type .datatable_cell:nth-child(7)::before {
  content: 'Столбец 5';
}
.datatable_row:first-of-type .datatable_cell:nth-child(8)::before {
  content: 'Столбец 6';
}
.datatable_row:first-of-type .datatable_cell:nth-child(9)::before {
  content: 'Столбец 7';
}
.datatable_row:first-of-type .datatable_cell:nth-child(10)::before {
  content: 'Столбец 8';
}
.datatable_row:first-of-type .datatable_cell:nth-child(11)::before {
  content: 'Столбец 9';
}
.datatable_row:first-of-type .datatable_cell:nth-child(12)::before {
  content: 'Столбец 10';
}
.datatable_row:first-of-type .datatable_cell:nth-child(13)::before {
  content: 'Столбец 11';
}
.datatable_row:first-of-type .datatable_cell:nth-child(14)::before {
  content: 'Столбец 12';
}
.datatable_row:first-of-type .datatable_cell:nth-child(15)::before {
  content: 'Столбец 13';
}
.datatable_row:first-of-type .datatable_cell:nth-child(16)::before {
  content: 'Столбец 14';
}
.datatable_row:first-of-type .datatable_cell:nth-child(17)::before {
  content: 'Столбец 15';
}
.datatable_row:first-of-type .datatable_cell:nth-child(18)::before {
  content: 'Столбец 16';
}
.datatable_row:first-of-type .datatable_cell:nth-child(19)::before {
  content: 'Столбец 17';
}
.datatable_row:first-of-type .datatable_cell:nth-child(20)::before {
  content: 'Столбец 18';
}
.datatable_row:first-of-type .datatable_cell:nth-child(21)::before {
  content: 'Столбец 19';
}
.datatable_row:first-of-type .datatable_cell:nth-child(22)::before {
  content: 'Столбец 20';
}
.datatable_row:first-of-type .datatable_cell:nth-child(23)::before {
  content: 'Столбец 21';
}
.datatable_row:first-of-type .datatable_cell:nth-child(24)::before {
  content: 'Столбец 22';
}
.datatable_row:first-of-type .datatable_cell:nth-child(25)::before {
  content: 'Столбец 23';
}
.datatable_row:first-of-type .datatable_cell:nth-child(26)::before {
  content: 'Столбец 24';
}
.datatable_row:first-of-type .datatable_cell:nth-child(27)::before {
  content: 'Столбец 25';
}
.datatable_row:first-of-type .datatable_cell:nth-child(28)::before {
  content: 'Столбец 26';
}
.datatable_row:first-of-type .datatable_cell:nth-child(29)::before {
  content: 'Столбец 27';
}
.datatable_row:first-of-type .datatable_cell:nth-child(30)::before {
  content: 'Столбец 28';
}
.datatable_row:first-of-type .datatable_cell:nth-child(31)::before {
  content: 'Столбец 29';
}
.datatable_row:first-of-type .datatable_cell:nth-child(32)::before {
  content: 'Столбец 30';
}
.datatable_row:first-of-type .datatable_cell:last-of-type::before
{
  content: '';
  width: 100%;
}

.dtp_table {
  display: table;
  width: 100%;
  overflow: hidden;
  border-radius: 3px;
  border: 1px solid rgba(0, 0, 0, 0.15);
  box-sizing: border-box;
}
.dtp_row {
  display: table-row;
  border-bottom: 1px solid rgba(0, 0, 0, 0.1);
}
.dtp_row:nth-child(2n+1) {
  background-color: rgba(47, 52, 56, 0.02);
}
.dtp_cell {
  display: table-cell;
  font-size: 12px;
  padding: 10px 15px;
  text-align: left;
  border-bottom: inherit;
}
.dtp_row:last-of-type {
  border-bottom: none;
}


.dtp_cell a {
  display: block;
  font-size: 12px;
}
.dtp_row.dtp_title .dtp_cell {
  border-left: 1px solid rgba(255, 255, 255, 0.05);
  color: rgba(255, 255, 255, 0.67);
  border-right: 1px solid rgba(0, 0, 0, 0.15);
  font-size: 10px;
}
.dtp_row.dtp_title {
  background-color: rgb(62, 62, 62);
}
.dtp_row.dtp_apply {
  background-color: rgba(0, 128, 0, 0.1);
}
.dtp_row.dtp_apply:nth-child(2n+1) {
  background-color: rgba(0, 128, 0, 0.12);
}
.dtp_row.dtp_error {
  background-color: rgba(255, 0, 0, 0.1);
}
.dtp_row.dtp_error:nth-child(2n+1) {
  background-color: rgba(255, 0, 0, 0.12);
}

.list_line_title, .tasks_line_header {
  box-shadow: 0 0 10px rgba(0, 0, 0, 0.2);
}
.list_line_title .list_cell, .tasks_line_header .tasks_line_cell {
  border: none;
  border-bottom: none !important;
  border-left: 1px solid rgba(255, 255, 255, 0.05);
  color: rgba(255, 255, 255, 0.67);
  border-right: 1px solid rgba(0, 0, 0, 0.15);
  font-size: 9px !important;
  background-color: rgb(62, 62, 62) !important;
  overflow: hidden;
  opacity: 1 !important;
  padding: 10px !important;
  text-transform: uppercase;
}
.list_line_title .list_cell:empty {
  border-left: none;
  border-right: none;
}
.list_line_title .list_cell:first-of-type, .tasks_line_header .tasks_line_cell:first-of-type {
  border-top-left-radius: 3px;
  border-bottom-left-radius: 3px;
}
.list_line_title .list_cell:last-of-type, .tasks_line_header .tasks_line_cell:last-of-type {
  border-top-right-radius: 3px;
  border-bottom-right-radius: 3px;
}


message .close_button::before, message .close_button::after {
  background-color: white;
}

article h1 {
  font-size: 2em;
  margin: 30px auto 20px auto;
}
article table, .std_table {
  border: 1px solid rgba(0, 0, 0, 0.15);
  border-radius: 3px;
  margin: 0px 0px 20px 0px;
  width: 100%;
  font-size: 0px;
}
article tr, .std_table tr {
}
article td, .std_table td {
  display: table-cell;
  border-bottom: inherit;
  padding: 10px 15px;
  position: relative;
  font-size: 14px;
  border: 1px solid rgba(0, 0, 0, 0.05);
}
atricle tr:nth-child(2n) td, .std_table tr:nth-child(2n) td {
  background-color: rgba(47, 52, 56, 0.02);
}
article tr:first-of-type, .std_table tr:first-of-type {
  box-shadow: 0 0 10px rgba(0, 0, 0, 0.2);
}
article tr:first-of-type td, .std_table tr:first-of-type td {
  text-transform: uppercase;
  border-bottom: none !important;
  border-left: 1px solid rgba(255, 255, 255, 0.05);
  color: rgba(255, 255, 255, 0.67);
  border-right: 1px solid rgba(0, 0, 0, 0.15);
  font-size: 9px;
  background-color: rgb(62, 62, 62);
}
article tr:first-of-type td:first-of-type, .std_table tr:first-of-type td:first-of-type {
  border-radius: 3px 0px 0px 3px;
}
article tr:first-of-type td:last-of-type, .std_table tr:first-of-type td:last-of-type {
  border-radius: 0px 3px 3px 0px;
}
.article_header {
  display: table;
  width: 100%;
}
.article_header_cell {
  display: table-cell;
}
.article_header_cell:last-of-type {
  text-align: right;
  white-space: nowrap;
}
.article_header_cell h1 {
  margin-top: 8px;
}
.textarea_big {
  width: calc(100vw - 800px);
  height: 400px;
}
.blocks {
  display: flex;
  width: 100%;
  flex-direction: row;
  justify-content: space-between;
  flex-wrap: wrap;
  justify-content: left;
  position: relative;
  left: -40px;
  width: calc(100% + 40px);
}
.block {
  /*! display: flex; */
  /*! width: 30%; */
  background-color: rgb(255, 255, 255);
  border-radius: 3px;
  width: calc(33.3% - 40px);
  text-align: center;
  /*! overflow: hidden; */
  display: flex;
  flex-direction: column;
  position: relative;
  border-top: 3px solid rgb(0, 150, 255);
  margin: 0px 0px 40px 40px;
  box-shadow: 0 0 20px rgba(0, 0, 0, 0.15);
}
.block_line {
  padding: 10px 20px;
  position: relative;
}
.block_line_last {
  background-color: rgb(245, 245, 245);
  padding: 10px;
}
.block_line:last-of-type, .block_line_flex {
  flex: 1;
}
.block_line .list_title {
  padding: 0px;
}



.transparent_content {
  box-shadow: none;
  background-color: transparent;
  padding: 0px;
}

.blocks:empty::before {
  width: 100%;
}

.article_header_description {
  color: grey;
  font-size: 10px;
  display: inline-block;
  padding: 0px 10px 1px 0px;
}


.obj_pic {
  display: inline-block;
  position: relative;
  background-size: cover;
  background-position: center;
  min-width: 70px;
  border-radius: 2px;
  max-height: 70px;
  background-color: rgba(0, 0, 0, 0.1);
  /*! overflow: hidden; */
  min-height: 70px;
  /*! overflow: hidden; */
  z-index: 10;
}
.obj_pic img {
  opacity: 0;
}


.likes {
  height: 20px;
  display: inline-block;
  margin: 10px 0px 3px 0px;
}
.likes_short, .likes_like, .likes_dislike {
  display: inline-block;
  font-size: 12px;
  color: rgb(0, 0, 0);
  vertical-align: middle;
  line-height: 18px;
  height: 20px;
  opacity: 0.5;
}
.likes_short::before, .likes_like::before, .likes_dislike::before {
  content: '';
  display: inline-block;
  width: 16px;
  height: 20px;
  margin-right: 5px;
  background-size: contain;
  background-position: center;
  background-repeat: no-repeat;
  vertical-align: middle;
}
.likes_short::before {
  background-image: url(https://upload.wikimedia.org/wikipedia/commons/thumb/d/d0/Heart_font_awesome.svg/1200px-Heart_font_awesome.svg.png);
  opacity: 0.3;
}
.likes_like:empty::after, .likes_dislike:empty::after, .likes_short:empty::after {
  content: '0';
  /*! vertical-align: middle; */
}
.likes_like::before {
  background-image: url(../img/like_2.png);
}
.likes_dislike::before {
  background-image: url(../img/like_2.png);
  transform: rotate(180deg);
}
.likes + .rating {
  margin-left: 20px;
}
.likes_like + .likes_dislike {
  margin-left: 20px;
}
.icon + .likes {
  margin-left: 20px;
  margin-top: 3px;
}
.likes_dislike:not(:empty)::before {
  opacity: 1;
  filter: invert(0.5) sepia(1) contrast(3) hue-rotate(310deg) brightness(0.6) contrast(5);
}
.likes_like:not(:empty)::before {
  opacity: 1;
  filter: invert(0.5) sepia(1) contrast(3) hue-rotate(50deg) brightness(0.54) contrast(5);
}
.likes_like:not(:empty), .likes_dislike:not(:empty), .likes_short:not(:empty) {
  opacity: 0.8;
}
.likes_dislike:not(:empty) {
  color: red;
}
.likes_like:not(:empty) {
  color: green;
}

.new_h {
  position: absolute;
  font-size: 12px;
  color: white;
  background-color: rgb(232, 14, 14);
  left: -8px;
  top: 10px;
  padding: 4px 7px 5px 20px;
  height: 27px;
}
.new_h::before {
  content: '';
  display: block;
  width: 0px;
  height: 0px;
  border: 13.5px solid rgb(232, 14, 14);
  position: absolute;
  z-index: 1;
  border-right-color: rgba(0, 128, 0, 0);
  top: 0px;
  right: 0px;
  transform: translate(75%, 0px) scaleX(0.5);
}
.new_h::after {
  content: '';
  display: block;
  width: 0px;
  height: 0px;
  border: 4px solid transparent;
  border-top-color: rgb(119, 26, 26);
  border-right-color: rgb(119, 26, 26);
  position: absolute;
  left: 0px;
  bottom: 0px;
  transform: translate(0, 100%);
}

.counter_container {
  position: relative;
  width: 0px;
  height: 0px;
  display: inline-block;
  margin: 0px 0px 2px 10px;
}
.counter {
  background-color: rgb(232, 14, 14);
  display: block;
  position: absolute;
  z-index: 1;
  font-size: 12px;
  color: white;
  font-weight: normal;
  padding: 1px 8px;
  border-radius: 3px;
  transform: translate(0%, -50%);
  height: 23px;
}
.counter::before {
  /*! content: ''; */
  display: block;
  width: 0px;
  height: 0px;
  left: 0px;
  top: 50%;
  border: 9px solid transparent;
  border-left-color: rgb(232, 14, 14);
  transform: translate(calc(-45% - 0px), -50%) rotate(45deg);
  position: absolute;
  border-radius: 3px;
  border-bottom-color: rgb(232, 14, 14);
}

.online {
  display: inline-block;
  width: 0.7em;
  background-color: rgba(0, 128, 0, 0.85);
  vertical-align: baseline;
  border-radius: 100%;
  height: 0.7em;
  margin: 0px 0.3em 0px 0px;
  position: relative;
}
.online::before {
  content: '';
  position: absolute;
  z-index: 1;
  width: 100%;
  height: 100%;
  top: 0px;
  left: 0px;
  transform: scale(0.8);
  background-color: rgb(46, 210, 46);
  border-radius: 100%;
}


.circle_diagram_container {
  display: table;
  width: 100%;
  transition: all 0.4s ease;
  -moz-user-select: none;
  user-select: none;
  -webkit-user-select: none;
  margin: 0px auto 40px;
}
.circle_diagram_borders {
  display: table-cell;
  width: 40%;
  vertical-align: top;
  padding: 16px;
  padding: 10px;
}
.circle_diagram {
  position: relative;
  /*! animation: colorload 2s; */
  max-width: 550px;
  min-width: 300px;
}
.circle_diagram_legend {
  display: table-cell;
  vertical-align: top;
  padding: 0px 0px 0px 50px;
}
.circle_diagram_legend_line, .graph_legend_line {
  display: inline-block;
  position: relative;
  min-height: 20px;
  page-break-inside: avoid;
  break-inside: avoid;
  transition: all 0.4s ease;
  /*! width: 50%; */
  display: block;
}
.circle_diagram_legend_color, .graph_legend_color {
  position: absolute;
  left: 0px;
  top: 50%;
  width: 30px;
  height: 15px;
  transform: translate(0, -50%);
  border-radius: 100px;
}
.circle_diagram_legend_title, .graph_legend_title {
  font-size: 14px;
  padding: 5px 0px 0px 40px;
}
.circle_diagram_legend_description, .graph_legend_description {
  font-size: 10px;
  color: rgb(151, 151, 151);
  padding: 0px 0px 5px 40px;
}
.circle_diagram_notifications {
  position: absolute;
  left: 0px;
  top: 0px;
  width: 100%;
  height: 100%;
  pointer-events: none;
}
.circle_diagram_notification {
  position: absolute;
  transform: translate(-50%, -50%);
  background-color: white;
  padding: 3px 10px 4px;
  border-radius: 100px;
  border-width: 4px;
  border-style: solid;
  text-align: center;
  animation: scale 1s;
  animation-delay: 1.5s;
  animation-fill-mode: both;
  transition: all 0.4s ease;
}
.circle_diagram_notification_title {
  font-size: 12px;
}
.circle_diagram_notification_description {
  font-size: 10px;
  color: rgb(151, 151, 151);
}
.donut {
  animation: colorload 2s;
  animation-fill-mode: both;
}
.donut-ring {
  transform-origin: center center;
  transition: all 0.4s ease;
}
.circle_diagram_legend_container {
  display: block;
  column-count: 2;
}

.editor_content.layout p::before {
  content: 'p';
}
.editor_content.layout div::before {
  content: 'div';
}
.editor_content.layout span::before {
  content: 'span';
}
.editor_content.layout *::before {
  position: absolute;
  right: 5px;
  bottom: 5px;
  font-size: 12px;
  opacity: 0.3;
}

.params .likes {
  margin: 0px 0px 5px 0px;
}
.params .rating {
  margin: 0px;
}
.sale {
  display: inline-block;
  color: rgb(223, 107, 107);
  position: relative;
}
.sale::before {
  content: '';
  width: 120%;
  height: 2px;
  position: absolute;
  left: 50%;
  top: 50%;
  transform: translate(-50%, -50%) rotate(-15deg);
  background-color: red;
  opacity: 0.5;
}


.big_select {
  margin: 0px 10px 0px 0px;
  display: inline-block;
  width: calc(70% - 200px);
}
content h1:first-child {
  margin-top: 0px;
}

.circle_diagram_summ {
  position: absolute;
  z-index: 1;
  left: 50%;
  top: 50%;
  transform: translate(-50%, -50%);
  text-align: center;
}
.circle_diagram_summ_title {
  font-size: 36px;
  color: black;
  line-height: 1.2;
}
.circle_diagram_summ_description {
  font-size: 14px;
  color: rgb(151, 151, 151);
}
.multiple_covers img {
  opacity: 1;
}

.diagram_faded {
}
.diagram_faded .donut-ring {
  opacity: 0.3;
}
.diagram_faded .cd_main_circle {
  opacity: 0.3;
}
.diagram_faded .circle_diagram_legend_line {
  opacity: 0.3;
}
.diagram_select {
  opacity: 1 !important;
  /*! animation-fill-mode: initial; */
}
.cd_main_circle {
  transition: all 0.4s ease;
  opacity: 0 !important;;
}
.diagram_faded .circle_diagram_notification
{
  opacity: 0 !important;
  /*! animation-fill-mode: initial; */
  /*! transform: translate(-50%, -50%) scale(0); */
}
.circle_diagram_notification.diagram_select {
  opacity: 1 !important;
  /*! animation-fill-mode: initial; */
  /*! transform: translate(-50%, -50%) scale(1); */
}
.donut-ring.diagram_select {
  transform: scale(1) !important;
}


.list_text {
  font-size: 13px;
  color: rgba(0, 0, 0, 0.73);
}
.list_title:not(:empty) + .list_text {
  padding-top: 5px;
}

.big_button {
  background-color: rgb(255, 255, 255);
  border-radius: 3px;
  width: calc(50% - 40px);
  text-align: center;
  display: flex;
  flex-direction: column;
  position: relative;
  /*! border-top: 3px solid rgb(0, 150, 255); */
  margin: 0px 0px 40px 40px;
  box-shadow: 0 0 20px rgba(0, 0, 0, 0.15);
  overflow: hidden;
  padding: 20px 30px 20px calc(7.5% + 60px);
  min-height: calc(7.5vw + 40px);
}
.big_button_pic {
  position: absolute;
  left: 30px;
  top: 30px;
  width: 15%;
  height: 0px;
  padding-bottom: 15%;
  background-size: contain;
  background-position: center;
  background-repeat: no-repeat;
}
.big_button_title {
  font-size: 22px;
  text-align: right;
  padding-bottom: 10px;
}
.big_button_description {
  font-size: 14px;
  text-align: right;
  flex: 1;
  color: rgba(0, 0, 0, 0.51);
  padding-bottom: 20px;
}
.big_button_actions {
  text-align: right;
}

.avatar img {
  width: 100%;
  opacity: 0;
}

.avatar.auto_height {
  height: auto;
}

.list_description:empty {
  display: none;
}

.survey_items {
  padding-left: 12px;
}
.survey_items span {
  color: rgba(0, 0, 0, 0.4);
  font-size: 11px;
  padding: 0px 0px 0px 10px;
}
.survey_items li {
  padding: 3px 0px;
}
.user_short_table {
  display: table;
  /*! width: 100%; */
}
.user_short_table_cell {
  display: table-cell;
}
.user_short_table_cell img {
}

.user_short_table_cell + .user_short_table_cell {
  padding-left: 20px;
}
.user_short_table_cell {
}

.new_year::before, .new_year::after {
	content: '';
	background-image: url(../img/special/new_year.png);
	background-size: contain;
	background-repeat: repeat-x;
	background-position: left;
	width: 100%;
	height: 60px;
	position: fixed;
	z-index: 9;
	left: 50%;
	top: 30px;
	transform: translate(-50%, 0%);
	pointer-events: none;
}
.new_year::after {
  filter: blur(5px);
  mix-blend-mode: screen;
}

.block_line .user_short_table {
  margin: 0px auto;
  width: 100%;
}

.scenario_list {
}
.scenario_line {
  display: block;
  margin: 0px auto 20px 0px;
  border: 1px solid rgba(0, 0, 0, 0.15);
  border-radius: 3px;
  padding: 10px 17px 0px 17px;
  position: relative;
  background-color: rgb(248, 248, 248);
}
.scenario_line_title {
  font-size: 12px;
  padding: 0px 0px 10px 0px;
}
.scenario_line_params {
}
.scenario_line_delete {
  top: 10px;
  right: 10px;
}
.scenario_line_params input, .scenario_line_params select, .scenario_add select, .scenario_line_params label, .scenario_line_params textarea, .scenario_line_params button {
  display: inline-block;
  margin: 0px 10px 10px 0px;
}
.scenario_add {
  padding: 0px 0px 30px 0px;
  white-space: nowrap;
}
.scenario_list:empty {
}
.scenario_list:empty::before {
  content: 'Нет элементов';
  font-size: 12px;
  color: grey;
  text-align: center;
  display: block;
}

.scenario_line_param {
  display: table;
  width: 100%;
}
.scenario_line_param_cell {
  display: table-cell;
  width: 50%;
}
.scenario_line_param_cell:first-of-type {
  font-size: 11px;
  color: rgb(128, 128, 128);
  min-width: 140px;
  /*! width: 200px; */
}
.scenario_line_param_cell:last-of-type {
  /*! text-align: right; */
}

button[disabled] {
  background-color: rgb(215, 215, 215) !important;
  border-color: rgba(0, 0, 0, 0.18) !important;
  text-shadow: 0px -1px 1px rgba(0, 0, 0, 0.37) !important;
  cursor: default;
}
.scenario_line_param + .scenario_line_param {
  margin-top: 10px;
}

.scenario_add .big_select {
  width: 400px;
}

.slide {
  width: 400px;
  height: 170px;
  background-size: cover;
  background-position: center;
  position: relative;
  overflow: hidden;
  border-radius: 3px;
  white-space: normal;
  background-color: rgb(33, 36, 51);
}
.slide_pic_left {
  position: absolute;
  width: 45%;
  height: 60%;
  right: 25px;
  top: 20%;
  background-size: contain;
  background-position: right center;
  background-repeat: no-repeat;
  z-index: 3;
}
.slide_title_left {
  font-size: 11px;
  color: white;
  font-weight: bold;
  text-align: left;
  padding: 25px 0px 10px 25px;
  max-width: 45%;
  margin: 0px auto 0px 0px;
  position: relative;
  z-index: 5;
}
.slide_description_left {
  padding: 0px 0px 0px 25px;
  font-size: 6px;
  color: white;
  text-align: left;
  max-width: 45%;
  margin: 0px auto 0px 0px;
  position: relative;
  z-index: 4;
}
.slide_pic_right {
  position: absolute;
  width: 45%;
  height: 60%;
  left: 25px;
  top: 20%;
  background-size: contain;
  background-position: left center;
  background-repeat: no-repeat;
  z-index: 3;
}
.slide_title_right {
  font-size: 11px;
  color: white;
  font-weight: bold;
  text-align: right;
  padding: 25px 25px 10px 0px;
  max-width: 45%;
  margin: 0px 0px 0px auto;
  position: relative;
  z-index: 5;
}
.slide_title_left:empty {
  padding-bottom: 0px;
}
.slide_title_right:empty {
  padding-bottom: 0px;
}
.slide_description_right {
  padding: 0px 25px 0px 0px;
  font-size: 6px;
  color: white;
  text-align: right;
  max-width: 45%;
  margin: 0px 0px 0px auto;
  position: relative;
  z-index: 4;
}
.slide_mask {
  position: absolute;
  z-index: 2;
  left: 0px;
  top: 0px;
  width: 100%;
  height: 100%;
}

.video_container {
	position: absolute;
	left: 0px;
	top: 0px;
	width: 100%;
	height: 100%;
	overflow: hidden;
	z-index: 0;
}
video {
	width: 100%;
	position: absolute;
	left: 50%;
	top: 50%;
	transform: translate(-50%, -50%);
}

.block .list_warning {
  padding: 0px 0px 0px 30px;
  display: inline-block;
}
.block .list_warning_description {
}
.block .list_warning_icon {
}
.big_button hr {
  margin: 13px 0px 10px 0px;
}

.scenario_trigger_line {
  position: relative;
  display: table-row;
}
.scenario_trigger_line_icon {
  position: absolute;
  width: 20px;
  height: 20px;
  background-size: contain;
  background-position: center;
  background-repeat: no-repeat;
  left: 10px;
  top: calc(50% - 8px);
  background-image: url(../img/filter2.png);
  opacity: 0.4;
}

.scenario_action_line_icon {
  position: absolute;
  width: 20px;
  height: 20px;
  background-size: contain;
  background-position: center;
  background-repeat: no-repeat;
  left: 0px;
  top: calc(50% - 7px);
  background-image: url(../img/action.png);
  opacity: 0.4;
}

.scenario_trigger_line_title {
  font-size: 13px;
  display: table-cell;
  text-align: left;
  padding-left: 40px !important;
}
.scenario_trigger_line_params {
  display: table-cell;
  text-align: left;
  padding-right: 0px !important;
}
.scenario_trigger_line_param {
  /*! display: table; */
  width: 100%;
}
.scenario_trigger_line_param_title {
  font-size: 10px;
  color: rgba(0, 0, 0, 0.4);
  /*! display: table-cell; */
  /*! display: none; */
}
.scenario_trigger_line_param_value {
  font-size: 12px;
}
.scenario_trigger_lines {
  display: table;
  width: 100%;
  border-spacing: 1px;
  padding: 0px 0px 0px 0px;
  border: 1px solid rgba(0, 0, 0, 0.1);
  border-radius: 3px;
  background-color: white;
}
.scenario_trigger_line_title, .scenario_trigger_line_params {
  padding: 7px 10px 8px 10px;
  border-bottom: 1px solid rgba(0, 0, 0, 0.15);
}

.delete_button {
  position: relative;
  width: 20px;
  height: 20px;
  display: inline-block;
  transition: all 0.4s ease;
  opacity: 0.2;
  cursor: pointer;
}

.bundle_edit_container {
  display: table;
  max-width: 60vw;
}
.bundle_edit_view {
  display: table-cell;
  vertical-align: top;
}
.bundle_edit_scroll {
  max-height: calc(100vh - 360px);
  overflow-y: auto;
  min-height: 200px;
  min-width: 300px;
  padding: 0px 20px 20px 0px;
  overflow-x: auto;
}
.bundle_edit_list {
  display: table-cell;
  vertical-align: top;
  width: 40%;
  padding: 0px 0px 0px 30px;
}
.bundle_edit_container .params td {
  white-space: normal;
}
.bundle_edit_container .params td:first-of-type {
  white-space: normal;
}
.bundle_edit_container .params td:last-of-type {
  white-space: normal;
}

.graph_value::after {
  content: '';
  display: block;
  position: absolute;
  left: 0px;
  top: 0px;
  width: 100%;
  height: 100%;
  border-right: 1px dashed rgba(0, 150, 255);
  opacity: 0.4;
  border-right-color: inherit;
}
.graph_pop_legend {
  position: relative;
  margin: 7px 0px;
}
.graph_pop_legend_color {
  position: absolute;
  left: 0px;
  top: 50%;
  width: 30px;
  height: 15px;
  transform: translate(0, -50%);
  border-radius: 100px;
}
.graph_pop_legend_title {
  font-size: 12px;
  padding: 0px 0px 2px 40px;
  white-space: nowrap;
}
.graph_legend
{
  
  margin: 0px auto 30px 0px;
}
h1 + h2 {
  top: -30px;
  margin: 0px;
}


.linear_params {
  display: table;
  margin-bottom: 0px;
}
.linear_params tbody {
}
.linear_params tr {
  display: table-cell;
}
.linear_params td {
  display: block;
  height: auto;
  padding-right: 20px;
}
.linear_params input {
  width: 100%;
}
.linear_params .calendar_line {
  width: 100%;
}

.window .graph {
  min-width: calc(70vw - 200px);
}

.quick_search {
  display: inline-block;
  position: relative;
  margin: 0px 20px 0px 0px;
}

.quick_search_results {
  position: absolute;
  z-index: 100;
  font-size: 14px;
  background-color: white;
  /*! left: -290px; */
  /*! width: 100vw; */
  left: -70px;
  width: calc(100vw - 400px);
  min-width: 400px;
  top: 50px;
  padding: 20px 30px;
  border-radius: 0px 0px 3px 0px;
  box-shadow: 3px 3px 5px rgba(0, 0, 0, 0.08);
  max-height: calc(100vh - 120px);
  overflow-y: auto;
  overflow-x: hidden;
  box-shadow: rgba(17, 56, 86, 0.08) 0px 2px 6px 0px;
}
.quick_search_results:empty {
  display: none;
}
.quick_search_loading::before
{
  content: '';
  display: block;
  width: 40px;
  height: 40px;
  border: 2px solid rgba(131, 131, 131, 0.48);
  border-radius: 100px;
  border-right-color: transparent;
  border-bottom-color: transparent;
  transform: translate(-50%, -50%);
  animation: rotate 2s linear infinite;
  background-size: contain;
  background-position: center;
  background-repeat: no-repeat;
  box-sizing: border-box;
  margin: 10px auto 0px;
  position: relative;
  left: 21px;
  top: 15px;
}
.quick_search_results h3 {
  margin: 0px 0px 10px 0px;
}
.quick_search_results .sort_buttons {
  display: none;
}

.list .params {
  margin: 0px;
}


.interval_selector {
  white-space: nowrap;
  font-size: 11px;
  color: rgb(128, 128, 128);
  margin: 0px 0px 38px 0px;
}
.interval_selector input {
  display: inline-block;
  margin: 0px 5px;
}


.attachment {
  position: relative;
  border: 1px solid rgba(0, 0, 0, 0.15);
  padding: 5px 40px 5px 10px;
  border-radius: 4px;
}
.attachment + .attachment {
  margin-top: 10px;
}
.attachment .delete_button {
  position: absolute;
  right: 10px;
  top: 50%;
  transform: translate(0px, -50%);
}


.world_map {
  background-image: url(../img/world_map2.jpg);
  position: relative;
  background-size: 100% 100%;
  border-radius: 4px;
  overflow: hidden;
}
.world_map::before {
  content: '';
  display: block;
  width: 100%;
  height: 0px;
  padding-bottom: 50%;
}
.world_map_point {
  position: absolute;
  width: 0px;
  height: 0px;
  z-index: 10;
}
.world_map_point::before {
  content: '';
  display: block;
  width: 4px;
  height: 4px;
  background-color: rgba(255, 0, 0, 0.75);
  position: absolute;
  left: 0px;
  top: 0px;
  transform: translate(-50%, -50%);
  border-radius: 100%;
}
.world_map::after {
  content: '';
  position: absolute;
  display: block;
  width: 100%;
  height: 100%;
  left: 0px;
  top: 0px;
  z-index: 0;
  background-image: url(../img/world_map3.jpg);
  background-size: 100% 100%;
  opacity: 0.8;
}

.tasks_container {
  background-color: rgb(255, 255, 255);
  display: block;
  position: relative;
  width: calc(100vw - 317px);
  box-sizing: border-box;
  overflow: hidden;
  font-size: 0px;
  border-radius: 3px;
  box-shadow: rgba(17, 56, 86, 0.08) 0px 2px 6px 0px;
  margin: -29px -30px 30px -30px;
  /*! left: -30px; */
  /*! top: -30px; */
}
.tasks_table_titles {
  display: table;
  width: 1px;
  position: absolute;
  z-index: 10;
  left: 0px;
  top: 0px;
  box-shadow: 0px 0px 10px rgba(0, 0, 0, 0.09);
}
.tasks_scroll {
  overflow-x: scroll;
  position: relative;
  width: 100%;
  overflow-y: hidden;
}
.tasks_table {
  display: table;
}
.tasks_line {
  display: table-row;
}
.tasks_line_cell {
  display: table-cell;
  font-size: 14px;
  padding: 8px 13px;
  border: 1px solid rgba(87, 110, 165, 0.16);
  position: relative;
}
.tasks_hidden {
  width: 300px;
  color: transparent !important;
  min-width: 300px;
}
.tasks_table_titles .tasks_line_cell {
  background-color: rgba(156, 202, 146, 0.34);
  background-color: rgb(241, 249, 255);
}

.list_objects {
  padding: 15px 0px 5px 0px;
  white-space: nowrap;
}
.list_objects .obj_pic {
  margin: 0px 10px 0px 0px;
}

.tasks_cell_weekend {
  opacity: 0.3;
  background-color: rgba(255, 255, 0, 0.26);
}

.tasks_cell_now {
  opacity: 1;
  background-color: rgba(102, 184, 255, 0.2);
}

.task_timelime {
  display: block;
  width: calc(100% + 28px);
  height: 10px;
  background-color: rgba(0, 0, 0, 0.1);
  position: relative;
  left: -14px;
  overflow: hidden;
}
.task_timelime_start {
  border-top-left-radius: 10px;
  border-bottom-left-radius: 10px;
}
.task_timelime_end {
  border-top-right-radius: 10px;
  border-bottom-right-radius: 10px;
}

.tasks_description {
  font-size: 10px;
  color: rgba(0, 0, 0, 0.5);
  padding: 5px 0px 3px 0px;
}
.tasks_line_header .tasks_line_cell {
  white-space: nowrap;
}

.tasks_cell_weekday {
  text-align: center;
  font-size: 12px;
  /*! background-color: white !important; */
}
.tasks_table_titles .tasks_cell_weekday {
  color: transparent;
}

.task_timelime_calc_time {
  z-index: 5;
  background-color: rgb(255, 0, 0);
}

.task_timelime_block {
  position: absolute;
  width: 100%;
  height: 100%;
  font-size: 6px;
  color: transparent;
}
.task_timelime_deadline {
  z-index: 2;
  background-color: rgba(255, 0, 0, 0.16);
}
.tasks_line_cell:first-of-type {
  width: 300px;
  min-width: 300px;
  border-left: 8px solid transparent;
}
.tasks_line_cell:first-of-type + .tasks_line_cell {
  width: 1px;
}
.tasks_user .obj_pic {
  width: 30px;
  height: 30px;
  min-width: auto;
  min-height: auto;
}
.tasks_cell_weekday:first-of-type {
  border-left: 1px solid rgba(87, 110, 165, 0.16);
}
.tasks_user {
}

.xlsx_container {
  position: relative;
  margin: -30px -30px -30px -30px;
  border-top: 1px solid rgba(0, 0, 0, 0.1);
  border-bottom: 1px solid rgba(0, 0, 0, 0.1);
  overflow: hidden;
  border-radius: inherit;
}
.slide + .slide {
  margin-top: 15px;
}
.slide_button_left {
  position: absolute;
  z-index: 10;
  bottom: 20px;
  left: 20px;
  transform: scale(0.7);
  transform-origin: 0% 100%;
}
.slide_button_right {
  position: absolute;
  z-index: 10;
  bottom: 20px;
  right: 20px;
  transform: scale(0.7);
  transform-origin: 100% 100%;
}
.notification_preview {
  /*! width: 140px; */
  height: 70px;
  border-radius: 3px;
  position: relative;
  margin: 0px 10px 0px 0px;
  display: inline-block;
}
.banner_preview {
  width: 140px;
  height: 70px;
  border-radius: 3px;
  position: relative;
  margin: 0px 10px 0px 0px;
  display: inline-block;
}
.banner_preview .obj_pic, .notification_preview .obj_pic {
  position: absolute;
  right: -5px;
  bottom: -5px;
  transform: scale(0.7);
  transform-origin: 100% 100%;
  margin: 0px;
  box-shadow: 0px 0px 5px rgba(0, 0, 0, 0.45);
}

.obj_pic_desc {
  position: absolute;
  left: 0px;
  top: 0px;
  font-size: 8px;
  color: rgba(0, 0, 0, 0.75);
  width: 100%;
  white-space: normal;
  padding: 7px 10px;
  height: 100%;
}

.transparent_content .list {
  margin-left: 0px;
  margin-right: 0px;
  width: 100%;
  min-width: auto;
}

.segmentation_details {
  display: inline-block;
  margin: 0px 30px 30px 0px;
  cursor: pointer;
}
.segmentation_details_title {
  font-size: 12px;
  text-align: center;
  white-space: normal;
  max-width: 200px;
}
.segmentation_details_count {
  font-size: 14px;
  text-align: center;
  white-space: nowrap;
}
.segmentation_details_pic {
  width: 60px;
  height: 60px;
  margin: 15px auto;
  background-size: contain;
  background-repeat: no-repeat;
  background-position: center;
  background-image: url(../img/data.png);
}

.operand {
  display: inline-block;
  font-size: 40px;
  color: rgba(0, 0, 0, 0.58);
  margin: 0px 30px 0px 0px;
}

.params pre {
  padding: 5px 12px !important;
  width: auto;
  max-width: 53vw;
  white-space: pre-wrap;
  display: block;
  margin: 0px 0px 0px 0px !important;
}

* + .xlsx_container {
  margin-top: 30px;
}
.xlsx_container + * {
  margin-top: 60px;
}


.blocks .scenario_trigger_lines {
  border: none;
  padding-top: 10px;
}
.blocks .scenario_trigger_line_title {
  padding-left: 30px !important;
}
.blocks .scenario_trigger_line_icon {
  left: 0px;
}
.scenario_trigger_line_param + .scenario_trigger_line_param {
  margin-top: 5px;
}

.scenario_trigger_lines + * {
  margin-top: 30px;
}

.selector_tabs + * {
  margin-top: 10px;
}

.window iframe {
  width: 800px;
  height: 60vh;
  overflow-y: scroll;
}

.task_marker {
  font-size: 12px;
  display: inline-block;
  padding: 2px 6px;
  border-radius: 3px;
  margin: 5px 5px 0px 0px;
}
.sprint {
  background-color: red;
  color: white;
}
.task_markers {
  position: relative;
  text-align: left;
}

.scenario_add select {
  margin-bottom: 0px;
}


.ast_update_line {
  display: table-row;
  /*! border-bottom: 1px solid rgba(0, 0, 0, 0.1); */
  position: relative;
}
.ast_update_cell {
  display: table-cell;
  padding: 10px;
  border-bottom: 1px solid rgba(0, 0, 0, 0.1);
}
.ast_update_cell:last-of-type {
  text-align: right;
}
.ast_update_cell:first-of-type {
  width: 1px;
}
.ast_update_line:nth-child(2n) {
  background-color: rgba(47, 52, 56, 0.02);
}

.sample_button_container {
  padding: 5px 0px 0px 0px;
}
.sample_button_container button {
  padding: 4px 10px 5px;
  font-size: 12px;
}

.header_time {
  display: inline-block;
  font-size: 26px;
  font-family: Arial;
  color: rgba(0, 0, 0, 0.75);
  display: none;
}

.grabber_book {
  white-space: nowrap;
  padding: 6px;
  border-radius: 4px;
  border: 1px solid rgba(0, 0, 0, 0.15);
  display: block;
  font-size: 0px;
  position: absolute;
  left: 6px;
  top: 0px;
  background-color: white;
  transform: translate(0px, -50%);
  z-index: 10;
}
.grabber_book_logo {
  width: 16px;
  height: 16px;
  display: inline-block;
  background-size: contain;
  background-position: center;
  background-repeat: no-repeat;
  margin: 0px 5px 0px 0px;
}
.grabber_book_value {
  font-size: 10px;
  display: inline-block;
  color: rgba(0, 0, 0, 0.62);
}
.grabber_book_container {
  display: inline-block;
  width: 1px;
  font-size: inherit;
  position: relative;
  height: 1px;
  margin: 0px;
}

.grabber_book_value_button {
  display: inline-block;
  width: 16px;
  height: 16px;
  background-image: url(../img/down.png);
  background-size: contain;
  background-position: center;
  background-repeat: no-repeat;
  opacity: 0.5;
  transition: all 0.3s ease;
  cursor: pointer;
}
.grabber_book_value_container .grabber_book_value {
  position: absolute;
  background-color: white;
  border: 1px solid rgba(0, 0, 0, 0.15);
  border-radius: 4px;
  padding: 6px 8px;
  right: -7px;
  top: 21px;
  opacity: 0;
  visibility: hidden;
  transition: all 0.3s ease;
  max-width: 300px;
  white-space: normal;
}
.grabber_book_value_container.show .grabber_book_value {
  opacity: 1;
  visibility: visible;
}
.grabber_book_value_container {
  display: inline-block;
  position: relative;
  z-index: 100;
}

.grabber_map_block {
  padding: 10px 15px 10px 40px;
  border: 1px solid rgba(0, 0, 0, 0.1);
  overflow: hidden;
  position: relative;
  cursor: pointer;
}
.grabber_map_block_link {
  font-size: 12px;
  padding: 0px 0px 10px 0px;
}
.grabber_map_block.show {
  display: block;
}
.grabber_map_block_childs {
  display: none;
}
.grabber_map_block.show > .grabber_map_block_childs {
  display: block;
}
.grabber_map_block::before {
  content: '+';
  display: block;
  font-size: 14px;
  position: absolute;
  left: 13px;
  top: 10px;
  background-color: white;
  border: 1px solid rgba(0, 0, 0, 0.15);
  width: 20px;
  text-align: center;
  line-height: 17px;
  height: 20px;
  border-radius: 3px;
}
.grabber_map_block.show::before {
  content: '-';
}
.grabber_map_block.empty {
  cursor: default;
}
.grabber_map_block.empty::before {
  display: none;
}
.miltilist + .grabber_book_container {
  position: absolute;
  z-index: 100;
  left: 100px;
  bottom: 33px;
}

.window .message {
  margin-left: auto;
  margin-right: auto;
}

.big_colored_button {
  width: 160px;
  height: 160px;
  border-radius: 6px;
  position: relative;
  display: inline-block;
  margin: 0px 20px 20px 0px;
  overflow: hidden;
  background-color: rgb(206, 206, 206);
  transition: all 0.3s ease;
  /*! box-shadow: 0 0 5px rgba(0, 0, 0, 0.21) inset; */
}
.big_colored_button_title {
  font-size: 40px;
  color: white;
  padding: 12px 10px 10px 20px;
}
.big_colored_button_description {
  font-size: 14px;
  color: rgba(255, 255, 255, 0.56);
  padding: 0px 10px 0px 20px;
}
.big_colored_button_title_small {
  font-size: 20px;
}
.big_colored_button::after {
  content: '';
  display: block;
  position: absolute;
  width: 50%;
  height: 50%;
  left: 60%;
  top: 60%;
  background-image: url(../img/goto.png);
  filter: invert(1);
  background-size: contain;
  background-repeat: no-repeat;
  background-position: center;
  opacity: 0.15;
  transition: all 0.4s ease;
}
.big_colored_button:hover {
  /*! box-shadow: 0 0 5px rgba(0, 0, 0, 0.21) inset; */
}
.big_colored_button:hover::after {
  transform: scale(1.3);
}


.lg-backdrop {
  background-color: rgba(0, 0, 0, 0.8) !important;
  backdrop-filter: blur(10px) !important;
}
.lg-image {
  border-radius: 6px;
  box-shadow: 0 0 80px rgba(0, 0, 0, 0.26);
}
.lg-toolbar {
  background-color: transparent !important;
}

.tag_button.tag_user {
  background-color: green;
  color: rgba(255, 255, 255, 0.8);
  display: block;
  margin: 0px auto 10px 0px;
  width: max-content;
}

.profile_line_table {
  display: table;
  width: 100%;
}
.profile_line_table_cell {
  display: table-cell;
}
.profile_line_table_cell:first-of-type {
  width: 1px;
  padding-right: 25px;
}

.dashboard_block {
  position: relative;
  display: block;
  vertical-align: top;
  padding: 0px 30px 0px 0px;
  margin: 0px 0px 40px 0px;
}
.dashboard_block_actions {
  position: absolute;
  right: 30px;
  top: 0px;
  z-index: 10;
  opacity: 0.3;
}
.dashboard_block h1 {
  margin-top: 0px;
}
.dashboard_content {
  min-height: 90px;
  position: relative;
  overflow: hidden;
}
.dashboard_content:empty::before {
  top: calc(50% - 10px);
  position: absolute;
  left: 50%;
}
.dashboard_content:empty::after {
  content: '';
  display: block;
  position: absolute;
  z-index: 0;
  left: 50%;
  top: 50%;
  transform: translate(-50%, -50%);
  width: 80%;
  height: 80%;
  background-image: url(../img/view.png);
  background-size: contain;
  background-position: center;
  background-repeat: no-repeat;
  pointer-events: none;
  opacity: 0.05;
  max-height: 200px;
  /*! width: 200px; */
  /*! height: 200px; */
  /*! transform: rotate(15deg); */
  /*! left: 0px; */
  /*! bottom: -0px; */
}
.dashboard_blocks_container {
  position: relative;
  width: 100%;
  overflow: hidden;
  margin: 0px 0px 40px 0px;
}
.dashboard_blocks {
  position: relative;
  width: calc(100% + 30px);
  margin: 0px 0px -40px 0px;
}
.dashboard_block .stat_value {
  margin: 0px;
  width: 100%;
}
.dashboard_block .graph {
}
.dashboard_block .graph_legend {
  margin: 0px;
}
.dashboard_block .circle_diagram_container {
  margin: 0px;
}

.code {
  margin: 0px auto 20px auto;
  padding: 20px 30px 20px 0px !important;
  position: relative;
  overflow-y: hidden;
  font-family: Courier New;
  font-weight: normal;
  color: black;
  background-image: linear-gradient(to right, rgb(248, 248, 255) 50px, rgba(0, 0, 0, 0) 1px);
}
.code::after {
  content: '<#>';
  position: absolute;
  font-size: 150px;
  right: -71px;
  top: -86px;
  transform: rotate(25deg);
  color: black;
  font-family: Verdana;
  font-weight: bold;
  opacity: 0.05;
  z-index: 1;
  pointer-events: none;
}
.params + .code {
  margin-top: -20px;
}
.code_line {
  display: block;
}
.code_num {
  display: inline-block;
  width: 50px;
  border-right: 2px solid rgba(0, 0, 0, 0.1);
  font-size: 10px;
  color: gray;
  background-color: rgba(128, 128, 128, 0.05);
  text-align: center;
  margin: 0px 20px 0px 0px;
  line-height: 19px;
}

.infinite_result {
  font-size: 14px;
  color: black;
  border: 2px solid rgba(0, 128, 0, 0.32);
  border-radius: 3px;
  padding: 20px 30px;
  text-align: left;
  margin: 0px 0px 20px 0px;
  /*! white-space: pre; */
}
.infinite_params {
  text-align: left;
  font-size: 0px;
  margin: 0px 0px 20px 0px;
}
.infinite_params input, .infinite_params select {
  display: inline-block;
  margin: 0px 10px 0px 0px;
}
.infinite_log {
  font-size: 12px;
  color: rgba(0, 0, 0, 0.45);
  border: 1px solid rgba(0, 0, 0, 0.15);
  border-radius: 3px;
  padding: 10px 15px;
  text-align: left;
  max-height: 200px;
  overflow-y: auto;
  font-family: Courier New;
}


.filestate {
  font-size: 12px;
  padding: 5px 20px;
  border: 2px solid rgba(0, 0, 0, 0.2);
  border-radius: 3px;
  text-align: center;
  color: rgba(0, 0, 0, 0.7);
  white-space: nowrap;
}
.filestate.fs_file {
  border-color: rgba(0, 128, 0, 0.5);
  background-color: rgba(0, 128, 0, 0.1);
}
.filestate.fs_link {
  border-color: rgba(0, 128, 255, 0.5);
  background-color: rgba(0, 128, 255, 0.1);
}
.filestate.fs_source {
  border-color: rgba(0, 128, 0, 0.5);
  background-color: rgba(0, 128, 0, 0.1);
}
.filestate.fs_warning {
  border-color: rgba(255, 165, 0, 0.75);
  background-color: rgba(255, 165, 0, 0.1);
}
.filestate.fs_error {
  border-color: rgba(255, 0, 0, 0.5);
  background-color: rgba(255, 0, 0, 0.1);
}

.list_subtable {
  display: table;
  width: 100%;
}
.list_subtable_line {
  display: table-row;
}
.list_subtable_cell {
  display: table-cell;
  font-size: 12px;
  padding: 3px 20px 3px 0px;
}
.list_subtable_cell:first-of-type {
  width: 1px;
}
.list_subtable_cell:last-of-type {
  text-align: right;
}
.list_subtable_line + .list_subtable_line .list_subtable_cell {
  border-top: 1px solid rgba(0, 0, 0, 0.1);
}


.editable_table {
  display: table;
  width: 100%;
  font-size: 0px;
  border: 1px solid rgba(0, 0, 0, 0.15);
  border-radius: 3px;
  overflow: hidden;
  margin: 0px auto 20px;
}
.editable_table_line {
  display: table-row;
}
.editable_table_cell {
  display: table-cell;
  background-color: white;
  border: 1px solid rgba(0, 0, 0, 0.1);
  padding: 0px;
}
.editable_table_header {
}
.editable_table_header .editable_table_cell {
  font-size: 12px;
  background-color: rgb(225, 225, 225);
  padding: 5px 10px 6px;
  color: rgba(0, 0, 0, 0.45);
}
.editable_table_cell input {
  border: none;
  width: 100%;
  border-radius: 0px;
  padding: 5px 10px 6px;
  margin: 0px;
}
.params + .editable_table {
  margin-top: -20px;
}


.new_menu_container {
  position: fixed;
  left: 0px;
  top: 0px;
  width: 220px;
  height: 100%;
  z-index: 20;
}
.new_menu_container::before {
  content: '';
  display: block;
  width: 100%;
  height: 60px;
  background-color: rgb(242, 244, 249);
  margin-bottom: 20px;
}
.subitems {
  position: absolute;
  background-color: rgba(255, 255, 255, 0.7);
  z-index: 1;
  right: 0px;
  top: 0px;
  transform: translate(100%, 0px);
  backdrop-filter: blur(10px);
  display: none;
  box-shadow: 0 0 10px rgba(0, 0, 0, 0.1);
  border-radius: 3px;
  border: 1px solid rgba(0, 0, 0, 0.2);
  top: -10px;
  right: 10px;
  padding: 10px;
}
menu .item:hover > .subitems {
  display: block;
}
.have_subitems {
  display: block;
  position: absolute;
  width: 18px;
  height: 18px;
  background-image: url(../img/up.png);
  background-size: contain;
  background-position: center;
  background-repeat: no-repeat;
  transform: translate(0px, -50%) rotate(90deg);
  right: 20px;
  top: 50%;
  filter: invert(1);
  opacity: 0.2;
  transition: all 0.3s ease;
}
menu .item:hover > .have_subitems {
  opacity: 0.8;
}
menu .subitems .separator {
  margin-top: 10px;
  margin-bottom: 10px;
}
.subitems .item {
  color: rgba(0, 0, 0, 0.7);
}
.subitems .separator {
  border-top: 1px solid rgba(0, 0, 0, 0.15);
  border-bottom: 1px solid rgba(255, 255, 255, 0.5);
}
.subitems :not(.current) .have_subitems {
  filter: invert(0);
}
.subitems .item:hover {
  color: black;
}


.page_navigation {
  font-size: 0px;
  background-color: rgba(0, 0, 0, 0.03);
  position: relative;
  top: 30px;
  margin: 0px auto 50px 0px;
  /*! padding: 10px 17px; */
  border-radius: 3px;
  overflow: hidden;
  white-space: nowrap;
}
.page_navigation_item {
  font-size: 12px;
  display: inline-block;
  color: rgba(0, 0, 0, 0.6);
  margin: 0px 0px 0px 0px;
  position: relative;
  cursor: pointer;
  transition: all 0.3s ease;
  padding: 10px 5px 11px 37px;
  background-color: rgb(219, 222, 227);
  left: -17px;
}
.page_navigation_item::after {
  content: '';
  display: inline-block;
  width: 30px;
  height: 30px;
  vertical-align: middle;
  transform: translate(0px, -50%) rotate(45deg);
  transition: all 0.3s ease;
  background-color: transparent;
  border: 3px solid rgb(242, 244, 249);
  position: absolute;
  top: 50%;
  right: 0px;
  border-left-color: transparent;
  border-bottom-color: transparent;
  display: none;
}
.page_navigation_item:hover {
  color: rgb(255, 255, 255);
  background-color: rgb(0, 150, 255);
}
.page_navigation_item:hover::after {
  border-top-color: rgb(0, 150, 255);
  border-right-color: rgb(0, 150, 255);
}
.page_navigation_item::before {
  content: '';
  display: block;
  width: 36px;
  height: 36px;
  vertical-align: middle;
  transform: translate(0px, -50%) rotate(45deg);
  background-color: inherit;
  position: absolute;
  top: 50%;
  right: -17px;
  z-index: -1;
  border: 3px solid rgb(242, 244, 249);
  border-left-color: transparent;
  border-bottom-color: transparent;
}
.item_warning {
  position: absolute;
  width: 20px;
  height: 20px;
  background-image: url(../img/warning.png);
  background-size: contain;
  background-position: center;
  background-repeat: no-repeat;
  top: 50%;
  left: 0px;
  transform: translate(0px, -50%);
}
.item_icon {
  width: 20px;
  height: 0px;
  display: inline-block;
  margin: 0px 0px 0px 0px;
  position: relative;
  background-size: 0px;
  background-repeat: no-repeat;
  z-index: 1;
  transition: all 0.3s ease;
  opacity: 0.3;
  filter: invert(1);
}
.item_icon::before {
  content: '';
  display: block;
  background-image: inherit;
  background-repeat: no-repeat;
  background-size: contain;
  background-position: center;
  width: 100%;
  height: 0px;
  padding-bottom: 100%;
  left: calc(50% - 15px);
  top: 50%;
  transform: translate(-50%, -50%);
  position: absolute;
}
menu .item:hover > .item_icon {
  opacity: 0.6;
}
.subitems :not(.current) .item_icon
{
  filter: invert(0);
}
.item_subdescription {
  display: inline-block;
  color: rgb(30, 174, 30);
  font-size: 10px;
  position: relative;
  top: -4px;
  vertical-align: top;
  margin: 0px 0px 0px 7px;
}
.item_href {
  display: block;
  position: absolute;
  left: 0px;
  top: 0px;
  z-index: 1;
  width: 100%;
  height: 100%;
}
.page_navigation_item_href {
  display: block;
  position: absolute;
  left: 0px;
  top: 0px;
  width: 100%;
  height: 100%;
  z-index: 1;
}

.unlimited {
  position: absolute;
  z-index: 12;
  width: 30px;
  height: 30px;
  left: -5px;
  bottom: 7px;
  background-image: url(../img/unlimited.png);
  background-size: 70% auto;
  background-position: center;
  background-repeat: no-repeat;
  background-color: rgb(34, 35, 36);
  border-radius: 100%;
}

.params + .list_subtable {
  margin-top: -30px;
}

.getvalue {
  display: inline-block;
  position: relative;
}
.getvalue:empty {
  height: 19.5px;
}
.getvalue:empty::before {
  width: 20px;
  height: 20px;
  left: 10px;
  top: 0px;
}

.playlist_editor {
  width: 900px;
  border: 1px solid rgba(0, 0, 0, 0.15);
  border-radius: 3px;
  padding: 0px;
  margin: 0px 0px 20px 0px;
  position: relative;
  z-index: 10;
  overflow: hidden;
}
.playlist_editor_description {
  display: block;
  width: 100%;
  text-align: center;
  font-size: 12px;
  color: rgba(0, 0, 0, 0.3);
  padding: 30px;
}
.playlist_editor_chapter {
  display: table;
  width: 100%;
  background-color: rgba(255, 255, 255, 0.7);
}
.playlist_editor_chapter_num {
  display: table-cell;
  width: 5%;
}
.playlist_editor_chapter_title {
  display: table-cell;
  font-size: 14px;
}
.playlist_editor_part {
  display: block;
  position: relative;
}
.playlist_editor_part_num {
  font-size: 12px;
  color: rgba(0, 0, 0, 0.4);
}
.playlist_editor_part_title {
  font-size: 16px;
}
.playlist_editor_part, .playlist_editor_chapter {
  padding: 15px 20px;
  border-bottom: 1px solid rgba(0, 0, 0, 0.1);
}
.playlist_editor_block {
  position: relative;
  z-index: 5;
  border-left: 6px solid black;
  overflow: hidden;
}
.playlist_editor_block_background {
  position: absolute;
  z-index: -1;
  width: 100%;
  height: 100%;
  left: 0px;
  top: 0px;
  opacity: 0.4;
}
.playlist_editor_chapter_info {
  display: table-cell;
  text-align: right;
  font-size: 12px;
  color: rgba(0, 0, 0, 0.4);
}
.playlist_editor_chapter_controls {
  display: table-cell;
  text-align: right;
  width: 1px;
  padding-left: 20px;
  white-space: nowrap;
}
.playlist_editor_part_controls {
  position: absolute;
  z-index: 1;
  right: 20px;
  top: 50%;
  transform: translate(0px, -50%);
  text-align: right;
  white-space: nowrap;
}

.quick_player_container {
  position: fixed;
  z-index: 10000000000;
  left: 50%;
  bottom: 20px;
  transform: translate(-50%, 0px);
  padding: 20px 20px;
  border-radius: 20px;
  display: block;
  min-width: 800px;
  box-shadow: 0px 0px 15px rgba(0, 0, 0, 0.11);
  width: 80vw;
}
.quick_player_container audio {
  width: 100%;
  border-radius: 6px;
  overflow: hidden;
}
.quick_player_audio {
}
.quick_player_controls {
  width: 100px;
  position: relative;
  white-space: nowrap;
  padding: 0px 0px 0px 15px;
}
.quick_player_controls .close_button {
  right: 0px;
  top: 50%;
  transform: translate(0px, -50%);
}
.quick_player_table {
  display: table;
  width: 100%;
}
.quick_player_cell {
  display: table-cell;
}
.quick_player_info {
  font-size: 12px;
  color: rgba(0, 0, 0, 0.7);
  /*! position: relative; */
  /*! top: -10px; */
  white-space: pre;
  font-family: courier new;
  display: none;
  padding: 15px 20px;
  background-color: rgba(255, 255, 255, 0.74);
  border-radius: 10px;
  margin: 0px 0px 20px 0px;
  max-height: 50vh;
  overflow-y: auto;
}
.quick_player_cell:last-of-type {
  width: 1px;
}
.quick_player_info.show {
  display: block;
}

header, header .up, .quick_player_container, .window_borders, .subitems {
  background-color: rgba(255, 255, 255, 0.67);
  backdrop-filter: blur(30px);
}

.window_content .stat_circle {
  margin: 20px;
}

.zip_folder::before {
  content: '-';
  display: block;
  position: absolute;
  z-index: 10;
  font-size: 20px;
  left: -33px;
  top: -16px;
  color: rgba(0, 0, 0, 0.3);
}
.zip_folder.close::before {
  content: '+';
}
.zip_file_link, .zip_file_error {
  display: inline-block;
  font-size: 12px;
  vertical-align: baseline;
  color: rgba(0, 128, 0, 0.64);
}
.zip_file_error {
  color: red;
}

.playlist_editor_chapter_num {
  font-size: 12px;
  color: rgba(0, 0, 0, 0.4);
}
.playlist_editor_chapter_num::before {
  content: '№';
}

.fileinfo {
  font-size: 10px;
  width: 100%;
  white-space: nowrap;
  overflow: hidden;
  max-width: 265px;
  text-overflow: ellipsis;
  color: rgba(0, 0, 0, 0.5);
  padding: 5px 0px 0px 0px;
}

.required_mark {
  display: inline-block;
  width: 8px;
  height: 13px;
  background-image: url(../img/required.png);
  background-size: contain;
  background-position: center;
  background-repeat: no-repeat;
  margin: 0px 0px 0px 5px;
  opacity: 0.6;
  vertical-align: middle;
}

.email_preview {
  height: 55vh;
}

.window_content pre {
  padding: 20px 30px;
  margin: 0px auto 30px 0px;
}
pre br {
  display: block;
  font-size: 0px;
}

.header_warning {
  display: inline-block;
  position: relative;
  width: 30px;
  height: 30px;
  background-image: url(../img/warning_critical.png);
  background-size: contain;
  background-position: center;
  background-repeat: no-repeat;
}

.scripts_list {
  display: table;
  width: 100%;
  padding: 0px;
  border: 1px solid rgba(0, 0, 0, 0.15);
  border-radius: 3px;
  overflow: hidden;
}
.scripts_list_line {
  display: table-row;
}
.scripts_list_cell {
  display: table-cell;
  padding: 20px 30px;
  border-bottom: 1px solid rgba(0, 0, 0, 0.15);
}
.scripts_list_line:last-of-type .scripts_list_cell {
  border-bottom: none;
}


.status_ok {
  display: inline-block;
  width: 20px;
  height: 20px;
  background-image: url(../img/ok.png);
  background-size: contain;
  background-position: center;
  background-repeat: no-repeat;
  margin: 0px 10px 0px 0px;
  vertical-align: bottom;
}
.status_error {
  display: inline-block;
  width: 20px;
  height: 20px;
  background-image: url(../img/warning_critical.png);
  background-size: contain;
  background-position: center;
  background-repeat: no-repeat;
  margin: 0px 10px 0px 0px;
  vertical-align: bottom;
}
.diagnostic_time {
  display: inline-block;
  font-size: 12px;
  color: rgb(162, 162, 162);
  margin: 0px 0px 0px 10px;
  vertical-align: bottom;
}
.scripts_list_cell:last-of-type {
  white-space: nowrap;
}


.graph_time_changes {
  width: 100%;
  height: 200px;
  position: relative;
  font-size: 0px;
  background-color: rgb(255, 255, 255);
}
.graph_time_change {
  position: absolute;
  bottom: 0px;
  border: 1px solid transparent;
}
.graph_time_change_color {
  opacity: 0.5;
  position: absolute;
  left: 0px;
  top: 0px;
  width: 100%;
  height: 100%;
}
.graph_time_helper {
  position: absolute;
  z-index: 1;
  bottom: 0px;
  height: 100%;
  transition: all 0.3s ease;
  cursor: default;
}
.graph_time_helper:hover
{
  background-color: rgba(0, 150, 255, 0.2);
}
.graph_time_changes_container {
  position: relative;
  padding: 0px 0px 30px 0px;
}
.graph_time_changes_time {
  font-size: 12px;
  text-align: center;
  color: rgb(151, 151, 151);
  position: absolute;
  bottom: 0px;
}
.graph_time_changes_time_start {
  left: 0px;
}
.graph_time_changes_time_end {
  right: 0px;
}

.playlist_preview {
  font-size: 0px;
  border: 1px solid rgba(0, 0, 0, 0.15);
  border-radius: 3px;
  padding: 10px 20px;
  margin: 20px auto 40px;
}
.playlist_preview_part {
  display: table;
  width: 100%;
  padding: 5px;
}
.playlist_preview_num {
  display: table-cell;
  font-size: 12px;
  color: gray;
  width: 30px;
  text-align: left;
}
.playlist_preview_title {
  display: table-cell;
  font-size: 14px;
  color: black;
  padding: 0px 10px 0px 0px;
  text-align: left;
}
.playlist_preview_chapter {
  display: table;
  padding: 5px;
  width: 100%;
}
.playlist_preview_description {
  display: table-cell;
  font-size: 12px;
  color: gray;
  text-align: right;
}
.playlist_preview_part .playlist_preview_title {
  font-size: 16px;
}

.drive_space_bar_container
{
  display: block;
  margin: 10px auto 10px 0px;
  background-color: rgb(236, 236, 236);
  height: 6px;
  border-radius: 3px;
  overflow: hidden;
  position: relative;
  width: 100%;
  box-shadow: 0px 0px 1px rgba(0, 0, 0, 0.62);
  font-size: 0px;
}
.drive_space_bar
{
  display: block;
  background-color: rgb(46, 179, 46);
  height: 6px;
  border-radius: 0px 3px 3px 0px;
}
.drive_space_info_container {
  display: table;
  width: 100%;
}
.drive_space_info_cell {
  display: table-cell;
}
.drive_space_info_cell:first-of-type
{
  width: 1px;
  padding: 0px 20px 0px 0px;
}
.drive_space_info_icon {
  display: inline-block;
  width: 40px;
  height: 40px;
  background-image: url('../img/drive.png');
  background-size: contain;
  background-position: center;
  background-repeat: no-repeat;
}


.view_folder_line {
  min-width: 500px;
  padding: 5px 10px;
  font-size: 0px;
  display: table;
  width: 100%;
}
.view_folder_line_icon {
  background-size: contain;
  background-position: center;
  background-repeat: no-repeat;
  display: table-cell;
  width: 24px;
  height: 24px;
}
.view_folder_line_title {
  display: table-cell;
  font-size: 14px;
  padding: 0px 10px;
}
.view_folder_line_count {
  display: table-cell;
  font-size: 12px;
  color: rgba(128, 128, 128, 0.5);
  text-align: right;
  padding: 0px 10px 0px 0px;
  white-space: nowrap;
}
.view_folder_line_size {
  display: table-cell;
  text-align: right;
  font-size: 12px;
  color: gray;
  width: 100px;
  white-space: nowrap;
}

.bank_card_pic {
  display: inline-block;
  width: 70px;
  height: 70px;
  background-size: contain;
  background-position: center;
  background-repeat: no-repeat;
}

pre:empty::before {
  content: 'Пусто';
  font-size: 12px;
  color: gray;
}
pre:empty {
  text-align: center;
}

result {
  display: block;
  padding: 10px 20px;
  border-radius: 3px;
  border: 1px solid rgba(0, 0, 0, 0.18);
  background-color: rgb(244, 244, 244);
  margin: 10px 10px 10px 0px;
  border-top: 6px solid rgb(255, 143, 0);
  white-space: normal;
}

.main_message + .blocks {
  margin-top: 30px;
}

message h1 {
  color: white;
}







/* ADMIN CURRENT END */