mrm_be/Resources/Public/Css/dkz_page_tree.css

@keyframes ldio {
   0% { transform: translate(6px,40px) scale(0); }
  25% { transform: translate(6px,40px) scale(0); }
  50% { transform: translate(6px,40px) scale(1); }
  75% { transform: translate(40px,40px) scale(1); }
 100% { transform: translate(74px,40px) scale(1); }
}
@keyframes ldio-r {
   0% { transform: translate(74px,40px) scale(1): }
 100% { transform: translate(74px,40px) scale(0); }
}
@keyframes ldio-c {
   0% { background: #0a0a0a }
  25% { background: #f9ae5c }
  50% { background: #ffffff }
  75% { background: #28292f }
 100% { background: #0a0a0a }
}
.ldio div {
  position: absolute;
  width: 20px;
  height: 20px;
  border-radius: 50%;
  transform: translate(40px,40px) scale(1);
  background: #0a0a0a;
  animation: ldio 1s infinite cubic-bezier(0,0.5,0.5,1);
}
.ldio div:nth-child(1) {
  background: #28292f;
  transform: translate(74px,40px) scale(1);
  animation: ldio-r 0.25s infinite cubic-bezier(0,0.5,0.5,1), ldio-c 1s infinite step-start;
}.ldio div:nth-child(2) {
  animation-delay: -0.25s;
  background: #0a0a0a;
}.ldio div:nth-child(3) {
  animation-delay: -0.5s;
  background: #28292f;
}.ldio div:nth-child(4) {
  animation-delay: -0.75s;
  background: #ffffff;
}.ldio div:nth-child(5) {
  animation-delay: -1s;
  background: #f9ae5c;
}
.loadingio-spinner-ellipsis {
  width: 14px;
  height: 14px;
  display: inline-block;
  overflow: hidden;
  background: rgba(241, 242, 243, .75);
}
.ldio {
  width: 100%;
  height: 100%;
  position: relative;
  transform: translateZ(0) scale(0.14);
  backface-visibility: hidden;
  transform-origin: 0 0; /* see note above */
}
.ldio div { box-sizing: content-box; }

.mrm_be_dkz_form_hidden{
  display: none;
}

.mrm_be_dkz_form_read-only{
  color: #737373;
  background-color: #f5f5f5;
  opacity: 1;
  pointer-events: none;
}

.mrm_be_dkz_pagetree_tabs{
  display: flex;
  align-items: flex-start;
  margin-bottom: -1px;
}

  .mrm_be_dkz_pagetree_tabs > div{
    border: 1px solid #EDBB99;
    padding: 0.5em 1em;
    border-top-left-radius: 4px;
    border-top-right-radius: 4px;
    border-bottom: 0;
    cursor: pointer;
    margin-right: 3px;
  }

    .mrm_be_dkz_pagetree_tabs > div.active{
      background: #FBEEE6;
    }

.mrm_be_dkz_loader{
  display: none;
  background: rgba(241, 242, 243, .75);
  align-items: center;
  justify-content: center;
  position: absolute;
  top: 0;
  left: 0;
  right: 0;
  bottom: 0;
  flex-direction: column;
}

  .mrm_be_dkz_loader.in{
    display: flex;
  }

.mrm_be_dkz_pagetree_holder.out,
.mrm_be_dkz_search_holder.out{
  display: none;
}

.mrm_be_dkz_pagetree_holder,
.mrm_be_dkz_search_holder{
  background: #FBEEE6;
  border: 1px solid #EDBB99;
  padding: 1em 1em 1em 0;
  border-bottom-right-radius: 0;
  border-bottom-left-radius: 0;
}

  .mrm_be_dkz_pagetree_holder,
  .mrm_be_dkz_search_holder .search-results{
    max-height: 550px;
    overflow-y: auto;
  }

  .mrm_be_dkz_pagetree_holder details{
    margin-left: 1em;
  }

    .mrm_be_dkz_pagetree_holder details summary{
      display: list-item;
      cursor: default;
    }

      .mrm_be_dkz_pagetree_holder details summary:hover{
        background: #EDBB99;
      }

      .mrm_be_dkz_search_holder .itm-checker,
      .mrm_be_dkz_pagetree_holder details .itm-checker{
        margin-right: 4px;
      }

        .mrm_be_dkz_search_holder .itm-checker:hover,
        .mrm_be_dkz_pagetree_holder details .itm-checker:hover{
          text-decoration: none;
          background: #FBEEE6;
        }

        .mrm_be_dkz_search_holder .itm-checker .yes,
        .mrm_be_dkz_pagetree_holder details .itm-checker .yes{
          display: none;
        }
        .mrm_be_dkz_search_holder .itm-checker.checked .yes,
        .mrm_be_dkz_pagetree_holder details .itm-checker.checked .yes{
          display: inline;
        }
        .mrm_be_dkz_search_holder .itm-checker .no,
        .mrm_be_dkz_pagetree_holder details .itm-checker .no{
          display: inline;
        }
        .mrm_be_dkz_search_holder .itm-checker.checked .no,
        .mrm_be_dkz_pagetree_holder details .itm-checker.checked .no{
          display: none;
        }

      .mrm_be_dkz_pagetree_holder details div.not-collapsible{
        margin-left: 28px;
      }

.mrm_be_dkz_pagetree_result_holder{
  display: flex;
  flex-direction: row;
  border: 1px solid #EDBB99;
  border-top-left-radius: 0;
  border-top-right-radius: 0;
  max-height: 150px;
}

  .mrm_be_dkz_pagetree_result_holder > div {
    padding: 1em;
    background: #FBEEE6;
    overflow-y: auto;
  }

    .mrm_be_dkz_pagetree_result_holder > div ul{
      padding-left: 1.3em;
    }

  .mrm_be_dkz_pagetree_result_holder .selections{
    flex: 0.65;
  }

  .mrm_be_dkz_pagetree_result_holder .sws{
    border-left: 1px solid #EDBB99;
    flex: 0.35;
  }

.mrm_be_dkz_search_holder{
  padding: 1em;
}

  .mrm_be_dkz_search_holder form{
    border-bottom: 1px solid #EDBB99;
    display: flex;
    padding-bottom: 1em;
    margin-bottom: 1em;
    justify-content: flex-start;
  }

    .mrm_be_dkz_search_holder form #searchQuery{
      flex: 1;
      margin-right: 0.5em;
    }