.grid-container-parent {
  display: grid;
  grid-column-gap: 0;
  grid-row-gap: 0;
}
.grid-container-parent.gt-1 {
  grid-template-columns: repeat(1, 1fr);
  grid-template-rows: repeat(1, auto);
}
.grid-container-parent.gt-2 {
  grid-template-columns: repeat(2, 1fr);
  grid-template-rows: repeat(2, auto);
}
.grid-container-parent.gt-3 {
  grid-template-columns: repeat(3, 1fr);
  grid-template-rows: repeat(3, auto);
}
.grid-container-parent.gt-4 {
  grid-template-columns: repeat(4, 1fr);
  grid-template-rows: repeat(4, auto);
}
.grid-container-parent.gt-5 {
  grid-template-columns: repeat(5, 1fr);
  grid-template-rows: repeat(5, auto);
}
.grid-container-parent.gt-6 {
  grid-template-columns: repeat(6, 1fr);
  grid-template-rows: repeat(6, auto);
}
.grid-container-parent .div1 {
  grid-area: 0.25;
}
.grid-container-parent .div2 {
  grid-area: 0.08333333;
}
.grid-container-parent .div3 {
  grid-area: 0.04166667;
}
.grid-container-parent .div4 {
  grid-area: 0.025;
}
.grid-container-parent .div5 {
  grid-area: 0.03333333;
}
.grid-container-parent .div6 {
  grid-area: 0.05555556;
}
.grid-container-parent .div7 {
  grid-area: 0.11111111;
}
.grid-container-parent .div8 {
  grid-area: 0.33333333;
}
.grid-container-parent .div9 {
  grid-area: 0.375;
}
.grid-container-parent .div10 {
  grid-area: 0.125;
}
.grid-container-parent .div11 {
  grid-area: 0.0625;
}
.grid-container-parent .div12 {
  grid-area: 0.0375;
}
.grid-container-parent .div-1.pd-5,
.grid-container-parent .div-2.pd-5,
.grid-container-parent .div-3.pd-5,
.grid-container-parent .div-4.pd-5,
.grid-container-parent .div-5.pd-5,
.grid-container-parent .div-6.pd-5,
.grid-container-parent .div-7.pd-5,
.grid-container-parent .div-8.pd-5,
.grid-container-parent .div-9.pd-5,
.grid-container-parent .div-10.pd-5,
.grid-container-parent .div-11.pd-5,
.grid-container-parent .div-12.pd-5 {
  padding-right: 0.313rem;
  padding-left: 0.313rem;
}
.enu-layout {
  background: linear-gradient(180deg, rgba(78, 34, 34, 0.6), rgba(38, 33, 73, 0.6)), radial-gradient(51.83% 94.53% at 58.78% 107.81%, hsla(0, 0%, 39%, 0.6) 0, rgba(38, 33, 73, 0.2) 100%);
  display: block;
  position: absolute;
  height: 100%;
  width: 100%;
}
.enu-relative-flex {
  display: flex;
  min-height: 50vh;
  padding: 0.4rem;
}
.enu-relative-flex.center {
  justify-content: center;
  align-items: center;
  text-align: center;
}
.enu-login-form {
  background: linear-gradient(180deg, rgba(103, 69, 69, 0.6), rgba(38, 33, 73, 0)), radial-gradient(51.83% 94.53% at 58.78% 107.81%, hsla(0, 0%, 39%, 0.6) 0, rgba(38, 33, 73, 0) 100%);
  border-radius: 0.4rem;
  color: #d0e5ff;
  padding: calc(0.4rem * 4);
  border: 2px solid hsla(0, 0%, 100%, 0.1);
  max-width: 480px;
  width: 100%;
}
.enu-login-form .mce-input {
  background: none;
  border: none;
  border-bottom: 1px solid #d0e5ff36;
  padding: 10px;
  margin-bottom: 10px;
}
.enu-login-form .mce-input input[type="text"],
.enu-login-form .mce-input input[type="password"] {
  background: rgba(0, 0, 0, 0);
  border: none;
  padding: 2px 5px;
  color: #d0e5ff;
  font-size: 150%;
  height: 35px;
}
.enu-login-form .mce-input input[type="text"]::placeholder,
.enu-login-form .mce-input input[type="password"]::placeholder {
  color: #d0e5ff !important;
  opacity: 0.2;
}
.enu-login-form .mce-submit {
  padding: 10px 0;
  text-align: center;
  margin-bottom: 20px;
}
.enu-login-form .mce-info {
  display: block;
  text-align: center;
  font-size: 90%;
}
.enu-login-form .enu-btn-login {
  background: rgba(0, 0, 0, 0.1);
  border: 1px solid rgba(0, 0, 0, 0.1);
  border-radius: 0.4rem;
  color: #d0e5ff;
  padding: 5px;
  font-size: 120%;
  width: 100%;
  cursor: pointer;
  transition-duration: 0.5s;
}
.enu-login-form .enu-btn-login:hover {
  background: rgba(0, 0, 0, 0.2);
  box-shadow: inset 0 6px 12px 0 hsla(0, 0%, 100%, 0.122), 0 7px 80px -10px #ee4f27, 0 4px 4px 0 rgba(8, 8, 8, 0.078), 0 1px 2px 0 rgba(8, 8, 8, 0.2), inset 0 1px 1px 0 hsla(0, 0%, 100%, 0.2);
}
.gui-issue-headline {
  text-align: center;
  letter-spacing: 1px;
  text-transform: uppercase;
  padding: 5px 10px;
  background: #304559;
  margin-top: 5px;
}
.gui-issue-headline #copyToClipboard {
  float: right;
  color: #0E9F6EFF;
}
.gui-issue-wrapper {
  background: #304559;
  padding: 5px 10px;
}
.gui-issue-wrapper.scroll {
  overflow-y: scroll;
  max-height: 773px;
}
.gui-issue-wrapper.scroll-sidebar {
  overflow-y: scroll;
  max-height: 200px;
}
.gui-issue-wrapper.scroll-sidebar-400 {
  overflow-y: scroll;
  max-height: 400px;
}
.gui-issue-item {
  background: #293948;
  box-shadow: 6px 4px 7px -2px rgba(31, 42, 53, 0.84);
  padding: 5px 10px;
  border-radius: 3px;
  margin-bottom: 10px;
  border: 1px solid #495d71;
}
.gui-issue-item::after {
  content: "";
  display: table;
  clear: both;
}
.gui-issue-item .title {
  color: #fff;
  font-weight: 700;
  padding: 5px 0;
  margin-bottom: 5px;
}
.gui-issue-item .tags {
  margin-bottom: 5px;
}
.gui-issue-item .tags .feature {
  padding: 2px 10px;
  color: #fff;
  background: #006bc1;
  border-radius: 3px;
  box-shadow: 0 0 8px 3px rgba(0, 107, 193, 0.61);
}
.gui-issue-item .tags .bug {
  padding: 2px 10px;
  color: #fff;
  background: #cf312d;
  border-radius: 3px;
  box-shadow: 0 0 8px 3px rgba(207, 49, 45, 0.61);
}
.gui-issue-item .teaser-description {
  padding: 5px 0;
  margin-bottom: 5px;
}
.gui-issue-item .image {
  width: 100%;
  height: auto;
  border-radius: 3px;
}
.gui-issue-item .list-image {
  width: 49px;
  height: 49px;
  border-radius: 3px;
  margin: 0 5px 5px 0;
  float: left;
  background: #0b141e;
}
.gui-issue-item .list-image:hover {
  cursor: pointer;
}
.gui-issue-item .footer {
  padding: 5px 0;
}
.area-1 {
  background: #863b9140;
}
.area-2 {
  background: #6e734b2e;
}
#progress-worker,
#progress-worker-1,
#progress-worker-2,
#progress-worker-3 {
  width: 100%;
  height: 1px;
  text-align: center;
  box-sizing: border-box;
  background: #2a293f;
  letter-spacing: 1px;
  display: block;
  margin: 3px 0 0 0;
  box-shadow: inset 0 0 0 0 #8a66ac;
}
#progress-worker.progress-worker-start,
#progress-worker-1.progress-worker-start,
#progress-worker-2.progress-worker-start,
#progress-worker-3.progress-worker-start {
  box-shadow: inset 500px 0 0 0 #8a66ac !important;
  -webkit-transition: all ease 2s;
  -moz-transition: all ease 2s;
  transition: all linear 11s;
}
@font-face {
  font-family: 'Sen';
  font-style: normal;
  font-weight: 400;
  font-display: swap;
  src: url(https://fonts.gstatic.com/s/sen/v12/6xK0dSxYI9_dkN18-vZKK2EISCq5L4nAkA.ttf) format('truetype');
}
.menu-container h3 {
  font-size: 24px;
  margin-bottom: 10px;
  text-align: center;
}
.menu-container:nth-child(3) {
  margin-top: 200px;
}
nav {
  width: 100%;
  display: flex;
  justify-content: left;
}
.menu {
  display: flex;
  justify-content: center;
  margin: 0;
  padding: 0;
}
.dropdown {
  padding: 3px 10px;
  display: flex;
  justify-content: center;
  align-items: center;
  color: #fff;
  position: relative;
  font-size: 90%;
  perspective: 1000px;
  z-index: 100;
}
.dropdown:hover {
  cursor: pointer;
}
.dropdown:hover .dropdown_menu li {
  display: block;
}
.dropdown_menu {
  position: absolute;
  top: 100%;
  left: 0;
  width: 100%;
  perspective: 1000px;
  z-index: -1;
  background-color: #000304c4;
  border-radius: 0.5rem;
}
.dropdown_menu li {
  display: none;
  color: #fff;
  padding: 3px 10px;
  font-size: 16px;
  opacity: 0;
}
.dropdown_menu li:hover {
  background-color: #081f2d8a;
}
.dropdown:hover .dropdown_menu--animated {
  display: block;
  padding: 0;
  width: 150px;
}
.dropdown_menu--animated {
  display: none;
}
.dropdown_menu--animated li {
  display: block;
  opacity: 1;
}
.dropdown_menu-6 {
  animation: growDown 300ms ease-in-out forwards;
  transform-origin: top center;
}
.dropdown_menu-7 {
  animation: rotateMenu 400ms ease-in-out forwards;
  transform-origin: top center;
}
.dropdown_menu-8 {
  animation: downOut 300ms ease-in-out forwards;
  transform-origin: center center;
}
.dropdown_menu-9 {
  animation: growOut 300ms ease-in-out forwards;
  transform-origin: top center;
}
.dropdown_menu-10 {
  animation: rotateY 300ms ease-in-out forwards;
  transform-origin: top center;
}
.dropdown_menu-1 .dropdown_item-1 {
  transform-origin: top center;
  animation: slideDown 300ms 60ms ease-in-out forwards;
}
.dropdown_menu-1 .dropdown_item-2 {
  transform-origin: top center;
  animation: slideDown 300ms 120ms ease-in-out forwards;
}
.dropdown_menu-1 .dropdown_item-3 {
  transform-origin: top center;
  animation: slideDown 300ms 180ms ease-in-out forwards;
}
.dropdown_menu-1 .dropdown_item-4 {
  transform-origin: top center;
  animation: slideDown 300ms 240ms ease-in-out forwards;
}
.dropdown_menu-1 .dropdown_item-5 {
  transform-origin: top center;
  animation: slideDown 300ms 300ms ease-in-out forwards;
}
.dropdown_menu-2 .dropdown_item-1 {
  transform-origin: top center;
  animation: rotateX 300ms 60ms ease-in-out forwards;
}
.dropdown_menu-2 .dropdown_item-2 {
  transform-origin: top center;
  animation: rotateX 300ms 120ms ease-in-out forwards;
}
.dropdown_menu-2 .dropdown_item-3 {
  transform-origin: top center;
  animation: rotateX 300ms 180ms ease-in-out forwards;
}
.dropdown_menu-2 .dropdown_item-4 {
  transform-origin: top center;
  animation: rotateX 300ms 240ms ease-in-out forwards;
}
.dropdown_menu-2 .dropdown_item-5 {
  transform-origin: top center;
  animation: rotateX 300ms 300ms ease-in-out forwards;
}
.dropdown_menu-3 .dropdown_item-1 {
  transform-origin: top center;
  animation: rotateZ 300ms 60ms ease-in-out forwards;
}
.dropdown_menu-3 .dropdown_item-2 {
  transform-origin: top center;
  animation: rotateZ 300ms 120ms ease-in-out forwards;
}
.dropdown_menu-3 .dropdown_item-3 {
  transform-origin: top center;
  animation: rotateZ 300ms 180ms ease-in-out forwards;
}
.dropdown_menu-3 .dropdown_item-4 {
  transform-origin: top center;
  animation: rotateZ 300ms 240ms ease-in-out forwards;
}
.dropdown_menu-3 .dropdown_item-5 {
  transform-origin: top center;
  animation: rotateZ 300ms 300ms ease-in-out forwards;
}
.dropdown_menu-4 .dropdown_item-1 {
  transform-origin: top center;
  animation: scaleZ 300ms 60ms ease-in-out forwards;
}
.dropdown_menu-4 .dropdown_item-2 {
  transform-origin: top center;
  animation: scaleZ 300ms 120ms ease-in-out forwards;
}
.dropdown_menu-4 .dropdown_item-3 {
  transform-origin: top center;
  animation: scaleZ 300ms 180ms ease-in-out forwards;
}
.dropdown_menu-4 .dropdown_item-4 {
  transform-origin: top center;
  animation: scaleZ 300ms 240ms ease-in-out forwards;
}
.dropdown_menu-4 .dropdown_item-5 {
  transform-origin: top center;
  animation: scaleZ 300ms 300ms ease-in-out forwards;
}
.dropdown_menu-4 .dropdown_item-1 {
  transform-origin: top center;
  animation: scaleZ 300ms 60ms ease-in-out forwards;
}
.dropdown_menu-4 .dropdown_item-2 {
  transform-origin: top center;
  animation: scaleZ 300ms 120ms ease-in-out forwards;
}
.dropdown_menu-4 .dropdown_item-3 {
  transform-origin: top center;
  animation: scaleZ 300ms 180ms ease-in-out forwards;
}
.dropdown_menu-4 .dropdown_item-4 {
  transform-origin: top center;
  animation: scaleZ 300ms 240ms ease-in-out forwards;
}
.dropdown_menu-4 .dropdown_item-5 {
  transform-origin: top center;
  animation: scaleZ 300ms 300ms ease-in-out forwards;
}
.dropdown_menu-5 .dropdown_item-1 {
  transform-origin: top center;
  animation: translateX 300ms 60ms ease-in-out forwards;
}
.dropdown_menu-5 .dropdown_item-2 {
  transform-origin: top center;
  animation: translateX 300ms 120ms ease-in-out forwards;
}
.dropdown_menu-5 .dropdown_item-3 {
  transform-origin: top center;
  animation: translateX 300ms 180ms ease-in-out forwards;
}
.dropdown_menu-5 .dropdown_item-4 {
  transform-origin: top center;
  animation: translateX 300ms 240ms ease-in-out forwards;
}
.dropdown_menu-5 .dropdown_item-5 {
  transform-origin: top center;
  animation: translateX 300ms 300ms ease-in-out forwards;
}
@-moz-keyframes growDown {
  0% {
    transform: scaleY(0);
  }
  80% {
    transform: scaleY(1.1);
  }
  100% {
    transform: scaleY(1);
  }
}
@-webkit-keyframes growDown {
  0% {
    transform: scaleY(0);
  }
  80% {
    transform: scaleY(1.1);
  }
  100% {
    transform: scaleY(1);
  }
}
@-o-keyframes growDown {
  0% {
    transform: scaleY(0);
  }
  80% {
    transform: scaleY(1.1);
  }
  100% {
    transform: scaleY(1);
  }
}
@keyframes growDown {
  0% {
    transform: scaleY(0);
  }
  80% {
    transform: scaleY(1.1);
  }
  100% {
    transform: scaleY(1);
  }
}
@-moz-keyframes rotateMenu {
  0% {
    transform: rotateX(-90deg);
  }
  70% {
    transform: rotateX(20deg);
  }
  100% {
    transform: rotateX(0deg);
  }
}
@-webkit-keyframes rotateMenu {
  0% {
    transform: rotateX(-90deg);
  }
  70% {
    transform: rotateX(20deg);
  }
  100% {
    transform: rotateX(0deg);
  }
}
@-o-keyframes rotateMenu {
  0% {
    transform: rotateX(-90deg);
  }
  70% {
    transform: rotateX(20deg);
  }
  100% {
    transform: rotateX(0deg);
  }
}
@keyframes rotateMenu {
  0% {
    transform: rotateX(-90deg);
  }
  70% {
    transform: rotateX(20deg);
  }
  100% {
    transform: rotateX(0deg);
  }
}
@-moz-keyframes downOut {
  0% {
    transform: translateZ(200px) transLateY(40px);
  }
  80% {
    transform: translateZ(-10px) transLateY(0px);
  }
  100% {
    transform: translateZ(0px) transLateY(0px);
  }
}
@-webkit-keyframes downOut {
  0% {
    transform: translateZ(200px) transLateY(40px);
  }
  80% {
    transform: translateZ(-10px) transLateY(0px);
  }
  100% {
    transform: translateZ(0px) transLateY(0px);
  }
}
@-o-keyframes downOut {
  0% {
    transform: translateZ(200px) transLateY(40px);
  }
  80% {
    transform: translateZ(-10px) transLateY(0px);
  }
  100% {
    transform: translateZ(0px) transLateY(0px);
  }
}
@keyframes downOut {
  0% {
    transform: translateZ(200px) transLateY(40px);
  }
  80% {
    transform: translateZ(-10px) transLateY(0px);
  }
  100% {
    transform: translateZ(0px) transLateY(0px);
  }
}
@-moz-keyframes growOut {
  0% {
    transform: scale(0);
  }
  80% {
    transform: scale(1.1);
  }
  100% {
    transform: scale(1);
  }
}
@-webkit-keyframes growOut {
  0% {
    transform: scale(0);
  }
  80% {
    transform: scale(1.1);
  }
  100% {
    transform: scale(1);
  }
}
@-o-keyframes growOut {
  0% {
    transform: scale(0);
  }
  80% {
    transform: scale(1.1);
  }
  100% {
    transform: scale(1);
  }
}
@keyframes growOut {
  0% {
    transform: scale(0);
  }
  80% {
    transform: scale(1.1);
  }
  100% {
    transform: scale(1);
  }
}
@-moz-keyframes rotateY {
  0% {
    transform: rotateY(90deg);
  }
  80% {
    transform: rotateY(-10deg);
  }
  100% {
    transform: rotateY(0);
  }
}
@-webkit-keyframes rotateY {
  0% {
    transform: rotateY(90deg);
  }
  80% {
    transform: rotateY(-10deg);
  }
  100% {
    transform: rotateY(0);
  }
}
@-o-keyframes rotateY {
  0% {
    transform: rotateY(90deg);
  }
  80% {
    transform: rotateY(-10deg);
  }
  100% {
    transform: rotateY(0);
  }
}
@keyframes rotateY {
  0% {
    transform: rotateY(90deg);
  }
  80% {
    transform: rotateY(-10deg);
  }
  100% {
    transform: rotateY(0);
  }
}
@-moz-keyframes slideDown {
  0% {
    opacity: 0;
    transform: translateY(-60px);
  }
  100% {
    opacity: 1;
    transform: translateY(0);
  }
}
@-webkit-keyframes slideDown {
  0% {
    opacity: 0;
    transform: translateY(-60px);
  }
  100% {
    opacity: 1;
    transform: translateY(0);
  }
}
@-o-keyframes slideDown {
  0% {
    opacity: 0;
    transform: translateY(-60px);
  }
  100% {
    opacity: 1;
    transform: translateY(0);
  }
}
@keyframes slideDown {
  0% {
    opacity: 0;
    transform: translateY(-60px);
  }
  100% {
    opacity: 1;
    transform: translateY(0);
  }
}
@-moz-keyframes rotateX {
  0% {
    opacity: 0;
    transform: rotateX(-90deg);
  }
  50% {
    transform: rotateX(-20deg);
  }
  100% {
    opacity: 1;
    transform: rotateX(0deg);
  }
}
@-webkit-keyframes rotateX {
  0% {
    opacity: 0;
    transform: rotateX(-90deg);
  }
  50% {
    transform: rotateX(-20deg);
  }
  100% {
    opacity: 1;
    transform: rotateX(0deg);
  }
}
@-o-keyframes rotateX {
  0% {
    opacity: 0;
    transform: rotateX(-90deg);
  }
  50% {
    transform: rotateX(-20deg);
  }
  100% {
    opacity: 1;
    transform: rotateX(0deg);
  }
}
@keyframes rotateX {
  0% {
    opacity: 0;
    transform: rotateX(-90deg);
  }
  50% {
    transform: rotateX(-20deg);
  }
  100% {
    opacity: 1;
    transform: rotateX(0deg);
  }
}
@-moz-keyframes rotateZ {
  0% {
    opacity: 0;
    transform: translateZ(290px);
  }
  80% {
    transform: translateZ(10px);
  }
  100% {
    opacity: 1;
    transform: translateZ(0);
  }
}
@-webkit-keyframes rotateZ {
  0% {
    opacity: 0;
    transform: translateZ(290px);
  }
  80% {
    transform: translateZ(10px);
  }
  100% {
    opacity: 1;
    transform: translateZ(0);
  }
}
@-o-keyframes rotateZ {
  0% {
    opacity: 0;
    transform: translateZ(290px);
  }
  80% {
    transform: translateZ(10px);
  }
  100% {
    opacity: 1;
    transform: translateZ(0);
  }
}
@keyframes rotateZ {
  0% {
    opacity: 0;
    transform: translateZ(290px);
  }
  80% {
    transform: translateZ(10px);
  }
  100% {
    opacity: 1;
    transform: translateZ(0);
  }
}
@-moz-keyframes scaleZ {
  0% {
    opacity: 0;
    transform: scale(0);
  }
  80% {
    transform: scale(1.07);
  }
  100% {
    opacity: 1;
    transform: scale(1);
  }
}
@-webkit-keyframes scaleZ {
  0% {
    opacity: 0;
    transform: scale(0);
  }
  80% {
    transform: scale(1.07);
  }
  100% {
    opacity: 1;
    transform: scale(1);
  }
}
@-o-keyframes scaleZ {
  0% {
    opacity: 0;
    transform: scale(0);
  }
  80% {
    transform: scale(1.07);
  }
  100% {
    opacity: 1;
    transform: scale(1);
  }
}
@keyframes scaleZ {
  0% {
    opacity: 0;
    transform: scale(0);
  }
  80% {
    transform: scale(1.07);
  }
  100% {
    opacity: 1;
    transform: scale(1);
  }
}
@-moz-keyframes scaleZ {
  0% {
    opacity: 0;
    transform: scale(0);
  }
  80% {
    transform: scale(1.07);
  }
  100% {
    opacity: 1;
    transform: scale(1);
  }
}
@-webkit-keyframes scaleZ {
  0% {
    opacity: 0;
    transform: scale(0);
  }
  80% {
    transform: scale(1.07);
  }
  100% {
    opacity: 1;
    transform: scale(1);
  }
}
@-o-keyframes scaleZ {
  0% {
    opacity: 0;
    transform: scale(0);
  }
  80% {
    transform: scale(1.07);
  }
  100% {
    opacity: 1;
    transform: scale(1);
  }
}
@keyframes scaleZ {
  0% {
    opacity: 0;
    transform: scale(0);
  }
  80% {
    transform: scale(1.07);
  }
  100% {
    opacity: 1;
    transform: scale(1);
  }
}
@-moz-keyframes translateX {
  0% {
    opacity: 0;
    transform: translateX(60px);
  }
  80% {
    transform: translateX(-5px);
  }
  100% {
    opacity: 1;
    transform: translateX(0px);
  }
}
@-webkit-keyframes translateX {
  0% {
    opacity: 0;
    transform: translateX(60px);
  }
  80% {
    transform: translateX(-5px);
  }
  100% {
    opacity: 1;
    transform: translateX(0px);
  }
}
@-o-keyframes translateX {
  0% {
    opacity: 0;
    transform: translateX(60px);
  }
  80% {
    transform: translateX(-5px);
  }
  100% {
    opacity: 1;
    transform: translateX(0px);
  }
}
@keyframes translateX {
  0% {
    opacity: 0;
    transform: translateX(60px);
  }
  80% {
    transform: translateX(-5px);
  }
  100% {
    opacity: 1;
    transform: translateX(0px);
  }
}
.px-core-view-aggregations {
  border-radius: 0.4rem;
  background: #04131e63;
  font-size: 80%;
  font-weight: normal;
  margin-left: 10px;
  padding: 0 5px;
  color: #788a93;
}
.blink {
  animation-name: animation_blink;
  animation-timing-function: ease-in;
  animation-duration: 2s;
  animation-iteration-count: infinite;
}
@keyframes animation_blink {
  0% {
    opacity: 1;
  }
  50% {
    opacity: 0.1;
  }
  100% {
    opacity: 1;
  }
}
.spinner-minus {
  width: 28px;
  height: 28px;
  display: inline-block;
  position: relative;
  transform-origin: 50% 50%;
  animation: spin 1s linear infinite;
  will-change: transform;
}
.spinner-minus::before {
  content: "";
  position: absolute;
  left: 50%;
  top: 50%;
  width: 15px;
  height: 2px;
  background: #FF8A4CFF;
  transform: translate(-50%, -50%);
}
@keyframes spin {
  to {
    transform: rotate(360deg);
  }
}
.px-pre {
  border-left: 1px solid #FF8A4CFF;
}
.px-yes {
  border-left: 1px solid #0E9F6EFF;
}
.px-no {
  border-left: 1px solid #F05252FF;
}
.px-badge-item {
  border-radius: 0.4rem;
  background: #051b2657;
  border: 1px solid #051b2657;
  padding: 5px;
  margin: 5px 3px;
}
.px-badge-item:hover {
  background: rgba(8, 43, 61, 0.34117647);
}
.px-badge-item .px-view-comments {
  font-size: 90%;
  margin-left: 5px;
}
.px-badge-item .px-view-counter {
  border-radius: 0.4rem;
  background: rgba(4, 24, 33, 0.11);
  color: #0E9F6EFF;
  padding: 0 2px;
}
.px-badge-item .px-view-counter.big {
  font-size: 150%;
  font-weight: 700;
}
.px-badge-item .px-image img {
  width: 100%;
  height: auto;
}
.px-badge-item .px-name {
  padding: 2px 5px;
  color: #bad1da;
}
.px-badge-item .px-date {
  font-size: 90%;
}
.px-badge-item .px-date:after {
  content: ".";
  clear: both;
  display: block;
  visibility: hidden;
  height: 0;
}
.px-badge-item .px-date .px-app-item-date {
  border-radius: 0.4rem;
  background: #181f2d;
  float: right;
  padding: 2px 5px;
}
.px-badge-item .px-date .px-app-item-date.px-app-new {
  color: #0E9F6EFF;
}
.px-badge-item .px-date .px-app-item-date.px-app-old {
  color: #FACA15FF;
}
.px-badge-item .px-date .px-app-item-date.px-app-close {
  color: #788a93;
}
.px-badge-item .px-icon {
  margin: 10px 0;
}
.px-badge-item .px-icon i {
  font-size: 200%;
  background: rgba(0, 0, 0, 0.3);
  padding: 20px 24px;
  border-radius: 150px;
  display: inline-block;
}
.px-badge-item .px-title {
  background: rgba(4, 24, 33, 0.3);
  border-radius: 0.4rem;
  display: block;
  padding: 10px;
  margin: 5px 0 5px 0;
  min-height: 50px;
}
.px-badge-item .px-title.px-title-line {
  padding: 2px 0;
}
.px-badge-item .px-title a {
  text-decoration: none;
}
.px-badge-item .px-title.item-online {
  background: rgba(51, 131, 52, 0.4) !important;
}
.px-badge-item .px-description {
  background: rgba(4, 24, 33, 0.3);
  border-radius: 0.4rem;
  color: #9bbcd1;
  display: block;
  margin-top: 5px;
  padding: 5px;
  line-height: 18px;
  text-align: justify;
}
.px-badge-item .px-user {
  width: 22px;
  height: 22px;
  float: right;
  margin-left: 5px;
}
.px-badge-item .px-user:after {
  content: ".";
  clear: both;
  display: block;
  visibility: hidden;
  height: 0;
}
.px-badge-item .px-user img {
  border-radius: 0.4rem;
  width: 100%;
}
.px-badge-item .matrix-edit-wrapper {
  border-radius: 0.4rem;
  margin-top: 2px;
  padding: 2px 5px;
}
.px-badge-item .matrix-edit-wrapper .matrix-edit {
  background: #1f374d;
  border-radius: 0.4rem;
  margin-right: 5px;
  padding: 0 1px 3px 5px;
}
.px-badge-item .matrix-edit-wrapper .matrix-edit i {
  border-radius: 0.4rem;
  padding: 0 5px 0;
  font-size: 80%;
  cursor: pointer;
  margin-right: 5px;
}
.px-badge-item .matrix-edit-wrapper span.matrix-user-to {
  float: left;
  display: block;
  padding: 0 5px;
  font-size: 80%;
  width: 50%;
}
.px-badge-item .matrix-edit-wrapper span.matrix-user-to .user {
  margin: 0 5px;
}
.px-badge-item .matrix-view-wrapper {
  margin-top: 0.4rem;
  background: rgba(0, 0, 0, 0.1);
  border-radius: 0.4rem;
  padding: 5px;
}
.px-badge-item .matrix-view-wrapper .matrix-time {
  display: inline-block;
  float: left;
  height: 40px;
  margin-right: 10px;
  color: coral;
  font-weight: normal;
}
.px-badge-item .matrix-view-wrapper .matrix-name {
  height: 40px;
  padding: 0 0 5px 0;
  cursor: pointer;
}
.px-badge-item .matrix-view-wrapper .matrix-name i {
  float: left;
  margin-right: 10px;
  margin-bottom: 5px;
  min-width: 20px;
}
.px-badge-item .matrix-description {
  background: rgba(0, 0, 0, 0.1);
  border-radius: 0.4rem;
  display: none;
  margin-top: 5px;
  padding: 10px;
  text-align: left;
}
.px-badge-item .matrix-description.show {
  display: block!important;
}
.navigation-main ul,
.navigation ul,
.navigation-user ul {
  list-style: none;
  margin: 0;
  padding: 0;
}
.navigation-main ul li,
.navigation ul li,
.navigation-user ul li {
  content: " ";
  display: table;
  float: left;
  height: 45px;
  line-height: 22px;
}
.navigation-main ul li.header-search,
.navigation ul li.header-search,
.navigation-user ul li.header-search {
  background: #1c2a37;
  height: 44px;
  width: 350px;
  padding: 8px 10px 0;
}
.navigation-main ul li a,
.navigation ul li a,
.navigation-user ul li a {
  background: #1c2a37;
  display: block;
  float: left;
  margin-right: 1px;
  color: #FACA15FF;
  text-align: center;
}
.navigation-main ul li a:hover,
.navigation ul li a:hover,
.navigation-user ul li a:hover {
  background: #253748;
  text-decoration: none;
}
.navigation-main ul li a.tasks,
.navigation ul li a.tasks,
.navigation-user ul li a.tasks {
  background-color: #0E9F6E1A;
  padding: 5px 10px 4px;
  color: rgba(86, 240, 188, 0.10196078);
}
.navigation-main ul li a.tasks:hover,
.navigation ul li a.tasks:hover,
.navigation-user ul li a.tasks:hover {
  background-color: rgba(16, 182, 126, 0.10196078);
}
.navigation-main ul li a.user,
.navigation ul li a.user,
.navigation-user ul li a.user {
  background-color: rgba(76, 99, 119, 0.4);
  padding: 5px 10px 4px;
  color: rgba(172, 188, 202, 0.4);
}
.navigation-main ul li a.user:hover,
.navigation ul li a.user:hover,
.navigation-user ul li a.user:hover {
  background-color: rgba(86, 112, 135, 0.4);
}
.navigation-main ul li a .badge,
.navigation ul li a .badge,
.navigation-user ul li a .badge {
  font-size: 80%;
  font-weight: 400;
  line-height: 15px;
  padding: 3px 7px;
  text-shadow: none;
  border-radius: 10px;
  margin-left: 10px;
}
.navigation-main ul li.dashboard,
.navigation ul li.dashboard,
.navigation-user ul li.dashboard {
  max-width: 300px;
}
.navigation-main ul li.dashboard a,
.navigation ul li.dashboard a,
.navigation-user ul li.dashboard a {
  margin-left: 1px;
  text-align: left;
}
.navigation-main ul li.dashboard a .title,
.navigation ul li.dashboard a .title,
.navigation-user ul li.dashboard a .title {
  display: inline-block;
  width: 100%;
  text-align: center;
}
.navigation-main ul li.dashboard a .gui-badge,
.navigation ul li.dashboard a .gui-badge,
.navigation-user ul li.dashboard a .gui-badge {
  text-align: left;
}
.navigation-main ul li.link,
.navigation ul li.link,
.navigation-user ul li.link {
  width: 30px;
}
.navigation-main ul li.link .reset-game,
.navigation ul li.link .reset-game,
.navigation-user ul li.link .reset-game {
  background: #1c2a37;
  color: #855050;
  cursor: pointer;
}
.navigation-main ul li.link .show-game,
.navigation ul li.link .show-game,
.navigation-user ul li.link .show-game,
.navigation-main ul li.link .edit-user,
.navigation ul li.link .edit-user,
.navigation-user ul li.link .edit-user {
  background: #1c2a37;
  padding-left: 10px;
}
.navigation-main ul li.link .show-game a,
.navigation ul li.link .show-game a,
.navigation-user ul li.link .show-game a,
.navigation-main ul li.link .edit-user a,
.navigation ul li.link .edit-user a,
.navigation-user ul li.link .edit-user a {
  background: none;
}
.navigation-main .tasks,
.navigation .tasks,
.navigation-user .tasks {
  background-color: #0E9F6E1A;
  color: rgba(109, 242, 197, 0.10196078);
}
.navigation-main .bugs,
.navigation .bugs,
.navigation-user .bugs {
  background-color: #F0525226;
  color: rgba(254, 246, 246, 0.14901961);
}
.gui-badge {
  background-color: #1e2a31;
  bottom: -2px;
  color: #A4A4A4;
  display: inline-block;
  font-size: 80%;
  left: 0;
  line-height: 16px;
  padding: 3px 7px;
  text-align: center;
  vertical-align: baseline;
  white-space: nowrap;
  width: 100%;
}
.gui-badge:hover {
  background: rgba(81, 151, 255, 0.1);
}
.gui-badge.link {
  display: inline-block;
  font-size: 120%;
  padding: 11px;
}
.gui-badge.ui-link {
  display: inline-block;
  padding: 15px 20px 0 10px;
  height: 100%;
}
.gui-badge.bugs {
  background-color: #F0525226;
  color: #F05252FF;
}
.gui-badge.user {
  background-color: rgba(54, 193, 239, 0.06);
  color: #4eb8ff;
}
.gui-badge.new {
  background-color: #cc4933;
  color: #f5dad6;
}
.gui-badge.badge-danger,
.gui-badge.badge-error {
  background-color: #ec2323;
  color: #F05252FF;
}
.gui-badge.badge-success,
.gui-badge.badge-new {
  background-color: #048ceb;
  color: #27a4fb;
}
.gui-badge.badge-warning {
  background-color: #d7ab05;
  color: #FACA15FF;
}
.gui-badge.acp {
  font-size: 130%;
}
.gui-badge.home {
  font-size: 120%;
  color: #27a4fb;
}
.gui-badge.edit-user {
  padding-top: 7px;
  padding-bottom: 5px;
}
.gui-badge.logout {
  font-size: 130%;
  color: #F05252FF;
}
.gui-badge .ibtn {
  background: #F0525226 none repeat scroll 0 0;
  border-radius: 0.4rem;
  display: inline-block;
  height: 18px;
  margin-right: 2px;
  text-align: center;
  width: 18px;
  line-height: 18px;
  position: relative;
  top: -22px;
  right: -18px;
  float: right;
}
#ViewCockpit .gui-container-middle {
  background: #1c2a37;
  padding: 10px;
  height: 100%;
  margin-bottom: 30px;
}
#ViewCockpit .gui-container-middle .content-inner {
  width: 100%;
  max-height: 100%;
  overflow-y: scroll;
  padding: 0 10px 0 0;
  -ms-overflow-style: none;
  scrollbar-width: none;
}
#ViewCockpit .gui-container-middle .content-inner ::-webkit-scrollbar {
  display: none;
}
#ViewCockpit .gui-container-middle .content-inner.pr10 {
  padding-right: 10px;
}
#ViewCockpit .gui-container-middle.dashboard-1 {
  background: #131f2b linear-gradient(to right, rgba(64, 33, 89, 0.26) 60%, rgba(94, 53, 113, 0.73) 160%);
  border-radius: 0.8rem;
}
#ViewCockpit .gui-container-middle.editor-1 {
  background: #131f2b;
  border-radius: 0.8rem;
}
#ViewCockpit .gui-container-middle.editor-2 {
  background: #131f2b;
  border-radius: 0.8rem;
}
#ViewCockpit .gui-container-right {
  background: #1c2a37;
  position: fixed;
  right: 0;
  width: 20%;
  bottom: 20px;
  top: 0;
  padding: 0 10px 10px 10px;
}
#ViewCockpit .gui-container-right .content-inner {
  background: #131f2b;
  border-radius: 0.8rem;
  position: absolute;
  top: 60px;
  bottom: 15px;
  padding: 10px;
  width: 95%;
}
#ViewCockpit .gui-container-right .content-inner .content-headline {
  font-size: 90%;
  text-align: center;
  margin: 5px 0 5px;
  text-transform: uppercase;
  font-weight: 700;
}
#ViewCockpit .panel-left {
  background: #1c2a37;
  right: auto;
  height: auto;
  top: 0;
  bottom: 0;
  width: 50px;
  display: block;
  z-index: 0;
  box-shadow: none;
  position: fixed;
}
#ViewCockpit .view-select-block {
  padding: 0.4rem;
  margin: 5px 5px 10px 5px;
  border-radius: 0.4rem;
  text-align: center;
  font-size: 1rem;
}
#ViewCockpit .view-select-block.editor-1 {
  background: #203131e8 linear-gradient(to right, rgba(89, 64, 108, 0.42) 60%, rgba(147, 84, 176, 0.73) 160%);
}
#ViewCockpit .view-select-block.editor-1 i {
  color: #d0a2d7;
}
#ViewCockpit .view-select-block.editor-1:hover,
#ViewCockpit .view-select-block.editor-1.active {
  background: rgba(44, 64, 64, 0.91) linear-gradient(to right, rgba(89, 64, 108, 0.42) 60%, rgba(147, 84, 176, 0.73) 160%);
}
#ViewCockpit .view-select-block:hover,
#ViewCockpit .view-select-block.active {
  background: #253748;
}
#ViewCockpit .view-select-block i.fa {
  font-size: 120%;
}
#ViewCockpit .view-select-block .view-select-number {
  position: relative;
  display: none;
  left: 10px;
  top: -33px;
  border-radius: 50%;
  overflow: hidden;
  text-align: center;
  width: 18px;
  height: 18px;
  background: #6BA356;
  text-shadow: none;
  font-weight: bold;
  box-sizing: border-box;
  padding: 2px 0 0 0;
  color: #1A2911;
}
#ViewCockpit .view-select-block .view-notification {
  position: relative;
  right: 0;
  padding: 0 0 10px 0;
  float: right;
  top: -17px;
}
#ViewCockpit .view-select-block .ico-notification {
  position: absolute;
}
#ViewCockpit .view-select-block .ico-notification i {
  font-size: 70%!important;
}
#ViewCockpit .view-select-block .ico-notification.view-0 i {
  color: #FF8A4CFF !important;
}
#ViewCockpit .view-select-block .ico-notification.view-1 i {
  color: #FACA15FF !important;
}
#ViewCockpit .view-select-block .ico-notification.view-2 i {
  color: #0E9F6EFF !important;
}
#ViewCockpit .view-select-block .ico-notification.view-3 i {
  color: #F05252FF !important;
}
#ViewCockpit .view-select-button-selected {
  background-color: rgba(81, 151, 255, 0.1) !important;
}
#ViewCockpit .sysControl {
  text-align: right;
  margin-left: 20px;
}
#ViewCockpit .sysControl .sysIcon {
  background: rgba(71, 143, 202, 0.1);
  border-radius: 10px;
  display: inline-block;
  height: 24px;
  margin-right: 10px;
  text-align: center;
  width: 24px;
  padding-top: 2px;
}
#ViewCockpit .sysControl .sysIcon:hover {
  background: rgba(91, 155, 208, 0.1);
}
#ViewCockpit .sysControl .sysIcon.list a {
  color: #27a4fb;
}
#ViewCockpit .sysControl .sysIcon.create a,
#ViewCockpit .sysControl .sysIcon.edit a {
  color: #27a4fb;
}
#ViewCockpit .sysControl .sysIcon.help,
#ViewCockpit .sysControl .sysIcon.remove {
  color: #F05252FF;
  cursor: pointer;
}
#ViewCockpit .sysControl .sysIcon.help a,
#ViewCockpit .sysControl .sysIcon.remove a {
  color: #F05252FF;
}
#ViewCockpit .sysControl .sysIcon.dashboard a {
  color: #B749BF;
}
#ViewCockpit .sysControl .sysInfo {
  display: inline-block;
  margin-right: 2px;
  padding: 0 5px 0 0;
  color: #0E9F6EFF;
  font-size: 90%;
  position: relative;
  top: -6px;
}
#ViewCockpit #ViewHeader {
  background: #1c2a37;
  color: #d2d2d2;
  height: 60px;
  overflow: visible;
  position: fixed;
  right: 0;
  top: 0;
  z-index: 100;
  left: 70px;
}
#ViewCockpit #ViewHeader .view-option-icon {
  border-radius: 0.4rem;
  display: inline-block;
  margin-left: 2px;
  margin-right: 2px;
  height: 18px;
  width: 24px;
  text-align: center;
  padding: 2px;
  position: relative;
  top: -8px;
}
#ViewCockpit #ViewHeader .view-option-icon.help {
  background: #F0525226;
}
#ViewCockpit #ViewHeader .view-option-icon.help:hover {
  background: rgba(244, 129, 129, 0.14901961);
}
#ViewCockpit #ViewHeader .view-option-icon.help a {
  color: #F05252FF;
}
#ViewCockpit #ViewHeader .view-toolbar {
  float: right;
  top: -24px;
  display: flex;
  position: relative;
}
#ViewCockpit #ViewHeader .view-toolbar .display-view {
  text-align: center;
  background: rgba(0, 0, 0, 0.4);
  padding: 4px 10px;
  border-radius: 0.4rem;
  display: block;
  min-width: 100px;
  position: relative;
  top: 3px;
  margin-right: 10px;
  color: var(--secondary);
}
#ViewCockpit #ViewHeader .view-toolbar .display-view .display-view-title {
  font-size: 80%;
  letter-spacing: 1px;
  text-transform: uppercase;
}
#ViewCockpit #ViewHeader .view-toolbar .display-view .display-view-value {
  font-weight: 700;
  font-size: 80%;
  letter-spacing: 2px;
  padding: 8px 0 0 0;
}
#ViewCockpit #ViewHeader .view-toolbar .display-view .notification-item {
  color: #FF61AC;
}
#ViewCockpit #ViewHeader .view-toolbar .display-view .notification-item-start {
  color: #4eb8ff;
}
#ViewCockpit #ViewHeader .view-toolbar .display-view .notification-item-end {
  color: #0E9F6EFF;
}
#ViewCockpit #ViewHeader .navTabGame {
  margin: 0;
  padding: 5px 10px 0 10px;
  float: left;
  background: #1c2a37;
}
#ViewCockpit #ViewHeader .navTabGame .add {
  float: left;
  display: block;
  padding: 3px 15px;
  margin: 0 10px 0 0;
  background: #394e5a;
  border-radius: 0.4rem;
}
#ViewCockpit #ViewHeader .navTabGame .search {
  width: 92%;
}
#ViewCockpit #ViewHeader .navTabGame .title {
  display: inline-block;
}
#ViewCockpit #ViewHeader .navTabGame .layer {
  float: left;
}
#ViewCockpit #ViewHeader .navTabGame .layer input[type="text"] {
  background: #040a0d82;
  width: 250px;
}
#ViewCockpit #ViewHeader .navTab,
#ViewCockpit #ViewHeader .navTabWriter,
#ViewCockpit #ViewHeader .navTabEditor,
#ViewCockpit #ViewHeader .navTabAdmin,
#ViewCockpit #ViewHeader .navTabSystem,
#ViewCockpit #ViewHeader .navTabCache {
  background: #1c2a37;
  border-radius: 0.4rem;
  float: left;
  padding: 15px 20px 10px 20px;
  cursor: pointer;
  color: #9bbcd1;
  font-size: 110%;
  height: 50px;
  margin: 5px;
}
#ViewCockpit #ViewHeader .navTab::first-letter,
#ViewCockpit #ViewHeader .navTabWriter::first-letter,
#ViewCockpit #ViewHeader .navTabEditor::first-letter,
#ViewCockpit #ViewHeader .navTabAdmin::first-letter,
#ViewCockpit #ViewHeader .navTabSystem::first-letter,
#ViewCockpit #ViewHeader .navTabCache::first-letter {
  text-decoration: underline;
}
#ViewCockpit #ViewHeader .navTab:hover,
#ViewCockpit #ViewHeader .navTabWriter:hover,
#ViewCockpit #ViewHeader .navTabEditor:hover,
#ViewCockpit #ViewHeader .navTabAdmin:hover,
#ViewCockpit #ViewHeader .navTabSystem:hover,
#ViewCockpit #ViewHeader .navTabCache:hover {
  background: #253748;
}
#ViewCockpit #ViewHeader .navTab a,
#ViewCockpit #ViewHeader .navTabWriter a,
#ViewCockpit #ViewHeader .navTabEditor a,
#ViewCockpit #ViewHeader .navTabAdmin a,
#ViewCockpit #ViewHeader .navTabSystem a,
#ViewCockpit #ViewHeader .navTabCache a {
  color: #9bbcd1;
}
#ViewCockpit #ViewHeader .navTab a:hover,
#ViewCockpit #ViewHeader .navTabWriter a:hover,
#ViewCockpit #ViewHeader .navTabEditor a:hover,
#ViewCockpit #ViewHeader .navTabAdmin a:hover,
#ViewCockpit #ViewHeader .navTabSystem a:hover,
#ViewCockpit #ViewHeader .navTabCache a:hover {
  text-decoration: none;
}
#ViewCockpit #ViewHeader .navTabCache.off a {
  color: #F05252FF;
}
#ViewCockpit #ViewHeader .navTabCache.on a {
  color: #0E9F6EFF;
}
#ViewCockpit #ViewHeader .navigation-writer {
  left: -306px;
}
#ViewCockpit #ViewHeader .navigation-editor {
  left: -306px;
}
#ViewCockpit #ViewHeader .navigation-admin {
  left: -254px;
}
#ViewCockpit #ViewHeader .navigation-system {
  left: -199px;
}
#ViewCockpit #ViewHeader .navigation-cache {
  left: -160px;
}
#ViewCockpit #ViewHeader .navigation-data {
  float: right;
  padding: 5px 10px;
}
#ViewCockpit #ViewHeader .navigation-data .item {
  padding: 0 5px;
}
#ViewCockpit #ViewHeader .navigation-system,
#ViewCockpit #ViewHeader .navigation-admin,
#ViewCockpit #ViewHeader .navigation-editor,
#ViewCockpit #ViewHeader .navigation-writer,
#ViewCockpit #ViewHeader .navigation-cache {
  background: #1c2a37;
  border: 1px solid #1c2a37;
  display: none;
  float: left;
  margin-right: 5px;
  top: 59px;
  position: fixed;
  left: auto;
  right: auto;
}
#ViewCockpit #ViewHeader .navigation-system ul,
#ViewCockpit #ViewHeader .navigation-admin ul,
#ViewCockpit #ViewHeader .navigation-editor ul,
#ViewCockpit #ViewHeader .navigation-writer ul,
#ViewCockpit #ViewHeader .navigation-cache ul {
  margin: 0;
  padding: 0;
  list-style: none;
}
#ViewCockpit #ViewHeader .navigation-system .navline,
#ViewCockpit #ViewHeader .navigation-admin .navline,
#ViewCockpit #ViewHeader .navigation-editor .navline,
#ViewCockpit #ViewHeader .navigation-writer .navline,
#ViewCockpit #ViewHeader .navigation-cache .navline {
  background: rgba(100, 100, 100, 0.1);
  border-bottom: 1px solid rgba(20, 20, 20, 0.3);
  float: left;
  width: 150px;
  height: 100px;
  text-align: center;
  margin-right: 1px;
}
@media (max-width: 979px) {
  #ViewCockpit #ViewHeader .navigation-system .navline .add-link,
  #ViewCockpit #ViewHeader .navigation-admin .navline .add-link,
  #ViewCockpit #ViewHeader .navigation-editor .navline .add-link,
  #ViewCockpit #ViewHeader .navigation-writer .navline .add-link,
  #ViewCockpit #ViewHeader .navigation-cache .navline .add-link {
    display: none;
  }
}
#ViewCockpit #ViewHeader .navigation-system .navline span.double-down,
#ViewCockpit #ViewHeader .navigation-admin .navline span.double-down,
#ViewCockpit #ViewHeader .navigation-editor .navline span.double-down,
#ViewCockpit #ViewHeader .navigation-writer .navline span.double-down,
#ViewCockpit #ViewHeader .navigation-cache .navline span.double-down {
  margin: 0 0 0 50px;
}
#ViewCockpit #ViewHeader .navigation-system .navline .main-link,
#ViewCockpit #ViewHeader .navigation-admin .navline .main-link,
#ViewCockpit #ViewHeader .navigation-editor .navline .main-link,
#ViewCockpit #ViewHeader .navigation-writer .navline .main-link,
#ViewCockpit #ViewHeader .navigation-cache .navline .main-link {
  display: block;
  padding: 5px 0;
  margin-bottom: 5px;
}
@media (max-width: 979px) {
  #ViewCockpit #ViewHeader .navigation-system .navline .main-link .title,
  #ViewCockpit #ViewHeader .navigation-admin .navline .main-link .title,
  #ViewCockpit #ViewHeader .navigation-editor .navline .main-link .title,
  #ViewCockpit #ViewHeader .navigation-writer .navline .main-link .title,
  #ViewCockpit #ViewHeader .navigation-cache .navline .main-link .title {
    display: none;
  }
}
#ViewCockpit #ViewHeader .navigation-system .navline .main-link a,
#ViewCockpit #ViewHeader .navigation-admin .navline .main-link a,
#ViewCockpit #ViewHeader .navigation-editor .navline .main-link a,
#ViewCockpit #ViewHeader .navigation-writer .navline .main-link a,
#ViewCockpit #ViewHeader .navigation-cache .navline .main-link a {
  display: block;
  color: #bbbbbb;
  text-align: center;
}
#ViewCockpit #ViewHeader .navigation-system .navline .main-link i,
#ViewCockpit #ViewHeader .navigation-admin .navline .main-link i,
#ViewCockpit #ViewHeader .navigation-editor .navline .main-link i,
#ViewCockpit #ViewHeader .navigation-writer .navline .main-link i,
#ViewCockpit #ViewHeader .navigation-cache .navline .main-link i {
  width: 100%;
  margin-bottom: 5px;
  color: #27a4fb;
  font-size: 110%;
}
#ViewCockpit #ViewHeader .navigation-system .navline .main-link i:hover,
#ViewCockpit #ViewHeader .navigation-admin .navline .main-link i:hover,
#ViewCockpit #ViewHeader .navigation-editor .navline .main-link i:hover,
#ViewCockpit #ViewHeader .navigation-writer .navline .main-link i:hover,
#ViewCockpit #ViewHeader .navigation-cache .navline .main-link i:hover {
  border-color: transparent;
  text-decoration: underline;
}
#ViewCockpit #ViewHeader .navigation-system .navline:hover,
#ViewCockpit #ViewHeader .navigation-admin .navline:hover,
#ViewCockpit #ViewHeader .navigation-editor .navline:hover,
#ViewCockpit #ViewHeader .navigation-writer .navline:hover,
#ViewCockpit #ViewHeader .navigation-cache .navline:hover {
  background: rgba(100, 100, 100, 0.3);
}
#ViewCockpit #ViewHeader .navigation-system .ui-dialog-titlebar,
#ViewCockpit #ViewHeader .navigation-admin .ui-dialog-titlebar,
#ViewCockpit #ViewHeader .navigation-editor .ui-dialog-titlebar,
#ViewCockpit #ViewHeader .navigation-writer .ui-dialog-titlebar,
#ViewCockpit #ViewHeader .navigation-cache .ui-dialog-titlebar {
  background: #253748;
  border-bottom: 1px solid #1c2a37;
  float: left;
  width: 150px;
  height: 100px;
  text-align: center;
  margin-right: 1px;
  padding: 10px 20px 20px 20px;
  color: #dcf3ff;
  font-size: 110%;
}
#ViewCockpit #ViewHeader .navigation-system .ui-dialog-titlebar span,
#ViewCockpit #ViewHeader .navigation-admin .ui-dialog-titlebar span,
#ViewCockpit #ViewHeader .navigation-editor .ui-dialog-titlebar span,
#ViewCockpit #ViewHeader .navigation-writer .ui-dialog-titlebar span,
#ViewCockpit #ViewHeader .navigation-cache .ui-dialog-titlebar span {
  cursor: pointer;
  color: rgba(255, 255, 255, 0.8);
}
#ViewCockpit #ViewHeader .navigation-system .ui-dialog-titlebar .main-link,
#ViewCockpit #ViewHeader .navigation-admin .ui-dialog-titlebar .main-link,
#ViewCockpit #ViewHeader .navigation-editor .ui-dialog-titlebar .main-link,
#ViewCockpit #ViewHeader .navigation-writer .ui-dialog-titlebar .main-link,
#ViewCockpit #ViewHeader .navigation-cache .ui-dialog-titlebar .main-link {
  display: block;
  padding: 5px 0;
  margin-bottom: 5px;
}
#ViewCockpit #ViewHeader .navigation-system .ui-dialog-titlebar .main-link i,
#ViewCockpit #ViewHeader .navigation-admin .ui-dialog-titlebar .main-link i,
#ViewCockpit #ViewHeader .navigation-editor .ui-dialog-titlebar .main-link i,
#ViewCockpit #ViewHeader .navigation-writer .ui-dialog-titlebar .main-link i,
#ViewCockpit #ViewHeader .navigation-cache .ui-dialog-titlebar .main-link i {
  width: 100%;
  margin-bottom: 5px;
  color: #27a4fb;
  font-size: 110%;
}
#ViewCockpit #ViewHeader .navigation {
  background: rgba(0, 0, 0, 0.6) none repeat scroll 0 0;
  display: flex;
  float: left;
  height: 45px;
}
@media (max-width: 979px) {
  #ViewCockpit #ViewHeader .navigation {
    left: 0;
    display: none;
  }
}
#ViewCockpit #ViewHeader .navigation-user,
#ViewCockpit #ViewHeader .navigation-specials {
  background: rgba(0, 0, 0, 0.6) none repeat scroll 0 0;
  float: right;
  height: 45px;
}
#ViewCockpit #ViewHeader #suggestions {
  background: #1c2a37;
  box-shadow: -1px -1px 10px 1px #060d11;
  border-radius: calc(0.4rem * 2);
  width: 79%;
  margin: 40px 0 0 0;
  padding: 5px 10px;
  left: 2px;
  position: absolute;
}
#ViewCockpit #ViewHeader #suggestions .base-close {
  color: #F05252FF;
  cursor: pointer;
  font-size: 130%;
  float: right;
  position: relative;
  top: -3px;
}
#ViewCockpit #ViewHeader #suggestions .base-label {
  border-bottom: 1px solid rgba(8, 139, 208, 0.24);
  font-size: 100%;
  margin-bottom: 5px;
  padding: 10px;
  font-weight: bold;
  color: #27a4fb;
  text-align: center;
  text-transform: uppercase;
}
#ViewCockpit #ViewHeader #suggestions .item {
  background: rgba(0, 0, 0, 0.2);
  border-radius: 0.4rem;
  margin: 0 0 2px;
  padding: 10px;
}
#ViewCockpit #ViewHeader #suggestions .item.on a {
  color: #0E9F6EFF;
}
#ViewCockpit #ViewHeader #suggestions .item.off a {
  color: #F05252FF;
}
#ViewCockpit #ViewHeader #suggestions .item .base-tag {
  box-shadow: none;
  color: #0E9F6EFF;
  cursor: pointer;
  display: inline-block;
  line-height: 19px;
  margin-right: 2px;
  max-width: 200px;
  padding: 0 7px;
  text-overflow: ellipsis;
  white-space: nowrap;
}
#ViewCockpit #ViewBody {
  display: block;
  width: 100%;
  bottom: 0;
  content: "";
  max-width: inherit;
  position: absolute;
  top: 0;
  z-index: -2;
}
#ViewCockpit #ViewBody .boxleft {
  margin: 0 10px 10px 10px;
}
#ViewCockpit #ViewBody .boxmiddle {
  margin: 0 0 10px 0;
}
#ViewCockpit #ViewBody .boxright {
  margin: 0 0 10px 0;
}
#ViewCockpit #ViewBody .screen-line .screen-left-01 {
  float: left;
  width: 49.5%;
}
#ViewCockpit #ViewBody .screen-line .screen-right-01 {
  float: right;
  width: 49.5%;
}
.section-right {
  background: rgba(0, 0, 0, 0.3);
  position: fixed;
  float: right;
  right: 0;
  height: 100%;
  width: 100px;
  padding: 0 0 5px 0;
}
.section-sidebar {
  background: rgba(0, 0, 0, 0.3);
  transition: all 250ms cubic-bezier(0.1, 0.57, 0.1, 1) 0s;
  position: fixed;
  float: left;
  height: 100%;
  width: 220px;
  padding: 0 0 5px 0;
}
@media (max-width: 979px) {
  .section-sidebar {
    width: 45px;
  }
}
.section-sidebar .loading {
  display: block;
  text-align: center;
  padding: 10px;
  color: rgba(115, 115, 115, 0.3);
}
.section-sidebar .etabs {
  padding: 5px 0 0 5px;
}
.section-sidebar .navbox a {
  display: block;
  padding: 5px 5px 5px 15px;
  color: rgba(255, 255, 255, 0.4);
}
.section-sidebar .navbox a i {
  margin-right: 10px;
  -moz-box-align: center;
  -moz-box-pack: center;
  align-items: center;
  background-color: transparent;
  border: 1px solid #066a9f;
  border-radius: 50%;
  box-sizing: border-box;
  color: #088bd0;
  display: inline-flex;
  fill: #066a9f;
  flex-shrink: 0;
  height: 24px;
  justify-content: center;
  transition: border 200ms ease 0s, box-shadow 200ms ease 0s, color 200ms ease 0s;
  width: 24px;
}
.section-sidebar .navbox a i:hover {
  border-color: transparent;
  box-shadow: 0 0 0 3px #fff;
  fill: #fff;
}
.section-sidebar .navline {
  border-bottom: 1px solid rgba(20, 20, 20, 0.3);
}
@media (max-width: 979px) {
  .section-sidebar .navline .add-link {
    display: none;
  }
}
.section-sidebar .navline span.double-down {
  margin: 0 0 0 50px;
}
.section-sidebar .navline .main-link {
  float: left;
}
@media (max-width: 979px) {
  .section-sidebar .navline .main-link .title {
    display: none;
  }
}
.section-sidebar .navline a {
  float: right;
  color: #929292;
}
.section-sidebar .navline i {
  margin-right: 10px;
  -moz-box-align: center;
  -moz-box-pack: center;
  align-items: center;
  background-color: transparent;
  border: 1px solid #066a9f;
  border-radius: 50%;
  box-sizing: border-box;
  color: #088bd0;
  display: inline-flex;
  fill: #066a9f;
  flex-shrink: 0;
  height: 24px;
  justify-content: center;
  transition: border 200ms ease 0s, box-shadow 200ms ease 0s, color 200ms ease 0s;
  width: 24px;
}
.section-sidebar .navline i:hover {
  border-color: transparent;
  box-shadow: 0 0 0 3px #ababab;
  fill: #ababab;
}
.section-sidebar .navline:hover {
  background: rgba(39, 39, 39, 0.1);
}
.section-sidebar .navline:hover i {
  color: #ababab;
}
.section-sidebar .headertxt,
.section-sidebar .headertxt-1,
.section-sidebar .headertxt-2,
.section-sidebar .headertxt-3,
.section-sidebar .headertxt-4,
.section-sidebar .headertxt-5 {
  background: rgba(13, 13, 13, 0.1);
  padding: 2px 5px 2px 10px;
  color: rgba(255, 255, 255, 0.4);
  font-size: 110%;
}
.section-sidebar .headertxt span,
.section-sidebar .headertxt-1 span,
.section-sidebar .headertxt-2 span,
.section-sidebar .headertxt-3 span,
.section-sidebar .headertxt-4 span,
.section-sidebar .headertxt-5 span {
  cursor: pointer;
  color: rgba(255, 255, 255, 0.8);
}
.section-sidebar hr {
  background-color: rgba(20, 20, 20, 0.3);
  border: 1px;
  height: 1px;
  margin: 0;
  color: rgba(20, 20, 20, 0.3);
}
.section-sidebar .editor-tabs,
.section-sidebar .admin-tabs,
.section-sidebar .system-tabs {
  padding: 0;
}
.section-sidebar .editor-tabs label,
.section-sidebar .admin-tabs label,
.section-sidebar .system-tabs label {
  padding: 5px 50px 0;
  border: none;
  color: rgba(89, 89, 89, 0.3);
}
.section-sidebar .editor-tabs .block-1,
.section-sidebar .admin-tabs .block-1,
.section-sidebar .system-tabs .block-1 {
  background: rgba(40, 22, 37, 0.84);
}
.section-sidebar .editor-tabs .block-2,
.section-sidebar .admin-tabs .block-2,
.section-sidebar .system-tabs .block-2 {
  background: rgba(56, 58, 42, 0.84);
}
.section-sidebar .acp-headnav {
  border-bottom: 1px solid rgba(0, 0, 0, 0.85);
  height: 20px;
  padding: 5px 0 5px 5px;
  color: #FACA15FF;
  font-weight: bold;
}
.wind-ui {
  border-radius: 0.5rem;
  border: 1px solid rgba(42, 118, 185, 0.28);
  padding: 10px;
  margin-bottom: 10px;
  text-align: center;
  background: linear-gradient(15deg, #1e3b55d9, #151c2447, #13476f2e, #125d804a, #2b50622e, #ae5a9d2e, #09327138, #0a517bad);
  font-weight: 700;
  text-transform: uppercase;
  color: #D2D2D2;
  text-shadow: #060505f7 1px 1px 0;
}
.enu-help-list-item {
  padding: 5px;
  margin-bottom: 2px;
  color: #D2D2D2;
  font-size: 110%;
  background: rgba(54, 193, 239, 0.06);
  border-radius: 0.4rem;
}
.enu-help-list-item b {
  font-weight: 700;
}
.enu-help-list-item.done {
  background: #0E9F6E1A;
}
.enu-help-list-item.error {
  background: #F0525226;
  border: 1px solid rgba(247, 129, 145, 0.18);
  border-radius: 0.4rem;
}
.enu-help-list-item .value {
  background: rgba(44, 130, 159, 0.18);
  border-radius: 0.4rem;
  padding: 0.4rem;
  width: 50px;
  margin-right: 10px;
  display: inline-block;
  text-align: center;
}
.enu-help-list-item .value-extend {
  padding: 0.4rem;
  float: right;
}
.enu-sidebar-short-help {
  padding: 5px;
  background: #335b3b73;
  border: 1px solid rgba(42, 75, 48, 0.45098039);
  color: #D2D2D2;
  border-radius: 0.4rem;
  margin: 5px 3px;
}
.enu-sidebar-short-help h5 {
  font-size: 90%;
  padding: 3px 0;
  letter-spacing: 1px;
  text-transform: uppercase;
  border-bottom: 1px solid #335b3b73;
}
.enu-notification {
  color: #0E9F6EFF;
}
.table-message-success {
  background: #0E9F6E1A;
  border-radius: 0.4rem;
  color: #0E9F6EFF;
  padding: 2px 5px;
  margin: 0 5px;
}
.message-output-success {
  background: #0E9F6E1A;
  border-radius: 0.4rem;
  color: #0E9F6EFF;
  padding: 5px 10px;
  margin: 5px 0;
}
.message-output-success a {
  color: #0E9F6EFF;
}
.message-output-success .succuess-line {
  padding: 2px;
}
.message-output-success.filter {
  margin-top: 6px;
  display: inline-block;
}
.message-output-warning {
  background: rgba(251, 238, 99, 0.05);
  border-radius: 0.4rem;
  color: #FACA15FF;
  padding: 5px 10px;
  margin: 5px 0;
}
.message-output-warning a {
  color: #FACA15FF;
}
.message-output-warning .succuess-line {
  padding: 2px;
}
.message-output-warning.filter {
  margin-top: 5px;
  display: inline-block;
}
.message-output-warning.help-sidebar {
  font-size: 120%;
  margin: 5px;
}
.message-output-danger {
  background: #F0525226;
  border-radius: 0.4rem;
  color: #F05252FF;
  padding: 5px 10px;
  margin: 5px 0;
}
.message-output-danger a {
  color: #F05252FF;
}
.message-output-danger .succuess-line {
  padding: 2px;
}
.message-output-danger.filter {
  margin-top: 5px;
  display: inline-block;
}
.date-refresh-title {
  font-size: 80%;
  letter-spacing: 1px;
  text-transform: uppercase;
}
.date-refresh {
  color: #0E9F6EFF;
  font-weight: 700;
}
.acp-error {
  color: #F05252FF;
}
.acp-success {
  color: #0E9F6EFF;
}
.acp-standard {
  color: #788a93;
}
.error {
  color: #F05252FF;
}
.error-color {
  color: #F05252FF;
}
.px-green {
  color: #0E9F6EFF;
}
.px-wizard-help {
  border-radius: 0.4rem;
  background: #406c714a;
  border: 1px solid #406c714a;
  padding: 10px;
}
.px-wizard-help ul {
  padding: 10px;
  margin: 0 0 0 20px;
  width: 50%;
}
.px-wizard-help ul li {
  padding: 5px;
  background: #406c71;
  border-radius: 0.4rem;
  margin-bottom: 5px;
}
.px-wizard-help ul li a {
  color: #2be0f2;
}
.px-list-help {
  border-radius: 0.4rem;
  background: #54345585;
  color: #d28bc7;
  text-align: right;
  padding: 10px;
}
.px-list-help.flr {
  float: right;
}
.msg-normal {
  background: #777777;
  border-radius: 0.4rem;
  padding: 5px;
  color: #333;
}
.msg-new {
  background: #69AA46;
  border-radius: 2px;
  padding: 5px;
  color: #0E9F6EFF;
}
.msg-danger {
  background: #F0525226;
  border: 1px solid rgba(247, 129, 145, 0.18);
  padding: 5px;
  color: #F05252FF;
}
.published-date,
.published-date-error {
  display: block;
  border-radius: 0.4rem;
  padding: 5px;
}
.published-date {
  background: #0E9F6E1A;
}
.published-date-error {
  background: #F0525226;
}
.message-container h1 i.fa {
  right: 0;
  padding: 5px;
  height: 34px;
  width: 34px;
  line-height: 22px;
}
.notification {
  background: rgba(13, 37, 57, 0.9);
  border: 1px solid rgba(32, 91, 140, 0.9);
  border-radius: 0.4rem;
  margin-top: 20px;
  margin-bottom: 20px;
  padding: 15px;
}
.notification .notification-item {
  padding: 3px;
  margin-bottom: 3px;
  background: rgba(11, 32, 49, 0.9);
  color: #FF61AC;
}
.notification .notification-item-start {
  padding: 3px;
  margin-bottom: 3px;
  background: rgba(11, 32, 49, 0.9);
  color: #4eb8ff;
}
.notification .notification-item-end {
  padding: 3px;
  margin-bottom: 3px;
  background: rgba(11, 32, 49, 0.9);
  color: #0E9F6EFF;
}
.alert {
  background: rgba(105, 170, 70, 0.55);
  border: 1px solid rgba(0, 0, 0, 0.3);
  border-radius: 0.4rem;
  margin-top: 20px;
  margin-bottom: 20px;
  padding: 15px;
}
.alert h1 {
  font-size: 120%;
  font-weight: bold;
}
.alert i {
  background: #F0525226 none repeat scroll 0 0;
  border-radius: 0.4rem;
  display: inline-block;
  height: 18px;
  margin-right: 2px;
  text-align: center;
  width: 18px;
  line-height: 18px;
  position: relative;
  top: -22px;
  right: -18px;
  float: right;
}
td.alert-success,
td.alert-warning,
td.alert-error,
td.alert-danger,
td.alert-info,
td.alert-action,
td.alert-action-go {
  border: none!important;
}
.alert-success {
  background: #0E9F6E1A;
  border-radius: 0.4rem;
  color: #0E9F6EFF;
}
.alert-success a {
  color: #0E9F6EFF;
}
.alert-success .succuess-line {
  padding: 2px;
}
.alert-warning {
  background: rgba(251, 238, 99, 0.05);
  border-radius: 0.4rem;
  color: #FACA15FF;
}
.alert-error,
.alert-danger {
  background: #F0525226;
  border-radius: 0.4rem;
  color: #F05252FF;
}
.alert-info {
  background-color: rgba(54, 193, 239, 0.06);
  border-radius: 0.4rem;
  color: #4eb8ff;
}
.alert-action {
  background-color: rgba(181, 0, 80, 0.25);
  border-radius: 0.4rem;
  color: #FF61AC;
  text-align: center;
}
.alert-action a {
  color: #FF61AC !important;
}
.alert-item-action a {
  color: #FF61AC !important;
}
.alert-action {
  padding: 2px 10px;
}
.alert-action-go {
  background-color: #035fa0;
  border-radius: 0.4rem;
  color: #27a4fb;
  padding: 2px 10px;
  text-align: center;
}
.alert-action-go a {
  color: #27a4fb !important;
}
/*
    icons fa (bugtracker, others)
*/
i.fa.done,
i.fa.edit {
  color: #0E9F6EFF;
}
i.fa.done.shadow,
i.fa.edit.shadow {
  box-shadow: 0 0 8px 3px rgba(102, 204, 51, 0.61);
}
i.fa.at-work {
  color: #FF8A4CFF;
}
i.fa.at-work.shadow {
  box-shadow: 0 0 8px 3px rgba(238, 102, 0, 0.61);
}
i.fa.new,
i.fa.info {
  color: #27a4fb;
}
i.fa.new.shadow,
i.fa.info.shadow {
  box-shadow: 0 0 8px 3px rgba(39, 164, 251, 0.61);
}
i.fa.close {
  float: none;
  opacity: 100;
  color: #788a93;
}
i.fa.feature,
i.fa.warning {
  color: #006bc1;
}
i.fa.feature.shadow,
i.fa.warning.shadow {
  box-shadow: 0 0 8px 3px rgba(0, 107, 193, 0.61);
}
i.fa.warning {
  color: #FF8A4CFF;
}
i.fa.warning.shadow {
  box-shadow: 0 0 8px 3px rgba(238, 102, 0, 0.61);
}
i.fa.error,
i.fa.bug {
  color: #cf312d;
}
i.fa.error.shadow,
i.fa.bug.shadow {
  box-shadow: 0 0 8px 3px rgba(207, 49, 45, 0.61);
}
i.fa.dashboard {
  color: #B749BF;
}
i.fa.action {
  background: rgba(181, 0, 80, 0.25) !important;
  color: #FF61AC;
}
i.fa.feature {
  color: #0E9F6EFF;
}
i.fa.feature.shadow {
  box-shadow: 0 0 8px 3px rgba(102, 204, 51, 0.61);
}
i.fa.bug {
  color: #cf312d;
}
i.fa.bug.shadow {
  box-shadow: 0 0 8px 3px rgba(207, 49, 45, 0.61);
}
i.fa.idea {
  color: #FF8A4CFF;
}
i.fa.idea.shadow {
  box-shadow: 0 0 8px 3px rgba(238, 102, 0, 0.61);
}
.mce-error-message,
.mce-warning-message,
.mce-success-message,
.mce-info-message,
.mce-standard-message,
.mce-unit-message {
  padding: 0.4rem;
  color: #fff;
  border-radius: 0.4rem;
  margin: 5px 3px;
}
.mce-error-message .mce-message-line,
.mce-warning-message .mce-message-line,
.mce-success-message .mce-message-line,
.mce-info-message .mce-message-line,
.mce-standard-message .mce-message-line,
.mce-unit-message .mce-message-line {
  padding: 2px;
}
.mce-error-message i,
.mce-warning-message i,
.mce-success-message i,
.mce-info-message i,
.mce-standard-message i,
.mce-unit-message i {
  margin-right: 10px;
}
.mce-unit-message {
  background-color: rgba(26, 219, 219, 0.2);
  color: #f2e9eb;
}
.mce-unit-message span.task-user-to,
.mce-unit-message .matrix-edit {
  background: rgba(23, 196, 196, 0.2);
  color: #f2e9eb;
}
.mce-error-message {
  background-color: #F0525226;
  color: #F05252FF;
}
.mce-error-message span.task-user-to,
.mce-error-message .matrix-edit {
  background: rgba(238, 59, 59, 0.14901961);
  color: #F05252FF;
}
.mce-warning-message {
  background-color: rgba(251, 238, 99, 0.05);
  color: #FACA15FF;
}
.mce-warning-message span.task-user-to,
.mce-warning-message .matrix-edit {
  background: rgba(250, 235, 74, 0.05);
  color: #FACA15FF;
}
.mce-success-message {
  background-color: #0E9F6E1A;
  color: #0E9F6EFF;
}
.mce-success-message span.task-user-to,
.mce-success-message .matrix-edit {
  background: rgba(12, 136, 94, 0.10196078);
  color: #0E9F6EFF;
}
.mce-info-message {
  background-color: rgba(54, 193, 239, 0.06);
  color: #4eb8ff;
}
.mce-info-message span.task-user-to,
.mce-info-message .matrix-edit {
  background: rgba(30, 186, 237, 0.06);
  color: #4eb8ff;
}
.mce-standard-message {
  background-color: rgba(0, 0, 0, 0.15);
  color: #D2D2D2;
}
.mce-standard-message span.task-user-to,
.mce-standard-message .matrix-edit {
  background: rgba(0, 0, 0, 0.15);
  color: #D2D2D2;
}
.mce-tags-message {
  background-color: rgba(0, 0, 0, 0.15);
  border-radius: 3px;
  display: inline-block;
  margin-bottom: 5px;
  padding: 2px 5px;
  color: #D2D2D2;
}
div.error-normal {
  background: #f3f3f3;
  color: #333;
  padding: 5px;
  border: 1px solid #d6d6d6;
  border-radius: 0 0 0.4em 0.4em;
  margin-bottom: 10px;
}
div.error {
  background: #fff0f0;
  border: 1px solid #d6d6d6;
  border-radius: 0 0 0.4em 0.4em;
  padding: 5px;
}
.flex-container {
  display: flex;
  flex-wrap: wrap;
  width: 100%;
  margin-bottom: 2px;
}
.ui-add-item {
  flex: 0 0 calc(50% - 2.5px);
  display: flex;
  align-items: center;
  box-sizing: border-box;
  padding: 4px;
  margin-bottom: 2px;
  color: #D2D2D2;
  font-size: 110%;
  background: rgba(54, 193, 239, 0.06);
  border-radius: 0.4rem;
}
.ui-add-item:nth-child(odd) {
  margin-right: 5px;
}
.ui-add-item.active {
  background: #0E9F6E1A;
}
.ui-add-item .value {
  background: rgba(44, 130, 159, 0.18);
  border-radius: 0.4rem;
  width: 50px;
  margin-right: 10px;
  display: inline-block;
  text-align: center;
  flex-shrink: 0;
  padding: 3px;
}
.ui-add-item .list-input {
  width: 60px;
  text-align: right;
  flex-shrink: 0;
}
.form-save-notification {
  padding: 5px;
  background: #70881873;
  box-shadow: 0 0 25px -2px rgba(0, 0, 0, 0.75);
  border-radius: 3px;
  color: #c5dba6;
  text-align: center;
  display: none;
}
.form-save-notification.mb-10 {
  margin-bottom: 10px;
}
.form-upload {
  background: rgba(0, 0, 0, 0.1);
  border-radius: 3px;
  padding: 10px 0;
}
.form-upload input[type="file"] {
  width: 100%;
  padding: 0;
}
.form-upload #file {
  opacity: 0;
  position: absolute;
  z-index: -1;
}
.form-upload .preview {
  padding: 10px;
}
.form-upload .btn-upload {
  width: 85%;
  height: 36px;
  margin: 0 10px;
  border-radius: 6px;
  background-color: #035fa0;
  border: 1px solid #011522;
  color: #27a4fb;
}
.form-upload label.upload {
  padding: 0 10px;
  font-size: 130%;
  background: #baca3c42;
  margin: 0 0 0 10px;
  border-radius: 6px;
  height: 35px;
  line-height: 36px;
}
.form-upload #upload-info {
  color: #BACA3C;
}
.textarea-controls {
  background: #111a2270;
  border-radius: 0.4rem;
  box-sizing: border-box;
  display: block;
  height: 43px;
  line-height: 33px;
  overflow: hidden;
  padding: 5px;
}
.textarea-controls.only {
  margin: 5px 0 0 0;
}
.gmsSearch {
  float: left;
  width: 200px;
}
.gmsSearch .mce-input {
  background: none;
  border: none;
  float: left;
}
.gmsSearch .mce-input .input-xlarge {
  width: 100px;
}
.form-full {
  width: 100%;
}
.form-full .textarea-div {
  margin: 0;
  border-radius: 0.4rem 0.4rem 0 0 !important;
}
.form-fixed {
  width: 95%;
}
.form-fixed .textarea-div {
  border-radius: 0.4rem 0.4rem 0 0 !important;
}
.typearea {
  cursor: text;
  padding: 5px;
  position: relative;
}
.typearea textarea {
  box-sizing: border-box;
  margin: 0;
  min-height: 60px;
  outline: 0 none;
  overflow: hidden;
  padding: 5px;
  resize: none;
  transition: height 0.2s ease 0s;
  width: 100%;
}
.textarea-div {
  border-radius: 0.4rem;
  background: #16475f;
  border-color: #16475f;
  border-image: none;
  border-style: solid solid none;
  border-width: 1px 1px medium;
  margin: 10px 0 0;
}
input {
  outline: medium none;
}
input:hover,
input:focus,
input:hover,
input:focus {
  background-color: rgba(10, 25, 33, 0.50980392);
  border: 1px solid rgba(10, 25, 33, 0.50980392);
}
input[type="text"],
input[type="password"],
input[type="file"] {
  border-radius: 0.4rem;
  background: #040a0d82;
  border: 1px solid #040a0d82;
  height: 27px;
  width: 98%;
  margin-right: 10px;
  padding: 3px 4px;
  color: #dcf3ff;
}
input[type="file"] {
  width: 30%;
  padding: 0;
}
textarea {
  color: #dcf3ff;
  background: #040a0d82;
  border: 1px solid #040a0d82;
  border-radius: 0.4rem;
  outline: medium none;
  width: 100%;
  margin: 0;
  padding: 8px 5px;
  font-size: 100%!important;
  line-height: 1.4em;
}
textarea.teaser {
  height: 100px;
}
textarea.teaser-external {
  height: 200px;
}
textarea.description {
  height: 490px;
}
textarea.text-height-500 {
  height: 500px !important;
}
textarea.text-height-250 {
  height: 250px !important;
}
textarea.text-height-350 {
  height: 350px !important;
}
.acp-form-control {
  display: block;
  width: 100%;
  height: 30px;
  padding: 0.375rem 0.75rem;
  font-size: 100%;
  font-weight: 400;
  line-height: 1.625;
  color: #dcf3ff;
  background-color: #040a0d82;
  border: 1px solid #040a0d82;
  border-radius: 0.4rem;
  background-clip: padding-box;
  box-shadow: none;
  transition: border-color 0.15s ease-in-out, box-shadow 0.15s ease-in-out;
}
select {
  background-color: #040a0d82;
  border: 1px solid #040a0d82;
  max-width: 98%;
  padding: 5px 5px 0 5px;
  color: #dcf3ff;
  vertical-align: middle;
}
select option {
  background-color: rgba(28, 70, 91, 0.50980392);
  border-bottom: 1px dotted #040a0d82;
  padding: 2px 2px 2px 5px;
  color: #dcf3ff;
}
select option:first-letter {
  font-weight: bold;
}
label {
  display: block;
  margin: 0.5em 0 0.5em;
  color: #FACA15FF;
  font-weight: 400;
  line-height: 1.5em;
}
.form-wrapper {
  width: 410px;
  float: left;
  margin-right: 5px;
}
.form-wrapper .mce-input {
  background: none;
  border: none;
  width: 370px;
  float: left;
}
.form-wrapper-sidebar {
  clear: both;
  min-height: 40px;
}
.form-wrapper-sidebar.point-test {
  background: rgba(54, 193, 239, 0.06);
  border-radius: 0.4rem;
}
.form-wrapper-sidebar.point-out {
  background: #0E9F6E1A;
  border-radius: 0.4rem;
}
.form-wrapper-sidebar .mce-input {
  background: none;
  border: none;
  float: left;
  width: 88%;
}
.form-wrapper .mce-select,
.form-wrapper-sidebar .mce-select {
  background: none;
  border: none;
}
.form-wrapper .mce-button,
.form-wrapper-sidebar .mce-button {
  float: left;
  width: 30px;
  padding: 5px 0 0 2px;
}
.form-wrapper .mce-button button,
.form-wrapper-sidebar .mce-button button {
  padding: 3px 8px 4px 8px!important;
}
.form-wrapper label,
.form-wrapper-sidebar label {
  display: inline-block !important;
  float: left;
  margin-top: 12px;
  margin-right: 10px;
}
.btn-w {
  margin: 0 2px 5px 0;
  padding: 1px;
  display: inline-block;
}
.form-input,
.acp-add,
.acp-submit {
  background: #111a2270;
  border-radius: 0.4rem;
}
.form-input {
  margin-bottom: 10px;
  padding: 5px;
}
.form-input .mce-dataselect .mce-select {
  display: inline-block;
}
.form-input .mce-dataselect .mce-time {
  display: inline-block;
  margin-left: 10px;
}
.form-input .mce-dataselect .mce-time .mce-input {
  display: inline-block;
  margin-left: 5px;
}
.form-input .alert {
  border-radius: 0;
  margin: 5px 0;
}
.form-input label {
  display: block;
  margin: 0 0 2px 5px;
  color: #27a4fb;
  font-weight: 400;
  line-height: 1.5em;
}
.form-input label .add {
  float: right;
  padding: 0 5px;
}
.form-input label .add i {
  color: #27a4fb;
}
.form-input label .link {
  float: right;
  padding: 0 5px;
}
.form-input label .link i {
  color: #27a4fb;
}
.form-input label .link .text {
  padding: 0 10px;
  line-height: normal;
  position: relative;
  top: -6px;
}
.form-input .form-options {
  display: inline-block;
  float: right;
}
.form-input .active {
  background: #0E9F6E1A;
  border-radius: 0.4rem;
}
.form-input .inactive {
  background: #F0525226;
  border-radius: 0.4rem;
}
.form-input .block-1 {
  background: rgba(40, 22, 37, 0.84);
}
.form-input .block-2 {
  background: rgba(56, 58, 42, 0.84);
}
.form-input .search {
  float: left;
  display: inline-block;
  margin-right: 10px;
}
.form-input .search input[type="text"] {
  width: 300px;
}
.form-input .filter {
  float: right;
  margin-right: 10px;
}
.form-input .wrap-icon {
  cursor: pointer;
  display: inline-block;
  margin: 0;
  position: relative;
  text-shadow: 0 -1px 0 rgba(0, 0, 0, 0.25) !important;
  transition: all 0.15s ease 0s;
  vertical-align: middle;
  text-align: center;
  font-size: 150%;
}
.form-input .help-link {
  float: right;
  margin-right: 10px;
  font-size: 90%;
}
.form-input.picture-information {
  padding: 10px 5px;
}
.form-input.picture-information .info-table {
  background: #1f0c2454;
}
.form-input.picture-information img {
  width: 100%;
  height: auto;
}
.acp-submit {
  padding: 5px;
  margin-top: 5px;
  margin-bottom: 5px;
}
.form-element {
  background: #111a2270;
  border-radius: 0.4rem;
  border: 1px solid #111a2270;
  margin-bottom: 3px;
  padding: 5px;
  color: #D2D2D2;
}
.form,
.form-log {
  background-color: #EEEEEE;
  border: 1px solid #A9A6A6;
  width: 99%;
  margin: 0 auto;
  margin-top: 2px;
  padding: 0;
  padding-left: 2px;
  color: #383A2F;
}
.form-log {
  background-color: #FFFFF3;
  color: #165283;
  font-size: 80%;
}
.mce-element {
  padding: 5px;
}
.mce-textarea,
.mce-input,
.mce-select {
  margin-bottom: 3px;
  padding: 5px;
  color: #D2D2D2;
}
.mce-label-checkbox {
  margin-left: 10px;
  position: absolute;
  padding-top: 7px;
}
.mce-inner-search form {
  width: 100%;
}
.mce-inner-search .formWrapper .mce-input {
  float: left;
  width: 80%;
  margin-bottom: 0;
  margin-top: 3px;
}
.mce-inner-search .formWrapper .mce-button {
  margin: 8px 5px 5px 5px;
  float: left;
}
.mce-inner-search .formWrapper .mce-button button {
  padding: 4px 10px !important;
}
.mce-inner {
  padding-top: 10px;
}
.mce-inner .mce-input {
  border: none;
  background: transparent;
}
.mce-input .mce-help {
  float: right;
  margin-top: 5px;
  margin-right: 10px;
  padding: 5px;
}
.mce-input .mce-help .mce-item {
  display: inline-block;
  margin: 0 5px;
}
.mce-input .mce-help .mce-item i {
  margin-right: 10px;
  font-size: 120%;
}
.mce-logo {
  border-radius: 0.4rem;
  margin: 2px 2px 2px;
  padding: 1px;
}
.mce-logo img {
  border: 1px solid #111a2270;
  border-radius: 0.4rem;
}
.if-post {
  background-color: #0072d780;
  border: 1px solid #0072d780;
  color: #67BFFB;
}
.if-post.cancel {
  background-color: #465159;
  border: 1px solid #011522;
  color: #99a7b0;
}
.if-post.preview {
  background-color: #c8c04e5e;
  border: 1px solid #0e0f0a;
  color: #fdbe00;
}
.if-post.preview:hover {
  background: rgba(206, 199, 97, 0.36862745);
  border: 1px solid #000000;
}
.if-post.quick-save {
  background-color: rgba(200, 78, 182, 0.37);
  border: 1px solid #0e0f0a;
  color: #E66BE4;
}
.if-post,
.if-post-now {
  border-radius: 0.4rem;
  text-transform: none;
  margin: 5px 0 0 10px;
  padding: 2px 8px;
  cursor: pointer;
  font-weight: 400;
  height: 25px;
  line-height: 20px;
}
.if-post-now {
  background-color: rgba(71, 143, 202, 0.1);
  border: 1px solid rgba(33, 77, 113, 0.1);
  color: #478fca;
  border-radius: 0.4rem;
}
.if-post-now:hover {
  background: rgba(91, 155, 208, 0.1);
  border: 1px solid rgba(33, 77, 113, 0.1);
}
.mce-vote-text {
  display: inline-block;
  margin: 4px 10px 4px 10px;
  vertical-align: top;
}
.tag {
  background: #37709629;
  border: 1px solid rgba(48, 98, 131, 0.16078431);
  border-radius: 0.4rem;
  color: #8bc7ee;
  box-shadow: none;
  overflow: hidden;
  display: inline-block;
  margin-bottom: 3px;
  margin-right: 2px;
  padding: 0 7px;
  cursor: pointer;
  line-height: 19px;
  text-overflow: ellipsis;
  white-space: nowrap;
}
.tag i {
  font-size: 80%!important;
  padding: 2px 3px!important;
  margin-left: 5px;
}
.tag .first-letter {
  color: #0E9F6EFF;
}
.tag.std {
  background: #77777740;
  color: #f1f1f1;
}
.tag.now {
  background: #659d564f;
  color: #f1f1f1;
}
.gmsWell {
  margin-bottom: 5px;
  min-height: 20px;
}
.gmsWell.px-well {
  background-color: rgba(0, 0, 0, 0.1);
  border: 1px solid rgba(255, 255, 255, 0.15);
  box-shadow: 0 1px 1px rgba(0, 0, 0, 0.05) inset;
  padding: 5px;
}
#widget-latest-chat .widget-body {
  max-height: 67vh;
  overflow: hidden;
}
#widget-latest-chat .widget-body .content-scroll {
  max-height: calc(67vh - 0px);
}
@media screen and (min-width: 1900px) {
  #widget-latest-chat .widget-body {
    max-height: 76vh;
  }
  #widget-latest-chat .widget-body .content-scroll {
    max-height: calc(76vh - 0px);
  }
}
#widget-latest-chat .widget-form {
  position: fixed;
  bottom: 45px;
}
#widget-latest-chat .chat-a {
  margin: 1px;
  background: #4828592b;
}
#widget-latest-chat .chat-a.fade-0 {
  background: rgba(138, 19, 202, 0.27);
  animation: bgFadeToTarget 600ms ease 2s forwards;
}
@keyframes bgFadeToTarget {
  to {
    background: #4828592b;
  }
}
#widget-latest-chat .chat-b {
  margin: 1px;
}
.chat-date {
  display: inline-block;
  width: 90%;
}
.chat-date .chat-line {
  display: block;
  background: rgba(0, 0, 0, 0.1);
  padding: 2px 10px 2px 10px;
  border-radius: 0.4rem;
  font-size: 90%;
}
.chat-date .chat-line .px-app-item-date {
  float: right;
}
.chat-date .chat-line .px-app-item-date.px-app-new {
  color: #0E9F6EFF;
}
.chat-date .chat-line .px-app-item-date.px-app-old {
  color: #FACA15FF;
}
.chat-date .chat-line .px-app-item-date.px-app-close {
  color: #788a93;
}
.chat-date .chat-line i.fa-times {
  float: right;
  color: #F05252FF;
  margin-left: 5px;
  cursor: pointer;
  padding: 2px 0 0 2px;
}
.chat-description {
  margin-top: 2px;
  padding: 5px;
  color: #bad1da;
  line-height: 18px;
  text-align: justify;
}
.chat-description .ilink {
  color: #478FCA;
}
.chat-input {
  padding: 0 0 5px 0;
  background: #16475f;
  border-radius: 0 0 0.4rem 0.4rem;
}
.chat-input i {
  background: #0E9F6EFF;
  border-radius: 0.4rem;
  padding: 3px 10px 3px 12px;
  color: #033B07FF;
  margin: 5px 5px 5px 7px;
}
.app-navigation {
  background: #1c2a37;
  border-radius: 0.4rem;
  padding: 5px;
  margin-bottom: 1px;
}
.app-navigation .app-link {
  border-radius: 0.4rem;
  padding: 3px 10px;
  background: #131d26;
  display: inline-block;
  margin-right: 5px;
}
.admin-dashboard-footer {
  text-align: center;
  padding: 5px;
  font-size: 90%;
  color: #b7e4f1;
}
.well-sm {
  padding: 0!important;
}
.view-position-in-list {
  width: 100px;
  display: inline-block;
}
.view-position-in-list .position-1,
.view-position-in-list .position-2,
.view-position-in-list .position-3,
.view-position-in-list .position-4,
.view-position-in-list .position-5,
.view-position-in-list .position-6 {
  float: left;
  width: 30px;
  margin: 0 2px 2px 0;
  text-align: center;
  font-weight: bold;
}
.position {
  left: 50%;
  position: absolute;
  right: 50%;
  text-align: left;
  top: 20%;
  width: 500px;
}
.section-content {
  margin: 0 20% 0 50px;
  position: relative;
  height: 90.8%;
  top: 60px;
  /****************************************************************
		PAGINATION
	****************************************************************/
  /****************************************************************
		DATE
	****************************************************************/
}
@media screen and (min-width: 1900px) {
  .section-content {
    height: 93%;
  }
}
.section-content .well {
  background: rgba(255, 255, 255, 0.23);
  border-color: transparent;
  border-width: 0!important;
  box-shadow: none!important;
  border-radius: 0!important;
}
.section-content .section-content-inner {
  padding: 0;
  float: left;
  width: 100%;
  height: 100%;
}
.section-content .section-content-inner h1.acp-headnav {
  color: #FACA15FF;
  margin: 10px 0 10px 1px;
  font-weight: bold;
}
.section-content .section-content-inner h1.acp-headnav span {
  font-size: 90%;
  font-weight: normal;
}
.section-content .section-content-inner h1.acp-headnav span.mx1 {
  display: inline-block;
}
.section-content .section-content-inner h1.acp-headnav span.float-right {
  float: right;
}
.section-content .section-content-inner .holder-wrapper-info {
  background: #202f3c;
  padding: 5px;
}
.section-content .section-content-inner .holder-wrapper-info .wrapper-info {
  background: #1c2a37;
  color: #ACBCCA;
  display: block;
  float: left;
  margin: 5px 5px 0 5px;
  padding: 4px 0 0;
  width: 46.8%;
  font-size: 100%;
  text-align: center;
}
.section-content .section-content-inner .holder-wrapper-info .wrapper-info span {
  display: inline-block;
  left: 0;
  width: 100%;
  margin-top: 2px;
  padding: 3px 7px;
  font-size: 90%;
  line-height: 16px;
  text-align: center;
  vertical-align: baseline;
  white-space: nowrap;
}
.section-content .section-content-inner .holder-wrapper-info .wrapper-info span.small {
  font-size: 80%;
  font-weight: normal;
  padding: 0;
}
.section-content .calmain {
  background-color: #202f3c;
  border-radius: 5px 5px 0 0;
  padding: 8px 2px 8px 2px;
  color: #FFF;
  font-weight: bold;
  text-align: center;
}
.section-content .lnk-calmain {
  background: #778192;
  border: 1px solid #545d6b;
  font-size: 80%;
  text-align: center;
  color: #003F61;
  padding: 4px 6px;
}
.section-content .calhead {
  background-color: #cccccc;
  color: inherit;
  padding: 4px 2px 4px 2px;
  text-align: center;
}
.section-content .calday,
.section-content .calevent,
.section-content .caltoday,
.section-content .calweek {
  border: 1px solid #ccc;
  padding: 4px 2px 4px 2px;
  text-align: right;
}
.section-content .calday {
  background-color: #afb1b4;
  color: inherit;
}
.section-content .calevent {
  background-color: #FFCC73;
  color: inherit;
}
.section-content .caltoday {
  background-color: #BFCF99;
  color: inherit;
}
.section-content .calweek {
  background-color: #B38888;
  height: 50px;
  color: inherit;
  text-align: left;
}
.section-content .addtask {
  float: left;
  position: relative;
  top: -20px;
}
.section-content .acp-modul-info {
  margin-top: 5px;
  margin-bottom: 5px;
  padding: 5px 10px;
  font-size: 80%;
  color: #D2D2D2;
}
.section-content .changelog-view .description,
.section-content .changelog-view .description-add,
.section-content .changelog-view .description-fix {
  margin-bottom: 10px;
  padding: 10px;
}
.section-content .changelog-view .description-add {
  background: rgba(41, 83, 41, 0.31);
  border-radius: 0.4rem;
  color: #62d58c;
}
.section-content .changelog-view .description-fix {
  background: rgba(9, 31, 55, 0.88);
  border-radius: 0.4rem;
  color: #67AFF0;
}
.section-content .platforms .mce-select {
  border-radius: 0.4rem;
  float: left;
  height: 80px;
  margin: 5px;
  text-align: center;
  width: 170px;
}
.section-content .platforms select {
  margin-bottom: 10px;
}
.section-content .enu-image {
  background: rgba(0, 0, 0, 0.15);
  border: 1px solid rgba(0, 0, 0, 0.05);
  border-radius: 0.4rem;
  padding: 0 5px;
  margin-bottom: 3px;
  color: #D2D2D2;
}
.section-content .tblcon,
.section-content .tblset,
.section-content .tblmust,
.section-content .tblnorm,
.section-content .tblpre,
.section-content .tblyes,
.section-content .tblno {
  padding: 0 5px;
  margin: 5px 0;
  color: #D2D2D2;
}
.section-content .tblcon .option,
.section-content .tblset .option,
.section-content .tblmust .option,
.section-content .tblnorm .option,
.section-content .tblpre .option,
.section-content .tblyes .option,
.section-content .tblno .option {
  background: rgba(0, 0, 0, 0.1);
  border-radius: 0.4rem;
  padding: 5px;
}
.section-content .tblcon .option i,
.section-content .tblset .option i,
.section-content .tblmust .option i,
.section-content .tblnorm .option i,
.section-content .tblpre .option i,
.section-content .tblyes .option i,
.section-content .tblno .option i {
  margin: 0 10px 0 0;
  padding: 5px;
}
.section-content .tblcon .option i.success,
.section-content .tblset .option i.success,
.section-content .tblmust .option i.success,
.section-content .tblnorm .option i.success,
.section-content .tblpre .option i.success,
.section-content .tblyes .option i.success,
.section-content .tblno .option i.success {
  color: #0E9F6EFF;
}
.section-content .tblcon .option i.error,
.section-content .tblset .option i.error,
.section-content .tblmust .option i.error,
.section-content .tblnorm .option i.error,
.section-content .tblpre .option i.error,
.section-content .tblyes .option i.error,
.section-content .tblno .option i.error {
  color: #F05252FF;
}
.section-content .tblcon .option i.warning,
.section-content .tblset .option i.warning,
.section-content .tblmust .option i.warning,
.section-content .tblnorm .option i.warning,
.section-content .tblpre .option i.warning,
.section-content .tblyes .option i.warning,
.section-content .tblno .option i.warning {
  color: #FF8A4CFF;
}
.section-content .tblcon .option i.info,
.section-content .tblset .option i.info,
.section-content .tblmust .option i.info,
.section-content .tblnorm .option i.info,
.section-content .tblpre .option i.info,
.section-content .tblyes .option i.info,
.section-content .tblno .option i.info {
  color: #27a4fb;
}
.section-content .tblpre {
  border-left: 2px solid #FACA15FF;
}
.section-content .tblyes {
  border-left: 2px solid #0E9F6EFF;
}
.section-content .tblno {
  border-left: 2px solid #F05252FF;
}
.section-content .view-counter {
  color: #69AA46;
}
.section-content .list-subtitle {
  display: block;
  margin-top: 3px;
  color: #788a93;
  font-size: 80%;
  font-weight: normal;
}
.section-content .list-subtitle .px-view-counter {
  color: #0E9F6EFF;
}
.section-content .pageselect {
  overflow: hidden;
  color: #b7e4f1;
  text-align: center;
}
.section-content .pageselect a.lnk-pages,
.section-content .pageselect a.lnk-pagenow {
  background: rgba(98, 126, 143, 0.34117647);
  border: 1px solid rgba(98, 126, 143, 0.34117647);
  border-radius: 3px;
  display: inline-block;
  width: 50px;
  margin: 2px;
  color: #b7e4f1;
  font-size: 80%;
  font-weight: bold;
  text-align: center;
}
.section-content .pageselect a.lnk-pages:hover,
.section-content .pageselect a.lnk-pagenow:hover {
  background: rgba(156, 175, 187, 0.34117647);
}
.section-content .pageselect a.lnk-pagenow {
  background: rgba(186, 200, 208, 0.34117647);
  border: 1px solid rgba(186, 200, 208, 0.34117647);
}
.section-content .date-in-list-new .mx1,
.section-content .date-in-list-yesterday .mx1,
.section-content .date-in-list-old .mx1 {
  display: block;
  font-weight: bold;
}
.section-footer {
  background: #1c2a37;
  color: #bad1da;
  position: fixed;
  z-index: 999;
  bottom: 0;
  display: block;
  height: 30px;
  width: 100%;
  padding: 0 10px;
  font-size: 80%;
}
.section-footer .dev {
  border-radius: 0.4rem;
  display: inline-block;
  padding: 4px 10px;
  text-align: center;
  cursor: pointer;
  position: absolute;
  top: -5px;
}
.section-footer .dev.set {
  background: rgba(255, 64, 255, 0.35);
}
.section-footer .dev.on {
  background: #0b0f14;
  color: #7996a9;
}
.section-footer .dev.off {
  background: #F0525226;
}
.section-footer ul {
  list-style: outside none none;
  margin: 0;
  padding: 0;
}
.section-footer ul li {
  content: " ";
  display: table;
  float: left;
  height: 30px;
  line-height: 14px;
}
.section-footer ul li .gui-badge {
  background: #1c2a37;
}
.section-footer ul li .gui-badge:hover {
  background: #253748;
  border-radius: 0.4rem;
}
.section-footer ul li .gui-badge.link {
  padding: 4px 12px;
  margin-top: 3px;
}
.section-footer .footer-info {
  padding-top: 5px;
  text-align: right;
}
.block-tag {
  background: rgba(103, 193, 245, 0.2);
  margin: 5px 0 5px 0;
  padding: 5px;
}
.app-links > a {
  background: rgba(103, 193, 245, 0.2);
  color: #67c1f5;
  cursor: pointer;
  display: inline-block;
  line-height: 30px;
  margin-right: 5px;
  padding: 0 15px;
}
.app-dates {
  background: rgba(30, 0, 20, 0.2);
  color: #67c1f5;
  display: inline-block;
  margin-right: 5px;
  padding: 2px 15px;
  text-align: center;
}
.page-date .px-app-item-date {
  border-radius: 0.4rem;
  background: #181f2d;
  float: right;
  padding: 2px 5px;
  width: 100%;
  font-size: 80%;
}
.page-date .px-app-item-date.px-app-new {
  color: #0E9F6EFF;
  margin-bottom: 2px;
}
.page-date .px-app-item-date.px-app-old {
  color: #FACA15FF;
  margin-bottom: 2px;
}
.page-date .px-app-item-date.px-app-close {
  color: #788a93;
  margin-bottom: 2px;
}
.page-date .px-app-item-date .px-app-block {
  display: block;
}
.page-date .px-app-item-date .px-user {
  float: left;
  margin-right: 5px;
}
.page-date .px-app-item-date .px-user img {
  border-radius: 0.4rem;
  width: 32px;
  height: auto;
}
.etabs {
  background: #111a2270;
  border-radius: 0.4rem;
  padding: 5px;
  margin: 0;
}
.tab {
  background: #202f3c;
  border-radius: 0.4rem;
  border-bottom: none;
  margin-right: 5px;
  display: inline-block;
  zoom: 1;
  *display: inline;
}
.tab:hover {
  background: #217ba4;
}
.tab:hover a {
  color: #ddf0ff !important;
}
.tab a {
  display: block;
  padding: 0 10px;
  outline: none;
  line-height: 2em;
  color: #858f93 !important;
}
.tab a:hover {
  text-decoration: none;
}
.tab.active {
  background: #217ba4;
  position: relative;
}
.tab.active .active {
  color: #ddf0ff !important;
}
.tab-container-content .panel-container,
.tab-container-sidebar .panel-container {
  padding: 5px 0 10px 0;
}
.panel-container {
  margin-bottom: 10px;
}
.panel-container .form-fix {
  padding: 0 15px;
}
.body-description,
.description {
  color: #f1f1f1;
  line-height: 1.4em;
  padding: 10px;
  text-align: justify;
}
.bb-te {
  color: #A9F5F2;
}
.bb-code {
  padding: 0 10px;
}
.bb-code .fas,
.bb-code .fab {
  padding: 5px;
  background: #0072d780;
  border-radius: 3px;
  cursor: pointer;
  color: #67BFFB;
}
.bb-code .fas:hover,
.bb-code .fab:hover {
  background: rgba(0, 128, 241, 0.50196078);
}
.bb-code .fas.left,
.bb-code .fab.left {
  background: rgba(253, 192, 168, 0.25098039);
}
.bb-code .fas.left:hover,
.bb-code .fab.left:hover {
  background: rgba(254, 210, 193, 0.25098039);
}
.bb-code .fas.right,
.bb-code .fab.right {
  background: rgba(168, 253, 171, 0.25);
}
.bb-code .fas.right:hover,
.bb-code .fab.right:hover {
  background: rgba(193, 254, 195, 0.25);
}
.bb-code .fas.seb,
.bb-code .fab.seb {
  background: rgba(253, 168, 246, 0.25);
}
.bb-code .fas.seb:hover,
.bb-code .fab.seb:hover {
  background: rgba(254, 193, 249, 0.25);
}
.bb-code .fas.link,
.bb-code .fab.link {
  background: rgba(247, 133, 11, 0.34);
}
.bb-code .fas.link:hover,
.bb-code .fab.link:hover {
  background: rgba(248, 145, 36, 0.34);
}
.bb-buttons {
  background: rgba(0, 0, 0, 0.1);
  display: inline-block;
  border-radius: 3px;
  margin-bottom: 5px;
  margin-right: 10px;
  padding: 2px;
}
.bb-buttons img {
  cursor: pointer;
}
.bb_headline {
  border-bottom: 1px solid rgba(255, 255, 255, 0.1);
  margin-bottom: 10px;
  padding: 5px 1px 2px 0;
  font-weight: bold;
}
ul.bbcode-listing {
  list-style: square;
}
ul.bbcode-listing li {
  background: none!important;
  margin-bottom: 2px!important;
  padding: 5px;
}
ul.bbcode-listing li:hover {
  background: none!important;
}
.bbcode {
  color: #585A54;
  border: 1px solid #C6CCCE;
  background: #E4E4E4;
  padding: 1px;
  opacity: 0.8;
  filter: alpha(opacity=80);
  -moz-opacity: 0.8;
}
.bbclip {
  margin: 5px 0 0 0;
  padding: 5px;
  background-color: #E1E2DF;
  border: 1px solid #A0A0A0;
}
.bb_bracket {
  font-weight: bold;
  color: #000;
  padding: 3px;
  float: left;
  margin: 10px 0 10px 0;
  width: 98%;
  text-align: center;
  border: 1px solid #D9DFE6;
  background-color: #EAEBEF;
}
.bb_sbracket {
  font-size: 90%;
  color: #125463;
  padding: 3px;
  float: left;
  margin: 10px 0 10px 0;
  width: 98%;
}
.bb_imgfr {
  float: left;
  clear: both;
  margin-right: 10px;
  margin-top: 5px;
  margin-bottom: 5px;
  border: 1px solid #30302F;
  padding: 1px;
  vertical-align: top;
}
.bb_imgfi {
  float: right;
  clear: both;
  margin-left: 10px;
  margin-top: 5px;
  margin-bottom: 5px;
  border: 1px solid #30302F;
  padding: 1px;
  vertical-align: top;
}
.bb_small {
  font-size: 80%;
}
.bb_quotehead {
  font-weight: bold;
  color: #DDE2E3;
  border-top: 1px ridge #000;
  border-left: 1px ridge #000;
  border-right: 0 solid #000;
  background: #39586C;
  padding: 5px;
}
.bb_quote {
  border: 1px solid #000;
  padding: 10px 2px 5px 5px;
  background: #FFF;
}
.bb_php_head {
  font-weight: bold;
  border-top: 1px solid #C6C6C6;
  border-left: 1px solid #C6C6C6;
  border-right: 1px solid #C6C6C6;
  background: #F4F4F4;
  padding: 2px 2px 2px 10px;
  width: 98%;
}
.bb_php_cont {
  background: #D8DCDD;
  padding: 2px 2px 2px 10px;
  border: 1px solid #C6C6C6;
  width: 98%;
}
.bb_php {
  font-weight: normal;
  border: 1px solid #C6C6C6;
  background: #F4F4F4;
  padding: 2px;
  width: 98%;
}
.bb_anker {
  font-weight: bold;
}
.bb_ankerlnk:link {
  text-decoration: none;
  color: #690202;
  cursor: pointer;
}
.bb_ankerlnk:visited {
  text-decoration: none;
  color: #690202;
  cursor: pointer;
}
.bb_ankerlnk:active {
  text-decoration: none;
  color: #690202;
  cursor: pointer;
}
.bb_ankerlnk:hover {
  text-decoration: none;
  color: #960303;
  cursor: pointer;
}
.lnk-bbclip:link {
  text-decoration: none;
  color: #012847;
}
.lnk-bbclip:visited {
  text-decoration: none;
  color: #012847;
}
.lnk-bbclip:active {
  text-decoration: none;
  color: #012847;
}
.lnk-bbclip:hover {
  text-decoration: none;
  color: #01589B;
  cursor: pointer;
}
.button-add {
  background: #1d89e94a;
  padding: 10px;
  margin: 5px 0;
  text-align: center;
  border-radius: 0.4rem;
}
.btn {
  padding: 3px 12px!important;
}
.small16 {
  height: 16px!important;
  width: 16px!important;
  margin-right: 5px;
}
.small18 {
  height: 18px!important;
  width: 18px!important;
}
.acp-navigation-wrapper {
  border-bottom: 1px solid rgba(127, 207, 113, 0.15);
  padding: 2px 0 3px 0;
}
.acp-navigation-wrapper .acp-navigation {
  margin: 0 0 0 2px;
  width: 31%;
  display: inline-block;
  text-align: center;
  font-size: 120%;
}
.acp-navigation-wrapper .acp-navigation.editor {
  background: rgba(127, 207, 113, 0.1);
  border: 1px solid rgba(127, 207, 113, 0.15);
}
.acp-navigation-wrapper .acp-navigation.editorActive {
  background: rgba(127, 207, 113, 0.5);
}
.acp-navigation-wrapper .acp-navigation.admin {
  background: rgba(59, 184, 235, 0.1);
  border: 1px solid rgba(59, 184, 235, 0.15);
}
.acp-navigation-wrapper .acp-navigation.adminActive {
  background: rgba(59, 184, 235, 0.5);
}
.acp-navigation-wrapper .acp-navigation.system {
  background: rgba(218, 99, 169, 0.1);
  border: 1px solid rgba(218, 99, 169, 0.15);
}
.acp-navigation-wrapper .acp-navigation.systemActive {
  background: rgba(218, 99, 169, 0.5);
}
.acp-navigation-wrapper .acp-navigation a {
  padding: 5px 14px;
  text-decoration: none;
  font-weight: bold;
  color: #cccccc;
}
.btn {
  background-image: none !important;
  border: 1px solid #FFFFFF;
  border-radius: 0;
  box-shadow: none !important;
  cursor: pointer;
  display: inline-block;
  margin: 0;
  position: relative;
  transition: all 0.15s ease 0s;
  vertical-align: middle;
  color: #D2D2D2;
}
.btn,
.btn-default,
.btn:focus,
.btn-default:focus {
  background-color: rgba(171, 186, 195, 0.4);
  border-color: rgba(171, 186, 195, 0.2);
}
.btn-sm,
.btn-xs,
.btn-editor {
  border-radius: 0.4rem;
  padding: 5px 10px;
  font-size: 90%;
  line-height: 1.5;
}
.btn-sm {
  padding: 4px 9px;
  font-size: 90%;
  line-height: 1.39;
}
.btn-editor {
  background-color: rgba(76, 99, 119, 0.4);
  border: 1px solid rgba(66, 86, 103, 0.4);
  margin-right: 2px;
  padding: 2px 5px;
  font-size: 90%;
  line-height: normal;
  color: rgba(156, 175, 192, 0.4);
}
.btn-success {
  background-color: rgba(135, 184, 127, 0.4);
  border-color: rgba(120, 175, 111, 0.4);
  color: #0E3300 !important;
}
.btn-success:hover {
  background-color: rgba(144, 189, 137, 0.4) !important;
  border-color: rgba(120, 175, 111, 0.4);
}
.btn-success.dropdown-toggle {
  background-color: #629B58 !important;
  border-color: #87B87F;
}
.open {
  background-color: #629B58 !important;
  border-color: #87B87F;
}
.btn-info {
  background-color: #37709629 !important;
  border-color: rgba(48, 98, 131, 0.16078431);
  color: rgba(170, 187, 199, 0.16);
  border-radius: 3px;
  margin-right: 2px;
}
.btn-info:hover {
  background-color: rgba(59, 120, 161, 0.16078431) !important;
  border-color: rgba(48, 98, 131, 0.16078431);
}
.btn-info i {
  margin-right: 5px;
}
.btn-warning {
  background-color: rgba(255, 249, 194, 0.4) !important;
  border-color: rgba(255, 246, 168, 0.4);
  color: #FFF9C2 !important;
}
.btn-warning:hover {
  background-color: rgba(255, 251, 209, 0.4) !important;
  border-color: rgba(255, 246, 168, 0.4);
}
.open .btn-info.dropdown-toggle {
  background-color: #88c0e6 !important;
  border-color: #91c5e8;
}
.create-content {
  float: right;
  background-color: #37709629;
  border: 1px solid rgba(48, 98, 131, 0.16078431);
  border-radius: 0.4rem;
  padding: 2px 20px;
  position: relative;
  top: -7px;
  color: rgba(21, 42, 57, 0.16078431);
}
.media-items {
  overflow: hidden;
  background: rgba(0, 0, 0, 0.4);
  border-radius: 2px;
  height: 100px;
  margin-top: 5px;
  margin-bottom: 5px;
  padding: 5px 0 5px 0;
  text-align: center;
}
.media-items.alert-error {
  background: #F0525226;
  border: 1px solid rgba(238, 59, 59, 0.14901961);
}
.media-items.alert-success {
  background: #0E9F6E1A;
  border: 1px solid rgba(12, 136, 94, 0.10196078);
}
.media-items .image {
  width: auto;
  overflow: hidden;
  border-radius: 2px;
  height: 100%;
}
.media-gallery {
  overflow: hidden;
  background: rgba(0, 0, 0, 0.4);
  border: 1px solid rgba(0, 0, 0, 0.4);
  border-radius: 3px;
  height: 135px;
  width: 190px;
  margin-top: 5px;
  margin-bottom: 5px;
  padding: 5px 0 5px 0;
  text-align: center;
}
.media-gallery.alert-error {
  background: #F0525226;
  border: 1px solid rgba(238, 59, 59, 0.14901961);
}
.media-gallery.alert-success {
  background: #0E9F6E1A;
  border: 1px solid rgba(12, 136, 94, 0.10196078);
}
.media-pic {
  width: 180px;
  overflow: hidden;
}
.i-content {
  color: #fd5f01;
}
.i-logo {
  color: #ff0060;
}
.i-gallery {
  color: #01c3cc;
}
.i-news {
  color: #94b301;
}
.i-icon {
  color: #8c01b3;
}
.gmsImageItems {
  width: 100%;
  margin: 10px;
}
.gmsImageItems .gmsImageItem {
  float: left;
  width: 19.3%;
  margin: 0 5px 5px 0;
  text-align: center;
}
.gmsImageItems .gmsImageItem .imageItemHead {
  background: rgba(0, 0, 0, 0.15);
  border: 1px solid rgba(0, 0, 0, 0.05);
  border-radius: 0.4rem;
}
.gmsImageItems .gmsImageItem .imageItemHead,
.gmsImageItems .gmsImageItem .imageItemBody {
  margin-bottom: 3px;
  color: #788a93;
}
.gmsImageItems .gmsImageItem .imageItemHead .option i,
.gmsImageItems .gmsImageItem .imageItemBody .option i {
  margin: 0 10px 0 0;
  padding: 5px;
}
.gmsImageItems .gmsImageItem .imageItemHead i {
  font-size: 100%;
  cursor: pointer;
}
.gmsImageItems .gmsImageItem .imageItemBody {
  text-align: center;
}
.dashboard-image {
  padding: 5px;
  margin-bottom: 5px;
}
.dashboard-image img {
  border-radius: 0.4rem;
}
.icons {
  padding: 3px 3px 2px 3px;
  margin: 2px;
  background: rgba(0, 0, 0, 0.4);
  display: inline-block;
  border-radius: 0.4rem;
}
table.list-view td {
  height: 70px;
}
table.list-view-small td {
  height: 20px;
}
table {
  width: 100%;
}
table.table-bordered > thead > tr > td {
  border: 1px solid #161c2591;
}
table.table-bordered > thead > tr > td {
  border-bottom-width: 0;
}
table.table-striped > tbody > tr {
  background: #232B3AD6;
  border-radius: 0.5rem;
}
table.table-striped > tbody > tr:hover {
  background: rgba(39, 48, 64, 0.83921569);
}
table.table-striped > tbody > tr:nth-child(2n+1) {
  background: #222A3970;
}
table.table-striped > tbody > tr:nth-child(2n+1):hover {
  background: rgba(39, 48, 64, 0.83921569);
}
table.table-bordered > thead > tr > th,
table.table-bordered > tbody > tr > th,
table.table-bordered > tfoot > tr > th,
table.table-bordered > thead > tr > td,
table.table-bordered > tbody > tr > td,
table.table-bordered > tfoot > tr > td {
  border: 1px solid #161c2591;
}
table thead tr {
  background: rgba(0, 8, 13, 0.28);
}
table thead td {
  text-transform: uppercase;
  font-weight: bold;
}
table th,
table td {
  padding: 8px;
  line-height: 15px;
}
table tr.tr-success {
  background: #0E9F6E1A !important;
}
table tr.tr-error {
  background: #F0525226 !important;
}
table th {
  font-weight: bold;
  vertical-align: bottom;
  color: #858f93 !important;
  text-align: left;
}
table td {
  border-top: 1px solid #161c2591;
  vertical-align: top;
}
table td img {
  border-radius: 0.4rem;
}
table td .row-subline {
  border-bottom: 1px dashed rgba(204, 136, 175, 0.21);
  padding: 2px 0;
}
table td .row-subline .action-item {
  float: right;
  position: relative;
  top: -3px;
  margin-left: 3px;
}
table td .row-subline .action-item i {
  font-size: 80%!important;
  padding: 4px 5px!important;
}
table td .row-subline .alert-action,
table td .row-subline .alert-action-go {
  float: right;
  position: relative;
  top: -3px;
  min-width: 70px;
  margin-left: 3px;
}
table .tbltop {
  vertical-align: top;
  padding: 1px;
}
table .contact-list {
  background: rgba(0, 100, 100, 0.2);
  border-radius: 3px;
}
table .contact-list label {
  border-bottom: 1px dashed rgba(255, 255, 255, 0.1);
  display: inline-block;
  width: 150px;
  margin: 0;
}
table .contact-list table th {
  background: #d5d5d5 !important;
}
table .contact-list table td {
  border-bottom: 1px dashed rgba(255, 255, 255, 0.1);
}
.table-hide {
  background: none;
}
.table-hide .left {
  margin-right: 5px;
}
table#datatables .center,
table.dateWidget .center {
  text-align: center;
}
table#datatables .badge,
table.dateWidget .badge {
  text-align: center;
}
table#datatables .badge span,
table.dateWidget .badge span {
  display: inline-block;
  min-width: 40px;
}
table#datatables .level,
table.dateWidget .level {
  width: 100px;
  text-align: center;
}
table#datatables .level span,
table.dateWidget .level span {
  border-radius: 0.4rem;
  display: inline-block;
  min-width: 60px;
  text-align: center;
}
table#datatables .title .od-title,
table.dateWidget .title .od-title {
  padding: 3px 0;
}
table#datatables .title .od-title small,
table.dateWidget .title .od-title small {
  color: #738ab7;
}
table#datatables .count,
table.dateWidget .count,
table#datatables .author,
table.dateWidget .author,
table#datatables .price,
table.dateWidget .price {
  text-align: center;
  width: 10%;
}
table#datatables .price,
table.dateWidget .price {
  background: rgba(96, 115, 149, 0.3);
  font-weight: 700;
  color: #97B3E0;
}
table#datatables .shop,
table.dateWidget .shop {
  width: 15%;
}
table#datatables .shop span,
table.dateWidget .shop span {
  display: block;
  margin-bottom: 2px;
}
table#datatables .shops,
table.dateWidget .shops {
  width: 15%;
}
table#datatables .shop-unit,
table.dateWidget .shop-unit {
  width: 40%;
}
table#datatables .image,
table.dateWidget .image {
  text-align: center;
  width: 7%;
}
table#datatables .date,
table.dateWidget .date,
table#datatables .date-icon,
table.dateWidget .date-icon,
table#datatables .date-sm,
table.dateWidget .date-sm {
  text-align: center;
}
table#datatables .date .px-user,
table.dateWidget .date .px-user,
table#datatables .date-icon .px-user,
table.dateWidget .date-icon .px-user,
table#datatables .date-sm .px-user,
table.dateWidget .date-sm .px-user {
  width: 20px;
  height: 20px;
  font-size: 80%;
  display: inline-block;
  float: right;
}
table#datatables .date .px-user img.avatar,
table.dateWidget .date .px-user img.avatar,
table#datatables .date-icon .px-user img.avatar,
table.dateWidget .date-icon .px-user img.avatar,
table#datatables .date-sm .px-user img.avatar,
table.dateWidget .date-sm .px-user img.avatar {
  border-radius: 0.4rem;
  width: 100%;
}
table#datatables .date .px-app-item-date,
table.dateWidget .date .px-app-item-date,
table#datatables .date-icon .px-app-item-date,
table.dateWidget .date-icon .px-app-item-date,
table#datatables .date-sm .px-app-item-date,
table.dateWidget .date-sm .px-app-item-date {
  background: #181f2d;
  border-radius: 0.4rem;
  float: right;
  padding: 2px 5px;
  width: 100%;
  font-size: 80%;
}
table#datatables .date .px-app-item-date.px-app-new,
table.dateWidget .date .px-app-item-date.px-app-new,
table#datatables .date-icon .px-app-item-date.px-app-new,
table.dateWidget .date-icon .px-app-item-date.px-app-new,
table#datatables .date-sm .px-app-item-date.px-app-new,
table.dateWidget .date-sm .px-app-item-date.px-app-new {
  color: #0E9F6EFF;
  margin-bottom: 2px;
}
table#datatables .date .px-app-item-date.px-app-new.bgn,
table.dateWidget .date .px-app-item-date.px-app-new.bgn,
table#datatables .date-icon .px-app-item-date.px-app-new.bgn,
table.dateWidget .date-icon .px-app-item-date.px-app-new.bgn,
table#datatables .date-sm .px-app-item-date.px-app-new.bgn,
table.dateWidget .date-sm .px-app-item-date.px-app-new.bgn {
  background: #335b3b73;
}
table#datatables .date .px-app-item-date.px-app-old,
table.dateWidget .date .px-app-item-date.px-app-old,
table#datatables .date-icon .px-app-item-date.px-app-old,
table.dateWidget .date-icon .px-app-item-date.px-app-old,
table#datatables .date-sm .px-app-item-date.px-app-old,
table.dateWidget .date-sm .px-app-item-date.px-app-old {
  color: #FACA15FF;
  margin-bottom: 2px;
}
table#datatables .date .px-app-item-date.px-app-close,
table.dateWidget .date .px-app-item-date.px-app-close,
table#datatables .date-icon .px-app-item-date.px-app-close,
table.dateWidget .date-icon .px-app-item-date.px-app-close,
table#datatables .date-sm .px-app-item-date.px-app-close,
table.dateWidget .date-sm .px-app-item-date.px-app-close {
  color: #788a93;
  margin-bottom: 2px;
}
table#datatables .date .px-app-item-date .px-app-block,
table.dateWidget .date .px-app-item-date .px-app-block,
table#datatables .date-icon .px-app-item-date .px-app-block,
table.dateWidget .date-icon .px-app-item-date .px-app-block,
table#datatables .date-sm .px-app-item-date .px-app-block,
table.dateWidget .date-sm .px-app-item-date .px-app-block {
  display: block;
}
table#datatables .icon img,
table.dateWidget .icon img {
  margin-right: 5px;
}
table#datatables .icon.achievement img,
table.dateWidget .icon.achievement img {
  width: 50px;
  height: auto;
}
table#datatables .date,
table.dateWidget .date {
  width: 110px;
  height: 70px;
}
table#datatables .date-icon,
table.dateWidget .date-icon {
  width: 115px;
  height: 70px;
}
table#datatables .date-sm,
table.dateWidget .date-sm {
  width: 115px;
}
table#datatables .edit-icon,
table.dateWidget .edit-icon {
  width: 50px;
}
table#datatables .id,
table.dateWidget .id {
  min-width: 2%;
}
table#datatables .option-320,
table.dateWidget .option-320 {
  padding-left: 20px;
  width: 320px;
}
table#datatables .option-320 i,
table.dateWidget .option-320 i {
  padding: 5px 10px;
  margin-right: 5px;
}
table#datatables .option-320 i.blue,
table.dateWidget .option-320 i.blue {
  color: #478FCA;
}
table#datatables .option-320 i.pink,
table.dateWidget .option-320 i.pink {
  color: #8a66ac;
}
table#datatables .option,
table.dateWidget .option,
table#datatables .sex,
table.dateWidget .sex {
  padding-left: 20px;
  width: 200px;
}
table#datatables .option i,
table.dateWidget .option i,
table#datatables .sex i,
table.dateWidget .sex i {
  padding: 5px 10px;
  margin-right: 5px;
}
table#datatables .option i.blue,
table.dateWidget .option i.blue,
table#datatables .sex i.blue,
table.dateWidget .sex i.blue {
  color: #478FCA;
}
table#datatables .option i.pink,
table.dateWidget .option i.pink,
table#datatables .sex i.pink,
table.dateWidget .sex i.pink {
  color: #8a66ac;
}
table#datatables .sex,
table.dateWidget .sex {
  width: 100px;
  margin-right: 15px;
  text-align: center;
}
table#datatables .item,
table.dateWidget .item {
  display: block;
  padding: 2px 0;
  font-size: 90%;
}
table#datatables .pointer i,
table.dateWidget .pointer i {
  cursor: pointer;
}
table.dateWidget {
  margin-bottom: 5px;
}
.mo-mini-button {
  font-size: 0.8rem;
  padding: 2px 7px;
  margin: 0 1px 0 0;
  border-width: 1px;
  border-radius: 2px;
}
.mo-button {
  -webkit-appearance: none;
  font-size: 1rem;
  text-shadow: none;
  line-height: 1;
  display: inline-block;
  padding: 5px 10px;
  position: relative;
  border-radius: 3px;
  border: 1px solid transparent;
  background: #444857;
  color: white;
  cursor: pointer;
  white-space: nowrap;
  text-overflow: ellipsis;
  text-decoration: none !important;
  text-align: center;
  font-weight: normal !important;
}
.mo-button.mo-green {
  background: #27a4fb;
}
.mo-button.mo-close {
  margin-left: auto;
}
.tab-layout-modal {
  position: absolute;
  box-shadow: 0 4px 10px rgba(0, 0, 0, 0.9);
}
.tab-layout-modal {
  border: 3px solid #252830;
  background: #131417;
  top: 3rem;
  left: 1rem;
  right: 1rem;
  bottom: 5rem;
  margin: 0 auto auto;
  padding: 0;
  color: white;
  border-radius: 4px;
  z-index: 201;
  -webkit-transform: scale(0.9);
  transform: scale(0.9);
  -webkit-transform-origin: center center;
  transform-origin: center center;
  width: 700px;
  max-width: calc(100% - 2rem);
  max-height: 80vh;
}
@media (max-width: 767px), (max-height: 440px) {
  .tab-layout-modal {
    width: auto;
    max-height: none;
  }
}
.tab-layout-modal .ios-toggle-wrap.template-wrap {
  margin: 0;
}
@media (max-width: 550px) {
  .tab-layout-modal {
    width: 100%;
    width: calc(100% - 2rem);
  }
}
html[class*=' safari'] .tab-layout-modal {
  max-height: 600px;
}
.tab-layout-modal {
  opacity: 0;
  visibility: hidden;
}
.modal-open > .tab-layout-modal,
.tab-layout-modal.modal-open {
  opacity: 1;
  visibility: visible;
  -webkit-transform: scale(1);
  transform: scale(1);
  transition: 0.3s ease all;
}
.tab-layout-modal input[type='name'],
.tab-layout-modal input[type='text'],
.tab-layout-modal input[type='email'],
.tab-layout-modal input[type='password'],
.tab-layout-modal input[type='search'],
.tab-layout-modal input[type='url'],
.tab-layout-modal input[type='number'],
.tab-layout-modal textarea {
  background: #e3e4e8 !important;
  border-color: #e3e4e8 !important;
  color: #2c303a;
}
.tab-layout-modal input[type='name']:focus,
.tab-layout-modal input[type='text']:focus,
.tab-layout-modal input[type='email']:focus,
.tab-layout-modal input[type='password']:focus,
.tab-layout-modal input[type='search']:focus,
.tab-layout-modal input[type='url']:focus,
.tab-layout-modal input[type='number']:focus,
.tab-layout-modal textarea:focus {
  background: white;
  border-color: white;
}
.tab-layout {
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
  -webkit-flex-direction: column;
  -ms-flex-direction: column;
  flex-direction: column;
}
.tab-layout > .tabs {
  padding-bottom: 0;
}
.tab-layout > .tab-page {
  display: none;
}
.tab-layout > .tab-page.active {
  display: block;
}
.tab-layout main {
  margin: 0.375rem 1.25rem 0;
}
.tab-layout footer {
  background: #252830;
  border-radius: 0 0 4px 4px;
  -webkit-box-shadow: 0 -4px 10px rgba(19, 20, 23, 0.25);
  box-shadow: 0 -4px 10px rgba(19, 20, 23, 0.25);
  padding: 0.75rem;
  position: relative;
}
.tab-layout footer .close,
.tab-layout footer .save-and-close {
  margin-left: auto;
}
.tab-layout footer .save-and-close-wrap {
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: justify;
  -webkit-justify-content: space-between;
  -ms-flex-pack: justify;
  justify-content: space-between;
  -webkit-box-align: center;
  -webkit-align-items: center;
  -ms-flex-align: center;
  align-items: center;
}
.tab-layout footer .save-and-close-wrap.pro {
  -webkit-box-pack: end;
  -webkit-justify-content: flex-end;
  -ms-flex-pack: end;
  justify-content: flex-end;
  margin-top: 0.25rem;
}
.tab-layout footer .save-and-close-wrap.pro .ios-toggle-wrap {
  background: transparent;
}
.tab-layout footer .save-and-close-wrap.pro .ios-toggle {
  margin: 0 0.25rem;
}
.tab-layout footer .save-and-close-wrap.pro .badge {
  margin-left: 0.25rem;
}
.tab-layout footer .save-and-close-wrap .button-upsell {
  border-width: 2px;
  border-color: #5a5f73;
  background: #444857;
  -webkit-transition: 0.3s ease all;
  transition: 0.3s ease all;
  white-space: normal;
}
.tab-layout footer .save-and-close-wrap .button-upsell span {
  -webkit-transition: 0.3s ease all;
  transition: 0.3s ease all;
}
.tab-layout footer .save-and-close-wrap .button-upsell:hover,
.tab-layout footer .save-and-close-wrap .button-upsell:active {
  background: #ffdd40;
  border-color: #ffdd40;
  color: black;
}
.tab-layout footer .save-and-close-wrap .button-upsell:hover span,
.tab-layout footer .save-and-close-wrap .button-upsell:active span {
  background: black;
  color: white !important;
}
.tab-layout-header {
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
  -webkit-align-items: center;
  -ms-flex-align: center;
  align-items: center;
  -webkit-flex-shrink: 0;
  -ms-flex-negative: 0;
  flex-shrink: 0;
  border-bottom: 2px solid #2c303a;
  margin: 0.375rem 1.25rem 0;
}
.tab-layout-header .save-and-close {
  background: transparent;
  margin-right: -7px;
}
.tab-layout-header .save-and-close svg {
  fill: #868ca0;
  -webkit-transition: 0.2s ease all;
  transition: 0.2s ease all;
}
.tab-layout-header .save-and-close:hover svg,
.tab-layout-header .save-and-close:focus svg {
  fill: white;
}
.room-professor.student .tab-layout-header .save-and-close-wrap {
  display: none;
}
.tab-layout-header-title {
  color: inherit;
  margin: 0.2rem auto 0 0;
  font-size: 1.125rem;
  font-weight: 700;
  border-bottom: 2px solid #47cf73;
  padding: 0.625rem 0;
  margin-bottom: -2px;
}
.tab-layout-tabs {
  overflow-y: auto;
  overflow-x: hidden;
  padding: 1rem 0;
  margin-bottom: 0 !important;
}
.tab-layout-tabs::-webkit-scrollbar {
  width: 0.5em;
  height: 0.5em;
}
.tab-layout-tabs::-webkit-scrollbar-thumb {
  background: #717790;
}
.tab-layout-tabs::-webkit-scrollbar-track {
  background: #0a0a0c;
}
@media (max-width: 767px), (max-height: 440px) {
  .tab-layout-tabs {
    padding: 0.2rem 0 1rem;
    margin: 1rem 0.75rem 0;
    overflow-y: hidden;
    overflow-x: auto;
    white-space: nowrap;
    border-bottom: 2px solid #2c303a;
  }
}
.tab-layout-tabs a {
  display: block;
  color: white;
  -webkit-transition: 0.3s ease;
  transition: 0.3s ease;
  -webkit-transition-property: background-color, -webkit-transform;
  transition-property: background-color, -webkit-transform;
  transition-property: transform, background-color;
  transition-property: transform, background-color, -webkit-transform;
  line-height: 1.7;
  padding: 0 1.25rem;
  overflow: hidden;
  position: relative;
}
.tab-layout-tabs a::before {
  position: absolute;
  left: 0;
  top: 0;
  bottom: 0;
  content: '';
  width: 3px;
  background: #47cf73;
  -webkit-transform: translateX(-100%);
  transform: translateX(-100%);
  -webkit-transition: inherit;
  transition: inherit;
}
.tab-layout-tabs a.active,
.tab-layout-tabs a:hover,
.tab-layout-tabs a:active {
  background: #2c303a;
}
.tab-layout-tabs a.active {
  font-weight: 700;
}
.tab-layout-tabs a.active::before {
  -webkit-transform: translateX(0);
  transform: translateX(0);
}
@media (max-width: 767px), (max-height: 440px) {
  .tab-layout-tabs a {
    display: inline-block;
    padding: 0 0.5rem;
  }
  .tab-layout-tabs a::before {
    display: none;
  }
}
.tab-layout-tab-group {
  margin-bottom: 1rem;
}
@media (max-width: 767px), (max-height: 440px) {
  .tab-layout-tab-group {
    margin-bottom: 0;
    display: inline-block;
  }
}
.tab-layout-tab-group-heading {
  font-size: 0.8rem;
  text-transform: uppercase;
  color: #868ca0;
  padding: 0 1.25rem;
  margin-bottom: 0.25rem;
}
@media (max-width: 767px), (max-height: 440px) {
  .tab-layout-tab-group-heading {
    padding: 0 0.5rem;
    margin-top: 0.5rem;
  }
}
.tab-layout-wrapper {
  padding-bottom: 1rem;
  height: 100%;
  overflow-y: hidden;
}
@media (max-width: 767px), (max-height: 440px) {
  .tab-layout-wrapper {
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -webkit-flex-direction: column;
    -ms-flex-direction: column;
    flex-direction: column;
  }
}
.tab-page {
  overflow-y: auto;
  overflow-x: hidden;
  height: 100%;
  padding: 1.125rem 1.25rem 3rem;
}
.tab-page::-webkit-scrollbar {
  width: 0.5em;
  height: 0.5em;
}
.tab-page::-webkit-scrollbar-thumb {
  background: #717790;
}
.tab-page::-webkit-scrollbar-track {
  background: #0a0a0c;
}
html[class*=' safari'] .tab-page {
  height: 500px;
}
.tab-page h3 {
  display: none;
}
.tab-page > *:last-child {
  padding-bottom: 1rem;
}
.tab-page p a:not(.button) {
  border-bottom: 1px solid #56bcf9;
}
.tab-page p a:not(.button):hover,
.tab-page p a:not(.button):focus {
  color: #87d0fb;
  border-bottom: none;
}
.tab-page .error {
  display: none;
  margin: 8px 0;
  color: #ff3c41;
}
.tab-page .callout {
  padding: 0.125rem 0 0.25rem;
  background: #3d88c3;
  text-align: center;
  font-weight: bold;
  display: block;
  color: black;
  margin: 0.75rem 0 0.5rem;
  border-radius: 3px;
}
.tab-layout .ios-toggle-mega-label {
  text-transform: none;
  letter-spacing: 0;
  margin: 0.125rem 0 0 3.75rem;
}
.tab-layout .ios-toggle-mega-label span {
  display: none;
}
.tab-layout .ios-toggle-mega-label:after {
  opacity: 1;
  content: 'Off';
}
.tab-layout .ios-toggle > input:checked ~ .ios-toggle-mega-label:after {
  content: 'On';
}
.tab-layout .radio-list {
  list-style: none;
  color: #c7c9d3;
}
.tab-layout .top-label-form label.small-inline {
  text-transform: none;
  margin: 0;
  vertical-align: top;
  line-height: 1.6;
  font-size: 1rem;
  letter-spacing: 0;
  margin-left: 0.25rem;
}
/* ios toggle less*/
.ios-toggle {
  position: relative;
  display: inline-block;
  width: 2.975em;
  height: 1.5em;
  border-radius: 1em;
  background: #b7bbc8;
  vertical-align: middle;
  margin: 0 0.5rem;
}
.ios-toggle > input {
  opacity: 0;
  width: 100% !important;
  height: 100%;
  position: absolute !important;
}
.ios-toggle > input:checked + label {
  background: #47cf73;
  margin-top: 0;
}
.ios-toggle > input:checked + label::after {
  right: 0;
  left: 1.225em;
}
.ios-toggle > label:not(.ios-toggle-mega-label) {
  display: block !important;
  width: 100% !important;
  height: 100%;
  border-radius: 1em;
  transition: background 0.125s;
}
.ios-toggle > label:not(.ios-toggle-mega-label)::before,
.ios-toggle > label:not(.ios-toggle-mega-label)::after {
  position: absolute;
  content: '';
  top: 0;
  left: 0;
  height: 1.4em;
  border-radius: inherit;
  transition: all 0.2s;
  width: 50%;
}
.ios-toggle > label:not(.ios-toggle-mega-label)::after {
  background: #fff;
  transform: scale(1.1);
  right: 1.225em;
  margin: 1px;
  box-shadow: 0 0.21875em rgba(0, 0, 0, 0.05), inset 0 -1.75em 1.75em -1.75em rgba(0, 0, 0, 0.1);
}
.ios-toggle-mega-label-wrap {
  display: inline-block;
  position: relative;
}
.ios-toggle-mega-label {
  text-transform: none;
  letter-spacing: 0;
  margin: 0.125rem 0 0 3.75rem;
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
}
.ios-toggle-mega-label::after {
  opacity: 1;
  content: 'Off';
}
.changelog-view label {
  display: block;
  font-weight: bold;
  line-height: 1.5em;
  margin: 0.5em 0;
}
.changelog-view .description,
.changelog-view .description-add,
.changelog-view .description-fix {
  margin: 5px 3px;
  padding: 0.4rem;
}
.changelog-view .description-add,
.changelog-view .description-fix {
  line-height: 20px;
}
.changelog-view .description-add .bb_headline,
.changelog-view .description-fix .bb_headline {
  background: none repeat scroll 0 0 rgba(3, 6, 9, 0.74);
  border: medium none;
  margin: 0;
  padding: 5px;
  text-align: center;
}
.changelog-view .description-add {
  background: rgba(41, 83, 41, 0.31);
  color: #62d58c;
}
.changelog-view .description-add label {
  border-bottom: 1px solid #3aca6f;
  color: #8ae0a9;
}
.changelog-view .description-fix {
  background: rgba(9, 31, 55, 0.88);
  color: #67AFF0;
}
.changelog-view .description-fix label {
  border-bottom: 1px solid #3997eb;
  color: #95c7f5;
}
.bb_tip {
  background: #a063ca4f;
  padding: 0.5rem;
  border-radius: 0.5rem;
  margin-bottom: 0.5rem;
}
.bb_img {
  padding: 1px;
  border: 1px solid #125463;
  margin-bottom: 5px;
}
/*
    ColorBox Core Style:
    The following CSS is consistent between example themes and should not be altered.
*/
#colorbox,
#cboxOverlay,
#cboxWrapper {
  position: absolute;
  top: 0;
  left: 0;
  z-index: 9999999;
  overflow: hidden;
  outline: medium none;
}
#colorbox {
  background: #1f3752;
  position: fixed;
  top: 20px !important;
}
#cboxOverlay {
  position: fixed;
  width: 100%;
  height: 100%;
}
#cboxMiddleLeft,
#cboxBottomLeft {
  clear: left;
}
#cboxContent {
  position: relative;
  outline: medium none;
}
#cboxLoadedContent {
  overflow: hidden !important;
}
#cboxTitle {
  margin: 0;
}
#cboxLoadingOverlay,
#cboxLoadingGraphic {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
}
#cboxPrevious,
#cboxNext,
#cboxClose,
#cboxSlideshow {
  cursor: pointer;
}
.cboxPhoto {
  float: left;
  margin: auto;
  border: 0;
  display: block;
}
.cboxIframe {
  width: 100%;
  height: 100%;
  display: block;
  border: 0;
}
.widget-box-tabs {
  background: #202f3c;
  border: 1px solid #202f3c;
  margin: 5px 0 20px 0;
  padding: 5px;
}
.widget-box {
  background: radial-gradient(circle at top left, rgba(43, 83, 117, 0.34) 0, #0f0f0fe0 140%);
  border-radius: 0.4rem;
  border: 1px solid #23618670;
  box-shadow: 0 0 4px 0 rgba(0, 0, 0, 0.36);
  margin-bottom: 10px;
  padding: 0;
}
.widget-box.transparent {
  border-width: 1px;
}
.widget-box.left {
  margin-right: 20px;
}
.widget-box.bottom {
  margin-bottom: 20px;
}
.widget-box .widget-agenda {
  display: inline-block;
  float: right;
  line-height: 24px;
  margin-top: 7px;
  padding: 0 10px;
  position: relative;
}
.widget-box .widget-agenda span {
  border-radius: 3px;
  display: inline-block;
  width: 20px;
  height: 20px;
  margin-left: 5px;
}
.widget-box .widget-agenda .pre {
  background: #FACA15FF;
}
.widget-box .widget-agenda .yes {
  background: #0E9F6EFF;
}
.widget-box .widget-agenda .no {
  background: #F05252FF;
}
.widget-box .widget-options {
  float: right;
  position: relative;
  display: inline-block;
  margin-top: 5px;
  padding: 0;
  color: #2e4457;
  line-height: 24px;
}
.widget-box .widget-options .autoRefresh {
  color: #0E9F6EFF;
}
.widget-box .widget-options .widget-option-icon {
  border-radius: 0.4rem;
  display: inline-block;
  margin-right: 5px;
  text-align: center;
  background: #293844;
  padding: 0 10px 0;
  font-size: 80%;
}
.widget-box .widget-options .widget-option-icon.w-grid:hover {
  background: #334554;
}
.widget-box .widget-options .widget-option-icon.w-grid a {
  color: #27a4fb;
}
.widget-box .widget-options .widget-option-icon.dashboard:hover {
  background: #334554;
}
.widget-box .widget-options .widget-option-icon.dashboard a,
.widget-box .widget-options .widget-option-icon.dashboard i {
  color: #B749BF;
}
.widget-box .widget-options .widget-option-icon.monitor:hover {
  background: #334554;
}
.widget-box .widget-options .widget-option-icon.monitor a,
.widget-box .widget-options .widget-option-icon.monitor i {
  color: #B749BF;
}
.widget-box .widget-options .widget-option-icon.list:hover {
  background: #334554;
}
.widget-box .widget-options .widget-option-icon.list a,
.widget-box .widget-options .widget-option-icon.list i {
  color: #27a4fb;
}
.widget-box .widget-options .widget-option-icon.list-extra:hover {
  background: #334554;
}
.widget-box .widget-options .widget-option-icon.list-extra a,
.widget-box .widget-options .widget-option-icon.list-extra i {
  color: #FF8A4CFF;
}
.widget-box .widget-options .widget-option-icon.console:hover {
  background: #334554;
}
.widget-box .widget-options .widget-option-icon.console a {
  color: #c34cca;
}
.widget-box .widget-options .widget-option-icon.create:hover {
  background: #334554;
}
.widget-box .widget-options .widget-option-icon.create a,
.widget-box .widget-options .widget-option-icon.create i {
  color: #6c3 !important;
}
.widget-box .widget-options .widget-option-icon.create-extra:hover {
  background: #334554;
}
.widget-box .widget-options .widget-option-icon.create-extra a,
.widget-box .widget-options .widget-option-icon.create-extra i {
  color: #6c3;
}
.widget-box .widget-options .widget-option-icon.search:hover {
  background: #334554;
}
.widget-box .widget-options .widget-option-icon.search a {
  color: #27a4fb;
}
.widget-box .widget-options .widget-option-icon.help:hover {
  background: #334554;
}
.widget-box .widget-options .widget-option-icon.help a {
  color: #F05252FF;
}
.widget-box .widget-options .widget-option-icon.notice:hover {
  background: #334554;
}
.widget-box .widget-options .widget-option-icon.notice a {
  color: #FACA15FF;
}
.widget-box .widget-options .widget-option-icon.refresh:hover {
  background: #334554;
}
.widget-box .widget-options .widget-option-icon.refresh i {
  color: #FACA15FF;
  cursor: pointer;
}
.widget-box .widget-options .widget-option-icon.setting:hover {
  background: #334554;
}
.widget-box .widget-options .widget-option-icon.setting i {
  color: #27a4fb;
  cursor: pointer;
}
.widget-box .widget-options .nav-tabs {
  border-bottom-width: 0;
  margin-bottom: 0;
  margin-top: 3px;
  top: auto;
}
.widget-box .widget-options .nav-tabs li {
  float: left;
  display: block;
  position: relative;
  margin-bottom: auto;
}
.widget-box .widget-options .nav-tabs li a {
  display: block;
  box-shadow: none;
  position: relative;
  top: 1px;
  line-height: 22px;
  margin-top: 2px;
  padding: 3px 15px;
  color: #27a4fb;
}
.widget-box .widget-options .nav-tabs li.active a {
  background-color: #FFFFFF;
  border: 1px solid #E4E3E3;
  border-bottom-color: rgba(0, 0, 0, 0);
  border-top: 2px solid #27a4fb;
  box-shadow: none;
  margin-top: auto;
  padding: 3px 15px;
}
.widget-box .no-border {
  border-left: none;
}
.widget-box .widget-header {
  background: transparent;
  background-image: transparent;
  box-sizing: content-box;
  min-height: 34px;
  padding-left: 6px;
  position: relative;
  line-height: 1.5em;
}
.widget-box .widget-header > .widget-title {
  color: #b7c5db;
  display: inline;
  margin: 0;
  padding: 0;
  line-height: 34px;
  letter-spacing: 1px;
  text-transform: uppercase;
  font-size: 100%;
}
.widget-box .widget-header > .widget-title i {
  color: #27a4fb;
  margin-right: 10px;
}
.widget-box .widget-header > .widget-title span {
  margin-left: 10px;
}
.widget-box .widget-header > .widget-title .date-in-list-new,
.widget-box .widget-header > .widget-title .date-in-list-yesterday,
.widget-box .widget-header > .widget-title .date-in-list-old {
  margin-left: 0;
}
.widget-box .widget-header > .widget-title .date-in-list-new .mx1,
.widget-box .widget-header > .widget-title .date-in-list-yesterday .mx1,
.widget-box .widget-header > .widget-title .date-in-list-old .mx1 {
  display: inline-block;
  margin-left: 0;
  font-weight: bold;
}
.widget-box .widget-pre-loader {
  background: rgba(0, 0, 0, 0.1);
  padding: 50px;
  text-align: center;
  font-size: 180%;
  color: #27a4fb;
}
.widget-box .widget-body {
  background: transparent;
  border-radius: 0.4rem;
  border-top: none;
  display: none;
  padding: 1px 0 1px 0;
}
.widget-box .widget-body .terminal {
  background-color: #000;
  color: #00FF00;
  font-family: monospace;
  font-weight: bold;
  padding: 10px;
}
.widget-box .widget-body .terminal .t-line {
  padding: 5px 0;
  display: block;
}
.widget-box .widget-body .item-title {
  padding: 5px;
}
.widget-box .widget-body .acp-description {
  padding: 10px;
}
.widget-box .widget-body .acp-description label {
  border-bottom: 1px solid #FACA15FF;
}
.widget-box .widget-body .acp-description .acp-container-info {
  background: rgba(0, 0, 0, 0.1);
  border-radius: 3px;
  margin-bottom: 10px;
}
.widget-box .widget-body .acp-description .acp-container-info .acp-item {
  border-bottom: 1px solid rgba(255, 255, 255, 0.1);
  padding: 4px;
}
.widget-box .widget-body .acp-description-date {
  padding: 0 20px;
}
.widget-box .widget-body .blue-gradient {
  background: rgba(0, 0, 0, 0) linear-gradient(to bottom, rgba(60, 131, 206, 0.3) 60%, rgba(201, 189, 174, 0) 84%);
}
.widget-box .widget-body.full-height {
  min-height: 730px;
}
.widget-box .widget-body .ui-dialog-content {
  display: none;
}
.widget-box .widget-body .ui-dialog-content .ui-dialog-link {
  background: rgba(10, 10, 10, 0.2);
  padding: 5px;
  margin-bottom: 2px;
}
.widget-box .widget-body .content-scroll {
  overflow-y: scroll;
  -ms-overflow-style: none;
  scrollbar-width: none;
}
.widget-box .widget-body .content-scroll ::-webkit-scrollbar {
  display: none;
}
.widget-box .widget-body .widget-label {
  text-align: center;
  text-transform: uppercase;
  border-radius: 0.4rem;
  margin: 5px 3px;
}
.widget-box .widget-body .widget-label.new {
  background: #335b3b73;
  color: #0E9F6EFF;
}
.widget-box .widget-body .widget-label.inProgress {
  background: #b3860073;
  color: #FACA15FF;
}
.widget-box .widget-body .widget-label.done {
  background: #788a9347;
  color: #788a93;
}
.widget-box .widget-body .todo-group-title {
  background: rgba(0, 0, 0, 0.2);
  border-bottom: 1px solid rgba(255, 255, 225, 0.15);
  border-top: 1px solid rgba(255, 255, 225, 0.15);
  color: #999;
  line-height: 31px;
  margin: 0;
  padding: 0 0 0 10px;
}
.widget-box .widget-body .todo-group-title i {
  margin-right: 10px;
}
.widget-box .widget-body .todo {
  list-style: none;
  margin: 0;
  padding: 0;
}
.widget-box .widget-body .todo > li {
  background: #393f4f;
  border-bottom: 1px solid rgba(255, 255, 255, 0.15);
  display: block;
  overflow: hidden;
  position: relative;
}
.widget-box .widget-body .todo > li i {
  color: #0E9F6EFF;
  font-size: 120%;
}
.widget-box .widget-body .task-date {
  padding-left: 5px;
  padding-bottom: 5px;
}
.widget-box .widget-body .task-date .app-item-date {
  display: inline-block;
  min-width: 60px;
  text-align: center;
}
.widget-box .widget-body .todo > li > p {
  display: inline-block;
  font-weight: 500;
  height: 100%;
  line-height: normal;
  margin-bottom: 0;
  min-height: 30px;
  padding: 8px 0 2px 7px;
}
.widget-box .widget-body .todo > li > p > span {
  display: block;
  font-size: 90%;
  font-weight: 400;
  line-height: 12px;
  padding-top: 5px;
}
.widget-box .widget-body .todo > li.complete > * {
  font-style: italic;
  text-decoration: line-through;
}
.widget-box .widget-body table i,
.widget-box .widget-body .option-field i {
  background: rgba(0, 0, 0, 0.3);
  border-radius: 3px;
  margin-right: 0;
  padding: 5px 10px;
}
.widget-box .widget-body table i:hover,
.widget-box .widget-body .option-field i:hover {
  background: rgba(18, 13, 53, 0.3);
}
.widget-box .widget-body table i.edit-list,
.widget-box .widget-body .option-field i.edit-list {
  background: none;
}
.widget-box .widget-body table i.action,
.widget-box .widget-body .option-field i.action {
  background: #FF61AC;
}
.widget-box .widget-body .widget-main {
  padding: 5px;
}
.widget-box .widget-body .widget-main.has-filter {
  max-height: 680px;
}
.widget-box .widget-body .widget-main .main-page,
.widget-box .widget-body .widget-main .sidebar {
  padding-top: 5px;
}
.widget-box .widget-body .widget-main.view-description {
  background: rgba(0, 100, 100, 0.2);
  padding: 10px;
}
.widget-box .widget-body .widget-main.border {
  padding: 5px;
}
.widget-box .widget-body .widget-main .app-item-date span {
  display: block;
}
.widget-box .widget-body .widget-main .app-item-date.app-new {
  color: #0E9F6EFF;
}
.widget-box .widget-body .widget-main .app-item-date.app-old {
  color: #FACA15FF;
}
.widget-box .widget-body .widget-main .app-item-date.app-close {
  color: #788a93;
}
.widget-box .widget-body .stats-item {
  background: rgba(81, 7, 102, 0.17);
  padding: 5px;
}
.widget-box .widget-body .stats-item .stats-label {
  text-align: center;
  letter-spacing: 1px;
  text-transform: uppercase;
  padding: 0 0 5px 0;
  margin-bottom: 5px;
  border-bottom: 1px solid rgba(100, 55, 113, 0.79);
}
.widget-box .widget-body .stats-item .stats-value {
  padding: 5px 0;
}
.widget-box .widget-body .stats-item .stats-value .stats-value-item {
  background: rgba(216, 138, 238, 0.27);
  border-radius: 3px;
  padding: 2px 10px;
}
.widget-box .widget-body .wrapper-info {
  float: left;
  margin-right: 10px;
  text-align: center;
  min-width: 150px;
}
.widget-box .widget-body .wrapper-info span {
  display: block;
  font-weight: bold;
  padding: 5px;
}
.widget-box .widget-body .wrapper-info span.small {
  font-size: 80%;
  font-weight: normal;
  padding: 0;
}
.widget-box .widget-body .showGrids .col-shop {
  width: 32.8%;
  float: left;
  height: 120px;
  margin-right: 5px;
}
.widget-box .widget-body .showGrids .form-input {
  min-height: 100px;
  padding: 2px 5px;
}
.widget-box .widget-body .showGrids .form-input input {
  width: 90%;
}
.widget-box .widget-body .prices .form-input,
.widget-box .widget-body .others .form-input {
  width: 170px;
  height: 110px;
  float: left;
  margin-right: 10px;
}
.widget-box .widget-body .prices .form-input input,
.widget-box .widget-body .others .form-input input {
  width: 70%;
}
.widget-box .widget-body .review .form-input {
  width: 270px;
  height: 110px;
  float: left;
  margin-right: 10px;
}
.widget-box .widget-body .review .form-input input {
  width: 70%;
}
.widget-box .widget-body .block {
  box-sizing: border-box;
  display: block;
  min-height: 50px;
  padding: 5px 2px;
}
.widget-box .widget-body .block .image {
  display: inline-block;
  margin-right: 10px;
  padding: 3px;
}
.widget-box .widget-body .block .image img {
  border-radius: 0.4rem;
}
.widget-box .widget-body .block .block-row {
  display: block;
  margin-bottom: 5px;
}
.widget-box .widget-body .block .block-row .px-user {
  width: 20px;
  height: 20px;
  font-size: 80%;
  display: inline-block;
  float: right;
}
.widget-box .widget-body .block .block-row .px-user img.avatar {
  border-radius: 0.4rem;
  width: 100%;
}
.widget-box .widget-body .main-page {
  float: left;
  width: 70%;
  margin-right: 5px;
}
.widget-box .widget-body .main-page .description {
  border-radius: 0.4rem;
  padding: 5px;
}
.widget-box .widget-body .sidebar {
  float: right;
  width: 29%;
}
.widget-box .widget-body .sidebar input[type="text"],
.widget-box .widget-body .sidebar input[type="password"] {
  width: 96%;
}
.widget-box .widget-body .sidebar input[type="text"].date,
.widget-box .widget-body .sidebar input[type="password"].date {
  width: 150px;
}
.widget-box .widget-body .help {
  display: inline-block;
  margin-top: 2px;
  padding: 0 5px;
  color: #7996a9;
  font-size: 90%;
}
.widget-box .widget-body .help-extend {
  padding: 10px 5px;
  font-size: 90%;
  color: #D7B701;
  background: #D7B70126;
  border-radius: 3px;
  margin-top: 10px;
}
.widget-box .widget-body .help-link {
  background: rgba(105, 170, 70, 0.3);
  border: 1px solid rgba(94, 152, 63, 0.3);
  border-radius: 0.4rem;
  display: inline-block;
  margin-left: 10px;
  padding: 2px 8px;
}
.widget-box .widget-body .sidebar-list {
  list-style: none;
  margin: 0;
  padding: 0;
}
.widget-box .widget-body .sidebar-list li {
  background: rgba(68, 75, 77, 0.31);
  padding: 10px 5px 10px 10px;
  margin-bottom: 2px!important;
}
.widget-box .widget-body .sidebar-list li a {
  font-size: 120%;
  font-weight: bold;
}
.widget-box .widget-body .sidebar-list li a .title {
  display: block;
  margin-top: 2px;
  font-size: 90%;
  font-weight: normal;
}
.widget-box .widget-body .widget-toolbar-control {
  max-height: 1px;
  position: relative;
  top: -22px;
}
.widget-box .widget-body .widget-toolbar-control .filter-view {
  background: #17222b;
  border: 1px solid #17222b;
  display: inline-block;
  position: relative;
  border-bottom: none;
  border-radius: 3px 3px 0 0;
  color: #b7e4f1;
  cursor: pointer;
}
.widget-box .widget-body .widget-toolbar-control .filter-view {
  left: 50%;
  padding: 0 20px;
}
.widget-box .widget-body .widget-toolbar-control .filter-view i {
  margin-right: 10px;
}
.widget-box .widget-body .widget-toolbar {
  background-color: #152431;
  margin: 0;
  padding: 0;
  position: relative;
  top: -2px;
}
.widget-box .widget-body .widget-toolbar .filterNo {
  display: none;
}
.widget-box .widget-body .widget-toolbar .filterYes {
  display: block;
}
.widget-box .widget-body .widget-toolbar form {
  display: inline-block;
}
.widget-box .widget-body .widget-toolbar .filter-buttons {
  position: relative;
  float: right;
  top: 10px;
  right: 10px;
}
.widget-box .widget-body .wo-container {
  background: #111a2270;
  border-radius: 0.4rem;
  padding: 5px;
  margin: 5px 3px;
}
.widget-box .widget-body .wo-container label {
  margin: 0;
  border-radius: 0.4rem;
}
.widget-box .widget-body .wo-container .wo-box:after {
  clear: both;
  content: " ";
  display: table;
}
.widget-box .widget-body .wo-container .wo-box .wo-box-row {
  position: relative;
  top: 5px;
  display: block;
  font-size: 100%;
  margin: 0 10px;
  float: left;
}
.widget-box .widget-body .wo-container .wo-box .wo-box-row .wo-good {
  color: #0E9F6EFF !important;
}
.widget-box .widget-body .wo-container .wo-box .wo-box-row .wo-average {
  color: #FACA15FF !important;
}
.widget-box .widget-body .wo-container .wo-box .wo-box-row .wo-bad {
  color: #F05252FF !important;
}
.widget-box .widget-form {
  box-sizing: border-box;
  position: relative;
}
.widget-box .widget-footer {
  border-top: 1px solid #6a7b951f;
  background: transparent;
  padding: 2px 0;
  color: #537695;
  text-align: center;
  font-size: 80%;
  margin: 10px 5px 0;
}
.widget-box .widget-item {
  float: left;
  margin-right: 10px;
}
.widget-box .widget-item span.item {
  display: block;
  margin-bottom: 2px;
  padding: 2px;
}
.widget-box .widget-item span.item .date-center {
  background: rgba(170, 151, 45, 0.3);
  border-radius: 0.4rem;
  display: block;
  margin-top: 5px;
  padding: 2px;
  text-align: center;
}
.widget-box .amazon-search-image,
.widget-box .amazon-search {
  background: #202f3c;
  float: left;
  padding: 5px;
  margin-right: 5px;
  min-width: 200px;
}
.widget-box .amazon-search-image {
  text-align: center;
}
.widget-box .amazon-search-image img {
  border-radius: 0.4rem;
}
.widget-box .amazon-search {
  width: 80%;
}
.widget-grid-item {
  border-radius: 0.4rem;
  background: #051b2657;
  padding: 5px;
  margin: 0 0 10px 0;
  min-height: 150px;
}
.widget-grid-item.dash {
  border: 1px solid #453557f7;
  background: #45355778;
}
.widget-grid-item.dash .g-description {
  background: #130e155e;
  color: #8d6b97;
}
.widget-grid-item.dash .g-description .report-info {
  color: #7d6e82;
}
.widget-grid-item.min-height-none {
  min-height: 0;
}
.widget-grid-item .g-name {
  font-size: 110%;
  border-bottom: 1px solid rgba(10, 53, 74, 0.34117647);
  padding: 5px;
  margin-bottom: 5px;
  text-align: center;
}
.widget-grid-item .g-description {
  padding: 0.4rem;
  background: #131f2b;
  border-radius: 0.4rem;
  color: #9bbcd1;
  min-height: 100px;
  margin: 0 3px;
}
.widget-grid-item .g-description .report {
  padding: 5px;
  font-size: 90%;
  background: radial-gradient(circle at 0 100%, #59396a1f, #fff0), radial-gradient(circle at 50% 100%, hsla(0, 0%, 100%, 0.06), transparent), radial-gradient(circle at 50% 100%, #4b397a61, #2a192942);
  margin-top: 5px;
  color: #8de874;
  letter-spacing: 2px;
}
.widget-grid-item .g-description .report-info {
  font-size: 70%;
  text-align: center;
  padding: 5px 0 0 0;
  color: #4b636f;
}
.widget-grid-item .g-description-original {
  padding: 0 5px;
  font-size: 90%;
  color: #FACA15FF;
}
.user {
  display: inline-block;
}
.user img.avatar {
  border: 2px solid rgba(0, 0, 0, 0.4);
  max-width: 40px;
  position: relative;
  border-radius: 25px;
}
.lvl-1,
.lvl-2,
.lvl-3,
.lvl-4,
.lvl-5 {
  display: inline-block;
  border-radius: 3px;
  padding: 5px;
}
.lvl-1 {
  background: #d3d3d3;
  color: #878787;
}
.lvl-1 a {
  color: #878787 !important;
}
.lvl-2 {
  background: #9bcc9c;
  color: #468847 !important;
}
.lvl-2 a {
  color: #468847 !important;
}
.lvl-3 {
  background: #a1cbdf;
  color: #3a87ad;
}
.lvl-3 a {
  color: #3a87ad !important;
}
.lvl-4 {
  background: #ddaf93;
  color: #a45e33;
}
.lvl-4 a {
  color: #a45e33 !important;
}
.lvl-5 {
  background: #d6c9e2;
  color: #8a66ac;
}
.lvl-5 a {
  color: #8a66ac !important;
}
.ui-timepicker-div .ui-widget-header {
  margin-bottom: 8px;
}
.ui-timepicker-div dl {
  text-align: left;
}
.ui-timepicker-div dl dt {
  float: left;
  clear: left;
  padding: 0 0 0 5px;
}
.ui-timepicker-div dl dd {
  margin: 0 10px 10px 40%;
}
.ui-timepicker-div td {
  font-size: 90%;
}
.ui-tpicker-grid-label {
  background: none;
  border: none;
  margin: 0;
  padding: 0;
}
.ui-timepicker-div .ui_tpicker_unit_hide {
  display: none;
}
.ui-timepicker-rtl {
  direction: rtl;
}
.ui-timepicker-rtl dl {
  text-align: right;
  padding: 0 5px 0 0;
}
.ui-timepicker-rtl dl dt {
  float: right;
  clear: right;
}
.ui-timepicker-rtl dl dd {
  margin: 0 40% 10px 10px;
}
/* Shortened version style */
.ui-timepicker-div.ui-timepicker-oneLine {
  padding-right: 2px;
}
.ui-timepicker-div.ui-timepicker-oneLine .ui_tpicker_time,
.ui-timepicker-div.ui-timepicker-oneLine dt {
  display: none;
}
.ui-timepicker-div.ui-timepicker-oneLine .ui_tpicker_time_label {
  display: block;
  padding-top: 2px;
}
.ui-timepicker-div.ui-timepicker-oneLine dl {
  text-align: right;
}
.ui-timepicker-div.ui-timepicker-oneLine dl dd,
.ui-timepicker-div.ui-timepicker-oneLine dl dd > div {
  display: inline-block;
  margin: 0;
}
.ui-timepicker-div.ui-timepicker-oneLine dl dd.ui_tpicker_minute:before,
.ui-timepicker-div.ui-timepicker-oneLine dl dd.ui_tpicker_second:before {
  content: ':';
  display: inline-block;
}
.ui-timepicker-div.ui-timepicker-oneLine dl dd.ui_tpicker_millisec:before,
.ui-timepicker-div.ui-timepicker-oneLine dl dd.ui_tpicker_microsec:before {
  content: '.';
  display: inline-block;
}
.ui-timepicker-div.ui-timepicker-oneLine .ui_tpicker_unit_hide,
.ui-timepicker-div.ui-timepicker-oneLine .ui_tpicker_unit_hide:before {
  display: none;
}
:root {
  --blue: #27a4fb;
  --indigo: #3F51B5;
  --purple: #ac66f5;
  --pink: #E91E63;
  --red: #E53935;
  --orange: #FF5722;
  --yellow: #ffe21f;
  --green: #2cc56f;
  --teal: #53ffc1;
  --cyan: #00f3e7;
  --white: #fff;
  --gray: #6c757d;
  --gray-dark: #343a40;
  --primary: #27a4fb;
  --secondary: #6c757d;
  --success: #2cc56f;
  --info: #27a4fb;
  --warning: #ffc021;
  --danger: #E53935;
  --light: #f0f6f9;
  --dark: #1e2a31;
  --fade-duration: 1s;
  --breakpoint-xs: 0;
  --breakpoint-sm: 576px;
  --breakpoint-md: 768px;
  --breakpoint-lg: 992px;
  --breakpoint-xl: 1200px;
  --font-family-sans-serif: "Roboto", sans-serif;
  --font-family-monospace: SFMono-Regular, Menlo, Monaco, Consolas, "Liberation Mono", "Courier New", monospace;
}
* {
  scrollbar-width: thin;
  scrollbar-color: #019ffd #22313a;
}
*,
::after,
::before {
  -webkit-box-sizing: border-box;
  box-sizing: border-box;
}
@font-face {
  font-family: 'Open Sans';
  font-weight: normal;
  font-style: normal;
}
html {
  font-feature-settings: normal;
  font-variation-settings: normal;
}
body,
div,
dl,
dt,
dd,
ul,
ol,
li,
h1,
h2,
h3,
h4,
h5,
h6,
pre,
code,
form,
fieldset,
label,
legend,
input,
button,
p,
blockquote,
th,
td {
  font-family: 'Open Sans', -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, "Helvetica Neue", Arial, "Noto Sans", sans-serif, "Apple Color Emoji", "Segoe UI Emoji", "Segoe UI Symbol", "Noto Color Emoji";
}
body {
  font-size: 0.9375rem !important;
  background: #1c2a37;
  margin: 0;
  color: #9bbcd1;
}
body .px-green {
  color: #0E9F6EFF;
}
body a:link,
body a:visited,
body a:active,
body a:hover {
  color: #bad1da;
  text-decoration: none;
}
body a:hover {
  text-decoration: underline;
  cursor: pointer;
}
body a:focus {
  outline: 0;
}
body .max-h650 {
  max-height: 650px !important;
}
body .max-h770 {
  max-height: 770px !important;
}
body .max-h780 {
  max-height: 780px !important;
}
body .center {
  text-align: center;
}
body #od-wrapper {
  padding: 5px;
}
body .ml10 {
  margin-left: 10px;
}
body .mr10 {
  margin-right: 10px;
}
body .mr5 {
  margin-right: 5px;
}
body .mb5 {
  margin-bottom: 5px;
}
body .mb10 {
  margin-bottom: 10px;
}
body .pl10 {
  padding-left: 10px;
}
body .pr10 {
  padding-right: 10px;
}
body .p010 {
  padding: 0 10px !important;
}
body .gms-center {
  text-align: center;
}
body .gms-center .fa-spin {
  color: rgba(255, 255, 255, 0.25);
}
body .font-small {
  font-size: 70%;
  font-weight: normal;
}
body .font-small-90 {
  font-size: 90%;
  font-weight: normal;
}
body .right {
  text-align: right;
}
body .bold {
  font-weight: bold;
}
body .big {
  font-size: 16px;
}
body .item-online {
  background: rgba(51, 131, 52, 0.4);
}
body .popup-page {
  margin: 0 auto;
  width: 500px;
}
body .popup-page.popup-page-content {
  background-color: #222835;
  border: 1px solid #181D27;
  margin-top: 24px;
  padding: 16px;
}
body .popup-page.popup-page-content h2 {
  color: #ffffff;
  font-size: 120%;
  font-weight: bold;
}
body .popup-page.popup-page-content .tagrow {
  display: flex;
  margin-bottom: 8px;
  padding: 0 4px 0 288px;
  position: relative;
}
body .popup-page.popup-page-content .tagrow.tagrow_header {
  background-color: #2F394B;
  color: #626467;
  line-height: 18px;
}
body .popup-page.popup-page-content .tagrow .tagsyntax {
  left: 8px;
  position: absolute;
  width: 280px;
}
body .popup-page.popup-page-content .tagrow .tags {
  color: #cc6666;
}
body .popup-page.buttons {
  margin-bottom: 48px;
  margin-top: 12px;
  text-align: right;
}
body .popup-page.buttons .btn-close {
  background: rgba(105, 170, 70, 0.3);
  border: 1px solid rgba(94, 152, 63, 0.3);
  border-radius: 3px;
  color: #fff !important;
  cursor: pointer;
  display: inline-block;
  padding: 5px 10px;
  text-decoration: none !important;
}
pre.debug {
  position: relative;
  top: 0;
  width: 100%;
  z-index: 101;
}
.cash-all {
  background: #202f3c;
  margin-bottom: 10px;
  padding: 20px 5px;
}
#screen-2 {
  display: none;
}
.screen-wrapper {
  display: inline-block;
  left: 46%;
  position: absolute;
  top: 7px;
}
.screen-wrapper span {
  border-radius: 2px;
  cursor: pointer;
  display: inline-block;
  margin: 0 2px 2px 0;
  padding: 2px;
  position: relative;
  top: -4px;
}
.screen-wrapper span.screen-view {
  background: rgba(120, 120, 120, 0.6);
  border: 1px solid rgba(85, 85, 85, 0.95);
  border-radius: 3px;
  color: #69AA46;
}
.screen-wrapper span.screen-view.active {
  background-color: rgba(61, 255, 51, 0.4);
}
.screen-wrapper i {
  margin: 1px 10px 1px;
  cursor: pointer;
}
.screen-wrapper i.screen-1 {
  color: #bbd4cb;
}
.screen-wrapper i.screen-2 {
  color: #bbd4cb;
}
.hr-1 {
  background-color: #394e5a;
  color: #394e5a;
  border: 1px;
  height: 1px;
  margin: 0 0 10px 0;
}
.hr-2 {
  background-color: #394e5a;
  color: #394e5a;
  border: 1px;
  height: 1px;
  margin: 10px 10px 10px 0;
}
.grid {
  position: relative;
  margin-bottom: 50px;
}
.grid .item {
  position: absolute;
  width: 32%;
  height: 523px;
  margin: 5px;
  z-index: 1;
}
.grid .item.muuri-item-hidden {
  z-index: 0;
}
.grid .item.muuri-item-releasing {
  z-index: 2;
}
.grid .item.muuri-item-releasing .item-content {
  border: 2px dotted #664165;
  border-radius: 3px;
}
.grid .item.muuri-item-dragging {
  z-index: 3;
}
.grid .item.muuri-item-dragging .item-content {
  border: 2px dotted #6981a8;
  border-radius: 3px;
}
.grid .item-content {
  position: relative;
  width: 100%;
  height: 100%;
  border: 2px dotted #4f638494;
  border-radius: 3px;
  cursor: grabbing;
}