@keyframes fade-in {
  from {
    opacity: .5; }
  to {
    opacity: 1; } }

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

@keyframes fade-in2 {
  from {
    opacity: 0; }
  to {
    opacity: 1; } }

body {
  background-color: #F5F5F5; }

bi-app > .quix-splash {
  position: absolute;
  width: 150px;
  height: 208px;
  top: 50%;
  left: 50%;
  margin: -104px 0 0 -75px; }

bi-app .quix-splash-logo {
  width: 150px;
  filter: drop-shadow(2px 2px 5px #b8babe); }

.quix-content {
  box-shadow: inset 0 1px 6px rgba(0, 0, 0, 0.05); }
  .quix-content .bi-section.bi-theme--dark {
    box-shadow: inset 0 1px 6px #1d242f; }

.quix-user-avatar {
  width: 24px;
  height: 24px;
  border-radius: 24px; }

.quix-checkbox {
  display: block;
  line-height: 0; }
  .quix-checkbox .bi-action {
    width: 30px;
    overflow: hidden; }
  .quix-checkbox i {
    transition: color, 0.1s;
    color: #d7d8da !important;
    font-size: 23px; }
    .quix-checkbox i:not([disabled]):hover, .quix-checkbox i:not([disabled]).checked {
      color: #686b73 !important; }

.quix-popup {
  display: none !important; }
  .quix-popup.bm--maximized {
    display: flex !important; }
  .quix-popup.quix-search-popup {
    top: 54px !important;
    left: 0 !important;
    right: 0 !important;
    bottom: 0 !important;
    padding: 0 !important;
    border-radius: 0 !important; }
    .quix-popup.quix-search-popup + .bm-backdrop {
      display: none !important; }
    .quix-popup.quix-search-popup .bm-toggle {
      display: none !important; }

.bi-table-container.bi-table--nav td [contenteditable='false'],
bi-tbl.bi-table--nav td [contenteditable='false'] {
  padding: 0 !important;
  border: 0 !important; }

.bi-table-container.bi-table--nav td [contenteditable='true'],
bi-tbl.bi-table--nav td [contenteditable='true'] {
  position: relative;
  top: 3px;
  padding-top: 0 !important; }

.bi-table-container.bi-table--nav .mark-column,
bi-tbl.bi-table--nav .mark-column {
  width: 42px;
  padding: 0; }
  .bi-table-container.bi-table--nav .mark-column .quix-checkbox,
  bi-tbl.bi-table--nav .mark-column .quix-checkbox {
    width: 30px;
    margin: 6px; }

.bi-table-container.bi-table--nav .name-column,
bi-tbl.bi-table--nav .name-column {
  padding-left: 0; }

.bi-toast {
  left: 54px !important;
  bottom: 12px !important; }